@stokr/components-library 3.0.21 → 3.0.23

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.${void 0}/checklist`;
+                    navigateApp(navigate, AppSurface.DASHBOARD, AppRoute.CHECKLIST);
                   } else {
-                    window.location.href = `/signup?email=${email}`;
+                    navigate(`/signup?email=${encodeURIComponent(email)}`);
                   }
                 }
               },

package/dist/components/Modal/SuccessModal/SuccessModal.js

@@ -7,6 +7,7 @@ import { Modal } from "../Modal.js";
 import { SuccessModalContent, AnimationContainer, Title, Subtitle, ContentWrapper } from "./SuccessModal.styles.js";
 import successAnimation from "../../../static/animations/checked.lottie.js";
 import progressAnimation from "../../../static/animations/progress.lottie.js";
+import uploadAnimation from "../../../static/animations/upload.lottie.js";
 const variantConfig = {
   success: {
     animation: successAnimation,
@@ -17,6 +18,11 @@ const variantConfig = {
     animation: progressAnimation,
     segment: null,
     loop: false
+  },
+  upload: {
+    animation: uploadAnimation,
+    segment: null,
+    loop: false
   }
 };
 const SuccessModalComponent = ({
@@ -79,7 +85,7 @@ const SuccessModalComponent = ({
 SuccessModalComponent.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
-  variant: PropTypes.oneOf(["success", "progress"]),
+  variant: PropTypes.oneOf(["success", "progress", "upload"]),
   title: PropTypes.node,
   subtitle: PropTypes.node,
   content: PropTypes.node,

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/StatusDot/StatusDot.js

@@ -0,0 +1,68 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import { colors } from "../../styles/colors.js";
+import { Root, Dot, Label } from "./StatusDot.styles.js";
+const VARIANT_PRESETS = {
+  pending: {
+    color: colors.grey2,
+    backgroundColor: "rgba(155, 155, 155, 0.14)"
+  },
+  initiated: {
+    color: colors.blue,
+    backgroundColor: "#0050CA0D"
+  },
+  paid: {
+    color: colors.fernGreen,
+    backgroundColor: "#4D97410D"
+  },
+  declined: {
+    color: colors.darkRed,
+    backgroundColor: "rgba(210, 32, 13, 0.08)"
+  }
+};
+const StatusDot = ({
+  children,
+  variant,
+  color,
+  backgroundColor,
+  surface = "transparent",
+  uppercase = false,
+  dotSize = 6,
+  className,
+  style,
+  labelStyle,
+  onClick,
+  ...rest
+}) => {
+  const preset = variant && VARIANT_PRESETS[variant] ? VARIANT_PRESETS[variant] : null;
+  const resolvedColor = color ?? preset?.color ?? colors.black;
+  const isSubtle = surface === "subtle";
+  const resolvedBackground = isSubtle && (backgroundColor !== void 0 ? backgroundColor : preset?.backgroundColor);
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      $subtle: isSubtle,
+      $backgroundColor: resolvedBackground,
+      $hasClick: Boolean(onClick),
+      className,
+      style,
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(Dot, { $size: dotSize, $color: resolvedColor }),
+        /* @__PURE__ */ jsx(Label, { $color: resolvedColor, $uppercase: uppercase, style: labelStyle, children })
+      ]
+    }
+  );
+};
+export {
+  StatusDot
+};

package/dist/components/StatusDot/StatusDot.styles.js

@@ -0,0 +1,45 @@
+import styled from "styled-components";
+const Root = styled.div.withConfig({
+  shouldForwardProp: (prop) => !["$subtle", "$backgroundColor", "$hasClick"].includes(prop)
+})`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  box-sizing: border-box;
+  padding: ${(p) => p.$subtle ? "2px 8px" : "0"};
+  background-color: ${(p) => p.$subtle && p.$backgroundColor ? p.$backgroundColor : "transparent"};
+  border-radius: ${(p) => p.$subtle ? "2px" : "0"};
+  cursor: ${(p) => p.$hasClick ? "pointer" : "default"};
+  white-space: nowrap;
+  transition: opacity 0.2s ease;
+
+  ${(p) => p.$hasClick && `
+    &:hover {
+      opacity: 0.85;
+    }
+  `}
+`;
+const Dot = styled.span.withConfig({
+  shouldForwardProp: (prop) => !["$size", "$color"].includes(prop)
+})`
+  width: ${(p) => p.$size}px;
+  height: ${(p) => p.$size}px;
+  border-radius: 50%;
+  background-color: ${(p) => p.$color};
+  flex-shrink: 0;
+`;
+const Label = styled.span.withConfig({
+  shouldForwardProp: (prop) => !["$color", "$uppercase"].includes(prop)
+})`
+  font-size: ${(p) => p.$uppercase ? "11px" : "12px"};
+  font-weight: ${(p) => p.$uppercase ? "700" : "400"};
+  line-height: 20px;
+  color: ${(p) => p.$color};
+  text-transform: ${(p) => p.$uppercase ? "uppercase" : "none"};
+  letter-spacing: ${(p) => p.$uppercase ? "2px" : "0.6px"};
+`;
+export {
+  Dot,
+  Label,
+  Root
+};

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.${void 0}`);
+              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.${void 0}/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 };
-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 = void 0;
-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);