@0xchain/header 1.1.0-beta.4 → 1.1.0-beta.41

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,43 @@
 '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";
+const list = [
   {
     name: "overview",
-    href: "user-center"
+    href: `user-center`
   },
   {
     name: "collect",
-    href: "user-center/collect"
+    href: `user-center/collect`
   },
   {
     name: "privateLabel",
-    href: "user-center/private-label"
+    href: `user-center/private-label`
   },
   {
     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 (!userInfo?.id) {
+    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/context.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const HeaderContext = createContext({
+  brand: "iChatGo"
+});
+function HeaderProvider({
+  children,
+  brand = "iChatGo"
+}) {
+  return /* @__PURE__ */ jsx(HeaderContext.Provider, { value: { brand }, children });
+}
+function useHeaderContext() {
+  return useContext(HeaderContext);
+}
+function useIsChaindigg() {
+  const { brand } = useHeaderContext();
+  return brand === "CHAINDIGG";
+}
+export {
+  HeaderProvider,
+  useHeaderContext,
+  useIsChaindigg
+};

package/dist/lib/events.js

@@ -1,24 +1,26 @@
-const E = {
+const USER_EVENTS = {
   PROFILE_UPDATED: "user-profile-updated",
   LOGGED_IN: "user-logged-in",
   LOGGED_OUT: "user-logged-out"
 };
-function i(e, n) {
-  const t = new CustomEvent(e, { detail: n });
-  window.dispatchEvent(t);
+function emitUserEvent(eventName, data) {
+  const event = new CustomEvent(eventName, { detail: data });
+  window.dispatchEvent(event);
 }
-function r(e, n) {
-  const t = (o) => {
-    n(o.detail);
+function onUserEvent(eventName, callback) {
+  const handler = (event) => {
+    const customEvent = event;
+    callback(customEvent.detail);
   };
-  return window.addEventListener(e, t), () => window.removeEventListener(e, t);
+  window.addEventListener(eventName, handler);
+  return () => window.removeEventListener(eventName, handler);
 }
-function d(e, n) {
-  window.removeEventListener(e, n);
+function cleanUserEvent(type, handler) {
+  window.removeEventListener(type, handler);
 }
 export {
-  E as USER_EVENTS,
-  d as cleanUserEvent,
-  i as emitUserEvent,
-  r as onUserEvent
+  USER_EVENTS,
+  cleanUserEvent,
+  emitUserEvent,
+  onUserEvent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/header",
-  "version": "1.1.0-beta.4",
+  "version": "1.1.0-beta.41",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -17,34 +17,49 @@
     "dist",
     "!**/*.tsbuildinfo"
   ],
-  "devDependencies": {
-    "rollup-plugin-preserve-use-client": "3.0.1",
-    "@types/js-cookie": "3.0.6"
+  "peerDependencies": {
+    "antd": "6.1.1",
+    "lucide-react": "0.539.0",
+    "next": "16.1.6",
+    "next-intl": "4.13.0",
+    "rc-drawer": "7.3.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "tailwind-merge": "3.3.1"
   },
-  "dependencies": {
+  "devDependencies": {
+    "@0xchain/next-themes": "1.0.0",
+    "@types/js-cookie": "3.0.6",
+    "antd": "6.1.1",
     "js-cookie": "3.0.5",
     "lucide-react": "0.539.0",
-    "next-intl": "4.6.1",
-    "@0xchain/next-themes": "1.0.0",
+    "next": "16.1.6",
+    "next-intl": "4.13.0",
     "rc-drawer": "7.3.0",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "tailwind-merge": "3.3.1",
-    "next": "15.5.6",
-    "antd": "6.1.1",
-    "@0xchain/auth": "1.1.0-beta.4",
-    "@0xchain/image": "1.1.0-beta.4",
-    "@0xchain/translation": "1.1.0-beta.4",
-    "@0xchain/better-link": "1.1.0-beta.4",
-    "@0xchain/link": "1.1.0-beta.4",
-    "@0xchain/avatar": "1.1.0-beta.4",
-    "@0xchain/iconfont": "1.1.0-beta.4",
-    "@0xchain/request": "1.1.0-beta.4",
-    "@0xchain/with-login": "1.1.0-beta.4",
-    "@0xchain/tooltip": "1.1.0-beta.4",
-    "@0xchain/token": "1.1.0-beta.4",
-    "@0xchain/ui": "1.1.0-beta.4",
-    "@0xchain/theme-toggle": "1.1.0-beta.4"
+    "rollup-plugin-preserve-use-client": "3.0.1",
+    "tailwind-merge": "3.3.1"
+  },
+  "dependencies": {
+    "@0xchain/i18n": "1.1.0-beta.41",
+    "@0xchain/auth": "1.1.0-beta.41",
+    "@0xchain/link": "1.1.0-beta.41",
+    "@0xchain/avatar": "1.1.0-beta.41",
+    "@0xchain/better-link": "1.1.0-beta.41",
+    "@0xchain/image": "1.1.0-beta.41",
+    "@0xchain/theme-toggle": "1.1.0-beta.41",
+    "@0xchain/iconfont": "1.1.0-beta.41",
+    "@0xchain/with-login": "1.1.0-beta.41",
+    "@0xchain/translation": "1.1.0-beta.41",
+    "@0xchain/tooltip": "1.1.0-beta.41",
+    "@0xchain/request": "1.1.0-beta.41",
+    "@0xchain/ui": "1.1.0-beta.41"
+  },
+  "nx": {
+    "tags": [
+      "type:feature"
+    ]
   },
   "publishConfig": {
     "access": "public"