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

package/package.json

@@ -1,143 +1,137 @@
-{
-  "name": "@stokr/components-library",
-  "version": "3.0.76",
-  "description": "STOKR - Components Library",
-  "author": "Bilal Hodzic <bilal@stokr.io>",
-  "license": "MIT",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./auth": {
-      "import": "./dist/auth/index.js",
-      "default": "./dist/auth/index.js"
-    },
-    "./auth/index.js": "./dist/auth/index.js",
-    "./ionicons.css": "./dist/static/fonts/Ionicons/ionicons.min.css",
-    "./dist/*": "./dist/static/*"
-  },
-  "sideEffects": [
-    "**/*.css",
-    "./dist/styles/global.js",
-    "./dist/styles/ioniconsStyles.js",
-    "./dist/components/Slider/Slider.js",
-    "./dist/components/LearnMoreCarousel/LearnMoreCarousel.js"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "http://46.101.229.186:3000/stokr/components-library"
-  },
-  "scripts": {
-    "build": "vite build",
-    "build-storybook": "storybook build",
-    "build-storybook-docs": "storybook build -s public --docs",
-    "copy:static": "node -e \"require('fs').cpSync('src/static', 'dist/static', {recursive: true})\"",
-    "build:dist": "vite build && npm run copy:static",
-    "prepare": "npm run build:dist",
-    "storybook": "storybook dev -p 6006",
-    "start": "npm run storybook",
-    "format": "prettier --write ./src",
-    "lint": "eslint src",
-    "chromatic": "CHROMATIC_APP_CODE=7kzdke5umep chromatic",
-    "release": "auto shipit",
-    "pub": "npm run publish:build && npm publish --access public",
-    "publish:build": "npm run build:dist",
-    "dev": "vite dev",
-    "serve": "npx http-server ./storybook-static -p 9009"
-  },
-  "dependencies": {
-    "@floating-ui/react": "^0.27.20",
-    "@lottiefiles/dotlottie-react": "^0.19.4",
-    "axios": "^1.13.5",
-    "country-flag-icons": "^1.6.17",
-    "date-fns": "^4.1.0",
-    "date-fns-tz": "^3.2.0",
-    "dompurify": "^3.2.4",
-    "firebase": "^12.4.0",
-    "formik": "^2.2.9",
-    "html-react-parser": "^5.0.6",
-    "js-cookie": "^3.0.5",
-    "mixpanel-browser": "^2.74.0",
-    "moment": "^2.30.1",
-    "moment-timezone": "^0.6.0",
-    "prop-types": "^15.8.1",
-    "qrcode.react": "^4.2.0",
-    "react-collapse": "^5.1.1",
-    "react-copy-to-clipboard": "^5.1.0",
-    "react-custom-scrollbars-4": "^4.5.1",
-    "react-day-picker": "^9.11.1",
-    "react-helmet": "^6.1.0",
-    "react-intersection-observer": "^10.0.2",
-    "react-otp-input": "^3.1.0",
-    "react-portal": "^4.2.2",
-    "react-range": "^1.8.14",
-    "react-select": "^5.7.0",
-    "react-slick": "^0.31.0",
-    "react-table": "^7.8.0",
-    "slick-carousel": "^1.8.1",
-    "yup": "^1.0.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-router-dom": "^6.0.0 || ^7.0.0",
-    "styled-components": "^6.0.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^5.1.2",
-    "@eslint-react/eslint-plugin": "^1.53.1",
-    "@eslint/js": "^9.39.2",
-    "@storybook/addon-docs": "^10.3.6",
-    "@storybook/addon-links": "^10.3.6",
-    "@storybook/builder-vite": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
-    "@types/node": "^25.0.10",
-    "@types/react": "^19.2.9",
-    "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.53.1",
-    "@typescript-eslint/parser": "^8.53.1",
-    "@vitejs/plugin-react": "^5.1.2",
-    "cross-env": "^10.1.0",
-    "depcheck": "^1.4.7",
-    "eslint": "^9.39.2",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "eslint-plugin-storybook": "10.3.6",
-    "http-server": "^14.1.1",
-    "prettier": "^3.8.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-router-dom": "^6.30.3",
-    "storybook": "^10.3.6",
-    "styled-components": "^6.0.7",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lottie": "^1.0.1",
-    "vite-plugin-svgr": "4.5.0"
-  },
-  "overrides": {
-    "minimatch": "^10.2.1"
-  },
-  "bugs": {
-    "url": "https://github.com/stokr-io/components-library/issues"
-  },
-  "homepage": "https://github.com/stokr-io/components-library#readme",
-  "keywords": [
-    "stokr",
-    "components-library",
-    "story-book"
-  ]
-}
+{
+  "name": "@stokr/components-library",
+  "version": "3.1.0-alpha.1",
+  "description": "STOKR - Components Library",
+  "author": "Bilal Hodzic <bilal@stokr.io>",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./ionicons.css": "./dist/static/fonts/Ionicons/ionicons.min.css",
+    "./dist/*": "./dist/static/*"
+  },
+  "sideEffects": [
+    "**/*.css",
+    "./dist/styles/global.js",
+    "./dist/styles/ioniconsStyles.js",
+    "./dist/components/Slider/Slider.js",
+    "./dist/components/LearnMoreCarousel/LearnMoreCarousel.js"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "http://46.101.229.186:3000/stokr/components-library"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build-storybook": "storybook build",
+    "build-storybook-docs": "storybook build -s public --docs",
+    "copy:static": "node -e \"require('fs').cpSync('src/static', 'dist/static', {recursive: true})\"",
+    "build:dist": "vite build && npm run copy:static",
+    "prepare": "npm run build:dist",
+    "storybook": "storybook dev -p 6006",
+    "start": "npm run storybook",
+    "format": "prettier --write ./src",
+    "lint": "eslint src",
+    "chromatic": "CHROMATIC_APP_CODE=7kzdke5umep chromatic",
+    "release": "auto shipit",
+    "pub": "npm run publish:build && npm publish --access public",
+    "publish:build": "npm run build:dist",
+    "dev": "vite dev",
+    "serve": "npx http-server ./storybook-static -p 9009"
+  },
+  "dependencies": {
+    "@floating-ui/react": "^0.27.20",
+    "@lottiefiles/dotlottie-react": "^0.19.4",
+    "axios": "^1.13.5",
+    "country-flag-icons": "^1.6.17",
+    "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
+    "dompurify": "^3.2.4",
+    "formik": "^2.2.9",
+    "html-react-parser": "^5.0.6",
+    "js-cookie": "^3.0.5",
+    "mixpanel-browser": "^2.74.0",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.6.0",
+    "prop-types": "^15.8.1",
+    "qrcode.react": "^4.2.0",
+    "react-collapse": "^5.1.1",
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-custom-scrollbars-4": "^4.5.1",
+    "react-day-picker": "^9.11.1",
+    "react-helmet": "^6.1.0",
+    "react-intersection-observer": "^10.0.2",
+    "react-otp-input": "^3.1.0",
+    "react-portal": "^4.2.2",
+    "react-range": "^1.8.14",
+    "react-select": "^5.7.0",
+    "react-slick": "^0.31.0",
+    "react-table": "^7.8.0",
+    "slick-carousel": "^1.8.1",
+    "yup": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router-dom": "^6.0.0 || ^7.0.0",
+    "styled-components": "^6.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.3.1",
+    "@eslint-react/eslint-plugin": "^1.53.1",
+    "@eslint/js": "^9.39.2",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/builder-vite": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@types/node": "^25.0.10",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.53.1",
+    "@typescript-eslint/parser": "^8.53.1",
+    "@vitejs/plugin-react": "^5.1.2",
+    "cross-env": "^10.1.0",
+    "depcheck": "^1.4.7",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-storybook": "10.6.0",
+    "http-server": "^14.1.1",
+    "prettier": "^3.8.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-router-dom": "^6.30.3",
+    "storybook": "^10.6.0",
+    "styled-components": "^6.0.7",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.54.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lottie": "^1.0.1",
+    "vite-plugin-svgr": "4.5.0"
+  },
+  "overrides": {
+    "minimatch": "^10.2.1"
+  },
+  "bugs": {
+    "url": "https://github.com/stokr-io/components-library/issues"
+  },
+  "homepage": "https://github.com/stokr-io/components-library#readme",
+  "keywords": [
+    "stokr",
+    "components-library",
+    "story-book"
+  ]
+}

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