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

package/dist/index.js

@@ -1,56 +1,54 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { twMerge as i } from "tailwind-merge";
-import k from "@0xchain/request";
-import l, { HeaderSource as a } from "./lib/Right.js";
-import g from "./lib/Logo.js";
-import { cookies as v } from "next/headers";
-import { HeaderProvider as E } from "./lib/context.js";
-import { USER_EVENTS as w, emitUserEvent as j, onUserEvent as G } from "./lib/events.js";
-async function R({
-  extra: f,
-  children: p,
-  className: h,
-  hideNews: d = !1,
-  hideLogin: c = !1,
-  source: r = a.DEFAULT,
-  brand: s = "iChatGo"
+import { jsxs, jsx } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+import Right from "./lib/Right.js";
+import Logo from "./lib/Logo.js";
+import { cookies } from "next/headers";
+import { HeaderProvider } from "./lib/context.js";
+import { createSessionFromCookieGetter } from "@0xchain/auth";
+import { loadHeaderBarUserData } from "./lib/loadHeaderBarUser.js";
+import { isChatHeaderSource, HeaderSource } from "./lib/headerSource.js";
+import { USER_EVENTS, emitUserEvent, onUserEvent } from "./lib/events.js";
+async function HeaderBar({
+  extra,
+  children,
+  className,
+  hideNews = false,
+  hideLogin = false,
+  source = HeaderSource.DEFAULT,
+  brand = "iChatGo"
 }) {
-  var n;
-  let e = {
-    data: {}
-  };
-  if (s !== "CHAINDIGG")
+  let user = {};
+  if (brand !== "CHAINDIGG") {
     try {
-      const m = (n = (await v()).get("refresh_token")) == null ? void 0 : n.value;
-      if (typeof m < "u" && m !== "")
-        try {
-          e = await k.get("/v2/users/profile", {
-            baseURL: process.env.AUTH_INNER_API_URL
-          });
-        } catch (x) {
-          console.error(x), e = { data: {} };
-        }
+      const cookieStore = await cookies();
+      const session = createSessionFromCookieGetter(
+        (key) => cookieStore.get(key)?.value ?? null
+      );
+      if (session.isLoggedIn) {
+        user = await loadHeaderBarUserData(cookieStore);
+      }
     } catch {
-      e = { data: {} };
+      user = {};
     }
-  return /* @__PURE__ */ t(E, { brand: s, children: [
-    /* @__PURE__ */ t("div", { className: i("sticky left-0 right-0 top-0 bg-background h-16 z-999", r === a.CHAT ? "hidden md:block" : "block", h), children: [
-      /* @__PURE__ */ t("div", { className: "md:bg-card h-13 text-center flex flex-wrap justify-between items-center gap-2 px-4", children: [
-        /* @__PURE__ */ t("div", { className: i("items-center flex-1 gap-6", r === a.CHAT ? "hidden md:flex" : "flex"), children: [
-          /* @__PURE__ */ o(g, {}),
-          p
+  }
+  return /* @__PURE__ */ jsxs(HeaderProvider, { brand, children: [
+    /* @__PURE__ */ jsxs("div", { className: twMerge("sticky left-0 right-0 top-0 bg-background h-16 z-999", isChatHeaderSource(source) ? "hidden md:block flex-1" : "block", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "md:bg-card h-13 w-full text-center flex flex-nowrap justify-between items-center gap-2 md:gap-10 px-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: twMerge("items-center gap-6 shrink-0", isChatHeaderSource(source) ? "hidden md:flex" : "flex"), children: [
+          /* @__PURE__ */ jsx(Logo, {}),
+          children
         ] }),
-        /* @__PURE__ */ o(l, { hideNews: d, hideLogin: c, user: (e == null ? void 0 : e.data) || {} })
+        /* @__PURE__ */ jsx(Right, { hideNews, hideLogin, user })
       ] }),
-      f
+      extra
     ] }),
-    /* @__PURE__ */ o("div", { className: i(r === a.CHAT ? "block md:hidden" : "hidden"), children: /* @__PURE__ */ o(l, { hideNews: d, source: r, hideLogin: c, user: (e == null ? void 0 : e.data) || {} }) })
+    /* @__PURE__ */ jsx("div", { className: twMerge(isChatHeaderSource(source) ? "flex justify-end md:hidden" : "hidden"), children: /* @__PURE__ */ jsx(Right, { hideNews, source, hideLogin, user }) })
   ] });
 }
 export {
-  a as HeaderSource,
-  w as USER_EVENTS,
-  R as default,
-  j as emitUserEvent,
-  G as onUserEvent
+  HeaderSource,
+  USER_EVENTS,
+  HeaderBar as default,
+  emitUserEvent,
+  onUserEvent
 };

package/dist/lib/Drawer.js

@@ -1,42 +1,46 @@
 'use client';
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import d from "rc-drawer";
-import { Menu as f, X as m } from "lucide-react";
-import p from "./Nav.js";
-import { useState as u } from "react";
-import { useIsChaindigg as g } from "./context.js";
-function N({
-  hideLogin: s = !1,
-  hideNews: n = !1,
-  user: i
+import { jsx, jsxs } from "react/jsx-runtime";
+import RcDrawer from "rc-drawer";
+import { Menu, X } from "lucide-react";
+import Nav from "./Nav.js";
+import { useState } from "react";
+import { useIsChaindigg } from "./context.js";
+function Drawer({
+  hideLogin = false,
+  hideNews = false,
+  user
 }) {
-  const e = g(), [a, t] = u(!1);
-  if (!a)
-    return /* @__PURE__ */ o(
-      f,
+  const isChaindigg = useIsChaindigg();
+  const [open, setOpen] = useState(false);
+  if (!open) {
+    return /* @__PURE__ */ jsx(
+      Menu,
       {
-        onClick: () => t(!0),
+        onClick: () => setOpen(true),
         size: 32,
         style: { color: "var(--foreground)" },
         className: "md:hidden bg-card rounded-lg p-[4px]"
       }
     );
-  const l = (r) => {
-    r == null || r.preventDefault(), r == null || r.stopPropagation(), t(!1);
+  }
+  const handleClose = (e) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    setOpen(false);
   };
-  return /* @__PURE__ */ o(
-    d,
+  return /* @__PURE__ */ jsx(
+    RcDrawer,
     {
-      open: a,
+      open,
       placement: "right",
-      className: `block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 p-2 ${e ? "bg-background" : "bg-background/70 h-screen"}`,
-      children: /* @__PURE__ */ c("div", { className: `w-full overflow-y-auto p-3 bg-card rounded-lg ${e ? "max-h-full" : "max-h-[calc(100svh-16px)]"}`, children: [
-        /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(m, { size: 24, style: { color: "var(--foreground)" }, onClick: (r) => l(r) }) }),
-        /* @__PURE__ */ o(p, { onClick: (r) => l(r), hideLogin: s, hideNews: n, user: i })
+      className: `block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 p-2 bg-card ${isChaindigg ? "bg-background" : "bg-background/70 h-screen"}`,
+      children: /* @__PURE__ */ jsxs("div", { className: `w-full overflow-y-auto p-3 bg-card rounded-lg ${isChaindigg ? "max-h-full" : "max-h-[calc(100svh-16px)]"}`, children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ jsx(X, { size: 24, style: { color: "var(--foreground)" }, onClick: (e) => handleClose(e) }) }),
+        /* @__PURE__ */ jsx(Nav, { onClick: (e) => handleClose(e), hideLogin, hideNews, user })
       ] })
     }
   );
 }
 export {
-  N as default
+  Drawer as default
 };

package/dist/lib/Explorer.js

@@ -1,94 +1,105 @@
 'use client';
-import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
-import m from "@0xchain/translation";
-import { Dropdown as b } from "antd";
-import { useState as f, useEffect as y } from "react";
-import N from "@0xchain/request";
-import x from "@0xchain/better-link";
-import j from "@0xchain/image";
-import { usePathname as A, useRouter as I } from "next/navigation";
-import { Accordion as S, AccordionItem as L, AccordionTrigger as P } from "@0xchain/ui/accordion";
-function q({ onClick: a = () => {
-}, onExpandChange: n }) {
-  A();
-  const p = I(), { gotoExplorer: h } = x(), [s, v] = f([]), [c, i] = f(""), g = async () => {
-    const e = await N.get("/api/v2/chains/all-chain-list/basic");
-    v(e.data);
-  }, d = (e, o) => {
-    e == null || e.preventDefault(), e == null || e.stopPropagation(), a == null || a(), i("");
-    const l = h({ chain: o.chainSymbol });
-    p.push(l);
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import Translation from "@0xchain/translation";
+import { Dropdown } from "antd";
+import { useState, useEffect } from "react";
+import request from "@0xchain/request";
+import BetterLink from "@0xchain/better-link";
+import ImageBar from "@0xchain/image";
+import { Accordion, AccordionItem, AccordionTrigger } from "@0xchain/ui/accordion";
+function Explorer({ onClick = () => void 0, onExpandChange }) {
+  const { gotoExplorer } = BetterLink();
+  const [list, setList] = useState([]);
+  const [accordionValue, setAccordionValue] = useState("");
+  const getList = async () => {
+    try {
+      const res = await request.get("/api/v2/chains/all-chain-list/basic");
+      setList(Array.isArray(res.data) ? res.data : []);
+    } catch (error) {
+      console.error(error);
+      setList([]);
+    }
   };
-  y(() => {
-    g();
+  const handleClick = (e, item) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    onClick?.();
+    setAccordionValue("");
+    const url = gotoExplorer({ chain: item.chainSymbol });
+    const baseUrl = process.env.NEXT_PUBLIC_APP_URL || "";
+    window.location.href = `${baseUrl}${url}`;
+  };
+  useEffect(() => {
+    getList();
   }, []);
-  const u = (e) => {
-    var o, l;
-    return /* @__PURE__ */ t(
+  const renderItemContent = (item) => {
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium",
         children: [
-          /* @__PURE__ */ r(
-            j,
+          /* @__PURE__ */ jsx(
+            ImageBar,
             {
-              src: e != null && e.chainIconUrl ? e == null ? void 0 : e.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(l = (o = e == null ? void 0 : e.chain) == null ? void 0 : o.toLowerCase()) == null ? void 0 : l.replace(" ", "-")}.png?format=auto&width=20&height=20`,
+              src: item?.chainIconUrl ? item?.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${item?.chain?.toLowerCase()?.replace(" ", "-")}.png?format=auto&width=20&height=20`,
               className: "w-5 h-5",
               objectFit: "contain"
             }
           ),
-          /* @__PURE__ */ r("div", { className: "flex-1", children: e == null ? void 0 : e.chainSymbol })
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children: item?.chainSymbol })
         ]
       }
     );
   };
-  return /* @__PURE__ */ t(w, { children: [
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(
-      b,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(
+      Dropdown,
       {
         getPopupContainer: () => document.body,
         classNames: {
           root: "w-50"
         },
-        arrow: { pointAtCenter: !0 },
+        arrow: { pointAtCenter: true },
         placement: "bottom",
         menu: {
-          items: s.map((e) => ({
-            label: u(e),
-            key: e.chainSymbol,
-            onClick: (o) => d(o.domEvent, e)
+          items: list.map((item) => ({
+            label: renderItemContent(item),
+            key: item.chainSymbol,
+            onClick: (info) => handleClick(info.domEvent, item)
           }))
         },
-        children: /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(m, { value: "title", parentKey: "browser" }) })
+        children: /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ jsx(Translation, { value: "title", parentKey: "browser" }) })
       }
     ) }),
-    /* @__PURE__ */ r("div", { className: "md:hidden w-full", children: /* @__PURE__ */ t("div", { onClick: (e) => {
-      e.preventDefault(), e.stopPropagation();
+    /* @__PURE__ */ jsx("div", { className: "md:hidden w-full", children: /* @__PURE__ */ jsxs("div", { onClick: (e) => {
+      e.preventDefault();
+      e.stopPropagation();
     }, children: [
-      /* @__PURE__ */ r(
-        S,
+      /* @__PURE__ */ jsx(
+        Accordion,
         {
           type: "single",
-          collapsible: !0,
+          collapsible: true,
           className: "w-full",
-          value: c,
-          onValueChange: (e) => {
-            i(e), n == null || n(!!e);
+          value: accordionValue,
+          onValueChange: (value) => {
+            setAccordionValue(value);
+            onExpandChange?.(!!value);
           },
-          children: /* @__PURE__ */ r(L, { value: "explorer", className: "border-0", children: /* @__PURE__ */ r(P, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-foreground", children: /* @__PURE__ */ r(m, { value: "title", parentKey: "browser" }) }) }) }) })
+          children: /* @__PURE__ */ jsx(AccordionItem, { value: "explorer", className: "border-0", children: /* @__PURE__ */ jsx(AccordionTrigger, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ jsx("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: /* @__PURE__ */ jsx(Translation, { value: "title", parentKey: "browser" }) }) }) }) })
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
-          style: { gridTemplateRows: c ? "1fr" : "0fr" },
-          children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: s.map((e) => /* @__PURE__ */ r("div", { className: "w-full", onClick: (o) => d(o, e), children: u(e) }, e.chainSymbol)) }) })
+          style: { gridTemplateRows: accordionValue ? "1fr" : "0fr" },
+          children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: list.map((item) => /* @__PURE__ */ jsx("div", { className: "w-full", onClick: (e) => handleClick(e, item), children: renderItemContent(item) }, item.chainSymbol)) }) })
         }
       )
     ] }) })
   ] });
 }
 export {
-  q as default
+  Explorer as default
 };

package/dist/lib/Logo.js

@@ -1,65 +1,80 @@
 'use client';
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import o from "@0xchain/image";
-import e from "@0xchain/link";
-import { twMerge as i } from "tailwind-merge";
-import { useIsChaindigg as s } from "./context.js";
-function g() {
-  return s() ? /* @__PURE__ */ t(
-    e,
+import { jsxs, jsx } from "react/jsx-runtime";
+import ImageBar from "@0xchain/image";
+import LinkBar from "@0xchain/link";
+import { twMerge } from "tailwind-merge";
+import { useIsChaindigg } from "./context.js";
+function Logo() {
+  const isChaindigg = useIsChaindigg();
+  if (isChaindigg) {
+    return /* @__PURE__ */ jsxs(
+      LinkBar,
+      {
+        suppressHydrationWarning: true,
+        href: `/explorer`,
+        baseUrl: "",
+        className: twMerge("w-auto shrink-0 block cursor-pointer"),
+        children: [
+          /* @__PURE__ */ jsx(
+            ImageBar,
+            {
+              className: "block dark:hidden",
+              src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcb36c177e.png`,
+              width: 154,
+              height: 32,
+              alt: "logo",
+              objectFit: "contain",
+              priority: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ImageBar,
+            {
+              className: "hidden dark:block",
+              src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcf43c95d8.png`,
+              width: 154,
+              height: 32,
+              alt: "logo",
+              objectFit: "contain",
+              priority: true
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    LinkBar,
     {
-      suppressHydrationWarning: !0,
-      href: "/explorer",
-      baseUrl: "",
-      className: i("w-auto shrink-0 block cursor-pointer"),
+      suppressHydrationWarning: true,
+      href: `/`,
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      className: twMerge("w-auto shrink-0 block cursor-pointer"),
       children: [
-        /* @__PURE__ */ r(
-          o,
+        /* @__PURE__ */ jsx(
+          ImageBar,
           {
             className: "block dark:hidden",
-            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcb36c177e.png`,
-            width: 154,
-            height: 32,
+            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/04/01/69ccb9c05c2c6.png`,
+            width: 136,
             alt: "logo",
-            objectFit: "contain",
-            priority: !0
+            priority: true
           }
         ),
-        /* @__PURE__ */ r(
-          o,
+        /* @__PURE__ */ jsx(
+          ImageBar,
           {
             className: "hidden dark:block",
-            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcf43c95d8.png`,
-            width: 154,
-            height: 32,
+            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/04/01/69ccb9bd7787f.png`,
+            width: 136,
             alt: "logo",
-            objectFit: "contain",
-            priority: !0
+            priority: true
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ r(
-    e,
-    {
-      suppressHydrationWarning: !0,
-      href: "/",
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      className: i("w-auto shrink-0 block cursor-pointer"),
-      children: /* @__PURE__ */ r(
-        o,
-        {
-          src: `${process.env.NEXT_PUBLIC_CDN_URL}/logo.png`,
-          width: 154,
-          height: 32,
-          alt: "logo",
-          objectFit: "contain",
-          priority: !0
-        }
-      )
-    }
   );
 }
 export {
-  g as default
+  Logo as default
 };