@stokr/components-library 3.0.25 → 3.0.27

package/README.md

@@ -8,7 +8,7 @@ React component library for STOKR applications. Includes modals, forms, buttons,
 - [How to start](#how-to-start)
 - [Configuration](#configuration)
   - [Runtime config (npm consumers)](#runtime-config)
-  - [Path-based URLs vs subdomains](#path-based-urls-vs-subdomains)
+  - [URL variables and behavior](#url-variables-and-behavior)
   - [Reading config with `getConfig()`](#reading-config-with-getconfig)
   - [Ionicons](#ionicons)
   - [React Router](#react-router)
@@ -153,6 +153,10 @@ function App() {
         cookieDomain: import.meta.env.VITE_COOKIE_DOMAIN,
         websiteDomain: import.meta.env.VITE_WEBSITE_DOMAIN,
         photoApiUrl: import.meta.env.VITE_PHOTO_API_URL,
+        onboardingUrl: import.meta.env.VITE_ONBOARDING_URL,
+        dashboardUrl: import.meta.env.VITE_DASHBOARD_URL,
+        adminUrl: import.meta.env.VITE_ADMIN_URL,
+        registerUrl: import.meta.env.VITE_REGISTER_URL,
         firebase: {
           apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
           authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
@@ -176,10 +180,11 @@ function App() {
 | `cookieDomain`       | `VITE_COOKIE_DOMAIN`     | Domain attribute for auth cookies                                                                                                                   |
 | `websiteDomain`      | `VITE_WEBSITE_DOMAIN`    | Platform domain (redirects, links)                                                                                                                  |
 | `photoApiUrl`        | `VITE_PHOTO_API_URL`     | Photo upload / avatar API URL                                                                                                                       |
+| `onboardingUrl`      | `VITE_ONBOARDING_URL`    | Full onboarding app URL (signup/signin flow)                                                                                                        |
+| `dashboardUrl`       | `VITE_DASHBOARD_URL`     | Full investor dashboard URL                                                                                                                          |
+| `adminUrl`           | `VITE_ADMIN_URL`         | Full admin/venture dashboard URL                                                                                                                     |
+| `registerUrl`        | `VITE_REGISTER_URL`      | Public registration entry URL                                                                                                                        |
 | `firebase`           | `VITE_FIREBASE_*`        | Full Firebase config object                                                                                                                         |
-| `routingMode`        | `VITE_ROUTING_MODE`      | Set to `path` for single-origin app URLs (see below).                                                                                               |
-| `appUrlPaths`        | —                        | Optional object overriding first path segments in path mode (e.g. `{ onboarding: '/signup', dashboard: '/app' }`).                                  |
-| `surfaceRoutingMode` | —                        | Optional per-surface `'path'` / `'subdomain'` overrides for incremental URL migration (see [below](#incremental-url-migration-surfaceRoutingMode)). |
 
 > **Why is this needed?** With the old CRA / `react-scripts` build, Webpack re-processed library code through the consuming app's build pipeline, so the app's `.env` values were injected automatically. Vite treats npm packages as pre-built — `import.meta.env` values in the compiled library are frozen at library build time. The `config` prop passes them at runtime instead.
 
@@ -197,128 +202,33 @@ configure({
 
 After `configure()` / `<AuthProvider config>`, the library may log a **one-time `console.warn`** listing any **`VITE_*`** variables that are still missing (no override and no env fallback). Fix your `.env` or extend the `config` object until the list is empty.
 
-### Path-based URLs vs subdomains {#path-based-urls-vs-subdomains}
+### URL variables and behavior {#url-variables-and-behavior}
 
-By default the library builds **subdomain** links (`https://dashboard.{websiteDomain}`, `https://signup.{websiteDomain}/welcome`, `https://admin.{websiteDomain}`, etc.), matching historical STOKR hosting.
+The URL model is now explicit: pass full app URLs instead of routing mode/path segment rules.
 
-To switch to **one origin + path prefixes** (for example `https://example.com/dashboard`, `https://example.com/signin/welcome`, `https://example.com/admin`), pass **`routingMode: 'path'`** (or `VITE_ROUTING_MODE=path`) and optionally **`appUrlPaths`** overrides. The public origin for path mode is always **`https://{websiteDomain}`** (same as **`getPlatformURL()`**).
+Expected URL env variables (matching current `.env.local`):
 
-```jsx
-<AuthProvider
-  config={{
-    apiUrl: import.meta.env.VITE_API_URL,
-    websiteDomain: import.meta.env.VITE_WEBSITE_DOMAIN,
-    routingMode: 'path',
-    appUrlPaths: {
-      onboarding: '/signin', // flows that used https://signup.{domain}
-      registerEntry: '/signup', // CTA from login; default in code is /signup
-      dashboard: '/dashboard',
-      admin: '/admin',
-    },
-    firebase: { /* … */ },
-    /* …other keys */
-  }}>
-```
-
-**Analytics and backoffice** always use legacy subdomains **`https://analytics.{websiteDomain}`** and **`https://backoffice.{websiteDomain}`**, even in path mode. They are implemented in **`src/utils/app-urls-analytics-backoffice.js`** and re-exported from **`app-urls.js`** (`getAnalyticsIngestUrl`, `getBackofficeAppUrl`); they are not driven by **`appUrlPaths`**.
-
-#### Incremental URL migration (`surfaceRoutingMode`) {#incremental-url-migration-surfaceRoutingMode}
-
-You do not have to flip every surface at once.
-
-- **Global default:** `routingMode: 'path'` means “use path URLs for every surface that supports it”, unless overridden. Leaving `routingMode` unset (or not `'path'`) keeps **subdomain** URLs by default.
-- **Per-surface override:** pass **`surfaceRoutingMode`** on `configure()` / `<AuthProvider config>`. Each key is one of **`onboarding`**, **`dashboard`**, **`admin`**, **`registerEntry`**, **`investorRoot`** (see **`SURFACE_ROUTING_PATH_KEYS`** on the package entry). Each value is **`'path'`** or **`'subdomain'`**. Any surface **omitted** from the object follows the global **`routingMode`**.
-
-Examples:
-
-1. **Path everywhere except admin** (admin still `https://admin.{domain}` until infra is ready):
-
-```js
-configure({
-  websiteDomain: 'example.com',
-  routingMode: 'path',
-  appUrlPaths: { dashboard: '/dashboard', onboarding: '/signin', registerEntry: '/signup', admin: '/admin' },
-  surfaceRoutingMode: { admin: 'subdomain' },
-})
-```
-
-2. **Subdomains by default, dashboard and admin on path** (e.g. first rollout):
-
-```js
-configure({
-  websiteDomain: 'example.com',
-  appUrlPaths: { dashboard: '/dashboard', admin: '/admin' },
-  surfaceRoutingMode: { dashboard: 'path', admin: 'path' },
-})
-```
-
-In host UI or guards, use **`isPathForSurface('dashboard')`** / **`isPathForSurface('admin')`** (exported from **`@stokr/components-library`**) so behaviour matches **`resolveAppHref`**.
-
-##### Worked example (no script)
-
-Assume **`websiteDomain: 'acme.com'`** and default **`appUrlPaths`** (among others: **`dashboard`** → **`/dashboard`**, **`admin`** → **`/admin`**).
-
-**A — Full path mode** (every surface that supports paths uses **`https://acme.com`** + prefix):
-
-```js
-import { configure, resolveAppHref, isPathForSurface, AppSurface } from '@stokr/components-library'
-
-configure({ websiteDomain: 'acme.com', routingMode: 'path' })
-```
-
-| Call                                                 | Result                                 |
-| ---------------------------------------------------- | -------------------------------------- |
-| `resolveAppHref(AppSurface.DASHBOARD, '')`           | `https://acme.com/dashboard`           |
-| `resolveAppHref(AppSurface.DASHBOARD, '/checklist')` | `https://acme.com/dashboard/checklist` |
-| `resolveAppHref(AppSurface.ADMIN, '')`               | `https://acme.com/admin`               |
-| `isPathForSurface('dashboard')`                      | `true`                                 |
-| `isPathForSurface('admin')`                          | `true`                                 |
-
-**B — Path mode, but admin stays on subdomain** until infra is ready:
-
-```js
-configure({
-  websiteDomain: 'acme.com',
-  routingMode: 'path',
-  surfaceRoutingMode: { admin: 'subdomain' },
-})
-```
-
-| Call                                                 | Result                                             |
-| ---------------------------------------------------- | -------------------------------------------------- |
-| `resolveAppHref(AppSurface.DASHBOARD, '/checklist')` | `https://acme.com/dashboard/checklist` (unchanged) |
-| `resolveAppHref(AppSurface.ADMIN, '')`               | `https://admin.acme.com`                           |
-| `isPathForSurface('admin')`                          | `false`                                            |
-
-**C — Global default is still subdomain; dashboard and admin use path** (incremental first step):
-
-```js
-configure({
-  websiteDomain: 'acme.com',
-  surfaceRoutingMode: { dashboard: 'path', admin: 'path' },
-})
+```bash
+VITE_WEBSITE_DOMAIN=stokr.info
+VITE_ONBOARDING_URL=https://signup.stokr.info
+VITE_DASHBOARD_URL=https://dashboard.stokr.info
+VITE_ADMIN_URL=https://admin.stokr.info
+VITE_REGISTER_URL=https://stokr.info/signup
 ```
 
-(`routingMode` is not **`'path'`**, so any surface **not** listed in **`surfaceRoutingMode`** keeps subdomain URLs.)
-
-| Call                                       | Result                       |
-| ------------------------------------------ | ---------------------------- |
-| `resolveAppHref(AppSurface.DASHBOARD, '')` | `https://acme.com/dashboard` |
-| `resolveAppHref(AppSurface.ADMIN, '')`     | `https://acme.com/admin`     |
-| `isPathForSurface('dashboard')`            | `true`                       |
-| `isPathForSurface('admin')`                | `true`                       |
-
-**Rule of thumb:** for each routable surface, the code checks **`surfaceRoutingMode[surfaceKey]`** first (`'path'` or `'subdomain'`). If that key is **omitted**, it falls back to the global flag **`routingMode === 'path'`**. **`resolveAppHref`** and **`isPathForSurface`** use the same logic.
+How each value is used:
 
-Readable routing API (recommended):
+- `VITE_ONBOARDING_URL`: signup/signin flow redirects (for example `/welcome`, `/resend-activation-email`).
+- `VITE_DASHBOARD_URL`: investor dashboard entry point.
+- `VITE_ADMIN_URL`: admin/venture dashboard entry point.
+- `VITE_REGISTER_URL`: register CTA/entry URL.
+- `VITE_WEBSITE_DOMAIN`: base host used by `getPlatformURL()` and fixed subdomains (analytics/backoffice).
 
-- **`AppSurface`** / **`AppRoute`** — named surfaces and path suffixes (`src/routing/app-routes.js`).
-- **`resolveAppHref(surface, path)`** — one function that returns the absolute URL for any surface + suffix.
-- **`isPathForSurface(key)`** / **`SURFACE_ROUTING_PATH_KEYS`** — align host code with per-surface path vs subdomain resolution when using **`surfaceRoutingMode`**.
-- **`navigateApp(navigate, surface, path)`** / **`navigateToHref(navigate, url)`** — use the `navigate` function from `react-router-dom` when the target is **same-origin** (SPA transition); otherwise they fall back to `location.assign` (e.g. `admin.` / `signup.` subdomains).
-- **`RouterWrapper`** — optional root helper: mounts `BrowserRouter` only when the tree is not already under a Router (same-origin SPA navigation without nesting two browser routers).
+Derived helpers:
 
-Legacy helpers (`buildDashboardUrl`, `getAdminAppUrl`, …) remain on **`./utils/app-urls`** for compatibility.
+- `getPlatformURL()` => `https://{VITE_WEBSITE_DOMAIN}` (for example `https://stokr.info`).
+- `getAnalyticsIngestUrl()` => `https://analytics.{VITE_WEBSITE_DOMAIN}`.
+- `getBackofficeAppUrl('/path')` => `https://backoffice.{VITE_WEBSITE_DOMAIN}/path`.
 
 **Authentication-only HTTP** — backend routes under `auth/*` (e.g. forgot password) are exposed as **`authenticationApi.post(segment, body)`** from `src/api/authenticationApi.js` (also re-exported from the package entry). The default axios instance is the **general API client** for all authenticated backend calls, not auth-only.
 
@@ -332,9 +242,13 @@ import { getConfig } from '@stokr/components-library'
 const api = getConfig('apiUrl')
 const domain = getConfig('websiteDomain')
 const firebaseOptions = getConfig('firebase') // override object or env-built fallback
+const onboarding = getConfig('onboardingUrl')
+const dashboard = getConfig('dashboardUrl')
+const admin = getConfig('adminUrl')
+const register = getConfig('registerUrl')
 ```
 
-Supported keys: `apiUrl`, `baseUrlPublic`, `cookieDomain`, `websiteDomain`, `photoApiUrl`, `routingMode`, `appUrlPaths`, `surfaceRoutingMode`, `firebase`. Resolution order is always **explicit `configure()` / `AuthProvider` `config`** first, then **`import.meta.env`** in the consuming Vite app (where a `VITE_*` mapping exists).
+Supported keys: `apiUrl`, `baseUrlPublic`, `cookieDomain`, `websiteDomain`, `photoApiUrl`, `onboardingUrl`, `dashboardUrl`, `adminUrl`, `registerUrl`, `firebase`. Resolution order is always **explicit `configure()` / `AuthProvider` `config`** first, then **`import.meta.env`** in the consuming Vite app (where a `VITE_*` mapping exists).
 
 **Marketing site origin** — the old `platformDomain` / `platformURL` exports were removed. Use **`getPlatformURL()`** for `https://{websiteDomain}`, or **`getConfig('websiteDomain')`** for the bare host (e.g. `"example.com"`). Both read the same runtime config after **`configure()`** / **`AuthProvider`**.
 

package/dist/analytics/index.js

@@ -1,5 +1,4 @@
 import mixpanel from "mixpanel-browser";
-import "../constants/globalVariables.js";
 import { getAnalyticsIngestUrl } from "../utils/app-urls-analytics-backoffice.js";
 const BLOCKED_FIELDS = /* @__PURE__ */ new Set([
   // PII

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

@@ -8,9 +8,8 @@ import stdin_default$2 from "./EnterCode.js";
 import background from "../../static/images/background3.png.js";
 import stdin_default$3 from "./ResetCode.js";
 import { authenticationApi } from "../../api/authenticationApi.js";
-import { AppSurface } from "../../routing/app-routes.js";
-import "../../constants/globalVariables.js";
-import { navigateApp } from "../../routing/navigate-app.js";
+import { getConfig, getPlatformURL } from "../../runtime-config.js";
+import { navigateToHref } from "../../routing/navigate-app.js";
 import { useNavigate } from "react-router-dom";
 const LoginWithOTP = ({ withBackground }) => {
   const navigate = useNavigate();
@@ -70,10 +69,10 @@ const LoginWithOTP = ({ withBackground }) => {
         background: withBackground && backgroundProp,
         isModalOpen: isModalOpen.login,
         onModalClose: () => {
-          navigateApp(navigate, AppSurface.INVESTOR_ROOT, "");
+          navigateToHref(navigate, getPlatformURL());
         },
         onModalSwitch: () => {
-          navigateApp(navigate, AppSurface.REGISTER, "");
+          navigateToHref(navigate, getConfig("registerUrl"));
         },
         onForgotPassword: () => {
           switchOpenModal("login", "forgot");

package/dist/components/Footer/FooterLayout.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import stdin_default$1 from "./FooterMenu.js";
 import stdin_default$2 from "../Newsletter/Newsletter.js";
 import stdin_default$3 from "./Footer.js";
-import { getPlatformURL } from "../../constants/globalVariables.js";
+import { getPlatformURL } from "../../runtime-config.js";
 function getFooterGroups() {
   const platformURL = getPlatformURL();
   return [

package/dist/components/Header/Header.js

@@ -19,13 +19,11 @@ import { Breakdown } from "../breakdown/Breakdown.js";
 import { socialSvg } from "../Footer/FooterMenu.js";
 import { Wrapper, FlexContainer } from "../Grid/Grid.styles.js";
 import { getFooterGroups } from "../Footer/FooterLayout.js";
-import { getPlatformURL } from "../../constants/globalVariables.js";
-import { getDashboardBaseUrl, getAdminAppUrl } from "../../utils/app-urls.js";
+import { getPlatformURL, getConfig } from "../../runtime-config.js";
+import { navigateToHref } from "../../routing/navigate-app.js";
 import { withRouter } from "../../utils/withRouter.js";
 import { sizes } from "../../styles/rwd.js";
 import { track } from "../../analytics/index.js";
-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);
@@ -93,13 +91,14 @@ function HeaderView({
   noFixedPosition = false,
   withoutLoginSignupButton = false
 }) {
+  const platformURL = getPlatformURL();
   const productMenuItems = useMemo(
     () => [
       {
         name: "End-to-End Tokenization",
         onClick: () => {
           track("header_link_clicked", { link: "end-to-end tokenization" });
-          navigateToHref(navigate, `${getPlatformURL()}/solutions/asset-tokenization`);
+          navigateToHref(navigate, `${platformURL}/solutions/asset-tokenization`);
         },
         link: "/solutions/asset-tokenization"
       },
@@ -107,12 +106,12 @@ function HeaderView({
         name: "Tokenization-as-a-Service",
         onClick: () => {
           track("header_link_clicked", { link: "tokenization-as-a-service" });
-          navigateToHref(navigate, `${getPlatformURL()}/solutions/tokenization-as-service`);
+          navigateToHref(navigate, `${platformURL}/solutions/tokenization-as-service`);
         },
         link: "/solutions/tokenization-as-service"
       }
     ],
-    [navigate]
+    [navigate, platformURL]
   );
   const mediaMenuItems = useMemo(
     () => [
@@ -120,7 +119,7 @@ function HeaderView({
         name: "Press Releases",
         onClick: () => {
           track("header_link_clicked", { link: "press releases" });
-          navigateToHref(navigate, `${getPlatformURL()}/press-releases`);
+          navigateToHref(navigate, `${platformURL}/press-releases`);
         },
         link: "/press-releases"
       },
@@ -128,12 +127,12 @@ function HeaderView({
         name: "Stoke Post",
         onClick: () => {
           track("header_link_clicked", { link: "stoke post" });
-          navigateToHref(navigate, `${getPlatformURL()}/stoke-post`);
+          navigateToHref(navigate, `${platformURL}/stoke-post`);
         },
         link: "/stoke-post"
       }
     ],
-    [navigate]
+    [navigate, platformURL]
   );
   const [currentActiveMenu, setcurrentActiveMenu] = useState(null);
   const [currentActiveSubMenu, setcurrentActiveSubMenu] = useState(null);
@@ -183,13 +182,13 @@ function HeaderView({
   const isAdmin = userType === "company_pa" || userType === "company_sa" || userType === "sa";
   const isVentureDashboard = withSidebar;
   const socialLinks = getFooterGroups()?.filter((group) => group.social)[0]?.items || [];
-  const newPlatformUrl = useRelativePathForMenu ? "" : getPlatformURL();
-  const newPlatformUrlForUserMenu = useRelativePathForUserMenu ? "" : getDashboardBaseUrl();
+  const newPlatformUrl = useRelativePathForMenu ? "" : platformURL;
+  const newPlatformUrlForUserMenu = useRelativePathForUserMenu ? "" : getConfig("dashboardUrl");
   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: getPlatformURL(), "data-cy": "logo-nav-link", children: /* @__PURE__ */ jsx(stdin_default$1, {}) }) }),
+        /* @__PURE__ */ jsx(Logo, { isHighlight: currentActiveMenu === "main", children: /* @__PURE__ */ jsx("a", { href: platformURL, "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",
@@ -261,7 +260,7 @@ function HeaderView({
             LoginButton,
             {
               onClick: () => {
-                isAdmin ? navigateApp(navigate, AppSurface.ADMIN, "") : !newPlatformUrlForUserMenu ? navigate(AppRoute.OVERVIEW) : navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.OVERVIEW);
+                isAdmin ? navigateToHref(navigate, getConfig("adminUrl")) : !newPlatformUrlForUserMenu ? navigate("/overview") : navigateToHref(navigate, getConfig("dashboardUrl") + "/overview");
               },
               "data-cy": "dashboard-nav-link",
               children: "Dashboard"
@@ -329,10 +328,10 @@ function HeaderView({
           !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(),
+              href: getConfig("adminUrl"),
               onClick: (e) => {
                 e.preventDefault();
-                navigateApp(navigate, AppSurface.ADMIN, "");
+                navigateToHref(navigate, getConfig("adminUrl"));
                 toggleMenu("main");
               },
               children: "Dashboard"
@@ -342,13 +341,13 @@ function HeaderView({
               /* @__PURE__ */ jsx(
                 "a",
                 {
-                  href: newPlatformUrlForUserMenu ? `${newPlatformUrlForUserMenu}${AppRoute.OVERVIEW}` : AppRoute.OVERVIEW,
+                  href: newPlatformUrlForUserMenu ? `${newPlatformUrlForUserMenu}/overview` : "/overview",
                   onClick: (e) => {
                     e.preventDefault();
                     if (newPlatformUrlForUserMenu) {
-                      navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.OVERVIEW);
+                      navigateToHref(navigate, getConfig("dashboardUrl") + "/overview");
                     } else {
-                      navigate(AppRoute.OVERVIEW);
+                      navigate("/overview");
                     }
                     toggleMenu("main");
                   },

package/dist/components/MainMenu/MainMenu.js

@@ -5,9 +5,8 @@ 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 { AppSurface, AppRoute } from "../../routing/app-routes.js";
-import "../../constants/globalVariables.js";
-import { navigateApp } from "../../routing/navigate-app.js";
+import { getConfig } from "../../runtime-config.js";
+import { navigateToHref } from "../../routing/navigate-app.js";
 import { withRouter } from "../../utils/withRouter.js";
 class MainMenuClass extends PureComponent {
   state = {
@@ -45,7 +44,7 @@ class MainMenuClass extends PureComponent {
       isScrollDown: false
     });
   };
-  checkActive = (url) => window.location.href.split("/").indexOf(url) > 0;
+  checkActive = (url) => typeof window !== "undefined" ? window.location.href.split("/").indexOf(url) > 0 : false;
   render() {
     const { isSettingsActive, isScrollDown, overrideHeightNeeded } = this.state;
     const {
@@ -84,11 +83,11 @@ class MainMenuClass extends PureComponent {
                     isDashboard: true,
                     onClick: () => {
                       if (isAdmin) {
-                        navigateApp(navigate, AppSurface.ADMIN, "");
+                        navigateToHref(navigate, getConfig("adminUrl"));
                       } else if (!platformUrlForUserMenu) {
-                        navigate(AppRoute.OVERVIEW);
+                        navigate("/overview");
                       } else {
-                        navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.OVERVIEW);
+                        navigateToHref(navigate, `${getConfig("dashboardUrl")}/overview`);
                       }
                     },
                     children: /* @__PURE__ */ jsx("span", { style: spanStyleForMenu, children: "Dashboard" })

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

@@ -15,8 +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 { getConfig } from "../../../runtime-config.js";
+import { navigateToHref } from "../../../routing/navigate-app.js";
 import { ModalInner } from "../Modal.styles.js";
 import { FormField, FormError } from "../../Form/Form.styles.js";
 const defaultProject = {
@@ -99,7 +99,7 @@ const NewVentureModal = (props) => {
                   onSuccessMessageBtnClick();
                 } else {
                   if (user?._id) {
-                    navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.CHECKLIST);
+                    navigateToHref(navigate, `${getConfig("dashboardUrl")}/checklist`);
                   } else {
                     navigate(`/signup?email=${encodeURIComponent(email)}`);
                   }

package/dist/components/StepsProgress/StepsProgress.js

@@ -9,7 +9,7 @@ const StepsProgressSignup = (props) => {
   const { country, kyc_status, taxId, wallets = [] } = user;
   const KYCNotDone = !kyc_status || kyc_status === "Reaply" || kyc_status === "Cancelled" || kyc_status === "Draft";
   const hasLiquidWallet = wallets?.filter((wallet) => wallet.type === walletTypes.LIQUID).length > 0;
-  const isActiveStep = (path) => window.location.pathname.includes(path);
+  const isActiveStep = (path) => typeof window !== "undefined" ? window.location.pathname.includes(path) : false;
   const items = [
     {
       id: "country",

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

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

package/dist/components/headerHo/HeaderHo.js

@@ -31,15 +31,15 @@ import "../../model/axios.js";
 import "../Layout/Layout.js";
 import stdin_default$3 from "../2FA/ResetCode.js";
 import { authenticationApi } from "../../api/authenticationApi.js";
-import { buildOnboardingUrl } from "../../utils/app-urls.js";
+import { getConfig } from "../../runtime-config.js";
+import { navigateToHref } from "../../routing/navigate-app.js";
+import { getBackofficeAppUrl } from "../../utils/app-urls-analytics-backoffice.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)
 })`
@@ -654,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") {
-              navigateApp(this.props.navigate, AppSurface.BACKOFFICE, "");
+              navigateToHref(this.props.navigate, getBackofficeAppUrl());
             } else {
               this.switchOpenModal("confirmReset", "login");
             }
@@ -669,7 +669,7 @@ const _HeaderHoClass = class _HeaderHoClass extends Component {
           popupError: this.state.popupError,
           popupSuccess: this.state.popupSuccess,
           isModalOpen: isModalOpen.verifyEmail,
-          continueUrl: buildOnboardingUrl("/welcome"),
+          continueUrl: `${getConfig("onboardingUrl")}/welcome`,
           error: verifyEmailError,
           isSuccess: !verifyEmailError,
           onModalSwitch: () => {

package/dist/components/icons/LinkIcon.js

@@ -17,13 +17,13 @@ const LinkIcon = () => /* @__PURE__ */ jsxs(
       /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\r\n			c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\r\n			c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\r\n			c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\r\n			c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\r\n			c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\r\n			c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
+          d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\n			c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\n			c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\n			c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\n			c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\n			c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\n			c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
         }
       ) }) }),
       /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\r\n			c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\r\n			l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\r\n			l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\r\n			c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\r\n			c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\r\n			c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\r\n			c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\r\n			l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
+          d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\n			c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\n			l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\n			l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\n			c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\n			c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\n			c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\n			c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\n			l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
         }
       ) }) }),
       /* @__PURE__ */ jsx("g", {}),

package/dist/constants/globalVariables.js

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