@stokr/components-library 3.0.28 → 3.0.30

package/dist/components/ToDoList/ToDoListTask.js

@@ -21,7 +21,8 @@ import "../RefreshButton/RefreshButton.js";
 import "../SectionTitle/SectionTitle.styles.js";
 import "../FAQ/FAQ.js";
 import "js-cookie";
-import "../../firebase-config.js";
+import "firebase/app";
+import "firebase/auth";
 import "../../model/axios.js";
 import "../../model/axiosPublic.js";
 import "../../utils/redirect-url.js";

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\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"
+          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"
         }
       ) }) }),
       /* @__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\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"
+          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"
         }
       ) }) }),
       /* @__PURE__ */ jsx("g", {}),

package/dist/context/Auth.js

@@ -3,8 +3,8 @@ import axios from "axios";
 import axiosInstance from "../model/axios.js";
 import getCookieDomain from "../utils/get-cookie-domain.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 { initFirebase, getFirebaseAuth } from "../firebase-config.js";
+import { updatePassword, updateProfile, signInWithCustomToken, signInWithEmailAndPassword, createUserWithEmailAndPassword, applyActionCode, verifyPasswordResetCode, confirmPasswordReset, onAuthStateChanged } from "firebase/auth";
 import { getConfig } from "../runtime-config.js";
 function normalizeCustomToken(token) {
   if (token == null) return "";

package/dist/context/AuthContext.js

@@ -1,20 +1,20 @@
 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 { Auth } from "./Auth.js";
-import { DEFAULT_TOKEN_EXPIRY_MS } from "./Auth.js";
-import { getFirebaseAuth, isValidFirebaseConfig } from "../firebase-config.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 { signOut, getMultiFactorResolver, PhoneMultiFactorGenerator, TotpMultiFactorGenerator, multiFactor } from "firebase/auth";
+import { isAlreadyOnOnboardingFlow } from "../utils/app-urls.js";
+import { multiFactor, TotpMultiFactorGenerator, signOut, getMultiFactorResolver, PhoneMultiFactorGenerator } from "firebase/auth";
 import { navigateToHref } from "../routing/navigate-app.js";
 const AuthContext = React__default.createContext();
 const FALLBACK_AUTH_CONTEXT_VALUE = { user: null, isFetchingUser: false };
@@ -135,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();
@@ -159,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
       });
@@ -233,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) {
@@ -368,6 +397,11 @@ class AuthProviderClass extends Component {
         user: null,
         firebaseUser: null
       });
+      if (typeof console !== "undefined" && console.debug) {
+        console.debug(
+          "[@stokr/components-library] getUser: skipped — no STOKR_ACCESS_TOKEN (normal when logged out). If login just ran, check loginUser cookie log and cookieDomain."
+        );
+      }
       return;
     }
     this.setState({
@@ -379,7 +413,26 @@ 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) {
@@ -388,12 +441,20 @@ class AuthProviderClass extends Component {
           firebaseUser = await Auth.signInWithToken(customToken);
         } catch (firebaseErr) {
           const fbCode = firebaseErr?.code;
-          if (fbCode === "auth/internal-error" || fbCode === "auth/network-request-failed") {
+          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;
           }
@@ -402,13 +463,26 @@ class AuthProviderClass extends Component {
       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
       });
@@ -420,6 +494,13 @@ 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") {
         if (typeof console !== "undefined" && console.warn) {
           console.warn(

package/dist/firebase-config.js

@@ -1,7 +1,6 @@
 import { getApps, getApp, initializeApp } from "firebase/app";
 import { initializeAuth, inMemoryPersistence, getAuth } from "firebase/auth";
 import { getConfig } from "./runtime-config.js";
-const __vite_import_meta_env__ = {};
 let app = null;
 let auth = null;
 function isValidFirebaseConfig(config) {
@@ -49,9 +48,6 @@ function initFirebase(configOverride) {
     }
   }
 }
-if (typeof __vite_import_meta_env__ !== "undefined" && isValidFirebaseConfig(getConfig("firebase"))) {
-  initFirebase();
-}
 export {
   auth,
   getFirebaseAuth,

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": "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 __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
 const _overrides = {};
 const ENV_KEY_BY_CONFIG = {
   apiUrl: "VITE_API_URL",