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

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 "@0xchain/i18n/react";
+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,45 +1,49 @@
 'use client';
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import t from "@0xchain/iconfont";
-import n from "@0xchain/tooltip";
-import r from "./SettingBody.js";
-import { useIsChaindigg as c } from "../context.js";
-function p({ onClick: d = () => {
-} }) {
-  const i = c(), a = (s) => {
-    document.querySelectorAll("iframe").forEach((l) => {
-      l.style.pointerEvents = s ? "none" : "auto";
+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";
     });
   };
-  return i ? /* @__PURE__ */ o("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
-    /* @__PURE__ */ e("div", { className: "hidden md:flex items-center bg-card rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(
-      n,
+  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",
-        needClick: !0,
-        contentClassName: "w-70 rounded-lg bg-card shadow-lg text-foreground border-transparent outline-none",
-        trigger: /* @__PURE__ */ e(t, { type: "icon-setting", className: "text-2xl border border-transparent hover:border-border" }),
-        arrowClassName: "fill-module",
-        children: /* @__PURE__ */ e(r, { onClick: d })
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(r, {}) })
-  ] }) : /* @__PURE__ */ o("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(
-      n,
-      {
-        side: "bottom",
-        onChange: a,
-        needClick: !0,
+        onChange,
+        needClick: true,
         contentClassName: "bg-card w-70 rounded-lg bg-card text-foreground border border-border",
-        trigger: /* @__PURE__ */ e(t, { type: "icon-centersetup", className: "text-2xl" }),
+        trigger: /* @__PURE__ */ jsx(IconFont, { type: "icon-centersetup", className: "text-2xl" }),
         arrowClassName: "fill-card",
-        children: /* @__PURE__ */ e(r, { onClick: d })
+        children: /* @__PURE__ */ jsx(SettingBody, { onClick })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(r, {}) })
+    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(SettingBody, {}) })
   ] });
 }
 export {
-  p 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,44 @@
 '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 "@0xchain/i18n/react";
+import Avatar from "@0xchain/avatar";
+import { hasProfileIdentity } from "../authProfile.js";
+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 hasProfileIdentity(userInfo);
+  }, [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
 };

package/dist/lib/User/Mobile.js

