@0xchain/header 1.1.0-beta.10 → 1.1.0-beta.100

package/dist/lib/events.js

@@ -1,24 +1,22 @@
-const E = {
+const USER_EVENTS = {
   PROFILE_UPDATED: "user-profile-updated",
   LOGGED_IN: "user-logged-in",
   LOGGED_OUT: "user-logged-out"
 };
-function i(e, n) {
-  const t = new CustomEvent(e, { detail: n });
-  window.dispatchEvent(t);
+function emitUserEvent(eventName, data) {
+  const event = new CustomEvent(eventName, { detail: data });
+  window.dispatchEvent(event);
 }
-function r(e, n) {
-  const t = (o) => {
-    n(o.detail);
+function onUserEvent(eventName, callback) {
+  const handler = (event) => {
+    const customEvent = event;
+    callback(customEvent.detail);
   };
-  return window.addEventListener(e, t), () => window.removeEventListener(e, t);
-}
-function d(e, n) {
-  window.removeEventListener(e, n);
+  window.addEventListener(eventName, handler);
+  return () => window.removeEventListener(eventName, handler);
 }
 export {
-  E as USER_EVENTS,
-  d as cleanUserEvent,
-  i as emitUserEvent,
-  r as onUserEvent
+  USER_EVENTS,
+  emitUserEvent,
+  onUserEvent
 };

package/dist/lib/headerPoints.js

@@ -0,0 +1,102 @@
+const HEADER_POINTS_OVERVIEW_PATH = "/api/account/points/overview";
+const HEADER_POINTS_ICON = `${process.env.NEXT_PUBLIC_CDN_URL || ""}/uploads/2026/08/31/6a952e3b78f30.png`;
+function formatHeaderPoints(userInfo) {
+  const display = userInfo?.displayBalance;
+  if (typeof display === "string" && display.trim()) {
+    return display.trim();
+  }
+  const points = Number(userInfo?.points ?? userInfo?.balance);
+  if (!Number.isFinite(points) || points < 0) {
+    return "0";
+  }
+  if (points > 99999) {
+    return "99999";
+  }
+  return String(Math.trunc(points));
+}
+function headerPointsShowAmount(userInfo) {
+  return Boolean(userInfo?.id || userInfo?.userId);
+}
+function hasTrustedHeaderPoints(userInfo) {
+  if (userInfo?.headerPointsSeeded === true) {
+    return true;
+  }
+  if (typeof userInfo?.displayBalance === "string" && userInfo.displayBalance.trim() && userInfo.displayBalance !== "0") {
+    return true;
+  }
+  const points = Number(userInfo?.points ?? userInfo?.balance);
+  return Number.isFinite(points) && points > 0;
+}
+function overviewPayload(res) {
+  if (!res || typeof res !== "object") return null;
+  const root = res;
+  const statusCode = Number(root.status?.code);
+  if (Number.isFinite(statusCode) && statusCode !== 0 && statusCode !== 200) {
+    return null;
+  }
+  const payload = root.data && typeof root.data === "object" ? root.data : root;
+  if (!payload || typeof payload !== "object") return null;
+  return payload;
+}
+function mergePointsOverviewIntoUser(user, overviewRes) {
+  const text = pointsTextFromOverview(overviewRes);
+  if (text == null) return user;
+  const data = overviewPayload(overviewRes);
+  return {
+    ...user,
+    points: data?.balance ?? user.points,
+    balance: data?.balance ?? user.balance,
+    displayBalance: typeof data?.displayBalance === "string" ? data.displayBalance : text,
+    headerPointsSeeded: true
+  };
+}
+async function fetchHeaderPointsOverview(options) {
+  const base = options.accountBaseUrl.replace(/\/$/, "");
+  if (!base || !options.accessToken.trim()) return null;
+  const fetcher = options.fetcher ?? fetch;
+  try {
+    const response = await fetcher(`${base}/api/account/points/overview`, {
+      method: "GET",
+      cache: "no-store",
+      headers: {
+        Authorization: `Bearer ${options.accessToken}`
+      }
+    });
+    if (!response.ok) return null;
+    return await response.json();
+  } catch {
+    return null;
+  }
+}
+function pointsTextFromOverview(res) {
+  if (!res || typeof res !== "object") {
+    return null;
+  }
+  const root = res;
+  const statusCode = Number(root.status?.code);
+  if (Number.isFinite(statusCode) && statusCode !== 0 && statusCode !== 200) {
+    return null;
+  }
+  const payload = root.data && typeof root.data === "object" ? root.data : root;
+  if (!payload || typeof payload !== "object") {
+    return null;
+  }
+  const data = payload;
+  if (typeof data.balance === "undefined" && typeof data.displayBalance !== "string") {
+    return null;
+  }
+  return formatHeaderPoints({
+    displayBalance: data.displayBalance,
+    points: data.balance
+  });
+}
+export {
+  HEADER_POINTS_ICON,
+  HEADER_POINTS_OVERVIEW_PATH,
+  fetchHeaderPointsOverview,
+  formatHeaderPoints,
+  hasTrustedHeaderPoints,
+  headerPointsShowAmount,
+  mergePointsOverviewIntoUser,
+  pointsTextFromOverview
+};

package/dist/lib/headerSource.js

@@ -0,0 +1,13 @@
+var HeaderSource = /* @__PURE__ */ ((HeaderSource2) => {
+  HeaderSource2["EXPLORER"] = "explorer";
+  HeaderSource2["CHAT"] = "chat";
+  HeaderSource2["DEFAULT"] = "default";
+  return HeaderSource2;
+})(HeaderSource || {});
+function isChatHeaderSource(source) {
+  return source === "chat";
+}
+export {
+  HeaderSource,
+  isChatHeaderSource
+};

package/dist/lib/loadHeaderBarUser.js

@@ -0,0 +1,42 @@
+import request from "@0xchain/request";
+import { envCookieName } from "@0xchain/token";
+import { fetchHeaderPointsOverview, mergePointsOverviewIntoUser } from "./headerPoints.js";
+function resolveAccountApiBaseUrl() {
+  return (process.env.AUTH_ACCOUNT_INNER_URL || process.env.NEXT_PUBLIC_AUTH_URL || "").replace(/\/$/, "");
+}
+function readAccessToken(cookieStore) {
+  const keys = [
+    envCookieName("access_token"),
+    envCookieName("id_token")
+  ];
+  for (const key of keys) {
+    const value = cookieStore.get(key)?.value;
+    if (value) return value;
+  }
+  return "";
+}
+async function loadHeaderBarUserData(cookieStore) {
+  const accessToken = readAccessToken(cookieStore);
+  const accountBaseUrl = resolveAccountApiBaseUrl();
+  const [profileRes, overviewRes] = await Promise.all([
+    request.get("/v2/users/profile", {
+      baseURL: process.env.AUTH_INNER_API_URL
+    }).catch((error) => {
+      console.error(error);
+      return null;
+    }),
+    fetchHeaderPointsOverview({
+      accountBaseUrl,
+      accessToken
+    })
+  ]);
+  let user = profileRes?.data || {};
+  if (overviewRes) {
+    user = mergePointsOverviewIntoUser(user, overviewRes);
+  }
+  return user;
+}
+export {
+  loadHeaderBarUserData,
+  resolveAccountApiBaseUrl
+};

package/dist/lib/useHeaderUser.js

@@ -0,0 +1,44 @@
+'use client';
+import { useState, useCallback, useEffect } from "react";
+import { getClientSession, getRuntimeLoginState } from "@0xchain/auth";
+import { hasProfileIdentity, fetchHeaderProfile } from "./authProfile.js";
+import { onUserEvent, USER_EVENTS } from "./events.js";
+import { useIsChaindigg } from "./context.js";
+function useHeaderUser(user) {
+  const isChaindigg = useIsChaindigg();
+  const [userKey, setUserKey] = useState("");
+  const [userInfo, setUserInfo] = useState(user);
+  const hasUserProfile = hasProfileIdentity(userInfo);
+  const updateUserInfo = useCallback(async () => {
+    try {
+      const profile = await fetchHeaderProfile();
+      setUserInfo(profile || {});
+      setUserKey((/* @__PURE__ */ new Date()).getTime().toString());
+      return profile;
+    } catch (error) {
+      console.error(error);
+      setUserInfo({});
+      return null;
+    }
+  }, []);
+  useEffect(() => {
+    setUserInfo(user);
+  }, [user]);
+  useEffect(() => {
+    if (isChaindigg) return;
+    const cleanProfileUpdated = onUserEvent(USER_EVENTS.PROFILE_UPDATED, updateUserInfo);
+    const cleanLoggedIn = onUserEvent(USER_EVENTS.LOGGED_IN, updateUserInfo);
+    const cookieLoggedIn = getClientSession().isLoggedIn;
+    if (!hasUserProfile && (cookieLoggedIn || getRuntimeLoginState() === true)) {
+      updateUserInfo();
+    }
+    return () => {
+      cleanProfileUpdated();
+      cleanLoggedIn();
+    };
+  }, [hasUserProfile, isChaindigg, updateUserInfo]);
+  return { userInfo, hasUserProfile, userKey };
+}
+export {
+  useHeaderUser
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/header",
-  "version": "1.1.0-beta.10",
+  "version": "1.1.0-beta.100",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -17,36 +17,53 @@
     "dist",
     "!**/*.tsbuildinfo"
   ],
-  "devDependencies": {
-    "rollup-plugin-preserve-use-client": "3.0.1",
-    "@types/js-cookie": "3.0.6"
+  "peerDependencies": {
+    "@0xchain/with-login": "1.1.0-beta.74",
+    "antd": "6.1.1",
+    "lucide-react": "0.539.0",
+    "next": "16.1.6",
+    "next-intl": "4.13.0",
+    "rc-drawer": "7.3.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "tailwind-merge": "3.3.1"
   },
-  "dependencies": {
+  "devDependencies": {
+    "@0xchain/next-themes": "1.0.0",
+    "@0xchain/with-login": "1.1.0-beta.74",
+    "@types/js-cookie": "3.0.6",
+    "antd": "6.1.1",
     "js-cookie": "3.0.5",
     "lucide-react": "0.539.0",
-    "next-intl": "4.8.2",
-    "@0xchain/next-themes": "1.0.0",
+    "next": "16.1.6",
+    "next-intl": "4.13.0",
     "rc-drawer": "7.3.0",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "tailwind-merge": "3.3.1",
-    "next": "16.1.6",
-    "antd": "6.1.1",
-    "@0xchain/auth": "1.1.0-beta.10",
-    "@0xchain/avatar": "1.1.0-beta.10",
-    "@0xchain/image": "1.1.0-beta.10",
-    "@0xchain/translation": "1.1.0-beta.10",
-    "@0xchain/link": "1.1.0-beta.10",
-    "@0xchain/theme-toggle": "1.1.0-beta.10",
-    "@0xchain/ui": "1.1.0-beta.10",
-    "@0xchain/with-login": "1.1.0-beta.10",
-    "@0xchain/tooltip": "1.1.0-beta.10",
-    "@0xchain/token": "1.1.0-beta.10",
-    "@0xchain/request": "1.1.0-beta.10",
-    "@0xchain/iconfont": "1.1.0-beta.10",
-    "@0xchain/better-link": "1.1.0-beta.10"
+    "rollup-plugin-preserve-use-client": "3.0.1",
+    "tailwind-merge": "3.3.1"
+  },
+  "dependencies": {
+    "@0xchain/auth": "1.1.0-beta.74",
+    "@0xchain/token": "1.1.0-beta.74",
+    "@0xchain/avatar": "1.1.0-beta.74",
+    "@0xchain/better-link": "1.1.0-beta.74",
+    "@0xchain/i18n": "1.1.0-beta.74",
+    "@0xchain/iconfont": "1.1.0-beta.74",
+    "@0xchain/image": "1.1.0-beta.74",
+    "@0xchain/link": "1.1.0-beta.74",
+    "@0xchain/request": "1.1.0-beta.74",
+    "@0xchain/theme-toggle": "1.1.0-beta.74",
+    "@0xchain/tooltip": "1.1.0-beta.74",
+    "@0xchain/translation": "1.1.0-beta.74",
+    "@0xchain/ui": "1.1.0-beta.74"
+  },
+  "nx": {
+    "tags": [
+      "type:feature"
+    ]
   },
   "publishConfig": {
     "access": "public"
   }
-}
+}