@stokr/components-library 3.0.20 → 3.0.22

package/dist/components/Header/Header.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useMemo, useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { Button } from "../Button/Button.styles.js";
 import stdin_default$1 from "../SvgIcons/LogoSvg.js";
@@ -18,46 +18,14 @@ import { checkTodoStatus } from "../../utils/check-todo-status.js";
 import { Breakdown } from "../breakdown/Breakdown.js";
 import { socialSvg } from "../Footer/FooterMenu.js";
 import { Wrapper, FlexContainer } from "../Grid/Grid.styles.js";
-import { footerGroups } from "../Footer/FooterLayout.js";
-import { platformURL, platformDomain } from "../../constants/globalVariables.js";
+import { getFooterGroups } from "../Footer/FooterLayout.js";
+import { getPlatformURL } from "../../constants/globalVariables.js";
+import { getDashboardBaseUrl, getAdminAppUrl } from "../../utils/app-urls.js";
+import { withRouter } from "../../utils/withRouter.js";
 import { sizes } from "../../styles/rwd.js";
 import { track } from "../../analytics/index.js";
-const productMenuItems = [
-  {
-    name: "End-to-End Tokenization",
-    onClick: () => {
-      track("header_link_clicked", { link: "end-to-end tokenization" });
-      window.location.href = `${platformURL}/solutions/asset-tokenization`;
-    },
-    link: "/solutions/asset-tokenization"
-  },
-  {
-    name: "Tokenization-as-a-Service",
-    onClick: () => {
-      track("header_link_clicked", { link: "tokenization-as-a-service" });
-      window.location.href = `${platformURL}/solutions/tokenization-as-service`;
-    },
-    link: "/solutions/tokenization-as-service"
-  }
-];
-const mediaMenuItems = [
-  {
-    name: "Press Releases",
-    onClick: () => {
-      track("header_link_clicked", { link: "press releases" });
-      window.location.href = `${platformURL}/press-releases`;
-    },
-    link: "/press-releases"
-  },
-  {
-    name: "Stoke Post",
-    onClick: () => {
-      track("header_link_clicked", { link: "stoke post" });
-      window.location.href = `${platformURL}/stoke-post`;
-    },
-    link: "/stoke-post"
-  }
-];
+import { navigateToHref, navigateApp } from "../../routing/navigate-app.js";
+import { AppSurface, AppRoute } from "../../routing/app-routes.js";
 const UserAvatarComponent = ({ avatar }) => {
   const [photo, setphoto] = useState(avatarPlaceholder);
   const prevAvatar = usePrevious(avatar);
@@ -83,18 +51,26 @@ const UserAvatarComponent = ({ avatar }) => {
   }, [avatar]);
   return /* @__PURE__ */ jsx(UserAvatar, { src: photo });
 };
-const RenderSubMenu = ({ title, isActive, subMenuItems = [], onClick = () => {
-}, _platformURL = "" }) => {
+const RenderSubMenu = ({
+  title,
+  isActive,
+  subMenuItems = [],
+  onClick = () => {
+  },
+  _platformURL = "",
+  platformURL: platformURLProp = ""
+}) => {
+  const basePlatformUrl = _platformURL || platformURLProp;
   return /* @__PURE__ */ jsxs(MobileMenuWrapper, { onClick, children: [
     /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsxs(StyledSubMenu, { children: [
       /* @__PURE__ */ jsx("a", { children: title }),
       /* @__PURE__ */ jsx(ArrowDown, { displayAlways: true, isOpened: isActive, style: { right: "-2em", position: "absolute" } })
     ] }) }),
-    /* @__PURE__ */ jsx(Collapse, { isOpened: isActive, children: subMenuItems.map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { red: true, children: /* @__PURE__ */ jsx(MobileMenuLink, { href: _platformURL + item.link, children: item.name }) }, item.name)) })
+    /* @__PURE__ */ jsx(Collapse, { isOpened: isActive, children: subMenuItems.map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { red: true, children: /* @__PURE__ */ jsx(MobileMenuLink, { href: basePlatformUrl + item.link, children: item.name }) }, item.name)) })
   ] });
 };
