@cupcodev/ui 1.2.4 → 1.2.52

package/dist/index.cjs

@@ -22563,8 +22563,22 @@ var buildHandle2 = (value, email, fallbackId) => {
 var resolveCurrentUserId = (user) => {
   const sub = toStringOrUndefined(user == null ? void 0 : user.sub);
   if (sub) return sub;
+  const id = toStringOrUndefined(user == null ? void 0 : user.id);
+  if (id) return id;
+  const userId = toStringOrUndefined(user == null ? void 0 : user.userId);
+  if (userId) return userId;
   return null;
 };
+var resolveUserIdFromClaims = (claims) => {
+  var _a65, _b5, _c, _d, _e;
+  return (_e = (_d = (_c = (_b5 = (_a65 = toStringOrUndefined(claims.sub)) != null ? _a65 : toStringOrUndefined(claims.user_id)) != null ? _b5 : toStringOrUndefined(claims.userId)) != null ? _c : toStringOrUndefined(claims.uid)) != null ? _d : toStringOrUndefined(claims.id)) != null ? _e : toStringOrUndefined(claims["https://cupcode.com/user_id"]);
+};
+var resolveEmailFromClaims = (claims) => {
+  var _a65, _b5;
+  const candidate = (_b5 = (_a65 = toStringOrUndefined(claims.email)) != null ? _a65 : toStringOrUndefined(claims["https://cupcode.com/email"])) != null ? _b5 : toStringOrUndefined(claims.preferred_username);
+  if (!candidate || !candidate.includes("@")) return void 0;
+  return candidate.toLowerCase();
+};
 var formatMessageTime = (rawTimestamp) => {
   if (!rawTimestamp) return "";
   const parsed = new Date(rawTimestamp);
@@ -22829,7 +22843,7 @@ var MainNavbar = ({
   ctaHref = "/login",
   pathname,
   onNavigate,
-  authStatus = "unauthenticated",
+  authStatus,
   authUser,
   presenceStatus,
   onPresenceStatusChange,
@@ -22846,6 +22860,8 @@ var MainNavbar = ({
   const [isChatSending, setIsChatSending] = (0, import_react19.useState)(false);
   const [chatError, setChatError] = (0, import_react19.useState)(null);
   const [resolvedSenderId, setResolvedSenderId] = (0, import_react19.useState)(null);
+  const [tokenDerivedUserId, setTokenDerivedUserId] = (0, import_react19.useState)(null);
+  const [tokenDerivedEmail, setTokenDerivedEmail] = (0, import_react19.useState)(void 0);
   const [persistedProfileAvatarValue, setPersistedProfileAvatarValue] = (0, import_react19.useState)(void 0);
   const [accountsLanguage, setAccountsLanguage] = (0, import_react19.useState)("pt-BR");
   const [accountsRecentActivity, setAccountsRecentActivity] = (0, import_react19.useState)([]);
@@ -22865,8 +22881,17 @@ var MainNavbar = ({
     if (typeof window !== "undefined") return window.location.pathname || "/";
     return "/";
   }, [pathname]);
-  const currentUserId = (0, import_react19.useMemo)(() => resolveCurrentUserId(authUser), [authUser]);
-  const authEmail = (0, import_react19.useMemo)(() => toStringOrUndefined(authUser == null ? void 0 : authUser.email), [authUser == null ? void 0 : authUser.email]);
+  const currentUserId = (0, import_react19.useMemo)(() => {
+    var _a66;
+    return (_a66 = resolveCurrentUserId(authUser)) != null ? _a66 : tokenDerivedUserId;
+  }, [authUser, tokenDerivedUserId]);
+  const authEmail = (0, import_react19.useMemo)(
+    () => {
+      var _a66, _b6;
+      return (_b6 = (_a66 = toStringOrUndefined(authUser == null ? void 0 : authUser.email)) == null ? void 0 : _a66.toLowerCase()) != null ? _b6 : tokenDerivedEmail;
+    },
+    [authUser == null ? void 0 : authUser.email, tokenDerivedEmail]
+  );
   const isChatSuperAdmin = (0, import_react19.useMemo)(() => {
     var _a66, _b6;
     const roleTokens = `${(_a66 = authUser == null ? void 0 : authUser.role) != null ? _a66 : ""} ${(_b6 = authUser == null ? void 0 : authUser.jobTitle) != null ? _b6 : ""}`.toLowerCase();
@@ -22880,7 +22905,77 @@ var MainNavbar = ({
   }, []);
   const resolvedProfileAvatarUrl = (_b5 = (_a65 = resolveChatAvatarUrl(persistedProfileAvatarValue)) != null ? _a65 : authUser == null ? void 0 : authUser.picture) != null ? _b5 : void 0;
   const effectiveCurrentUserId = resolvedSenderId != null ? resolvedSenderId : currentUserId;
-  const isAuthenticated = authStatus === "authenticated";
+  const hasStoredAccessToken = (() => {
+    if (typeof window === "undefined") return false;
+    try {
+      return Boolean(sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY));
+    } catch (e) {
+      return false;
+    }
+  })();
+  const resolvedAuthStatus = (0, import_react19.useMemo)(() => {
+    if (authStatus) return authStatus;
+    if ((authUser == null ? void 0 : authUser.sub) || (authUser == null ? void 0 : authUser.id) || (authUser == null ? void 0 : authUser.userId) || (authUser == null ? void 0 : authUser.email)) {
+      return "authenticated";
+    }
+    if (tokenDerivedUserId || tokenDerivedEmail || hasStoredAccessToken) {
+      return "authenticated";
+    }
+    return "unauthenticated";
+  }, [
+    authStatus,
+    authUser == null ? void 0 : authUser.email,
+    authUser == null ? void 0 : authUser.id,
+    authUser == null ? void 0 : authUser.sub,
+    authUser == null ? void 0 : authUser.userId,
+    hasStoredAccessToken,
+    tokenDerivedEmail,
+    tokenDerivedUserId
+  ]);
+  const isAuthenticated = resolvedAuthStatus === "authenticated";
+  (0, import_react19.useEffect)(() => {
+    if (authStatus === "unauthenticated") {
+      setTokenDerivedUserId(null);
+      setTokenDerivedEmail(void 0);
+      return;
+    }
+    let canceled = false;
+    const resolveIdentityFromToken = async () => {
+      var _a66, _b6;
+      try {
+        let token = null;
+        if (typeof window !== "undefined") {
+          try {
+            token = sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY);
+          } catch (e) {
+            token = null;
+          }
+        }
+        if (!token && getAccessToken) {
+          token = await getAccessToken();
+        }
+        if (!token) {
+          if (!canceled) {
+            setTokenDerivedUserId(null);
+            setTokenDerivedEmail(void 0);
+          }
+          return;
+        }
+        const claims = (_a66 = decodeJwt(token)) != null ? _a66 : {};
+        if (canceled) return;
+        setTokenDerivedUserId((_b6 = resolveUserIdFromClaims(claims)) != null ? _b6 : null);
+        setTokenDerivedEmail(resolveEmailFromClaims(claims));
+      } catch (error) {
+        if (isRuntimeDev()) {
+          console.warn("[chat] Falha ao resolver identidade via access token:", error.message);
+        }
+      }
+    };
+    void resolveIdentityFromToken();
+    return () => {
+      canceled = true;
+    };
+  }, [authStatus, getAccessToken]);
   (0, import_react19.useEffect)(() => {
     if (!isAuthenticated) {
       setResolvedSenderId(null);
@@ -24241,8 +24336,8 @@ var MainNavbar = ({
       actions: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         UserMenuCupcode,
         {
-          isAuthenticated: authStatus === "authenticated",
-          isLoading: authStatus === "loading",
+          isAuthenticated: resolvedAuthStatus === "authenticated",
+          isLoading: resolvedAuthStatus === "loading",
           loginLabel: ctaLabel,
           displayName: authUser == null ? void 0 : authUser.name,
           username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,

package/dist/index.d.cts

@@ -442,6 +442,8 @@ declare const UserMenuCupcode: React.FC<UserMenuCupcodeProps>;
 type MainNavbarAuthStatus = "loading" | "authenticated" | "unauthenticated";
 type MainNavbarAuthUser = {
     sub?: string;
+    id?: string;
+    userId?: string;
     name?: string;
     email?: string;
     picture?: string;

package/dist/index.d.ts

@@ -442,6 +442,8 @@ declare const UserMenuCupcode: React.FC<UserMenuCupcodeProps>;
 type MainNavbarAuthStatus = "loading" | "authenticated" | "unauthenticated";
 type MainNavbarAuthUser = {
     sub?: string;
+    id?: string;
+    userId?: string;
     name?: string;
     email?: string;
     picture?: string;

package/dist/index.js

@@ -22222,8 +22222,22 @@ var buildHandle2 = (value, email, fallbackId) => {
 var resolveCurrentUserId = (user) => {
   const sub = toStringOrUndefined(user == null ? void 0 : user.sub);
   if (sub) return sub;
+  const id = toStringOrUndefined(user == null ? void 0 : user.id);
+  if (id) return id;
+  const userId = toStringOrUndefined(user == null ? void 0 : user.userId);
+  if (userId) return userId;
   return null;
 };
+var resolveUserIdFromClaims = (claims) => {
+  var _a65, _b5, _c, _d, _e;
+  return (_e = (_d = (_c = (_b5 = (_a65 = toStringOrUndefined(claims.sub)) != null ? _a65 : toStringOrUndefined(claims.user_id)) != null ? _b5 : toStringOrUndefined(claims.userId)) != null ? _c : toStringOrUndefined(claims.uid)) != null ? _d : toStringOrUndefined(claims.id)) != null ? _e : toStringOrUndefined(claims["https://cupcode.com/user_id"]);
+};
+var resolveEmailFromClaims = (claims) => {
+  var _a65, _b5;
+  const candidate = (_b5 = (_a65 = toStringOrUndefined(claims.email)) != null ? _a65 : toStringOrUndefined(claims["https://cupcode.com/email"])) != null ? _b5 : toStringOrUndefined(claims.preferred_username);
+  if (!candidate || !candidate.includes("@")) return void 0;
+  return candidate.toLowerCase();
+};
 var formatMessageTime = (rawTimestamp) => {
   if (!rawTimestamp) return "";
   const parsed = new Date(rawTimestamp);
@@ -22488,7 +22502,7 @@ var MainNavbar = ({
   ctaHref = "/login",
   pathname,
   onNavigate,
-  authStatus = "unauthenticated",
+  authStatus,
   authUser,
   presenceStatus,
   onPresenceStatusChange,
@@ -22505,6 +22519,8 @@ var MainNavbar = ({
   const [isChatSending, setIsChatSending] = useState13(false);
   const [chatError, setChatError] = useState13(null);
   const [resolvedSenderId, setResolvedSenderId] = useState13(null);
+  const [tokenDerivedUserId, setTokenDerivedUserId] = useState13(null);
+  const [tokenDerivedEmail, setTokenDerivedEmail] = useState13(void 0);
   const [persistedProfileAvatarValue, setPersistedProfileAvatarValue] = useState13(void 0);
   const [accountsLanguage, setAccountsLanguage] = useState13("pt-BR");
   const [accountsRecentActivity, setAccountsRecentActivity] = useState13([]);
@@ -22524,8 +22540,17 @@ var MainNavbar = ({
     if (typeof window !== "undefined") return window.location.pathname || "/";
     return "/";
   }, [pathname]);
-  const currentUserId = useMemo8(() => resolveCurrentUserId(authUser), [authUser]);
-  const authEmail = useMemo8(() => toStringOrUndefined(authUser == null ? void 0 : authUser.email), [authUser == null ? void 0 : authUser.email]);
+  const currentUserId = useMemo8(() => {
+    var _a66;
+    return (_a66 = resolveCurrentUserId(authUser)) != null ? _a66 : tokenDerivedUserId;
+  }, [authUser, tokenDerivedUserId]);
+  const authEmail = useMemo8(
+    () => {
+      var _a66, _b6;
+      return (_b6 = (_a66 = toStringOrUndefined(authUser == null ? void 0 : authUser.email)) == null ? void 0 : _a66.toLowerCase()) != null ? _b6 : tokenDerivedEmail;
+    },
+    [authUser == null ? void 0 : authUser.email, tokenDerivedEmail]
+  );
   const isChatSuperAdmin = useMemo8(() => {
     var _a66, _b6;
     const roleTokens = `${(_a66 = authUser == null ? void 0 : authUser.role) != null ? _a66 : ""} ${(_b6 = authUser == null ? void 0 : authUser.jobTitle) != null ? _b6 : ""}`.toLowerCase();
@@ -22539,7 +22564,77 @@ var MainNavbar = ({
   }, []);
   const resolvedProfileAvatarUrl = (_b5 = (_a65 = resolveChatAvatarUrl(persistedProfileAvatarValue)) != null ? _a65 : authUser == null ? void 0 : authUser.picture) != null ? _b5 : void 0;
   const effectiveCurrentUserId = resolvedSenderId != null ? resolvedSenderId : currentUserId;
-  const isAuthenticated = authStatus === "authenticated";
+  const hasStoredAccessToken = (() => {
+    if (typeof window === "undefined") return false;
+    try {
+      return Boolean(sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY));
+    } catch (e) {
+      return false;
+    }
+  })();
+  const resolvedAuthStatus = useMemo8(() => {
+    if (authStatus) return authStatus;
+    if ((authUser == null ? void 0 : authUser.sub) || (authUser == null ? void 0 : authUser.id) || (authUser == null ? void 0 : authUser.userId) || (authUser == null ? void 0 : authUser.email)) {
+      return "authenticated";
+    }
+    if (tokenDerivedUserId || tokenDerivedEmail || hasStoredAccessToken) {
+      return "authenticated";
+    }
+    return "unauthenticated";
+  }, [
+    authStatus,
+    authUser == null ? void 0 : authUser.email,
+    authUser == null ? void 0 : authUser.id,
+    authUser == null ? void 0 : authUser.sub,
+    authUser == null ? void 0 : authUser.userId,
+    hasStoredAccessToken,
+    tokenDerivedEmail,
+    tokenDerivedUserId
+  ]);
+  const isAuthenticated = resolvedAuthStatus === "authenticated";
+  useEffect16(() => {
+    if (authStatus === "unauthenticated") {
+      setTokenDerivedUserId(null);
+      setTokenDerivedEmail(void 0);
+      return;
+    }
+    let canceled = false;
+    const resolveIdentityFromToken = async () => {
+      var _a66, _b6;
+      try {
+        let token = null;
+        if (typeof window !== "undefined") {
+          try {
+            token = sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY);
+          } catch (e) {
+            token = null;
+          }
+        }
+        if (!token && getAccessToken) {
+          token = await getAccessToken();
+        }
+        if (!token) {
+          if (!canceled) {
+            setTokenDerivedUserId(null);
+            setTokenDerivedEmail(void 0);
+          }
+          return;
+        }
+        const claims = (_a66 = decodeJwt(token)) != null ? _a66 : {};
+        if (canceled) return;
+        setTokenDerivedUserId((_b6 = resolveUserIdFromClaims(claims)) != null ? _b6 : null);
+        setTokenDerivedEmail(resolveEmailFromClaims(claims));
+      } catch (error) {
+        if (isRuntimeDev()) {
+          console.warn("[chat] Falha ao resolver identidade via access token:", error.message);
+        }
+      }
+    };
+    void resolveIdentityFromToken();
+    return () => {
+      canceled = true;
+    };
+  }, [authStatus, getAccessToken]);
   useEffect16(() => {
     if (!isAuthenticated) {
       setResolvedSenderId(null);
@@ -23900,8 +23995,8 @@ var MainNavbar = ({
       actions: /* @__PURE__ */ jsx45("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx45(
         UserMenuCupcode,
         {
-          isAuthenticated: authStatus === "authenticated",
-          isLoading: authStatus === "loading",
+          isAuthenticated: resolvedAuthStatus === "authenticated",
+          isLoading: resolvedAuthStatus === "loading",
           loginLabel: ctaLabel,
           displayName: authUser == null ? void 0 : authUser.name,
           username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cupcodev/ui",
   "private": false,
-  "version": "1.2.4",
+  "version": "1.2.52",
   "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",
   "type": "module",
   "main": "./dist/index.cjs",