@stokr/components-library 3.0.27 → 3.0.28

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

@@ -9,14 +9,15 @@ 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 { getFirebaseAuth, isValidFirebaseConfig } from "../firebase-config.js";
 import { ConfirmModal as ConfirmModalComponent } from "../components/ConfirmModal/ConfirmModal.js";
 import avatarPlaceholder from "../static/images/avatar-placeholder.png.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 {
@@ -338,7 +339,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;
@@ -364,11 +368,6 @@ class AuthProviderClass extends Component {
         user: null,
         firebaseUser: null
       });
-      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)."
-        );
-      }
       return;
     }
     this.setState({
@@ -385,7 +384,20 @@ class AuthProviderClass extends Component {
       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") {
+            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."
+              );
+            }
+          } else {
+            throw firebaseErr;
+          }
+        }
       }
       const user = this.patchUserObject(result.user, firebaseUser);
       this.checkUserIsValid(user);
@@ -409,12 +421,9 @@ class AuthProviderClass extends Component {
       const code = error?.code;
       const httpStatus = error?.response?.status;
       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 +807,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,7 @@
+function hasLoggedInSession(user) {
+  if (user == null || typeof user !== "object") return false;
+  return Boolean(user._id || user.uid);
+}
+export {
+  hasLoggedInSession
+};

package/package.json

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