-const socialLinks = footerGroups?.filter((group) => group.social)[0].items || [];
-const Header = ({
+function HeaderView({
+  navigate = null,
   activeMenu = null,
   activateMenu = () => {
   },
@@ -116,7 +92,49 @@ const Header = ({
   signupFlow = false,
   noFixedPosition = false,
   withoutLoginSignupButton = false
-}) => {
+}) {
+  const productMenuItems = useMemo(
+    () => [
+      {
+        name: "End-to-End Tokenization",
+        onClick: () => {
+          track("header_link_clicked", { link: "end-to-end tokenization" });
+          navigateToHref(navigate, `${getPlatformURL()}/solutions/asset-tokenization`);
+        },
+        link: "/solutions/asset-tokenization"
+      },
+      {
+        name: "Tokenization-as-a-Service",
+        onClick: () => {
+          track("header_link_clicked", { link: "tokenization-as-a-service" });
+          navigateToHref(navigate, `${getPlatformURL()}/solutions/tokenization-as-service`);
+        },
+        link: "/solutions/tokenization-as-service"
+      }
+    ],
+    [navigate]
+  );
+  const mediaMenuItems = useMemo(
+    () => [
+      {
+        name: "Press Releases",
+        onClick: () => {
+          track("header_link_clicked", { link: "press releases" });
+          navigateToHref(navigate, `${getPlatformURL()}/press-releases`);
+        },
+        link: "/press-releases"
+      },
+      {
+        name: "Stoke Post",
+        onClick: () => {
+          track("header_link_clicked", { link: "stoke post" });
+          navigateToHref(navigate, `${getPlatformURL()}/stoke-post`);
+        },
+        link: "/stoke-post"
+      }
+    ],
+    [navigate]
+  );
   const [currentActiveMenu, setcurrentActiveMenu] = useState(null);
   const [currentActiveSubMenu, setcurrentActiveSubMenu] = useState(null);
   const prevActiveMenu = usePrevious(activeMenu);
@@ -164,13 +182,14 @@ const Header = ({
   const userType = user && user.user_type;
   const isAdmin = userType === "company_pa" || userType === "company_sa" || userType === "sa";
   const isVentureDashboard = withSidebar;
-  const newPlatformUrl = useRelativePathForMenu ? "" : platformURL;
-  const newPlatformUrlForUserMenu = useRelativePathForUserMenu ? "" : `https://dashboard.${platformDomain}`;
+  const socialLinks = getFooterGroups()?.filter((group) => group.social)[0]?.items || [];
+  const newPlatformUrl = useRelativePathForMenu ? "" : getPlatformURL();
+  const newPlatformUrlForUserMenu = useRelativePathForUserMenu ? "" : getDashboardBaseUrl();
   return /* @__PURE__ */ jsx(StyledHeader, { noFixedPosition, children: /* @__PURE__ */ jsxs(Wrapper, { flex: withSidebar, children: [
     withSidebar && /* @__PURE__ */ jsx(SidebarToggle, { isSidebarExpanded, onClick: sidebarHandler, children: /* @__PURE__ */ jsx(HamburgerIcon, {}) }),
     /* @__PURE__ */ jsxs(HeaderInner, { withSidebar, children: [
       /* @__PURE__ */ jsxs(MainNavWrap, { hasProgress: progress, children: [
-        /* @__PURE__ */ jsx(Logo, { isHighlight: currentActiveMenu === "main", children: /* @__PURE__ */ jsx("a", { href: platformURL, "data-cy": "logo-nav-link", children: /* @__PURE__ */ jsx(stdin_default$1, {}) }) }),
+        /* @__PURE__ */ jsx(Logo, { isHighlight: currentActiveMenu === "main", children: /* @__PURE__ */ jsx("a", { href: getPlatformURL(), "data-cy": "logo-nav-link", children: /* @__PURE__ */ jsx(stdin_default$1, {}) }) }),
         !progress && /* @__PURE__ */ jsx(HeaderMainNav, { children: /* @__PURE__ */ jsx(MenuNav, { children: /* @__PURE__ */ jsxs("ul", { children: [
           /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
             "a",
@@ -242,7 +261,7 @@ const Header = ({
             LoginButton,
             {
               onClick: () => {
-                isAdmin ? window.location.href = "https://admin." + platformDomain : window.location.href = `${newPlatformUrlForUserMenu}/overview`;
+                isAdmin ? navigateApp(navigate, AppSurface.ADMIN, "") : !newPlatformUrlForUserMenu ? navigate(AppRoute.OVERVIEW) : navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.OVERVIEW);
               },
               "data-cy": "dashboard-nav-link",
               children: "Dashboard"
@@ -307,9 +326,35 @@ const Header = ({
           /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { href: newPlatformUrl + "/team", children: "Team" }) })
         ] }) }) }) }),
         user?._id || user?.uid ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          !signupFlow && /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, flexColumn: true, borderTop: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsx("ul", { children: isAdmin ? /* @__PURE__ */ jsx(Fragment, { children: isVentureDashboard ? /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx("a", { href: "/settings", children: "Settings" }) }) : /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx("a", { href: "https://admin." + platformDomain, onClick: () => toggleMenu("main"), children: "Dashboard" }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          !signupFlow && /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, flexColumn: true, borderTop: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsx("ul", { children: isAdmin ? /* @__PURE__ */ jsx(Fragment, { children: isVentureDashboard ? /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx("a", { href: "/settings", children: "Settings" }) }) : /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: getAdminAppUrl(),
+              onClick: (e) => {
+                e.preventDefault();
+                navigateApp(navigate, AppSurface.ADMIN, "");
+                toggleMenu("main");
+              },
+              children: "Dashboard"
+            }
+          ) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs(MobileMenuItem, { children: [
-              /* @__PURE__ */ jsx("a", { href: `${newPlatformUrlForUserMenu}/overview`, onClick: () => toggleMenu("main"), children: "Dashboard" }),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: newPlatformUrlForUserMenu ? `${newPlatformUrlForUserMenu}${AppRoute.OVERVIEW}` : AppRoute.OVERVIEW,
+                  onClick: (e) => {
+                    e.preventDefault();
+                    if (newPlatformUrlForUserMenu) {
+                      navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.OVERVIEW);
+                    } else {
+                      navigate(AppRoute.OVERVIEW);
+                    }
+                    toggleMenu("main");
+                  },
+                  children: "Dashboard"
+                }
+              ),
               checkTodoStatus(user) > 0 && /* @__PURE__ */ jsx(NotificationCounter, { mobileMenu: true, children: checkTodoStatus(user) })
             ] }),
             /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
@@ -391,13 +436,16 @@ const Header = ({
           isAdmin,
           notifications: checkTodoStatus(user),
           isVentureDashboard,
-          platformUrlForUserMenu: newPlatformUrlForUserMenu
+          platformUrlForUserMenu: newPlatformUrlForUserMenu,
+          navigate
         }
       )
     ] })
   ] }) });
-};
-Header.propTypes = {
+}
+const Header = withRouter(HeaderView);
+HeaderView.propTypes = {
+  navigate: PropTypes.func,
   progress: PropTypes.shape({
     items: PropTypes.arrayOf(PropTypes.object).isRequired,
     doneIndex: PropTypes.number,

package/dist/components/MainMenu/MainMenu.js

@@ -5,7 +5,9 @@ import { Collapse } from "react-collapse";
 import { StyledMainMenu, MainMenuContainer, MainMenuOptions, MainMenuOption, ExpandArrow, Settings, SettingsOptions, SettingsOption } from "./MainMenu.styles.js";
 import { Button } from "../Button/Button.styles.js";
 import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
-import { platformDomain } from "../../constants/globalVariables.js";
+import { AppSurface, AppRoute } from "../../routing/app-routes.js";
+import "../../constants/globalVariables.js";
+import { navigateApp } from "../../routing/navigate-app.js";
 import { withRouter } from "../../utils/withRouter.js";
 class MainMenuClass extends PureComponent {
   state = {
@@ -52,7 +54,8 @@ class MainMenuClass extends PureComponent {
       logoutUser,
       admin: isAdmin = false,
       platformUrlForUserMenu,
-      isVentureDashboard
+      isVentureDashboard,
+      navigate
     } = this.props;
     const spanStyleForMenu = {
       letterSpacing: "1.5px",
@@ -80,7 +83,13 @@ class MainMenuClass extends PureComponent {
                     isVenture: isAdmin,
                     isDashboard: true,
                     onClick: () => {
-                      isAdmin ? window.location.href = `https://admin.${platformDomain}` : window.location.href = `${platformUrlForUserMenu}/overview`;
+                      if (isAdmin) {
+                        navigateApp(navigate, AppSurface.ADMIN, "");
+                      } else if (!platformUrlForUserMenu) {
+                        navigate(AppRoute.OVERVIEW);
+                      } else {
+                        navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.OVERVIEW);
+                      }
                     },
                     children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Dashboard" })
                   }
@@ -199,7 +208,8 @@ class MainMenuClass extends PureComponent {
 }
 MainMenuClass.propTypes = {
   isMenuActive: PropTypes.bool.isRequired,
-  admin: PropTypes.bool
+  admin: PropTypes.bool,
+  navigate: PropTypes.func
 };
 const MainMenu = withRouter(MainMenuClass);
 var stdin_default = MainMenu;

package/dist/components/Modal/NewVentureModal/NewVentureModal.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useContext } from "react";
+import { useNavigate } from "react-router-dom";
 import PropTypes from "prop-types";
 import { Formik } from "formik";
 import * as Yup from "yup";
@@ -14,6 +15,8 @@ import { Input } from "../../Input/Input.js";
 import stdin_default$1 from "../../Checkbox/Checkbox.js";
 import { Button } from "../../Button/Button.styles.js";
 import { useNewVentureForm } from "../../../hooks/useNewVentureForm.js";
+import { AppRoute, AppSurface } from "../../../routing/app-routes.js";
+import { navigateApp } from "../../../routing/navigate-app.js";
 import { ModalInner } from "../Modal.styles.js";
 import { FormField, FormError } from "../../Form/Form.styles.js";
 const defaultProject = {
@@ -24,6 +27,7 @@ const defaultProject = {
   description: ""
 };
 const NewVentureModal = (props) => {
+  const navigate = useNavigate();
   const { user } = useContext(AuthContext);
   const {
     title = "Register Your Interest",
@@ -95,9 +99,9 @@ const NewVentureModal = (props) => {
                   onSuccessMessageBtnClick();
                 } else {
                   if (user?._id) {
-                    window.location.href = `https://dashboard.${"stokr.info"}/checklist`;
+                    navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.CHECKLIST);
                   } else {
-                    window.location.href = `/signup?email=${email}`;
+                    navigate(`/signup?email=${encodeURIComponent(email)}`);
                   }
                 }
               },

package/dist/components/Payment/PaymentDetailsCard.js

@@ -258,7 +258,7 @@ const AmountBlock = ({ config }) => {
     return /* @__PURE__ */ jsx(CurrencyLogo, { color: logoColor });
   };
   return /* @__PURE__ */ jsxs(AmountSection, { children: [
-    /* @__PURE__ */ jsx(AmountLabel, { hasSubtitle: !!subtitle, children: label }),
+    /* @__PURE__ */ jsx(AmountLabel, { children: label }),
     /* @__PURE__ */ jsxs(AmountDisplay, { children: [
       /* @__PURE__ */ jsxs(AmountLeft, { children: [
         renderCurrencyLogo(),

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

@@ -26,8 +26,9 @@ import "../../model/axios.js";
 import "../Layout/Layout.js";
 import "../LoginModal/LoginModal.js";
 import "../ForgotPasswordModal/ForgotPasswordModal.js";
-import "../2FA/main-flow.js";
 import { emailRegex } from "../../constants/globalVariables.js";
+import "react-router-dom";
+import "../2FA/main-flow.js";
 const renderSuccessModal = (continueUrl) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
   stdin_default$1,
   {

package/dist/components/headerHo/HeaderHo.js

@@ -30,12 +30,16 @@ import "js-cookie";
 import "../../model/axios.js";
 import "../Layout/Layout.js";
 import stdin_default$3 from "../2FA/ResetCode.js";
-import { authAPI } from "../../api/auth.js";
+import { authenticationApi } from "../../api/authenticationApi.js";
+import { buildOnboardingUrl } from "../../utils/app-urls.js";
+import "react-router-dom";
 import "../2FA/main-flow.js";
 import fetchDataPublic from "../../api/fetchDataPublic.js";
 import { withRouter } from "../../utils/withRouter.js";
 import { checkActionCode } from "firebase/auth";
 import { auth } from "../../firebase-config.js";
+import { navigateApp } from "../../routing/navigate-app.js";
+import { AppSurface } from "../../routing/app-routes.js";
 const Outer = styled.div.withConfig({
   shouldForwardProp: (props) => !["fixed"].includes(props)
 })`
@@ -233,7 +237,6 @@ const _HeaderHoClass = class _HeaderHoClass extends Component {
     }
     if (verifyEmailError?.code === "auth/invalid-action-code" && !window.location.href.includes("login")) {
       this.props.navigate("/login");
-      this.props.navigate(0);
     }
     if (!isFetchingUser) {
       this.checkForModals();
@@ -553,7 +556,7 @@ const _HeaderHoClass = class _HeaderHoClass extends Component {
               payload.ventureInvite = true;
             }
             try {
-              await authAPI("forgotPass", payload);
+              await authenticationApi.post("forgotPass", payload);
               this.setPopupSuccess(
                 "forgot",
                 `We sent a message to ${email} (you might need to check your junk or spam folder) — tap the link inside to create a new password.`
@@ -651,7 +654,7 @@ const _HeaderHoClass = class _HeaderHoClass extends Component {
             const query = new URLSearchParams(location?.search);
             let userType = query.get("user_type");
             if (userType && userType === "sa") {
-              window.open(`https://backoffice.${"stokr.info"}`);
+              navigateApp(this.props.navigate, AppSurface.BACKOFFICE, "");
             } else {
               this.switchOpenModal("confirmReset", "login");
             }
@@ -666,7 +669,7 @@ const _HeaderHoClass = class _HeaderHoClass extends Component {
           popupError: this.state.popupError,
           popupSuccess: this.state.popupSuccess,
           isModalOpen: isModalOpen.verifyEmail,
-          continueUrl: `https://signup.${"stokr.info"}/welcome`,
+          continueUrl: buildOnboardingUrl("/welcome"),
           error: verifyEmailError,
           isSuccess: !verifyEmailError,
           onModalSwitch: () => {

package/dist/config.js

@@ -1,11 +1,11 @@
 import { initFirebase } from "./firebase-config.js";
 import axiosInstance from "./model/axios.js";
 import axiosInstance$1 from "./model/axiosPublic.js";
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_BASE_URL_PUBLIC": "https://platform-api-no-auth.stokr.info/api/v1", "VITE_COOKIE_DOMAIN": "stokr.info", "VITE_FIREBASE_API_KEY": "AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c", "VITE_FIREBASE_APP_ID": "1:568229412804:web:2391857e3e2a0b02346e91", "VITE_FIREBASE_AUTH_DOMAIN": "stokr-development-env.firebaseapp.com", "VITE_FIREBASE_MEASUREMENT_ID": "G-CP53SZVSMN", "VITE_FIREBASE_MESSAGING_SENDER_ID": "568229412804", "VITE_FIREBASE_PROJECT_ID": "stokr-development-env", "VITE_FIREBASE_STORAGE_BUCKET": "stokr-development-env.appspot.com", "VITE_MIXPANEL_TOKEN": "a7bb1e881f9b2600762fded84d8ce0ea", "VITE_PHOTO_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_WEBSITE_DOMAIN": "stokr.info" };
-const _overrides = {};
+import { assignRuntimeConfig } from "./runtime-config.js";
+import { getConfig, resetRuntimeConfig } from "./runtime-config.js";
 let _lastFirebaseConfig = null;
 function configure(config = {}) {
-  Object.assign(_overrides, config);
+  assignRuntimeConfig(config);
   if (config.apiUrl != null) {
     axiosInstance.defaults.baseURL = config.apiUrl;
   }
@@ -20,25 +20,9 @@ function configure(config = {}) {
 function getLastFirebaseConfig() {
   return _lastFirebaseConfig;
 }
-function env(name) {
-  try {
-    return __vite_import_meta_env__?.[name];
-  } catch {
-    return void 0;
-  }
-}
-function getConfig(key) {
-  const envMap = {
-    apiUrl: "VITE_API_URL",
-    baseUrlPublic: "VITE_BASE_URL_PUBLIC",
-    cookieDomain: "VITE_COOKIE_DOMAIN",
-    websiteDomain: "VITE_WEBSITE_DOMAIN",
-    photoApiUrl: "VITE_PHOTO_API_URL"
-  };
-  return _overrides[key] ?? env(envMap[key]);
-}
 export {
   configure,
   getConfig,
-  getLastFirebaseConfig
+  getLastFirebaseConfig,
+  resetRuntimeConfig
 };

package/dist/constants/globalVariables.js

@@ -1,5 +1,8 @@
-const platformDomain = "stokr.info";
-const platformURL = "https://" + platformDomain;
+import { getConfig } from "../runtime-config.js";
+function getPlatformURL() {
+  const domain = getConfig("websiteDomain");
+  return domain ? `https://${domain}` : "";
+}
 const walletTypes = {
   LIQUID: "liquid"
 };
@@ -80,8 +83,7 @@ export {
   USInvestorAcreditationStatuses,
   UserTypes,
   emailRegex,
-  platformDomain,
-  platformURL,
+  getPlatformURL,
   transactionTypeDisplayNames,
   walletTypes
 };

package/dist/context/Auth.js

@@ -2,9 +2,10 @@ import Cookies from "js-cookie";
 import axios from "axios";
 import axiosInstance from "../model/axios.js";
 import getCookieDomain from "../utils/get-cookie-domain.js";
-import { getConfig, getLastFirebaseConfig } from "../config.js";
+import { getLastFirebaseConfig } from "../config.js";
 import { getFirebaseAuth, initFirebase } from "../firebase-config.js";
 import { signInWithEmailAndPassword, createUserWithEmailAndPassword, applyActionCode, verifyPasswordResetCode, confirmPasswordReset, onAuthStateChanged, signInWithCustomToken, updatePassword, updateProfile } from "firebase/auth";
+import { getConfig } from "../runtime-config.js";
 function normalizeCustomToken(token) {
   if (token == null) return "";
   if (typeof token === "object" && token !== null) {
@@ -61,7 +62,9 @@ class Auth {
   static async login(email, password) {
     const auth = getFirebaseAuth();
     if (!auth) {
-      throw new Error("Firebase is not configured. Set VITE_FIREBASE_API_KEY (and other env vars) for auth.");
+      throw new Error(
+        "Firebase is not configured. Pass config.firebase via configure() / AuthProvider, or set VITE_FIREBASE_* for dev."
+      );
     }
     try {
       const userCredential = await signInWithEmailAndPassword(auth, email, password);

package/dist/context/AuthContext.js

@@ -5,7 +5,11 @@ import React__default, { Component } from "react";
 import fetchData from "../api/fetchData.js";
 import { identify, reset } from "../analytics/index.js";
 import { withRouter } from "../utils/withRouter.js";
-import { configure, getConfig } from "../config.js";
+import { configure } from "../config.js";
+import { AppSurface, AppRoute } from "../routing/app-routes.js";
+import { resolveAppHref, isAlreadyOnOnboardingFlow } from "../routing/resolve-app-href.js";
+import { navigateToHref, navigateApp } from "../routing/navigate-app.js";
+import { getConfig } from "../runtime-config.js";
 import { Text } from "../components/Text/Text.styles.js";
 import { getFirebaseAuth } from "../firebase-config.js";
 import { Auth } from "./Auth.js";
@@ -304,7 +308,8 @@ class AuthProviderClass extends Component {
       loggedOutDueToCookieExpiry: options.dueToCookieExpiry === true
     });
     if (redirect) {
-      window.location.href = `https://${getConfig("websiteDomain")}`;
+      const home = resolveAppHref(AppSurface.INVESTOR_ROOT, "") || `https://${getConfig("websiteDomain")}`;
+      navigateToHref(this.props.navigate, home);
     }
   };
   clearLoggedOutDueToInactivity = () => {
@@ -405,11 +410,11 @@ class AuthProviderClass extends Component {
   checkUserIsValid = (user) => {
     if (!user) {
       throw new Error("User is not defined");
-    } else if (!user?.emailVerified && !window.location.href.includes("signup.")) {
-      window.location.href = `https://signup.${getConfig("websiteDomain")}/resend-activation-email`;
+    } else if (!user?.emailVerified && !isAlreadyOnOnboardingFlow()) {
+      navigateApp(this.props.navigate, AppSurface.ONBOARDING, AppRoute.RESEND_ACTIVATION);
       return false;
-    } else if (!user?.country && user?.user_type === "investor" && !window.location.href.includes("signup.")) {
-      window.location.href = `https://signup.${getConfig("websiteDomain")}/welcome`;
+    } else if (!user?.country && user?.user_type === "investor" && !isAlreadyOnOnboardingFlow()) {
+      navigateApp(this.props.navigate, AppSurface.ONBOARDING, AppRoute.WELCOME);
       return false;
     }
     return true;
@@ -447,7 +452,6 @@ class AuthProviderClass extends Component {
   };
   replaceLocationPathName = () => {
     const pathname = this.props.location?.pathname ?? "";
-    console.log("🚀 ~ file: AuthContext.js:511 ~ replaceLocationPathName ~ pathname:", pathname);
     if (pathname === "/login" || pathname === "/signup") {
       this.props.navigate("/");
     }
@@ -740,7 +744,7 @@ class AuthProviderClass extends Component {
 AuthProviderClass.propTypes = {
   children: PropTypes.node.isRequired,
   /** Runtime config for the library. Sets API URLs, Firebase config, cookie domain, etc.
-   *  When omitted, the library falls back to import.meta.env.VITE_* (Storybook / dev).
+   *  When omitted, the library falls back to Vite env via getConfig() (Storybook / dev).
    *  When consumed as an npm package, pass this prop so values are available at runtime. */
   config: PropTypes.shape({
     apiUrl: PropTypes.string,
@@ -748,6 +752,16 @@ AuthProviderClass.propTypes = {
     cookieDomain: PropTypes.string,
     websiteDomain: PropTypes.string,
     photoApiUrl: PropTypes.string,
+    /** Set to `'path'` for single-origin URLs (`/dashboard`, `/admin`, …). Omit for legacy `*.websiteDomain` subdomains. */
+    routingMode: PropTypes.oneOf(["path"]),
+    /** Path mode only: override first path segments (e.g. `{ onboarding: '/signup', dashboard: '/app/dashboard' }`). */
+    appUrlPaths: PropTypes.object,
+    /**
+     * Optional per-surface URL style for incremental cutover. Keys: `onboarding`, `dashboard`, `admin`, `registerEntry`, `investorRoot`.
+     * Each value: `'path'` (same-origin prefix from `appUrlPaths`) or `'subdomain'` (legacy `https://{sub}.{websiteDomain}`).
+     * Omitted keys follow global `routingMode` (`path` vs default subdomain).
+     */
+    surfaceRoutingMode: PropTypes.object,
     firebase: PropTypes.shape({
       apiKey: PropTypes.string,
       authDomain: PropTypes.string,

package/dist/firebase-config.js

@@ -1,23 +1,9 @@
 import { getApps, getApp, initializeApp } from "firebase/app";
 import { initializeAuth, inMemoryPersistence, getAuth } from "firebase/auth";
+import { getConfig } from "./runtime-config.js";
 const __vite_import_meta_env__ = {};
 let app = null;
 let auth = null;
-function getEnvFirebaseConfig() {
-  try {
-    return {
-      apiKey: "AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c",
-      authDomain: "stokr-development-env.firebaseapp.com",
-      projectId: "stokr-development-env",
-      storageBucket: "stokr-development-env.appspot.com",
-      messagingSenderId: "568229412804",
-      appId: "1:568229412804:web:2391857e3e2a0b02346e91",
-      measurementId: "G-CP53SZVSMN"
-    };
-  } catch {
-    return {};
-  }
-}
 function isValidConfig(config) {
   return config?.apiKey != null && String(config.apiKey).trim() !== "";
 }
@@ -25,7 +11,7 @@ function getFirebaseAuth() {
   return auth;
 }
 function initFirebase(configOverride) {
-  const firebaseConfig = configOverride || getEnvFirebaseConfig();
+  const firebaseConfig = configOverride != null ? configOverride : getConfig("firebase");
   if (!isValidConfig(firebaseConfig)) {
     if (configOverride && typeof console !== "undefined" && console.warn) {
       console.warn(
@@ -63,7 +49,7 @@ function initFirebase(configOverride) {
     }
   }
 }
-if (typeof __vite_import_meta_env__ !== "undefined" && isValidConfig(getEnvFirebaseConfig())) {
+if (typeof __vite_import_meta_env__ !== "undefined" && isValidConfig(getConfig("firebase"))) {
   initFirebase();
 }
 export {