@ichaingo/header 1.5.7-beta → 1.5.8

package/dist/lib/Nav.js

@@ -1,25 +1,25 @@
 'use client';
-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 { 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 i from "@ichaingo/translation";
 import { twMerge as m } from "tailwind-merge";
-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 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 I from "./User/SignIn.js";
-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 = () => {
+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 = () => {
 }, hideNews: f = !1, hideLogin: p = !1, user: h }) {
-  const { gotoAISQL: g, gotoChat: U } = S(), { getLanguage: w } = k(), t = w(), o = C(), [x, b] = d(""), [n, y] = d(h), E = [
+  const { gotoAISQL: U, gotoChat: w } = N(), t = S(), o = j(), [x, g] = d(""), [n, b] = d(h), y = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: U({ locale: t }),
+      href: w({ 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 Z({ onClick: s = () => {
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: g({ locale: t }),
+      href: U({ locale: t }),
       key: "/sql",
       label: "AISQL",
       show: (e) => e.includes(`/${t}/sql`)
@@ -38,7 +38,7 @@ function Z({ onClick: s = () => {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/explorer",
       key: "/explorer",
-      label: /* @__PURE__ */ r(X, {}),
+      label: /* @__PURE__ */ r(C, {}),
       show: (e) => e.includes("/explorer")
     },
     {
@@ -62,13 +62,13 @@ function Z({ 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 = P(() => new Promise((e) => {
-    A().then((l) => {
-      y(l), b((/* @__PURE__ */ new Date()).getTime().toString()), e(l);
+  ].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);
     });
   }), []);
-  return T(() => (R(c.PROFILE_UPDATED, u), () => {
-    j(c.PROFILE_UPDATED, u);
+  return P(() => (A(c.PROFILE_UPDATED, u), () => {
+    R(c.PROFILE_UPDATED, u);
   }), []), /* @__PURE__ */ a(
     "nav",
     {
@@ -86,18 +86,18 @@ function Z({ 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: 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))
+            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))
           }
         ),
-        /* @__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" })
+        /* @__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" })
         ] }) : null
       ]
     }
   );
 }
 export {
-  Z as default
+  Y 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 { 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 = () => {
+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 = () => {
 } }) {
   var i;
-  const { getLanguage: u } = p(), a = u(), r = x(), { t } = d(), s = d(), o = [
+  const a = h(), r = p(), t = d("lang"), s = d("setting"), 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 = b(), h = k(
+  ], c = x(), u = v(
     (n) => {
       const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = r.toString();
       return g ? `${m}?${g}` : m;
@@ -24,21 +24,21 @@ function E({ 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(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("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("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(j, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
-        $,
+      /* @__PURE__ */ e(N, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
+        k,
         {
           prefetch: !1,
           withLocale: !1,
-          className: v(
+          className: j(
             "p-2 rounded-lg flex w-full justify-between items-center",
             a === n.lang ? "text-primary" : ""
           ),
-          href: h(n.lang),
+          href: u(n.lang),
           onClick: f,
           children: n.name
         },
@@ -47,10 +47,10 @@ function E({ 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(L, {})
+      /* @__PURE__ */ e($, {})
     ] })
   ] });
 }
 export {
-  E as default
+  U as default
 };

package/dist/lib/User/MainTrigger.js

@@ -1,31 +1,31 @@
 'use client';
-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 { 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 u from "@ichaingo/better-link";
-import { useTolgee as f } from "@ichaingo/tolgee/client";
-import d from "@ichaingo/avatar";
+import { useLocale as f } from "next-intl";
+import g from "@ichaingo/avatar";
 function v({
-  userInfo: t
+  userInfo: r
 }) {
-  const { gotoLogin: e } = u(), [i, n] = m(""), { getLanguage: a } = f(), o = a(), c = s(() => t == null ? void 0 : t.id, [t]);
-  return l(() => {
+  const { gotoLogin: e } = u(), [i, n] = m(""), o = f(), a = c(() => r == null ? void 0 : r.id, [r]);
+  return p(() => {
     n(e({
-      locale: o || "",
+      locale: o,
       redirect: window.location.href
     }));
-  }, [o, e]), c ? (
+  }, [o, e]), a ? (
     // userInfo?.profileUrl
     // https://images.ichatgo.ai/user-profile/100000201.png
-    /* @__PURE__ */ r(d, { userInfo: t, className: "w-8 h-8 cursor-pointer" })
-  ) : /* @__PURE__ */ r(
-    p,
+    /* @__PURE__ */ t(g, { userInfo: r, className: "w-8 h-8 cursor-pointer" })
+  ) : /* @__PURE__ */ t(
+    s,
     {
       href: i,
       className: "cursor-pointer text-sm text-white bg-primary py-2 px-3 rounded-lg",
       replace: !0,
-      children: /* @__PURE__ */ r(g, { value: "signIn", parentKey: "account" })
+      children: /* @__PURE__ */ t(l, { value: "signIn", parentKey: "account" })
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/header",
-  "version": "1.5.7-beta",
+  "version": "1.5.8",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -24,6 +24,7 @@
   "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",
@@ -31,19 +32,18 @@
     "tailwind-merge": "3.3.1",
     "next": "15.5.6",
     "antd": "6.1.1",
-    "@ichaingo/image": "1.5.7-beta",
-    "@ichaingo/better-link": "1.5.7-beta",
-    "@ichaingo/ui": "1.5.7-beta",
-    "@ichaingo/link": "1.5.7-beta",
-    "@ichaingo/auth": "1.5.7-beta",
-    "@ichaingo/avatar": "1.5.7-beta",
-    "@ichaingo/translation": "1.5.7-beta",
-    "@ichaingo/iconfont": "1.5.7-beta",
-    "@ichaingo/tolgee": "1.5.7-beta",
-    "@ichaingo/request": "1.5.7-beta",
-    "@ichaingo/theme-toggle": "1.5.7-beta",
-    "@ichaingo/with-login": "1.5.7-beta",
-    "@ichaingo/tooltip": "1.5.7-beta",
-    "@ichaingo/token": "1.5.7-beta"
+    "@ichaingo/image": "1.5.8",
+    "@ichaingo/auth": "1.5.8",
+    "@ichaingo/translation": "1.5.8",
+    "@ichaingo/ui": "1.5.8",
+    "@ichaingo/avatar": "1.5.8",
+    "@ichaingo/iconfont": "1.5.8",
+    "@ichaingo/request": "1.5.8",
+    "@ichaingo/link": "1.5.8",
+    "@ichaingo/theme-toggle": "1.5.8",
+    "@ichaingo/better-link": "1.5.8",
+    "@ichaingo/with-login": "1.5.8",
+    "@ichaingo/token": "1.5.8",
+    "@ichaingo/tooltip": "1.5.8"
   }
 }