@0xchain/header 1.1.0-beta.9 → 1.1.0-beta.90

package/dist/lib/Nav.js

@@ -1,167 +1,213 @@
 'use client';
-import { jsx as r, jsxs as i, Fragment as P } from "react/jsx-runtime";
-import p from "@0xchain/link";
-import j from "./User/index.js";
-import c from "./Setting/index.js";
-import h from "@0xchain/translation";
-import { twMerge as l } from "tailwind-merge";
-import I from "@0xchain/better-link";
-import { useLocale as T } from "next-intl";
-import k from "./User/Logout.js";
-import { useState as m, useCallback as A, useEffect as R } from "react";
-import C from "./User/SignIn.js";
-import { fetchUserProfile as X } from "@0xchain/auth";
-import { onUserEvent as D, cleanUserEvent as K, USER_EVENTS as x } from "./events.js";
-import { usePathname as $ } from "next/navigation";
-import g from "./Explorer.js";
-import { useIsChaindigg as q } from "./context.js";
-function le({ onClick: t = () => {
-}, hideNews: w = !1, hideLogin: U = !1, user: b }) {
-  const a = q(), { gotoAISQL: y, gotoChat: E } = I(), s = T(), n = $(), [L, v] = m(""), [d, N] = m(b), [F, _] = m(!1), S = [
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import LinkBar from "@0xchain/link";
+import UserControl from "./User/index.js";
+import Setting from "./Setting/index.js";
+import Translation from "@0xchain/translation";
+import { twMerge } from "tailwind-merge";
+import BetterLink from "@0xchain/better-link";
+import { useLocale } from "@0xchain/i18n/react";
+import Logout from "./User/Logout.js";
+import { useState } from "react";
+import SignIn from "./User/SignIn.js";
+import { usePathname } from "next/navigation";
+import Explorer from "./Explorer.js";
+import Products from "./Products.js";
+import PointsEntry from "./PointsEntry.js";
+import { useIsChaindigg } from "./context.js";
+import { useHeaderUser } from "./useHeaderUser.js";
+function Nav({ onClick = () => void 0, hideNews = false, hideLogin = false, user }) {
+  const isChaindigg = useIsChaindigg();
+  const { gotoAISQL, gotoChat } = BetterLink();
+  const locale = useLocale();
+  const pathname = usePathname();
+  const { userInfo, hasUserProfile, userKey } = useHeaderUser(user);
+  const [, setExplorerExpanded] = useState(false);
+  const ichaingoNavList = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: E({ locale: s }),
-      key: `/${s}`,
-      label: /* @__PURE__ */ r("span", { children: "iSearch" }),
-      show: (e) => e === `/${s}` || e.includes(`/${s}/conversation`)
+      href: gotoChat({ locale }),
+      key: `/${locale}`,
+      label: /* @__PURE__ */ jsx("span", { children: "iSearch" }),
+      show: (pathname2) => {
+        return pathname2 === `/${locale}` || pathname2.includes(`/${locale}/conversation`);
+      }
     },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: y({ locale: s }),
-      key: "/sql",
-      label: "iSQL",
-      show: (e) => e.includes(`/${s}/sql`)
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: gotoAISQL({ locale }),
+      key: "/query",
+      label: "iQuery",
+      show: (pathname2) => {
+        return pathname2.includes(`/${locale}/query`);
+      }
     },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/explorer",
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
       key: "/explorer",
-      label: /* @__PURE__ */ r(g, { onClick: t, onExpandChange: _ }),
-      show: (e) => e.includes("/explorer")
+      href: "/explorer",
+      label: /* @__PURE__ */ jsx(Explorer, { onClick, onExpandChange: setExplorerExpanded }),
+      show: (pathname2) => {
+        return pathname2.includes(`/explorer`);
+      }
     },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/news",
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: `/news`,
       key: "/news",
-      label: /* @__PURE__ */ r(h, { value: "news", parentKey: "menu" }),
-      show: (e) => e.includes("/news")
+      label: /* @__PURE__ */ jsx(Translation, { value: "news", parentKey: "menu" }),
+      show: (pathname2) => {
+        return pathname2.includes(`/news`);
+      }
     },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/ranking/token",
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: `/ranking`,
       key: "/ranking",
-      label: /* @__PURE__ */ r(h, { value: "ranking", parentKey: "menu" }),
-      show: (e) => e.includes("/ranking")
+      label: /* @__PURE__ */ jsx(Translation, { value: "ranking", parentKey: "menu" }),
+      show: (pathname2) => {
+        return pathname2.includes(`/ranking`);
+      }
+    },
+    {
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: `/learn`,
+      key: "/learn",
+      label: /* @__PURE__ */ jsx(Translation, { value: "learn", parentKey: "menu" }),
+      show: (pathname2) => {
+        return pathname2.includes(`/learn`);
+      }
+    },
+    {
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      key: "/products",
+      label: /* @__PURE__ */ jsx(Products, { onClick }),
+      show: (pathname2) => {
+        return pathname2.includes("/widget");
+      }
     }
