@ichaingo/header 1.5.4 → 1.5.6-beta

package/dist/lib/Nav.js

@@ -1,25 +1,25 @@
 'use client';
-import { jsxs as a, jsx as r, Fragment as E } from "react/jsx-runtime";
-import L from "@ichaingo/link";
-import _ from "./User/index.js";
-import v from "./Setting/index.js";
+import { jsxs as a, jsx as r, Fragment as L } from "react/jsx-runtime";
+import _ from "@ichaingo/link";
+import v from "./User/index.js";
+import N from "./Setting/index.js";
 import i from "@ichaingo/translation";
 import { twMerge as m } from "tailwind-merge";
-import N from "@ichaingo/better-link";
-import { useLocale as S } from "next-intl";
-import k from "./User/Logout.js";
-import { useState as d, useCallback as B, useEffect as P } from "react";
+import S from "@ichaingo/better-link";
+import { useTolgee as k } from "@ichaingo/tolgee/client";
+import B from "./User/Logout.js";
+import { useState as d, useCallback as P, useEffect as T } from "react";
 import I from "./User/SignIn.js";
-import { fetchUserProfile as T } from "@ichaingo/auth";
-import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as c } from "./events.js";
-import { usePathname as j } from "next/navigation";
-import C from "./Explorer.js";
-function Y({ onClick: s = () => {
+import { fetchUserProfile as A } from "@ichaingo/auth";
+import { onUserEvent as R, cleanUserEvent as j, USER_EVENTS as c } from "./events.js";
+import { usePathname as C } from "next/navigation";
+import X from "./Explorer.js";
+function Z({ onClick: s = () => {
 }, hideNews: f = !1, hideLogin: p = !1, user: h }) {
-  const { gotoAISQL: U, gotoChat: w } = N(), t = S(), o = j(), [x, g] = d(""), [n, b] = d(h), y = [
+  const { gotoAISQL: g, gotoChat: U } = S(), { getLanguage: w } = k(), t = w(), o = C(), [x, b] = d(""), [n, y] = d(h), E = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: w({ locale: t }),
+      href: U({ locale: t }),
       key: `/${t}`,
       label: /* @__PURE__ */ a("span", { className: "whitespace-nowrap leading-11 md:leading-[34px]", children: [
         /* @__PURE__ */ r("span", { role: "img", "aria-label": "hot", children: "🔥" }),
@@ -29,7 +29,7 @@ function Y({ onClick: s = () => {
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: U({ locale: t }),
+      href: g({ locale: t }),
       key: "/sql",
       label: "AISQL",
       show: (e) => e.includes(`/${t}/sql`)
@@ -38,7 +38,7 @@ function Y({ onClick: s = () => {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/explorer",
       key: "/explorer",
-      label: /* @__PURE__ */ r(C, {}),
+      label: /* @__PURE__ */ r(X, {}),
       show: (e) => e.includes("/explorer")
     },
     {
@@ -62,13 +62,13 @@ function Y({ onClick: s = () => {
       label: /* @__PURE__ */ r(i, { value: "ranking", parentKey: "menu" }),
       show: (e) => e.includes("/ranking")
     }
-  ].filter((e) => f ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), u = B(() => new Promise((e) => {
-    T().then((l) => {
-      b(l), g((/* @__PURE__ */ new Date()).getTime().toString()), e(l);
+  ].filter((e) => f ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), u = P(() => new Promise((e) => {
+    A().then((l) => {
+      y(l), b((/* @__PURE__ */ new Date()).getTime().toString()), e(l);
     });
   }), []);
-  return P(() => (A(c.PROFILE_UPDATED, u), () => {
-    R(c.PROFILE_UPDATED, u);
+  return T(() => (R(c.PROFILE_UPDATED, u), () => {
+    j(c.PROFILE_UPDATED, u);
   }), []), /* @__PURE__ */ a(
     "nav",
     {
@@ -86,18 +86,18 @@ function Y({ onClick: s = () => {
               "md:flex-row md:items-center md:w-auto md:h-[34px] md:leading-[34px] md:gap-6",
               "order-2 md:order-0"
             ),
-            children: y.map((e, l) => /* @__PURE__ */ r("li", { className: m("w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary", e.show(o) && "border-b-2 border-primary text-primary "), children: e.href === o ? e.label : /* @__PURE__ */ r(L, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, l))
+            children: E.map((e, l) => /* @__PURE__ */ r("li", { className: m("w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary", e.show(o) && "border-b-2 border-primary text-primary "), children: e.href === o ? e.label : /* @__PURE__ */ r(_, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, l))
           }
         ),
-        /* @__PURE__ */ r(v, { onClick: s }),
-        !o.includes("/login") && !p ? /* @__PURE__ */ a(E, { children: [
-          /* @__PURE__ */ r(_, { onClick: s, userInfo: n }, x),
-          n != null && n.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-subtitle", children: /* @__PURE__ */ r(k, {}) }) : /* @__PURE__ */ r(I, { onClick: s, 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__ */ r(N, { onClick: s }),
+        !o.includes("/login") && !p ? /* @__PURE__ */ a(L, { children: [
+          /* @__PURE__ */ r(v, { onClick: s, userInfo: n }, x),
+          n != null && n.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-subtitle", children: /* @__PURE__ */ r(B, {}) }) : /* @__PURE__ */ r(I, { onClick: s, 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 {
-  Y as default
+  Z as default
 };

package/dist/lib/Setting/SettingBody.js

@@ -1,22 +1,22 @@
 'use client';
 import { jsxs as l, 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 "@ichaingo/ui/accordion";
-import { twMerge as j } from "tailwind-merge";
-import { useCallback as v } from "react";
-import k from "@ichaingo/link";
-import $ from "@ichaingo/theme-toggle";
-function U({ onClick: f = () => {
+import { useTolgee as p, useTranslate as d } from "@ichaingo/tolgee/client";
+import { useSearchParams as x, usePathname as b } from "next/navigation";
+import { Accordion as w, AccordionItem as y, AccordionTrigger as N, AccordionContent as j } from "@ichaingo/ui/accordion";
+import { twMerge as v } from "tailwind-merge";
+import { useCallback as k } from "react";
+import $ from "@ichaingo/link";
+import L from "@ichaingo/theme-toggle";
+function E({ onClick: f = () => {
 } }) {
   var i;
-  const a = h(), r = p(), t = d("lang"), s = d("setting"), o = [
+  const { getLanguage: u } = p(), a = u(), r = x(), { t } = d(), s = d(), o = [
     { 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(
+  ], c = b(), h = k(
     (n) => {
       const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = r.toString();
       return g ? `${m}?${g}` : m;
@@ -24,21 +24,21 @@ function U({ onClick: f = () => {
     [c, a, r]
   );
   return /* @__PURE__ */ l("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__ */ l(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__ */ l("div", { className: "flex w-full justify-between items-center", children: [
+    /* @__PURE__ */ e("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ e(w, { type: "single", className: "flex-1", collapsible: !0, children: /* @__PURE__ */ l(y, { value: a, className: "border-0", children: [
+      /* @__PURE__ */ e(N, { 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__ */ l("div", { className: "flex w-full justify-between items-center", children: [
         /* @__PURE__ */ e("span", { className: "text-title", children: s("language") }),
         /* @__PURE__ */ e("span", { className: "text-title", children: (i = o.find((n) => n.lang === a)) == null ? void 0 : i.name })
       ] }) }),
-      /* @__PURE__ */ e(N, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
-        k,
+      /* @__PURE__ */ e(j, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
+        $,
         {
           prefetch: !1,
           withLocale: !1,
-          className: j(
+          className: v(
             "p-2 rounded-lg flex w-full justify-between items-center",
             a === n.lang ? "text-primary" : ""
           ),
-          href: u(n.lang),
+          href: h(n.lang),
           onClick: f,
           children: n.name
         },
@@ -47,10 +47,10 @@ function U({ onClick: f = () => {
     ] }) }) }),
     /* @__PURE__ */ l("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__ */ e(L, {})
     ] })
   ] });
 }
 export {
-  U as default
+  E as default
 };

package/dist/lib/User/MainTrigger.js

@@ -1,31 +1,31 @@
 '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 "@ichaingo/link";
-import l from "@ichaingo/translation";
+import { jsx as r } from "react/jsx-runtime";
+import { useState as m, useMemo as s, useEffect as l } from "react";
+import p from "@ichaingo/link";
+import g from "@ichaingo/translation";
 import u from "@ichaingo/better-link";
-import { useLocale as f } from "next-intl";
-import g from "@ichaingo/avatar";
+import { useTolgee as f } from "@ichaingo/tolgee/client";
+import d from "@ichaingo/avatar";
 function v({
-  userInfo: r
+  userInfo: t
 }) {
-  const { gotoLogin: e } = u(), [i, n] = m(""), o = f(), a = c(() => r == null ? void 0 : r.id, [r]);
-  return p(() => {
+  const { gotoLogin: e } = u(), [i, n] = m(""), { getLanguage: a } = f(), o = a(), c = s(() => t == null ? void 0 : t.id, [t]);
+  return l(() => {
     n(e({
-      locale: o,
+      locale: o || "",
       redirect: window.location.href
     }));
-  }, [o, e]), a ? (
+  }, [o, e]), c ? (
     // 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,
+    /* @__PURE__ */ r(d, { userInfo: t, className: "w-8 h-8 cursor-pointer" })
+  ) : /* @__PURE__ */ r(
+    p,
     {
       href: i,
       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" })
+      children: /* @__PURE__ */ r(g, { value: "signIn", parentKey: "account" })
     }
   );
 }

package/dist/lib/User/Pc.js

@@ -1,25 +1,25 @@
 'use client';
-import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
 import d from "@ichaingo/link";
-import i from "@ichaingo/translation";
+import o from "@ichaingo/translation";
 import m from "./MainTrigger.js";
 import c from "./Logout.js";
-import s from "@ichaingo/avatar";
-import n from "@ichaingo/tooltip";
+import n from "@ichaingo/avatar";
+import s from "@ichaingo/tooltip";
 function u({
   list: t,
   userInfo: e,
-  onClick: o
+  onClick: i
 }) {
-  return /* @__PURE__ */ l(n, { trigger: /* @__PURE__ */ l(m, { userInfo: e }), arrowClassName: "fill-module", contentClassName: "text-title w-75 p-0  border-transparent outline-none border border-stroke", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 p-3 bg-module rounded-md text-sm", 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: [
+  return /* @__PURE__ */ l(s, { trigger: /* @__PURE__ */ l(m, { userInfo: e }), arrowClassName: "fill-module", contentClassName: "text-title w-75 p-0  border-transparent outline-none ", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 p-3 bg-module rounded-md", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3 w-full bg-background rounded-lg p-2", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ l(n, { userInfo: e, className: "w-8 h-8" }),
+      /* @__PURE__ */ r("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) })
       ] })
     ] }) }),
-    t.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(c, { className: "flex-1 flex py-3 border-t border-stroke 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: o, children: /* @__PURE__ */ l(i, { value: r.name, parentKey: "account" }) }) }) }, r.name))
+    t.map((a) => /* @__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: a.name === "logout" ? /* @__PURE__ */ l(c, { className: "flex-1 flex py-3 border-t border-stroke w-full px-2 hover:bg-background" }) : /* @__PURE__ */ l(d, { href: `/${a.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: i, children: /* @__PURE__ */ l(o, { value: a.name, parentKey: "account" }) }) }) }, a.name))
   ] }) });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/header",
-  "version": "1.5.4",
+  "version": "1.5.6-beta",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -24,7 +24,6 @@
   "dependencies": {
     "js-cookie": "3.0.5",
     "lucide-react": "0.539.0",
-    "next-intl": "4.6.1",
     "@ichaingo/next-themes": "0.5.0",
     "rc-drawer": "7.3.0",
     "react": "19.1.1",
@@ -32,18 +31,19 @@
     "tailwind-merge": "3.3.1",
     "next": "15.5.6",
     "antd": "6.1.1",
-    "@ichaingo/auth": "1.5.4",
-    "@ichaingo/avatar": "1.5.4",
-    "@ichaingo/image": "1.5.4",
-    "@ichaingo/better-link": "1.5.4",
-    "@ichaingo/link": "1.5.4",
-    "@ichaingo/translation": "1.5.4",
-    "@ichaingo/ui": "1.5.4",
-    "@ichaingo/iconfont": "1.5.4",
-    "@ichaingo/request": "1.5.4",
-    "@ichaingo/theme-toggle": "1.5.4",
-    "@ichaingo/tooltip": "1.5.4",
-    "@ichaingo/with-login": "1.5.4",
-    "@ichaingo/token": "1.5.4"
+    "@ichaingo/image": "1.5.6-beta",
+    "@ichaingo/link": "1.5.6-beta",
+    "@ichaingo/translation": "1.5.6-beta",
+    "@ichaingo/ui": "1.5.6-beta",
+    "@ichaingo/better-link": "1.5.6-beta",
+    "@ichaingo/avatar": "1.5.6-beta",
+    "@ichaingo/request": "1.5.6-beta",
+    "@ichaingo/with-login": "1.5.6-beta",
+    "@ichaingo/iconfont": "1.5.6-beta",
+    "@ichaingo/tolgee": "1.5.6-beta",
+    "@ichaingo/auth": "1.5.6-beta",
+    "@ichaingo/tooltip": "1.5.6-beta",
+    "@ichaingo/theme-toggle": "1.5.6-beta",
+    "@ichaingo/token": "1.5.6-beta"
   }
 }