@0xchain/header 1.1.0-beta.2 → 1.1.0-beta.21

package/dist/lib/Nav.js

@@ -1,102 +1,212 @@
 'use client';
-import { jsx as r, jsxs as d, Fragment as L } from "react/jsx-runtime";
-import _ from "@0xchain/link";
-import v from "./User/index.js";
-import N from "./Setting/index.js";
-import u from "@0xchain/translation";
-import { twMerge as a } from "tailwind-merge";
-import S from "@0xchain/better-link";
-import { useLocale as k } from "next-intl";
-import P from "./User/Logout.js";
-import { useState as m, useCallback as B, useEffect as T } from "react";
-import I from "./User/SignIn.js";
-import { fetchUserProfile as j } from "@0xchain/auth";
-import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as f } from "./events.js";
-import { usePathname as C } from "next/navigation";
-import D from "./Explorer.js";
-function ee({ onClick: o = () => {
-}, hideNews: p = !1, hideLogin: c = !1, user: h }) {
-  const { gotoAISQL: x, gotoChat: g } = S(), t = k(), l = C(), [U, w] = m(""), [s, E] = m(h), [X, b] = m(!1), y = [
+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 "next-intl";
+import Logout from "./User/Logout.js";
+import { useState, useCallback, useEffect } from "react";
+import SignIn from "./User/SignIn.js";
+import { fetchUserProfile } from "@0xchain/auth";
+import { onUserEvent, USER_EVENTS, cleanUserEvent } from "./events.js";
+import { usePathname } from "next/navigation";
+import Explorer from "./Explorer.js";
+import { useIsChaindigg } from "./context.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 [userKey, setUserKey] = useState("");
+  const [userInfo, setUserInfo] = useState(user);
+  const [explorerExpanded, setExplorerExpanded] = useState(false);
+  const ichaingoNavList = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: g({ locale: t }),
-      key: `/${t}`,
-      label: /* @__PURE__ */ r("span", { children: "iSearch" }),
-      show: (e) => e === `/${t}` || e.includes(`/${t}/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: x({ locale: t }),
+      href: gotoAISQL({ locale }),
       key: "/sql",
       label: "iSQL",
-      show: (e) => e.includes(`/${t}/sql`)
+      show: (pathname2) => {
+        return pathname2.includes(`/${locale}/sql`);
+      }
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/explorer",
+      href: `/explorer`,
       key: "/explorer",
-      label: /* @__PURE__ */ r(D, { onClick: o, onExpandChange: b }),
-      show: (e) => e.includes("/explorer")
+      label: /* @__PURE__ */ jsx(Explorer, { onClick, onExpandChange: setExplorerExpanded }),
+      show: (pathname2) => {
+        return pathname2.includes(`/explorer`);
+      }
     },
-    // {
-    //   baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-    //   href: `/etf/btc-us`,
-    //   key: '/etf',
-    //   label: <Translation value="etf" parentKey="menu" />,
-    //   show: (pathname: string) => {
-    //     return pathname.includes(`/etf`)
-    //   }
-    // },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/news",
+      href: `/news`,
       key: "/news",
-      label: /* @__PURE__ */ r(u, { 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",
+      href: `/ranking`,
       key: "/ranking",
-      label: /* @__PURE__ */ r(u, { value: "ranking", parentKey: "menu" }),
-      show: (e) => e.includes("/ranking")
+      label: /* @__PURE__ */ jsx(Translation, { value: "ranking", parentKey: "menu" }),
+      show: (pathname2) => {
+        return pathname2.includes(`/ranking`);
+      }
     }
-  ].filter((e) => p ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), i = B(() => new Promise((e) => {
-    j().then((n) => {
-      E(n), w((/* @__PURE__ */ new Date()).getTime().toString()), e(n);
+  ]?.filter((item) => {
+    if (hideNews) {
+      return !["/explorer", "/chat", "/sql"].includes(item.key);
+    }
+    return true;
+  });
+  const chaindiggNavList = [
+    {
+      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
+      href: `/explorer`,
+      key: "/explorer",
+      label: /* @__PURE__ */ jsx(Explorer, {}),
+      show: (pathname2) => {
+        return pathname2.includes(`/explorer`);
+      }
+    }
+  ];
+  const NavList = isChaindigg ? chaindiggNavList : ichaingoNavList;
+  const updateUserInfo = useCallback(() => {
+    return new Promise((resolve) => {
+      fetchUserProfile().then((res) => {
+        setUserInfo(res);
+        setUserKey((/* @__PURE__ */ new Date()).getTime().toString());
+        resolve(res);
+      });
     });
-  }), []);
-  return T(() => (A(f.PROFILE_UPDATED, i), () => {
-    R(f.PROFILE_UPDATED, i);
-  }), []), /* @__PURE__ */ d(
+  }, []);
+  useEffect(() => {
+    if (isChaindigg) return;
+    onUserEvent(USER_EVENTS.PROFILE_UPDATED, updateUserInfo);
+    return () => {
+      cleanUserEvent(USER_EVENTS.PROFILE_UPDATED, updateUserInfo);
+    };
+  }, [isChaindigg]);
+  if (isChaindigg) {
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        className: twMerge(
+          "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__ */ jsx(
+            "ul",
+            {
+              className: twMerge(
+                "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: 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 === pathname ? item.label : /* @__PURE__ */ jsx(
+                    LinkBar,
+                    {
+                      href: item.href,
+                      onClick,
+                      className: "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: a(
+      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:gap-4"
       ),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "ul",
           {
-            className: a(
-              "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",
+            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",
               "order-2 md:order-0"
             ),
-            children: y.map((e, n) => /* @__PURE__ */ r("li", { className: a("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(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-border"), children: e.href === l ? e.label : /* @__PURE__ */ r(_, { href: e.href, onClick: o, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, n))
+            children: NavList.map((item, index) => {
+              return /* @__PURE__ */ jsx(
+                "li",
+                {
+                  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" ? "h-auto" : "h-11",
+                    item.show(pathname) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-border"
+                  ),
+                  children: item.href === pathname ? item.label : /* @__PURE__ */ jsx(
+                    LinkBar,
+                    {
+                      href: item.href,
+                      onClick,
+                      className: "h-full flex items-center justify-start",
+                      baseUrl: item.baseUrl,
+                      suppressHydrationWarning: true,
+                      children: item.label
+                    }
+                  )
+                },
+                index
+              );
+            })
           }
         ),
-        /* @__PURE__ */ r(N, { onClick: o }),
-        !l.includes("/login") && !c ? /* @__PURE__ */ d(L, { children: [
-          /* @__PURE__ */ r(v, { onClick: o, userInfo: s }, U),
-          s != null && s.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(P, {}) }) : /* @__PURE__ */ r(I, { onClick: o, 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" })
+        /* @__PURE__ */ jsx(Setting, { onClick }),
+        !pathname.includes("/login") && !hideLogin ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(UserControl, { onClick, userInfo }, userKey),
+          userInfo?.id ? /* @__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,
+              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"
+            }
+          )
         ] }) : null
       ]
     }
   );
 }
 export {
-  ee as default
+  Nav as default
 };

package/dist/lib/Right.js

@@ -1,21 +1,26 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import i from "./Nav.js";
-import l from "./Drawer.js";
-import { twMerge as o } from "tailwind-merge";
-var d = /* @__PURE__ */ ((t) => (t.EXPLORER = "explorer", t.CHAT = "chat", t.DEFAULT = "default", t))(d || {});
-function x({
-  hideNews: t,
-  hideLogin: m,
-  user: a,
-  source: e = "default"
+import { jsxs, jsx } from "react/jsx-runtime";
+import Nav from "./Nav.js";
+import Drawer from "./Drawer.js";
+import { twMerge } from "tailwind-merge";
+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: o(e === "chat" ? "" : "flex justify-end items-center md:gap-10 z-1001"), children: [
-    /* @__PURE__ */ r(l, { hideLogin: m, hideNews: t, user: a }),
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(i, { hideNews: t, hideLogin: m, user: a }) })
+  return /* @__PURE__ */ jsxs("div", { className: twMerge(source === "chat" ? "" : "flex justify-end items-center md:gap-10 z-1001"), children: [
+    /* @__PURE__ */ jsx(Drawer, { hideLogin, hideNews, user }),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(Nav, { hideNews, hideLogin, user }) })
   ] });
 }
 export {
-  d as HeaderSource,
-  x as default
+  HeaderSource,
+  Right as default
 };

package/dist/lib/Setting/SettingBody.js

@@ -1,56 +1,64 @@
 'use client';
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useLocale as h, useTranslations as d } from "next-intl";
-import { useSearchParams as p, usePathname as x } from "next/navigation";
-import { Accordion as b, AccordionItem as w, AccordionTrigger as y, AccordionContent as N } from "@0xchain/ui/accordion";
-import { twMerge as j } from "tailwind-merge";
-import { useCallback as v } from "react";
-import k from "@0xchain/link";
-import $ from "@0xchain/theme-toggle";
-function U({ onClick: f = () => {
-} }) {
-  var i;
-  const a = h(), l = p(), t = d("lang"), s = d("setting"), o = [
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useLocale, useTranslations } from "next-intl";
+import { useSearchParams, usePathname } from "next/navigation";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@0xchain/ui/accordion";
+import { twMerge } from "tailwind-merge";
+import { useCallback } from "react";
+import LinkBar from "@0xchain/link";
+import ThemeToggle from "@0xchain/theme-toggle";
+function SettingBody({ onClick = () => void 0 }) {
+  const locale = useLocale();
+  const params = useSearchParams();
+  const t = useTranslations("lang");
+  const tSetting = useTranslations("setting");
+  const supportedLanguages = [
     { name: t("en"), lang: "en" },
     { name: t("ja"), lang: "ja" },
     { name: t("ko"), lang: "ko" },
     { name: t("zh-hant"), lang: "zh-hant" },
     { name: t("zh-hans"), lang: "zh-hans" }
-  ], c = x(), u = v(
-    (n) => {
-      const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = l.toString();
-      return g ? `${m}?${g}` : m;
+  ];
+  const pathname = usePathname();
+  const generateLanguageUrl = useCallback(
+    (newLang) => {
+      const newUrl = pathname.replace(new RegExp(`/${locale}(/|$)`), `/${newLang}$1`);
+      const search = params.toString();
+      if (search) {
+        return `${newUrl}?${search}`;
+      }
+      return newUrl;
     },
-    [c, a, l]
+    [pathname, locale, params]
   );
-  return /* @__PURE__ */ r("div", { className: "text-sm gap-2 flex flex-col justify-start items-start md:py-2", children: [
-    /* @__PURE__ */ e("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ e(b, { type: "single", className: "flex-1", collapsible: !0, children: /* @__PURE__ */ r(w, { value: a, className: "border-0", children: [
-      /* @__PURE__ */ e(y, { className: "p-2 bg-background rounded-lg h-11 md:h-auto text-gray-500 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__ */ e("span", { className: "text-foreground", children: s("language") }),
-        /* @__PURE__ */ e("span", { className: "text-foreground", children: (i = o.find((n) => n.lang === a)) == null ? void 0 : i.name })
+  return /* @__PURE__ */ jsxs("div", { className: "text-sm gap-2 flex flex-col justify-start items-start md:py-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ jsx(Accordion, { type: "single", className: "flex-1", collapsible: true, children: /* @__PURE__ */ jsxs(AccordionItem, { value: locale, className: "border-0", children: [
+      /* @__PURE__ */ jsx(AccordionTrigger, { className: "p-2 bg-background rounded-lg h-11 md:h-auto text-gray-500 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between items-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: tSetting("language") }),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: supportedLanguages.find((item) => item.lang === locale)?.name })
       ] }) }),
-      /* @__PURE__ */ e(N, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
-        k,
+      /* @__PURE__ */ jsx(AccordionContent, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: supportedLanguages.map((item) => /* @__PURE__ */ jsx(
+        LinkBar,
         {
-          prefetch: !1,
-          withLocale: !1,
-          className: j(
+          prefetch: false,
+          withLocale: false,
+          className: twMerge(
             "p-2 rounded-lg flex w-full justify-between items-center",
-            a === n.lang ? "text-primary" : ""
+            locale === item.lang ? "text-primary" : ""
           ),
-          href: u(n.lang),
-          onClick: f,
-          children: n.name
+          href: generateLanguageUrl(item.lang),
+          onClick,
+          children: item.name
         },
-        n.lang
+        item.lang
       )) })
     ] }) }) }),
-    /* @__PURE__ */ r("div", { className: "bg-background p-2 rounded-lg h-11 md:h-auto flex w-full justify-between items-center", children: [
-      /* @__PURE__ */ e("div", { children: s("theme") }),
-      /* @__PURE__ */ e($, {})
+    /* @__PURE__ */ jsxs("div", { className: "bg-background p-2 rounded-lg h-11 md:h-auto flex w-full justify-between items-center", children: [
+      /* @__PURE__ */ jsx("div", { children: tSetting("theme") }),
+      /* @__PURE__ */ jsx(ThemeToggle, {})
     ] })
   ] });
 }
 export {
-  U as default
+  SettingBody as default
 };

package/dist/lib/Setting/index.js

@@ -1,18 +1,49 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import i from "@0xchain/iconfont";
-import a from "@0xchain/tooltip";
-import r from "./SettingBody.js";
-function g({ onClick: o = () => {
-} }) {
-  return /* @__PURE__ */ n("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
-    /* @__PURE__ */ e("div", { className: "hidden md:flex  items-center bg-card hover:bg-border rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(a, { side: "bottom", onChange: (t) => {
-      document.querySelectorAll("iframe").forEach((d) => {
-        d.style.pointerEvents = t ? "none" : "auto";
-      });
-    }, needClick: !0, contentClassName: "bg-card w-70 rounded-lg bg-card text-foreground border border-border", trigger: /* @__PURE__ */ e(i, { type: "icon-centersetup", className: "text-2xl" }), arrowClassName: "fill-card", children: /* @__PURE__ */ e(r, { onClick: o }) }) }),
-    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(r, {}) })
+'use client';
+import { jsxs, jsx } from "react/jsx-runtime";
+import IconFont from "@0xchain/iconfont";
+import Tooltip from "@0xchain/tooltip";
+import SettingBody from "./SettingBody.js";
+import { useIsChaindigg } from "../context.js";
+function Setting({ onClick = () => void 0 }) {
+  const isChaindigg = useIsChaindigg();
+  const onChange = (open) => {
+    const iframes = document.querySelectorAll("iframe");
+    iframes.forEach((iframe) => {
+      iframe.style.pointerEvents = open ? "none" : "auto";
+    });
+  };
+  if (isChaindigg) {
+    return /* @__PURE__ */ jsxs("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center bg-card rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          side: "bottom",
+          needClick: true,
+          contentClassName: "w-70 rounded-lg bg-card shadow-lg text-foreground border-transparent outline-none",
+          trigger: /* @__PURE__ */ jsx(IconFont, { type: "icon-setting", className: "text-2xl border border-transparent hover:border-border" }),
+          arrowClassName: "fill-module",
+          children: /* @__PURE__ */ jsx(SettingBody, { onClick })
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(SettingBody, {}) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center bg-card hover:bg-border rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        side: "bottom",
+        onChange,
+        needClick: true,
+        contentClassName: "bg-card w-70 rounded-lg bg-card text-foreground border border-border",
+        trigger: /* @__PURE__ */ jsx(IconFont, { type: "icon-centersetup", className: "text-2xl" }),
+        arrowClassName: "fill-card",
+        children: /* @__PURE__ */ jsx(SettingBody, { onClick })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(SettingBody, {}) })
   ] });
 }
 export {
-  g as default
+  Setting as default
 };

package/dist/lib/User/Logout.js

@@ -1,22 +1,22 @@
 'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { logout as a } from "@0xchain/auth";
-import { useCallback as e } from "react";
-import { twMerge as n } from "tailwind-merge";
-import l from "@0xchain/translation";
-function p({ className: t }) {
-  const r = e(async () => {
-    await a();
+import { jsx } from "react/jsx-runtime";
+import { logout } from "@0xchain/auth";
+import { useCallback } from "react";
+import { twMerge } from "tailwind-merge";
+import Translation from "@0xchain/translation";
+function Logout({ className }) {
+  const logoutHandler = useCallback(async () => {
+    await logout();
   }, []);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ jsx(
     "button",
     {
-      onClick: r,
-      className: n("cursor-pointer relative", t),
-      children: /* @__PURE__ */ o(l, { value: "logout", parentKey: "account" })
+      onClick: logoutHandler,
+      className: twMerge("cursor-pointer relative", className),
+      children: /* @__PURE__ */ jsx(Translation, { value: "logout", parentKey: "account" })
     }
   );
 }
 export {
-  p as default
+  Logout as default
 };

package/dist/lib/User/MainTrigger.js

@@ -1,34 +1,43 @@
 'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { useState as m, useMemo as c, useEffect as p } from "react";
-import s from "@0xchain/link";
-import l from "@0xchain/translation";
-import u from "@0xchain/better-link";
-import { useLocale as f } from "next-intl";
-import g from "@0xchain/avatar";
-function v({
-  userInfo: r
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import LinkBar from "@0xchain/link";
+import Translation from "@0xchain/translation";
+import BetterLink from "@0xchain/better-link";
+import { useLocale } from "next-intl";
+import Avatar from "@0xchain/avatar";
+function MainTrigger({
+  userInfo
 }) {
-  const { gotoLogin: e } = u(), [i, n] = m(""), o = f(), a = c(() => r == null ? void 0 : r.id, [r]);
-  return p(() => {
-    n(e({
-      locale: o,
+  const { gotoLogin } = BetterLink();
+  const [link, setLink] = useState("");
+  const locale = useLocale();
+  const isLogin = useMemo(() => {
+    return userInfo?.id;
+  }, [userInfo]);
+  useEffect(() => {
+    setLink(gotoLogin({
+      locale,
       redirect: window.location.href
     }));
-  }, [o, e]), a ? (
-    // userInfo?.profileUrl
-    // https://images.ichatgo.ai/user-profile/100000201.png
-    /* @__PURE__ */ t(g, { userInfo: r, className: "w-8 h-8 cursor-pointer" })
-  ) : /* @__PURE__ */ t(
-    s,
+  }, [locale, gotoLogin]);
+  if (isLogin) {
+    return (
+      // userInfo?.profileUrl
+      // https://images.ichatgo.ai/user-profile/100000201.png
+      /* @__PURE__ */ jsx(Avatar, { userInfo, className: "w-8 h-8 cursor-pointer" })
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    LinkBar,
     {
-      href: i,
+      href: link,
       className: "cursor-pointer text-sm text-white bg-primary py-2 px-3 rounded-lg",
-      replace: !0,
-      children: /* @__PURE__ */ t(l, { value: "signIn", parentKey: "account" })
+      replace: true,
+      children: /* @__PURE__ */ jsx(Translation, { value: "signIn", parentKey: "account" })
     }
   );
 }
 export {
-  v as default
+  MainTrigger as default
 };