-  ].filter((e) => w ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), B = [
+  ]?.filter((item) => {
+    if (hideNews) {
+      return !["/explorer", "/chat", "/query"].includes(item.key);
+    }
+    return true;
+  });
+  const chaindiggNavList = [
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/explorer",
       key: "/explorer",
-      label: /* @__PURE__ */ r(g, {}),
-      show: (e) => e.includes("/explorer")
+      label: /* @__PURE__ */ jsx(Explorer, {}),
+      show: (pathname2) => {
+        return pathname2.includes(`/explorer`);
+      }
     }
-  ], u = a ? B : S, f = A(() => new Promise((e) => {
-    X().then((o) => {
-      N(o), v((/* @__PURE__ */ new Date()).getTime().toString()), e(o);
-    });
-  }), []);
-  return R(() => {
-    if (!a)
-      return D(x.PROFILE_UPDATED, f), () => {
-        K(x.PROFILE_UPDATED, f);
-      };
-  }, [a]), a ? /* @__PURE__ */ i(
-    "nav",
-    {
-      className: l(
-        "flex flex-col justify-start items-start md:px-3",
-        "md:flex-row md:justify-end md:items-start md:px-0",
-        "md:gap-6"
-      ),
-      children: [
-        /* @__PURE__ */ r(
-          "ul",
-          {
-            className: l(
-              "flex flex-col justify-start items-start w-full h-full text-sm leading-[44px] z-1001 text-foreground",
-              "md:flex-row md:items-center md:w-auto md:h-[34px] md:leading-[34px] md:gap-6",
-              "order-2 md:order-0"
-            ),
-            children: u.map((e, o) => /* @__PURE__ */ r(
-              "li",
-              {
-                className: l(
-                  "w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary",
-                  e.show(n) && "border-b-2 border-primary text-primary"
-                ),
-                children: e.href === n ? e.label : /* @__PURE__ */ r(
-                  p,
-                  {
-                    href: e.href,
-                    onClick: t,
-                    className: "h-full flex items-center justify-start",
-                    baseUrl: e.baseUrl,
-                    suppressHydrationWarning: !0,
-                    children: e.label
-                  }
-                )
-              },
-              o
-            ))
-          }
+  ];
+  const NavList = isChaindigg ? chaindiggNavList : ichaingoNavList;
+  if (isChaindigg) {
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        className: twMerge(
+          "flex flex-col justify-start items-start md:px-3",
+          "md:flex-row md:justify-start md:items-start md:px-0",
+          "md:gap-6"
         ),
-        /* @__PURE__ */ r(c, { onClick: t })
-      ]
-    }
-  ) : /* @__PURE__ */ i(
+        children: [
+          /* @__PURE__ */ jsx(
+            "ul",
+            {
+              className: twMerge(
+                "flex flex-col flex-1 justify-start items-start w-full h-full text-sm leading-[44px] z-1001 text-foreground",
+                "md:flex-row md:items-center md:w-auto md:h-[34px] md:leading-[34px] md:gap-5",
+                "order-2 md:order-0"
+              ),
+              children: NavList.map((item, index) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: twMerge(
+                    "w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary",
+                    item.show(pathname) && "border-b-2 border-primary text-primary"
+                  ),
+                  children: !item.href || item.href === pathname ? item.label : /* @__PURE__ */ jsx(
+                    LinkBar,
+                    {
+                      href: item.href,
+                      onClick,
+                      className: twMerge(
+                        "w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary",
+                        item.show(pathname) && "border-b-2 border-primary text-primary",
+                        "h-full flex items-center justify-start"
+                      ),
+                      baseUrl: item.baseUrl,
+                      suppressHydrationWarning: true,
+                      children: item.label
+                    }
+                  )
+                },
+                index
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(Setting, { onClick })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
     "nav",
     {
-      className: l(
+      className: twMerge(
         "flex flex-col justify-start items-start md:px-3",
-        "md:flex-row md:justify-end md:items-center md:px-0",
+        "md:flex-row md:justify-end md:items-center md:px-0 md:flex-1",
         "md:gap-4"
       ),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "ul",
           {
-            className: l(
+            className: twMerge(
               "flex flex-col justify-start items-start w-full h-full text-sm z-1001 text-foreground",
-              "md:flex-row md:items-center md:w-auto md:h-[34px] md:gap-6",
+              "md:flex-row md:items-center md:w-auto md:h-[34px] md:gap-6 md:flex-1",
               "order-2 md:order-0"
             ),
-            children: u.map((e, o) => /* @__PURE__ */ r(
-              "li",
-              {
-                className: l(
-                  "w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full",
-                  e.key === "/explorer" ? "h-auto" : "h-11",
-                  e.show(n) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-border"
-                ),
-                children: e.href === n ? e.label : /* @__PURE__ */ r(
-                  p,
-                  {
-                    href: e.href,
-                    onClick: t,
-                    className: "h-full flex items-center justify-start",
-                    baseUrl: e.baseUrl,
-                    suppressHydrationWarning: !0,
-                    children: e.label
-                  }
-                )
-              },
-              o
-            ))
+            children: NavList.map((item, index) => {
+              return /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: twMerge(
+                    "w-full md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full",
+                    item.key === "/explorer" || item.key === "/products" ? "h-auto" : "h-11",
+                    item.show(pathname) ? "md:text-primary md:bg-primary/10" : "md:hover:bg-border"
+                  ),
+                  children: !item.href || item.href === pathname ? item.label : /* @__PURE__ */ jsx(
+                    LinkBar,
+                    {
+                      href: item.href,
+                      onClick,
+                      className: twMerge(
+                        "w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full",
+                        item.key === "/explorer" || item.key === "/products" ? "h-auto" : "h-11",
+                        item.show(pathname) ? "md:text-primary md:bg-primary/10" : "md:hover:bg-border",
+                        "h-full flex items-center justify-start"
+                      ),
+                      baseUrl: item.baseUrl,
+                      suppressHydrationWarning: true,
+                      children: item.label
+                    }
+                  )
+                },
+                index
+              );
+            })
           }
         ),
-        /* @__PURE__ */ r(c, { onClick: t }),
-        !n.includes("/login") && !U ? /* @__PURE__ */ i(P, { children: [
-          /* @__PURE__ */ r(j, { onClick: t, userInfo: d }, L),
-          d != null && d.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ r(k, {}) }) : /* @__PURE__ */ r(
-            C,
+        !pathname.includes("/login") && !hideLogin ? /* @__PURE__ */ jsx(PointsEntry, { userInfo, className: "hidden md:inline-flex", onClick }) : null,
+        /* @__PURE__ */ jsx(Setting, { onClick }),
+        !pathname.includes("/login") && !hideLogin ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(UserControl, { onClick, userInfo }, userKey),
+          hasUserProfile ? /* @__PURE__ */ jsx("div", { className: "flex md:hidden h-11 md:h-auto cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Logout, {}) }) : /* @__PURE__ */ jsx(
+            SignIn,
             {
-              onClick: t,
+              onClick,
               className: "flex md:hidden h-11 cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center"
             }
           )
@@ -171,5 +217,5 @@ function le({ onClick: t = () => {
   );
 }
 export {
-  le as default
+  Nav as default
 };

package/dist/lib/PointsEntry.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsxs, jsx } from "react/jsx-runtime";
+import LinkBar from "@0xchain/link";
+import Translation from "@0xchain/translation";
+import ImageBar from "@0xchain/image";
+import { twMerge } from "tailwind-merge";
+import { hasProfileIdentity } from "./authProfile.js";
+import { HEADER_POINTS_ICON, formatHeaderPoints } from "./headerPoints.js";
+import { useIsChaindigg } from "./context.js";
+function PointsEntry({
+  userInfo,
+  className,
+  onClick
+}) {
+  const isChaindigg = useIsChaindigg();
+  if (isChaindigg || !hasProfileIdentity(userInfo)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    LinkBar,
+    {
+      href: "/user-center/points",
+      baseUrl: process.env.NEXT_PUBLIC_AUTH_URL,
+      onClick,
+      className: twMerge(
+        "inline-flex shrink-0 items-center gap-1 h-8 px-3 rounded-full border border-primary/30 bg-background hover:bg-primary/5 text-sm whitespace-nowrap",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          ImageBar,
+          {
+            src: HEADER_POINTS_ICON,
+            width: 16,
+            height: 16,
+            alt: "",
+            className: "shrink-0"
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "text-foreground", children: [
+          /* @__PURE__ */ jsx(Translation, { value: "points", parentKey: "account" }),
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: formatHeaderPoints(userInfo) })
+      ]
+    }
+  );
+}
+export {
+  PointsEntry as default
+};

package/dist/lib/Products.js

@@ -0,0 +1,102 @@
+'use client';
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import Translation from "@0xchain/translation";
+import { useLocale } from "@0xchain/i18n/react";
+import { Dropdown } from "antd";
+import { useState } from "react";
+import ImageBar from "@0xchain/image";
+import { Accordion, AccordionItem, AccordionTrigger } from "@0xchain/ui/accordion";
+const PRODUCT_ITEMS = [
+  {
+    key: "widget",
+    href: "/widget",
+    iconUrl: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/09/03/6a98d602a1c18.png`,
+    label: /* @__PURE__ */ jsx(Translation, { value: "products.widget", parentKey: "menu" })
+  }
+];
+function Products({
+  onClick,
+  onExpandChange
+}) {
+  const locale = useLocale();
+  const [accordionValue, setAccordionValue] = useState("");
+  const handleClick = (e, href) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    onClick?.();
+    setAccordionValue("");
+    const baseUrl = process.env.NEXT_PUBLIC_APP_URL || "";
+    window.location.href = `${baseUrl}/${locale}${href}`;
+  };
+  const renderItemContent = (item) => /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium", children: [
+    /* @__PURE__ */ jsx(
+      ImageBar,
+      {
+        src: item.iconUrl,
+        className: "w-6 h-6 shrink-0",
+        objectFit: "contain",
+        alt: ""
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex-1", children: item.label })
+  ] });
+  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: true },
+        placement: "bottom",
+        menu: {
+          items: PRODUCT_ITEMS.map((item) => ({
+            label: renderItemContent(item),
+            key: item.key,
+            onClick: (info) => handleClick(info.domEvent, item.href)
+          }))
+        },
+        children: /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg md:px-4 md:py-1 ", children: /* @__PURE__ */ jsx(Translation, { value: "products.product", parentKey: "menu" }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "md:hidden w-full", children: /* @__PURE__ */ jsxs("div", { onClick: (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    }, children: [
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          type: "single",
+          collapsible: true,
+          className: "w-full",
+          value: accordionValue,
+          onValueChange: (value) => {
+            setAccordionValue(value);
+            onExpandChange?.(!!value);
+          },
+          children: /* @__PURE__ */ jsx(AccordionItem, { value: "products", 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: "products.product", parentKey: "menu" }) }) }) }) })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
+          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: PRODUCT_ITEMS.map((item) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-full",
+              onClick: (e) => handleClick(e, item.href),
+              children: renderItemContent(item)
+            },
+            item.key
+          )) }) })
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  Products as default
+};

package/dist/lib/Right.js

@@ -1,21 +1,35 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import l from "./Nav.js";
-import i from "./Drawer.js";
-import { twMerge as s } from "tailwind-merge";
-var o = /* @__PURE__ */ ((t) => (t.EXPLORER = "explorer", t.CHAT = "chat", t.DEFAULT = "default", t))(o || {});
-function x({
-  hideNews: t = !1,
-  hideLogin: a = !1,
-  user: e,
-  source: m = "default"
+'use client';
+import { jsxs, jsx } from "react/jsx-runtime";
+import Nav from "./Nav.js";
+import Drawer from "./Drawer.js";
+import PointsEntry from "./PointsEntry.js";
+import { twMerge } from "tailwind-merge";
+import { useHeaderUser } from "./useHeaderUser.js";
+var HeaderSource = /* @__PURE__ */ ((HeaderSource2) => {
+  HeaderSource2["EXPLORER"] = "explorer";
+  HeaderSource2["CHAT"] = "chat";
+  HeaderSource2["DEFAULT"] = "default";
+  return HeaderSource2;
+})(HeaderSource || {});
+function Right({
+  hideNews = false,
+  hideLogin = false,
+  user,
+  source = "default"
   /* DEFAULT */
 }) {
-  return /* @__PURE__ */ f("div", { className: s(m === "chat" ? "" : "flex justify-end items-center md:gap-10 z-1001"), children: [
-    /* @__PURE__ */ r(i, { hideLogin: a, hideNews: t, user: e }),
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(l, { hideNews: t, hideLogin: a, user: e }) })
+  const { userInfo } = useHeaderUser(user);
+  const showPoints = !hideLogin;
+  return /* @__PURE__ */ jsxs("div", { className: twMerge(
+    "flex items-center gap-2 z-1001",
+    source === "chat" ? "" : "md:flex-1 md:justify-start md:gap-10"
+  ), children: [
+    showPoints ? /* @__PURE__ */ jsx(PointsEntry, { userInfo, className: "md:hidden" }) : null,
+    /* @__PURE__ */ jsx(Drawer, { hideLogin, hideNews, user: userInfo }),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block flex-1", children: /* @__PURE__ */ jsx(Nav, { hideNews, hideLogin, user: userInfo }) })
   ] });
 }
 export {
-  o as HeaderSource,
-  x as default
+  HeaderSource,
+  Right as default
 };