@stokr/components-library 3.0.27 → 3.0.29

package/dist/components/Header/Header.js

@@ -15,6 +15,7 @@ import { SocialLink, ArrowDown } from "../Footer/FooterMenu.styles.js";
 import { Collapse } from "react-collapse";
 import { usePrevious, useMobileView } from "../../utils/customHooks.js";
 import { checkTodoStatus } from "../../utils/check-todo-status.js";
+import { hasLoggedInSession } from "../../utils/user-identity.js";
 import { Breakdown } from "../breakdown/Breakdown.js";
 import { socialSvg } from "../Footer/FooterMenu.js";
 import { Wrapper, FlexContainer } from "../Grid/Grid.styles.js";
@@ -255,7 +256,7 @@ function HeaderView({
           }
         ),
         isMobile && checkTodoStatus(user) > 0 && !signupFlow && /* @__PURE__ */ jsx(NotificationCounter, { mobile: true, isActive: currentActiveMenu === "main", children: checkTodoStatus(user) }),
-        /* @__PURE__ */ jsx(HeaderQuickNav, { isUserLogged: user?._id || user?.uid, children: /* @__PURE__ */ jsx(Fragment, { children: user?._id || user?.uid ? /* @__PURE__ */ jsx(Fragment, { children: signupFlow ? /* @__PURE__ */ jsx(Button, { onClick: logoutUser, children: "Log Out" }) : /* @__PURE__ */ jsxs(FlexContainer, { itemsCenter: true, children: [
+        /* @__PURE__ */ jsx(HeaderQuickNav, { isUserLogged: hasLoggedInSession(user), children: /* @__PURE__ */ jsx(Fragment, { children: hasLoggedInSession(user) ? /* @__PURE__ */ jsx(Fragment, { children: signupFlow ? /* @__PURE__ */ jsx(Button, { onClick: logoutUser, children: "Log Out" }) : /* @__PURE__ */ jsxs(FlexContainer, { itemsCenter: true, children: [
           /* @__PURE__ */ jsx(Breakdown, { children: /* @__PURE__ */ jsx(
             LoginButton,
             {
@@ -324,7 +325,7 @@ function HeaderView({
           ),
           /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { href: newPlatformUrl + "/team", children: "Team" }) })
         ] }) }) }) }),
-        user?._id || user?.uid ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        hasLoggedInSession(user) ? /* @__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",
             {

package/dist/components/MainMenu/MainMenu.js

@@ -8,6 +8,7 @@ import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
 import { getConfig } from "../../runtime-config.js";
 import { navigateToHref } from "../../routing/navigate-app.js";
 import { withRouter } from "../../utils/withRouter.js";
+import { hasLoggedInSession } from "../../utils/user-identity.js";
 class MainMenuClass extends PureComponent {
   state = {
     isSettingsActive: false,
@@ -60,7 +61,7 @@ class MainMenuClass extends PureComponent {
       letterSpacing: "1.5px",
       cursor: "pointer"
     };
-    const isUserLogged = !!user?._id || user?.uid;
+    const isUserLogged = hasLoggedInSession(user);
     return /* @__PURE__ */ jsxs(StyledMainMenu, { children: [
       /* @__PURE__ */ jsx(IoniconsStyles, {}),
       /* @__PURE__ */ jsx(Collapse, { isOpened: isMenuActive && isUserLogged, hasNestedCollapse: true, children: /* @__PURE__ */ jsxs(MainMenuContainer, { children: [

package/dist/config.js

@@ -1,4 +1,4 @@
-import { initFirebase } from "./firebase-config.js";
+import { isValidFirebaseConfig, initFirebase } from "./firebase-config.js";
 import axiosInstance from "./model/axios.js";
 import axiosInstance$1 from "./model/axiosPublic.js";
 import { assignRuntimeConfig } from "./runtime-config.js";
@@ -12,9 +12,14 @@ function configure(config = {}) {
   if (config.baseUrlPublic != null) {
     axiosInstance$1.defaults.baseURL = config.baseUrlPublic;
   }
-  if (config.firebase) {
-    _lastFirebaseConfig = config.firebase;
-    initFirebase(config.firebase);
+  if (Object.prototype.hasOwnProperty.call(config, "firebase")) {
+    const fb = config.firebase;
+    if (fb != null && isValidFirebaseConfig(fb)) {
+      _lastFirebaseConfig = fb;
+      initFirebase(fb);
+    } else {
+      _lastFirebaseConfig = null;
+    }
   }
 }
 function getLastFirebaseConfig() {

package/dist/context/AuthContext.js

@@ -1,22 +1,23 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import axiosInstance from "../model/axios.js";
+import { configure } from "../config.js";
 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 } from "../config.js";
-import { getPlatformURL, getConfig } from "../runtime-config.js";
-import { isAlreadyOnOnboardingFlow } from "../utils/app-urls.js";
 import { Text } from "../components/Text/Text.styles.js";
-import { getFirebaseAuth } from "../firebase-config.js";
-import { Auth } from "./Auth.js";
-import { DEFAULT_TOKEN_EXPIRY_MS } from "./Auth.js";
+import { Auth, DEFAULT_TOKEN_EXPIRY_MS } from "./Auth.js";
+import { hasLoggedInSession } from "../utils/user-identity.js";
+import { getConfig, getPlatformURL } from "../runtime-config.js";
 import { ConfirmModal as ConfirmModalComponent } from "../components/ConfirmModal/ConfirmModal.js";
+import { getFirebaseAuth, isValidFirebaseConfig } from "../firebase-config.js";
 import avatarPlaceholder from "../static/images/avatar-placeholder.png.js";
+import { isAlreadyOnOnboardingFlow } from "../utils/app-urls.js";
 import { signOut, getMultiFactorResolver, PhoneMultiFactorGenerator, TotpMultiFactorGenerator, multiFactor } from "firebase/auth";
 import { navigateToHref } from "../routing/navigate-app.js";
 const AuthContext = React__default.createContext();
+const FALLBACK_AUTH_CONTEXT_VALUE = { user: null, isFetchingUser: false };
 const INACTIVITY_TIME_MS = 5 * 60 * 1e3;
 const INACTIVITY_EVENTS = ["mousemove", "keydown", "click", "scroll", "touchstart"];
 class AuthProviderClass extends Component {
@@ -134,6 +135,35 @@ class AuthProviderClass extends Component {
     const { inactivityTimeMs } = this.props;
     return typeof inactivityTimeMs === "number" && inactivityTimeMs > 0 ? inactivityTimeMs : INACTIVITY_TIME_MS;
   };
+  /** Cookie lifetime for `STOKR_ACCESS_TOKEN` — not the same as inactivity timeout. */
+  getAccessTokenExpiryMs = () => {
+    const n = Number(this.props.accessTokenExpiryMs);
+    return Number.isFinite(n) && n > 0 ? n : DEFAULT_TOKEN_EXPIRY_MS;
+  };
+  /**
+   * Diagnostic: after `Auth.setAccessToken`, the cookie must be readable on this origin
+   * or refresh/login will not persist (often misconfigured `cookieDomain`).
+   */
+  logAccessTokenCookieAfterWrite = (phase) => {
+    if (typeof console === "undefined" || !console.log) return;
+    const readable = Boolean(Auth.getAccessToken());
+    if (readable) {
+      console.log(
+        `[@stokr/components-library] ${phase}: STOKR_ACCESS_TOKEN cookie readable — next getUser() can authorize API calls.`,
+        {
+          host: typeof window !== "undefined" ? window.location.hostname : void 0
+        }
+      );
+    } else {
+      console.log(
+        `[@stokr/components-library] ${phase}: cookie NOT readable after write — session will not survive reloads. Fix cookieDomain (empty string = host-only for localhost).`,
+        {
+          cookieDomain: getConfig("cookieDomain") ?? "",
+          origin: typeof window !== "undefined" ? window.location.origin : void 0
+        }
+      );
+    }
+  };
   resetInactivityTimer = () => {
     if (this.state.sessionExpiryPendingReason) return;
     const now = Date.now();
@@ -158,8 +188,8 @@ class AuthProviderClass extends Component {
         user = await Auth.login(email, password);
       }
       const token = await user.getIdToken();
-      const expiryMs = Number(this.props.accessTokenExpiryMs);
-      Auth.setAccessToken(token, Number.isFinite(expiryMs) && expiryMs > 0 ? { expiresInMs: expiryMs } : void 0);
+      Auth.setAccessToken(token, { expiresInMs: this.getAccessTokenExpiryMs() });
+      this.logAccessTokenCookieAfterWrite("loginUser");
       this.setState({
         firebaseUser: user
       });
@@ -232,8 +262,8 @@ class AuthProviderClass extends Component {
           const userCredential = await mfaResolver.resolveSignIn(multiFactorAssertion);
           const user = userCredential.user;
           const token = await user.getIdToken();
-          const expiryMs = Number(this.props.accessTokenExpiryMs);
-          Auth.setAccessToken(token, Number.isFinite(expiryMs) && expiryMs > 0 ? { expiresInMs: expiryMs } : void 0);
+          Auth.setAccessToken(token, { expiresInMs: this.getAccessTokenExpiryMs() });
+          this.logAccessTokenCookieAfterWrite("loginUserWithTotp");
           this.setState({ firebaseUser: user, waitingFor2fa: false });
           await this.getUser(token, user);
         } catch (_error) {
@@ -338,7 +368,10 @@ class AuthProviderClass extends Component {
     this.setState({ waitingFor2fa: false, firebaseError: null });
   };
   patchUserObject = (user, firebaseUser) => {
-    if (!user || !firebaseUser) return;
+    if (!user) return;
+    if (!firebaseUser) {
+      return { ...user, active: !!user.emailVerified };
+    }
     const merged = Object.assign(Object.create(Object.getPrototypeOf(firebaseUser)), firebaseUser, user);
     merged.active = merged.emailVerified;
     return merged;
@@ -366,7 +399,7 @@ class AuthProviderClass extends Component {
       });
       if (typeof console !== "undefined" && console.debug) {
         console.debug(
-          "[@stokr/components-library] getUser() skipped: no access token. If you expected a session, ensure config.cookieDomain matches this origin (e.g. omit or use empty for localhost)."
+          "[@stokr/components-library] getUser: skipped — no STOKR_ACCESS_TOKEN (normal when logged out). If login just ran, check loginUser cookie log and cookieDomain."
         );
       }
       return;
@@ -380,23 +413,76 @@ class AuthProviderClass extends Component {
       const existingFirebaseUser = firebaseUserOverride || this.state.firebaseUser || getFirebaseAuth()?.currentUser;
       const [result, tokenRes] = await Promise.all([
         Auth.getUser(),
-        !existingFirebaseUser ? fetchData("auth/get-custom-token") : Promise.resolve(null)
+        !existingFirebaseUser ? fetchData("auth/get-custom-token").catch((e) => {
+          const status = e?.response?.status;
+          if (status === 401 || status === 403) {
+            if (typeof console !== "undefined" && console.warn) {
+              console.warn(
+                "[@stokr/components-library] auth/get-custom-token rejected (" + status + ") — Firebase session unavailable. STOKR session will be preserved if user/get succeeds."
+              );
+            }
+            if (typeof console !== "undefined" && console.log) {
+              console.log(
+                "[@stokr/components-library] getUser: auth/get-custom-token failed — trying user/get without Firebase custom token.",
+                {
+                  status
+                }
+              );
+            }
+            return null;
+          }
+          throw e;
+        }) : Promise.resolve(null)
       ]);
       let firebaseUser = existingFirebaseUser;
       if (!firebaseUser) {
         const customToken = tokenRes?.customToken ?? tokenRes?.custom_token ?? tokenRes?.token ?? tokenRes;
-        firebaseUser = await Auth.signInWithToken(customToken);
+        try {
+          firebaseUser = await Auth.signInWithToken(customToken);
+        } catch (firebaseErr) {
+          const fbCode = firebaseErr?.code;
+          if (fbCode === "auth/internal-error" || fbCode === "auth/network-request-failed" || fbCode === "auth/invalid-custom-token") {
+            if (typeof console !== "undefined" && console.warn) {
+              console.warn(
+                "[@stokr/components-library] Firebase signIn failed (" + fbCode + ") — session preserved. Add this domain to Firebase Console → Authentication → Authorized domains."
+              );
+            }
+            if (typeof console !== "undefined" && console.log) {
+              console.log(
+                "[@stokr/components-library] getUser: continuing with API user only (no Firebase user on merged object).",
+                {
+                  code: fbCode
+                }
+              );
+            }
+          } else {
+            throw firebaseErr;
+          }
+        }
       }
       const user = this.patchUserObject(result.user, firebaseUser);
       this.checkUserIsValid(user);
       customValidateGetUser?.(user);
-      const userAvatar = `${getConfig("photoApiUrl")}/media/picture/view/${user._id}`;
-      this.checkUserPhoto(userAvatar);
+      const userIdForMedia = user._id ?? user.id;
+      if (userIdForMedia) {
+        const userAvatar = `${getConfig("photoApiUrl")}/media/picture/view/${userIdForMedia}`;
+        this.checkUserPhoto(userAvatar);
+      }
       this.setUser(user);
       this.setState({
         isFetchingUser: false
       });
-      identify(user._id, {
+      const identityKey = user._id ?? user.id ?? user.uid;
+      if (typeof console !== "undefined" && console.log) {
+        console.log(
+          "[@stokr/components-library] getUser: user/get succeeded — context User updated; HeaderHo shows Dashboard when hasLoggedInSession is true.",
+          {
+            identity: identityKey,
+            hasLoggedInSession: hasLoggedInSession(user)
+          }
+        );
+      }
+      identify(user._id ?? user.id, {
         role: user.user_type,
         is_internal: user.email?.endsWith("@stokr.io") ?? false
       });
@@ -408,13 +494,17 @@ class AuthProviderClass extends Component {
       });
       const code = error?.code;
       const httpStatus = error?.response?.status;
+      if (typeof console !== "undefined" && console.log) {
+        console.log("[@stokr/components-library] getUser: request failed or validation error", {
+          code,
+          httpStatus,
+          message: error?.message
+        });
+      }
       if (code === "auth/internal-error" || code === "auth/network-request-failed") {
-        Auth.logout();
         if (typeof console !== "undefined" && console.warn) {
           console.warn(
-            "[@stokr/components-library] getUser() failed with",
-            code,
-            "— session cleared. Ensure AuthProvider receives config.firebase for this origin and that the domain is authorized in Firebase Console (Authentication → Settings → Authorized domains)."
+            "[@stokr/components-library] getUser() encountered Firebase error (" + code + "). Ensure AuthProvider receives config.firebase and the domain is in Firebase Console → Authorized domains."
           );
         }
         return;
@@ -798,8 +888,23 @@ AuthProviderClass.propTypes = {
   /** Override access token cookie lifetime in ms (e.g. for Storybook). Production uses 1 hour. */
   accessTokenExpiryMs: PropTypes.number
 };
+function resolveFirebaseConfigForGuard(props) {
+  if (props.config?.firebase != null) return props.config.firebase;
+  return getConfig("firebase");
+}
+function AuthProviderGuard(props) {
+  if (props.config) {
+    configure(props.config);
+  }
+  const firebase = resolveFirebaseConfigForGuard(props);
+  if (!isValidFirebaseConfig(firebase)) {
+    return /* @__PURE__ */ jsx(AuthContext.Provider, { value: FALLBACK_AUTH_CONTEXT_VALUE, children: props.children });
+  }
+  return /* @__PURE__ */ jsx(AuthProviderClass, { ...props });
+}
+AuthProviderGuard.propTypes = AuthProviderClass.propTypes;
 const AuthConsumer = AuthContext.Consumer;
-const AuthProvider = withRouter(AuthProviderClass);
+const AuthProvider = withRouter(AuthProviderGuard);
 export {
   AuthConsumer,
   AuthContext,

package/dist/firebase-config.js

@@ -4,7 +4,7 @@ import { getConfig } from "./runtime-config.js";
 const __vite_import_meta_env__ = {};
 let app = null;
 let auth = null;
-function isValidConfig(config) {
+function isValidFirebaseConfig(config) {
   return config?.apiKey != null && String(config.apiKey).trim() !== "";
 }
 function getFirebaseAuth() {
@@ -12,7 +12,7 @@ function getFirebaseAuth() {
 }
 function initFirebase(configOverride) {
   const firebaseConfig = configOverride != null ? configOverride : getConfig("firebase");
-  if (!isValidConfig(firebaseConfig)) {
+  if (!isValidFirebaseConfig(firebaseConfig)) {
     if (configOverride && typeof console !== "undefined" && console.warn) {
       console.warn(
         "[firebase-config] initFirebase() received a config with no valid apiKey. Ensure all VITE_FIREBASE_* variables are defined in your .env file and the dev server was restarted."
@@ -49,11 +49,12 @@ function initFirebase(configOverride) {
     }
   }
 }
-if (typeof __vite_import_meta_env__ !== "undefined" && isValidConfig(getConfig("firebase"))) {
+if (typeof __vite_import_meta_env__ !== "undefined" && isValidFirebaseConfig(getConfig("firebase"))) {
   initFirebase();
 }
 export {
   auth,
   getFirebaseAuth,
-  initFirebase
+  initFirebase,
+  isValidFirebaseConfig
 };

package/dist/runtime-config.js

@@ -1,4 +1,4 @@
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_ADMIN_URL": "https://admin.stokr.info", "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_DASHBOARD_URL": "https://dashboard.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_ONBOARDING_URL": "https://signup.stokr.info", "VITE_PHOTO_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_REGISTER_URL": "https://stokr.info/signup", "VITE_WEBSITE_DOMAIN": "stokr.info" };
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_ADMIN_URL": "https://admin.stokr.info", "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": "localhost", "VITE_DASHBOARD_URL": "https://dashboard.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_ONBOARDING_URL": "https://signup.stokr.info", "VITE_PHOTO_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_REGISTER_URL": "https://stokr.info/signup", "VITE_WEBSITE_DOMAIN": "stokr.info" };
 const _overrides = {};
 const ENV_KEY_BY_CONFIG = {
   apiUrl: "VITE_API_URL",

package/dist/utils/user-identity.js

@@ -0,0 +1,10 @@
+function hasLoggedInSession(user) {
+  if (user == null || typeof user !== "object") return false;
+  if (user._id != null && user._id !== "") return true;
+  if (user.uid != null && user.uid !== "") return true;
+  if (user.id != null && user.id !== "") return true;
+  return false;
+}
+export {
+  hasLoggedInSession
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.27",
+  "version": "3.0.29",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",