@@ -1,41 +1,41 @@
 'use client';
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import i from "@0xchain/link";
-import { Accordion as d, AccordionItem as m, AccordionTrigger as n, AccordionContent as s } from "@0xchain/ui/accordion";
-import o from "@0xchain/translation";
-import p from "@0xchain/avatar";
-function u({
-  list: c,
-  userInfo: l,
-  onClick: t
+import { jsx, jsxs } from "react/jsx-runtime";
+import LinkBar from "@0xchain/link";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@0xchain/ui/accordion";
+import Translation from "@0xchain/translation";
+import Avatar from "@0xchain/avatar";
+function Mobile({
+  list,
+  userInfo,
+  onClick
 }) {
-  return /* @__PURE__ */ e(
-    d,
+  return /* @__PURE__ */ jsx(
+    Accordion,
     {
       type: "single",
-      collapsible: !0,
+      collapsible: true,
       className: "w-full",
       defaultValue: "",
-      children: /* @__PURE__ */ r(m, { value: "item-1", className: "p-0 w-full border border-none", children: [
-        /* @__PURE__ */ e(n, { className: "w-full bg-background p-3 flex items-center justify-between", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-3 w-full overflow-hidden", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(p, { userInfo: l, className: "w-8 h-8 shrink-0" }),
-          /* @__PURE__ */ r("div", { className: "flex flex-col overflow-hidden", children: [
-            /* @__PURE__ */ e("div", { className: "text-sm font-medium", children: l == null ? void 0 : l.username }),
-            /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground w-full truncate", children: (l == null ? void 0 : l.email) || (l == null ? void 0 : l.walletAddress) })
+      children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "p-0 w-full border border-none", children: [
+        /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full bg-background p-3 flex items-center justify-between", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 w-full overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Avatar, { userInfo, className: "w-8 h-8 shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: userInfo?.username }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground w-full truncate", children: userInfo?.email || userInfo?.walletAddress })
           ] })
         ] }) }) }),
-        /* @__PURE__ */ e(s, { className: "flex text-sm flex-col text-balance bg-background rounded-lg p-3 gap-3 mt-[10px]", children: /* @__PURE__ */ e("ul", { children: c.map((a) => /* @__PURE__ */ e(
+        /* @__PURE__ */ jsx(AccordionContent, { className: "flex text-sm flex-col text-balance bg-background rounded-lg p-3 gap-3 mt-[10px]", children: /* @__PURE__ */ jsx("ul", { children: list.map((item) => /* @__PURE__ */ jsx(
           "li",
           {
             className: "flex justify-start items-center gap-2 py-2",
-            children: /* @__PURE__ */ e(i, { href: `/${a.href}`, className: "flex-1 py-2", onClick: t, suppressHydrationWarning: !0, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, children: /* @__PURE__ */ e(o, { value: a.name, parentKey: "account" }) })
+            children: /* @__PURE__ */ jsx(LinkBar, { href: `/${item.href}`, className: "flex-1 py-2", onClick, suppressHydrationWarning: true, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, children: /* @__PURE__ */ jsx(Translation, { value: item.name, parentKey: "account" }) })
           },
-          a.name
+          item.name
         )) }) })
       ] })
     }
   );
 }
 export {
-  u as default
+  Mobile as default
 };

package/dist/lib/User/Pc.js

@@ -1,31 +1,33 @@
 'use client';
-import { jsx as l, jsxs as a } from "react/jsx-runtime";
-import d from "@0xchain/link";
-import c from "@0xchain/translation";
-import n from "./MainTrigger.js";
-import m from "./Logout.js";
-import s from "@0xchain/avatar";
-import p from "@0xchain/tooltip";
-function y({
-  list: o,
-  userInfo: e,
-  onClick: t
+import { jsx, jsxs } from "react/jsx-runtime";
+import LinkBar from "@0xchain/link";
+import Translation from "@0xchain/translation";
+import MainTrigger from "./MainTrigger.js";
+import Logout from "./Logout.js";
+import Avatar from "@0xchain/avatar";
+import Tooltip from "@0xchain/tooltip";
+function PC({
+  list,
+  userInfo,
+  onClick
 }) {
-  return /* @__PURE__ */ l(p, { onChange: (r) => {
-    document.querySelectorAll("iframe").forEach((i) => {
-      i.style.pointerEvents = r ? "none" : "auto";
+  const onChange = (open) => {
+    const iframes = document.querySelectorAll("iframe");
+    iframes.forEach((iframe) => {
+      iframe.style.pointerEvents = open ? "none" : "auto";
     });
-  }, trigger: /* @__PURE__ */ l(n, { userInfo: e }), arrowClassName: "fill-card", contentClassName: "text-foreground w-75 p-0  border-transparent outline-none ", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 p-3 bg-card rounded-md", children: [
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3 w-full bg-background rounded-lg p-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ l(s, { userInfo: e, className: "w-8 h-8" }),
-      /* @__PURE__ */ a("div", { className: "flex flex-col overflow-hidden", children: [
-        /* @__PURE__ */ l("div", { className: "text-sm font-medium", children: (e == null ? void 0 : e.username) || "--" }),
-        /* @__PURE__ */ l("div", { className: "text-xs text-muted-foreground w-full truncate", children: (e == null ? void 0 : e.email) || (e == null ? void 0 : e.walletAddress) })
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { onChange, trigger: /* @__PURE__ */ jsx(MainTrigger, { userInfo }), arrowClassName: "fill-card", contentClassName: "text-foreground w-75 p-0  border-transparent outline-none ", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-3 bg-card rounded-md", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 w-full bg-background rounded-lg p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Avatar, { userInfo, className: "w-8 h-8" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: userInfo?.username || "--" }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground w-full truncate", children: userInfo?.email || userInfo?.walletAddress })
       ] })
     ] }) }),
-    o.map((r) => /* @__PURE__ */ l("div", { className: "px-0 py-0 focus-visible:border-none focus-visible:outline-none", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-full", children: r.name === "logout" ? /* @__PURE__ */ l(m, { className: "flex-1 flex py-3 border-t border-border w-full px-2 hover:bg-background" }) : /* @__PURE__ */ l(d, { href: `/${r.href}`, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, className: "flex-1 flex py-3 h-full w-full px-2 hover:bg-background hover:text-primary rounded-lg ", onClick: t, children: /* @__PURE__ */ l(c, { value: r.name, parentKey: "account" }) }) }) }, r.name))
+    list.map((item) => /* @__PURE__ */ jsx("div", { className: "px-0 py-0 focus-visible:border-none focus-visible:outline-none", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 w-full", children: item.name === "logout" ? /* @__PURE__ */ jsx(Logout, { className: "flex-1 flex py-3 border-t border-border w-full px-2 hover:bg-background" }) : /* @__PURE__ */ jsx(LinkBar, { href: `/${item.href}`, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, className: "flex-1 flex py-3 h-full w-full px-2 hover:bg-background hover:text-primary rounded-lg ", onClick, children: /* @__PURE__ */ jsx(Translation, { value: item.name, parentKey: "account" }) }) }) }, item.name))
   ] }) });
 }
 export {
-  y as default
+  PC as default
 };

package/dist/lib/User/SignIn.js

@@ -1,25 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "@0xchain/translation";
-import { twMerge as i } from "tailwind-merge";
-import { useLogin as p, OpenLoginType as s } from "@0xchain/with-login";
-function g({ onClick: r = () => {
-}, className: t }) {
-  const { openLogin: n } = p();
-  return /* @__PURE__ */ e(
+import { jsx } from "react/jsx-runtime";
+import Translation from "@0xchain/translation";
+import { twMerge } from "tailwind-merge";
+import { useLogin, OpenLoginType } from "@0xchain/with-login";
+function SignIn({ onClick = () => void 0, className }) {
+  const { openLogin } = useLogin();
+  const handleClick = () => {
+    onClick?.();
+    openLogin(OpenLoginType.LOGIN);
+  };
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      onClick: () => {
-        r == null || r(), n(s.LOGIN);
-      },
+      onClick: handleClick,
       style: { cursor: "pointer" },
-      className: i(
+      className: twMerge(
         "cursor-pointer text-sm text-white! bg-primary! py-2 px-3 rounded-lg",
-        t
+        className
       ),
-      children: /* @__PURE__ */ e(o, { value: "signIn", parentKey: "account" })
+      children: /* @__PURE__ */ jsx(Translation, { value: "signIn", parentKey: "account" })
     }
   );
 }
 export {
-  g as default
+  SignIn as default
 };

package/dist/lib/User/index.js

@@ -1,41 +1,52 @@
 'use client';
-import { jsx as r, jsxs as n, Fragment as o } from "react/jsx-runtime";
-import a from "./Pc.js";
-import c from "./Mobile.js";
-import { twMerge as i } from "tailwind-merge";
-import s from "./SignIn.js";
-const d = [
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import PC from "./Pc.js";
+import Mobile from "./Mobile.js";
+import { twMerge } from "tailwind-merge";
+import SignIn from "./SignIn.js";
+import { hasProfileIdentity } from "../authProfile.js";
+const list = [
   {
     name: "overview",
-    href: "user-center"
+    href: `user-center`
+  },
+  {
+    name: "points",
+    href: `user-center/points`
   },
   {
     name: "collect",
-    href: "user-center/collect"
+    href: `user-center/collect`
   },
   {
     name: "privateLabel",
-    href: "user-center/private-label"
+    href: `user-center/private-label`
+  },
+  {
+    name: "monitor",
+    href: `user-center/monitor`
   },
   {
     name: "setting",
-    href: "user-center/setting"
+    href: `user-center/setting`
   },
   {
     name: "logout",
     href: void 0
   }
 ];
-function x({ onClick: t = (l) => {
-}, className: m, userInfo: e }) {
-  return e != null && e.id ? /* @__PURE__ */ n(o, { children: [
-    /* @__PURE__ */ r("div", { className: i("hidden md:flex items-center", m), children: /* @__PURE__ */ r(a, { list: d, userInfo: e, onClick: t }) }),
-    /* @__PURE__ */ r("div", { className: i("block md:hidden w-full", m), children: /* @__PURE__ */ r(c, { list: d.filter((l) => l.href), userInfo: e, onClick: t }) })
-  ] }) : /* @__PURE__ */ r(s, { onClick: t, className: i(
-    "hidden md:flex cursor-pointer text-sm text-white bg-primary py-2 px-3 rounded-lg",
-    "order-3"
-  ) });
+function UserControl({ onClick = (e) => void 0, className, userInfo }) {
+  if (!hasProfileIdentity(userInfo)) {
+    return /* @__PURE__ */ jsx(SignIn, { onClick, className: twMerge(
+      "hidden md:flex cursor-pointer text-sm text-white bg-primary py-2 px-3 rounded-lg",
+      "order-3"
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: twMerge("hidden md:flex items-center", className), children: /* @__PURE__ */ jsx(PC, { list, userInfo, onClick }) }),
+    /* @__PURE__ */ jsx("div", { className: twMerge("block md:hidden w-full", className), children: /* @__PURE__ */ jsx(Mobile, { list: list.filter((item) => item.href), userInfo, onClick }) })
+  ] });
 }
 export {
-  x as default
+  UserControl as default
 };

package/dist/lib/authProfile.js

@@ -0,0 +1,34 @@
+function hasProfileIdentity(userInfo) {
+  return Boolean(userInfo?.id || userInfo?.userId);
+}
+function getProfileUrls() {
+  const urls = ["/api/auth/profile"];
+  const appUrl = (process.env.NEXT_PUBLIC_APP_URL || "").replace(/\/$/, "");
+  if (appUrl) {
+    urls.push(`${appUrl}/api/auth/profile`);
+  }
+  return Array.from(new Set(urls));
+}
+async function fetchHeaderProfile(fetcher = fetch) {
+  let lastError = null;
+  for (const profileUrl of getProfileUrls()) {
+    try {
+      const response = await fetcher(profileUrl, {
+        credentials: "include",
+        cache: "no-store"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to load profile: ${response.status}`);
+      }
+      return await response.json();
+    } catch (error) {
+      lastError = error;
+    }
+  }
+  throw lastError instanceof Error ? lastError : new Error("Failed to load profile");
+}
+export {
+  fetchHeaderProfile,
+  getProfileUrls,
+  hasProfileIdentity
+};

package/dist/lib/context.js

@@ -1,24 +1,24 @@
 'use client';
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as o, useContext as i } from "react";
-const t = o({
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const HeaderContext = createContext({
   brand: "iChatGo"
 });
-function C({
-  children: e,
-  brand: r = "iChatGo"
+function HeaderProvider({
+  children,
+  brand = "iChatGo"
 }) {
-  return /* @__PURE__ */ n(t.Provider, { value: { brand: r }, children: e });
+  return /* @__PURE__ */ jsx(HeaderContext.Provider, { value: { brand }, children });
 }
-function a() {
-  return i(t);
+function useHeaderContext() {
+  return useContext(HeaderContext);
 }
-function s() {
-  const { brand: e } = a();
-  return e === "CHAINDIGG";
+function useIsChaindigg() {
+  const { brand } = useHeaderContext();
+  return brand === "CHAINDIGG";
 }
 export {
-  C as HeaderProvider,
-  a as useHeaderContext,
-  s as useIsChaindigg
+  HeaderProvider,
+  useHeaderContext,
+  useIsChaindigg
 };