@0xchain/header 1.1.0-beta.93 → 1.1.0-beta.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +5 -4
  2. package/dist/lib/PointsEntry.js +42 -24
  3. package/dist/lib/Right.js +3 -9
  4. package/dist/lib/headerSource.js +13 -0
  5. package/package.json +15 -15
package/dist/index.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { twMerge } from "tailwind-merge";
3
3
  import request from "@0xchain/request";
4
- import Right, { HeaderSource } from "./lib/Right.js";
4
+ import Right from "./lib/Right.js";
5
5
  import Logo from "./lib/Logo.js";
6
6
  import { cookies } from "next/headers";
7
7
  import { HeaderProvider } from "./lib/context.js";
8
8
  import { createSessionFromCookieGetter } from "@0xchain/auth";
9
+ import { isChatHeaderSource, HeaderSource } from "./lib/headerSource.js";
9
10
  import { USER_EVENTS, emitUserEvent, onUserEvent } from "./lib/events.js";
10
11
  async function HeaderBar({
11
12
  extra,
@@ -40,9 +41,9 @@ async function HeaderBar({
40
41
  }
41
42
  }
42
43
  return /* @__PURE__ */ jsxs(HeaderProvider, { brand, children: [
43
- /* @__PURE__ */ jsxs("div", { className: twMerge("sticky left-0 right-0 top-0 bg-background h-16 z-999", source === HeaderSource.CHAT ? "hidden md:block flex-1" : "block", className), children: [
44
+ /* @__PURE__ */ jsxs("div", { className: twMerge("sticky left-0 right-0 top-0 bg-background h-16 z-999", isChatHeaderSource(source) ? "hidden md:block flex-1" : "block", className), children: [
44
45
  /* @__PURE__ */ jsxs("div", { className: "md:bg-card h-13 w-full text-center flex flex-nowrap justify-between items-center gap-2 md:gap-10 px-4", children: [
45
- /* @__PURE__ */ jsxs("div", { className: twMerge("items-center gap-6 shrink-0", source === HeaderSource.CHAT ? "hidden md:flex" : "flex"), children: [
46
+ /* @__PURE__ */ jsxs("div", { className: twMerge("items-center gap-6 shrink-0", isChatHeaderSource(source) ? "hidden md:flex" : "flex"), children: [
46
47
  /* @__PURE__ */ jsx(Logo, {}),
47
48
  children
48
49
  ] }),
@@ -50,7 +51,7 @@ async function HeaderBar({
50
51
  ] }),
51
52
  extra
52
53
  ] }),
53
- /* @__PURE__ */ jsx("div", { className: twMerge(source === HeaderSource.CHAT ? "flex justify-end md:hidden" : "hidden"), children: /* @__PURE__ */ jsx(Right, { hideNews, source, hideLogin, user: userInfo?.data || {} }) })
54
+ /* @__PURE__ */ jsx("div", { className: twMerge(isChatHeaderSource(source) ? "flex justify-end md:hidden" : "hidden"), children: /* @__PURE__ */ jsx(Right, { hideNews, source, hideLogin, user: userInfo?.data || {} }) })
54
55
  ] });
55
56
  }
56
57
  export {
package/dist/lib/PointsEntry.js CHANGED
@@ -1,12 +1,13 @@
1
1
  'use client';
2
- import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { useState, useEffect } from "react";
4
4
  import LinkBar from "@0xchain/link";
5
5
  import Translation from "@0xchain/translation";
6
6
  import ImageBar from "@0xchain/image";
7
7
  import request from "@0xchain/request";
8
+ import { useLogin, OpenLoginType } from "@0xchain/with-login";
8
9
  import { twMerge } from "tailwind-merge";
9
- import { headerPointsShowAmount, hasTrustedHeaderPoints, formatHeaderPoints, HEADER_POINTS_ICON, HEADER_POINTS_OVERVIEW_PATH, pointsTextFromOverview } from "./headerPoints.js";
10
+ import { headerPointsShowAmount, hasTrustedHeaderPoints, formatHeaderPoints, HEADER_POINTS_OVERVIEW_PATH, pointsTextFromOverview, HEADER_POINTS_ICON } from "./headerPoints.js";
10
11
  import { useIsChaindigg } from "./context.js";
11
12
  function PointsEntry({
12
13
  userInfo,
@@ -14,6 +15,7 @@ function PointsEntry({
14
15
  onClick
15
16
  }) {
16
17
  const isChaindigg = useIsChaindigg();
18
+ const { openLogin } = useLogin();
17
19
  const showAmount = headerPointsShowAmount(userInfo);
18
20
  const [pointsText, setPointsText] = useState(
19
21
  () => showAmount && hasTrustedHeaderPoints(userInfo) ? formatHeaderPoints(userInfo) : ""
@@ -47,33 +49,49 @@ function PointsEntry({
47
49
  if (isChaindigg) {
48
50
  return null;
49
51
  }
50
- return /* @__PURE__ */ jsxs(
52
+ const classNames = twMerge(
53
+ "inline-flex shrink-0 items-center gap-1 h-8 px-3 rounded-full border border-primary/30 bg-background hover:bg-primary/5 text-sm whitespace-nowrap cursor-pointer",
54
+ className
55
+ );
56
+ const content = /* @__PURE__ */ jsxs(Fragment, { children: [
57
+ /* @__PURE__ */ jsx(
58
+ ImageBar,
59
+ {
60
+ src: HEADER_POINTS_ICON,
61
+ width: 16,
62
+ height: 16,
63
+ alt: "",
64
+ className: "shrink-0"
65
+ }
66
+ ),
67
+ /* @__PURE__ */ jsxs("span", { className: "text-foreground", children: [
68
+ /* @__PURE__ */ jsx(Translation, { value: "points", parentKey: "account" }),
69
+ showAmount ? ": " : null
70
+ ] }),
71
+ showAmount ? /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: pointsText }) : null
72
+ ] });
73
+ if (!showAmount) {
74
+ return /* @__PURE__ */ jsx(
75
+ "button",
76
+ {
77
+ type: "button",
78
+ className: classNames,
79
+ onClick: (e) => {
80
+ onClick?.(e);
81
+ openLogin(OpenLoginType.LOGIN);
82
+ },
83
+ children: content
84
+ }
85
+ );
86
+ }
87
+ return /* @__PURE__ */ jsx(
51
88
  LinkBar,
52
89
  {
53
90
  href: "/user-center/points",
54
91
  baseUrl: process.env.NEXT_PUBLIC_AUTH_URL,
55
92
  onClick,
56
- className: twMerge(
57
- "inline-flex shrink-0 items-center gap-1 h-8 px-3 rounded-full border border-primary/30 bg-background hover:bg-primary/5 text-sm whitespace-nowrap",
58
- className
59
- ),
60
- children: [
61
- /* @__PURE__ */ jsx(
62
- ImageBar,
63
- {
64
- src: HEADER_POINTS_ICON,
65
- width: 16,
66
- height: 16,
67
- alt: "",
68
- className: "shrink-0"
69
- }
70
- ),
71
- /* @__PURE__ */ jsxs("span", { className: "text-foreground", children: [
72
- /* @__PURE__ */ jsx(Translation, { value: "points", parentKey: "account" }),
73
- showAmount ? ": " : null
74
- ] }),
75
- showAmount ? /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: pointsText }) : null
76
- ]
93
+ className: classNames,
94
+ children: content
77
95
  }
78
96
  );
79
97
  }
package/dist/lib/Right.js CHANGED
@@ -5,24 +5,18 @@ import Drawer from "./Drawer.js";
5
5
  import PointsEntry from "./PointsEntry.js";
6
6
  import { twMerge } from "tailwind-merge";
7
7
  import { useHeaderUser } from "./useHeaderUser.js";
8
- var HeaderSource = /* @__PURE__ */ ((HeaderSource2) => {
9
- HeaderSource2["EXPLORER"] = "explorer";
10
- HeaderSource2["CHAT"] = "chat";
11
- HeaderSource2["DEFAULT"] = "default";
12
- return HeaderSource2;
13
- })(HeaderSource || {});
8
+ import { isChatHeaderSource, HeaderSource } from "./headerSource.js";
14
9
  function Right({
15
10
  hideNews = false,
16
11
  hideLogin = false,
17
12
  user,
18
- source = "default"
19
- /* DEFAULT */
13
+ source = HeaderSource.DEFAULT
20
14
  }) {
21
15
  const { userInfo } = useHeaderUser(user);
22
16
  const showPoints = !hideLogin;
23
17
  return /* @__PURE__ */ jsxs("div", { className: twMerge(
24
18
  "flex items-center justify-end gap-2 z-1001 ml-auto shrink-0",
25
- source === "chat" ? "" : "md:flex-1 md:ml-0 md:justify-start md:gap-10"
19
+ isChatHeaderSource(source) ? "" : "md:flex-1 md:ml-0 md:justify-start md:gap-10"
26
20
  ), children: [
27
21
  showPoints ? /* @__PURE__ */ jsx(PointsEntry, { userInfo, className: "md:hidden" }) : null,
28
22
  /* @__PURE__ */ jsx(Drawer, { hideLogin, hideNews, user: userInfo }),
package/dist/lib/headerSource.js ADDED
@@ -0,0 +1,13 @@
1
+ var HeaderSource = /* @__PURE__ */ ((HeaderSource2) => {
2
+ HeaderSource2["EXPLORER"] = "explorer";
3
+ HeaderSource2["CHAT"] = "chat";
4
+ HeaderSource2["DEFAULT"] = "default";
5
+ return HeaderSource2;
6
+ })(HeaderSource || {});
7
+ function isChatHeaderSource(source) {
8
+ return source === "chat";
9
+ }
10
+ export {
11
+ HeaderSource,
12
+ isChatHeaderSource
13
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@0xchain/header",
3
- "version": "1.1.0-beta.93",
3
+ "version": "1.1.0-beta.95",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -26,7 +26,7 @@
26
26
  "react": "19.1.1",
27
27
  "react-dom": "19.1.1",
28
28
  "tailwind-merge": "3.3.1",
29
- "@0xchain/with-login": "1.1.0-beta.93"
29
+ "@0xchain/with-login": "1.1.0-beta.95"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@0xchain/next-themes": "1.0.0",
@@ -41,21 +41,21 @@
41
41
  "react-dom": "19.1.1",
42
42
  "rollup-plugin-preserve-use-client": "3.0.1",
43
43
  "tailwind-merge": "3.3.1",
44
- "@0xchain/with-login": "1.1.0-beta.93"
44
+ "@0xchain/with-login": "1.1.0-beta.95"
45
45
  },
46
46
  "dependencies": {
47
- "@0xchain/better-link": "1.1.0-beta.93",
48
- "@0xchain/avatar": "1.1.0-beta.93",
49
- "@0xchain/iconfont": "1.1.0-beta.93",
50
- "@0xchain/image": "1.1.0-beta.93",
51
- "@0xchain/i18n": "1.1.0-beta.93",
52
- "@0xchain/theme-toggle": "1.1.0-beta.93",
53
- "@0xchain/link": "1.1.0-beta.93",
54
- "@0xchain/request": "1.1.0-beta.93",
55
- "@0xchain/tooltip": "1.1.0-beta.93",
56
- "@0xchain/auth": "1.1.0-beta.93",
57
- "@0xchain/translation": "1.1.0-beta.93",
58
- "@0xchain/ui": "1.1.0-beta.93"
47
+ "@0xchain/auth": "1.1.0-beta.95",
48
+ "@0xchain/i18n": "1.1.0-beta.95",
49
+ "@0xchain/better-link": "1.1.0-beta.95",
50
+ "@0xchain/iconfont": "1.1.0-beta.95",
51
+ "@0xchain/image": "1.1.0-beta.95",
52
+ "@0xchain/link": "1.1.0-beta.95",
53
+ "@0xchain/request": "1.1.0-beta.95",
54
+ "@0xchain/avatar": "1.1.0-beta.95",
55
+ "@0xchain/tooltip": "1.1.0-beta.95",
56
+ "@0xchain/theme-toggle": "1.1.0-beta.95",
57
+ "@0xchain/translation": "1.1.0-beta.95",
58
+ "@0xchain/ui": "1.1.0-beta.95"
59
59
  },
60
60
  "nx": {
61
61
  "tags": [