@ichaingo/header 1.3.89 → 1.3.91

package/dist/Right-Duk1k2Xj.js

@@ -1,325 +0,0 @@
-'use client';
-import { jsx as e, jsxs as a, Fragment as T } from "react/jsx-runtime";
-import h from "@ichaingo/link";
-import { DropdownMenu as M, DropdownMenuTrigger as X, DropdownMenuContent as $, DropdownMenuGroup as O, DropdownMenuItem as G } from "@ichaingo/ui/dropdown-menu";
-import d from "@ichaingo/translation";
-import { useState as f, useMemo as F, useEffect as N, useCallback as y } from "react";
-import U from "@ichaingo/better-link";
-import { useLocale as w, useTranslations as _ } from "next-intl";
-import k from "@ichaingo/avatar";
-import { logout as q, fetchUserProfile as Q } from "@ichaingo/auth";
-import { twMerge as m } from "tailwind-merge";
-import { Accordion as P, AccordionItem as j, AccordionTrigger as S, AccordionContent as R } from "@ichaingo/ui/accordion";
-import V from "@ichaingo/iconfont";
-import { Popover as W, PopoverTrigger as J, PopoverContent as Y } from "@ichaingo/ui/popover";
-import { PopoverArrow as Z } from "@radix-ui/react-popover";
-import { useSearchParams as I, usePathname as B } from "next/navigation";
-import ee from "@ichaingo/theme-toggle";
-import { o as re, c as le, U as A } from "./index-CeUO6r-I.js";
-import te from "rc-drawer";
-import { Menu as ne, X as ae } from "lucide-react";
-function se({
-  userInfo: l
-}) {
-  const { gotoLogin: r } = U(), [n, t] = f(""), i = w(), o = F(() => l == null ? void 0 : l.id, [l]);
-  return N(() => {
-    t(r({
-      locale: i,
-      redirect: window.location.href
-    }));
-  }, [i, r]), o ? (
-    // userInfo?.profileUrl
-    // https://images.ichaingo.com/user-profile/100000201.png
-    /* @__PURE__ */ e(k, { userInfo: l, className: "w-8 h-8" })
-  ) : /* @__PURE__ */ e(
-    h,
-    {
-      href: n,
-      className: "cursor-pointer text-sm text-white bg-primary py-2 px-3 rounded-lg",
-      replace: !0,
-      children: /* @__PURE__ */ e(d, { value: "signIn", parentKey: "account" })
-    }
-  );
-}
-function H({ className: l }) {
-  const r = y(async () => {
-    await q();
-  }, []);
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      onClick: r,
-      className: m("cursor-pointer relative", l),
-      children: /* @__PURE__ */ e(d, { value: "logout", parentKey: "account" })
-    }
-  );
-}
-function ie({
-  list: l,
-  userInfo: r,
-  onClick: n
-}) {
-  return /* @__PURE__ */ a(M, { children: [
-    /* @__PURE__ */ e(X, { className: "outline-none cursor-pointer", children: /* @__PURE__ */ e(se, { userInfo: r }) }),
-    /* @__PURE__ */ e($, { align: "end", className: "z-2000 w-75 p-0  border-transparent outline-none border border-stroke", children: /* @__PURE__ */ a(O, { className: "flex flex-col gap-2 p-3 bg-module rounded-md", children: [
-      /* @__PURE__ */ e("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__ */ e(k, { userInfo: r, className: "w-8 h-8" }),
-        /* @__PURE__ */ a("div", { className: "flex flex-col overflow-hidden", children: [
-          /* @__PURE__ */ e("div", { className: "text-sm font-medium", children: (r == null ? void 0 : r.username) || "--" }),
-          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground w-full truncate", children: (r == null ? void 0 : r.email) || (r == null ? void 0 : r.walletAddress) })
-        ] })
-      ] }) }),
-      l.map((t) => /* @__PURE__ */ e(G, { className: "px-0 py-0 focus-visible:border-none focus-visible:outline-none", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2 w-full", children: t.name === "logout" ? /* @__PURE__ */ e(H, { className: "flex-1 flex py-3 border-t border-stroke w-full px-2 hover:bg-background" }) : /* @__PURE__ */ e(h, { href: `/${t.href}`, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, className: "flex-1 flex py-3 h-full w-full px-2 hover:bg-background rounded-lg ", onClick: n, children: /* @__PURE__ */ e(d, { value: t.name, parentKey: "account" }) }) }) }, t.name))
-    ] }) })
-  ] });
-}
-function oe({
-  list: l,
-  userInfo: r,
-  onClick: n
-}) {
-  return /* @__PURE__ */ e(
-    P,
-    {
-      type: "single",
-      collapsible: !0,
-      className: "w-full",
-      defaultValue: "",
-      children: /* @__PURE__ */ a(j, { value: "item-1", className: "p-0 w-full border border-none", children: [
-        /* @__PURE__ */ e(S, { 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__ */ a("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(k, { userInfo: r, className: "w-8 h-8 shrink-0" }),
-          /* @__PURE__ */ a("div", { className: "flex flex-col overflow-hidden", children: [
-            /* @__PURE__ */ e("div", { className: "text-sm font-medium", children: r == null ? void 0 : r.username }),
-            /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground w-full truncate", children: (r == null ? void 0 : r.email) || (r == null ? void 0 : r.walletAddress) })
-          ] })
-        ] }) }) }),
-        /* @__PURE__ */ e(R, { className: "flex text-sm flex-col text-balance bg-background rounded-lg p-3 gap-3 mt-[10px]", children: /* @__PURE__ */ e("dl", { children: l.map((t) => /* @__PURE__ */ e(
-          "dd",
-          {
-            className: "flex justify-start items-center gap-2 py-2",
-            children: /* @__PURE__ */ e(h, { href: `/${t.href}`, className: "flex-1 py-2", onClick: n, suppressHydrationWarning: !0, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, children: /* @__PURE__ */ e(d, { value: t.name, parentKey: "account" }) })
-          },
-          t.name
-        )) }) })
-      ] })
-    }
-  );
-}
-function D({ onClick: l = () => {
-}, className: r }) {
-  const n = w(), { gotoLogin: t } = U(), [i, o] = f("");
-  return N(() => {
-    o(t({
-      locale: n,
-      redirect: window.location.href
-    }));
-  }, [n, t]), /* @__PURE__ */ e(
-    h,
-    {
-      href: i,
-      onClick: l,
-      baseUrl: process.env.NEXT_PUBLIC_AUTH_URL,
-      replace: !0,
-      className: m(
-        "cursor-pointer text-sm text-white bg-primary py-2 px-3 rounded-lg",
-        r
-      ),
-      children: /* @__PURE__ */ e(d, { value: "signIn", parentKey: "account" })
-    }
-  );
-}
-const C = [
-  {
-    name: "overview",
-    href: "user-center"
-  },
-  {
-    name: "collect",
-    href: "user-center/collect"
-  },
-  {
-    name: "privateLabel",
-    href: "user-center/private-label"
-  },
-  {
-    name: "setting",
-    href: "user-center/setting"
-  },
-  {
-    name: "logout",
-    href: void 0
-  }
-];
-function ce({ onClick: l = (t) => {
-}, className: r, userInfo: n }) {
-  return n != null && n.id ? /* @__PURE__ */ a(T, { children: [
-    /* @__PURE__ */ e("div", { className: m("hidden md:flex items-center", r), children: /* @__PURE__ */ e(ie, { list: C, userInfo: n, onClick: l }) }),
-    /* @__PURE__ */ e("div", { className: m("block md:hidden w-full", r), children: /* @__PURE__ */ e(oe, { list: C.filter((t) => t.href), userInfo: n, onClick: l }) })
-  ] }) : /* @__PURE__ */ e(D, { onClick: l, className: m(
-    "hidden md:flex cursor-pointer text-sm text-white bg-primary py-2 px-3 rounded-lg",
-    "order-3"
-  ) });
-}
-function E({ onClick: l = () => {
-} }) {
-  var x;
-  const r = w(), n = I(), t = _("lang"), i = _("setting"), o = [
-    { name: t("en"), lang: "en" },
-    { name: t("zh-hant"), lang: "zh-hant" },
-    { name: t("zh-hans"), lang: "zh-hans" },
-    { name: t("ja"), lang: "ja" },
-    { name: t("ko"), lang: "ko" }
-  ], s = B(), g = y(
-    (c) => {
-      const u = s.replace(new RegExp(`/${r}(/|$)`), `/${c}$1`), b = n.toString();
-      return b ? `${u}?${b}` : u;
-    },
-    [s, r, n]
-  );
-  return /* @__PURE__ */ a("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(P, { type: "single", className: "flex-1", collapsible: !0, children: /* @__PURE__ */ a(j, { value: r, className: "border-0", children: [
-      /* @__PURE__ */ e(S, { 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__ */ a("div", { className: "flex w-full justify-between items-center", children: [
-        /* @__PURE__ */ e("span", { className: "text-title", children: i("language") }),
-        /* @__PURE__ */ e("span", { className: "text-title", children: (x = o.find((c) => c.lang === r)) == null ? void 0 : x.name })
-      ] }) }),
-      /* @__PURE__ */ e(R, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((c) => /* @__PURE__ */ e(
-        h,
-        {
-          prefetch: !1,
-          withLocale: !1,
-          className: m(
-            "p-2 rounded-lg flex w-full justify-between items-center",
-            r === c.lang ? "text-primary" : ""
-          ),
-          href: g(c.lang),
-          onClick: l,
-          children: c.name
-        },
-        c.lang
-      )) })
-    ] }) }) }),
-    /* @__PURE__ */ a("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: i("theme") }),
-      /* @__PURE__ */ e(ee, {})
-    ] })
-  ] });
-}
-function de({ onClick: l = () => {
-} }) {
-  return /* @__PURE__ */ a("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
-    /* @__PURE__ */ e("div", { className: "hidden md:flex items-center bg-module rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ a(W, { children: [
-      /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(V, { type: "icon-setting", className: "text-2xl" }) }),
-      /* @__PURE__ */ a(
-        Y,
-        {
-          side: "bottom",
-          className: "relative top-[10px] rounded-xl border border-stroke bg-module p-2 w-72 z-1000",
-          children: [
-            /* @__PURE__ */ e(Z, { className: "fill-module" }),
-            /* @__PURE__ */ e(E, { onClick: l })
-          ]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(E, {}) })
-  ] });
-}
-function z({ onClick: l = () => {
-}, hideNews: r = !1, hideLogin: n = !1, user: t }) {
-  const { gotoAISQL: i, gotoChat: o } = U(), s = w(), g = B(), [x, c] = f(""), [u, b] = f(t), K = [
-    {
-      baseUrl: process.env.NEXT_PUBLIC_ICHAINGO_SEARCH_BASEURL,
-      href: "/explorer",
-      key: "/explorer",
-      label: /* @__PURE__ */ e("span", { className: "whitespace-nowrap leading-11 md:leading-[34px]", children: /* @__PURE__ */ e(d, { value: "title", parentKey: "browser" }) })
-    },
-    {
-      baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: o({ locale: s }),
-      key: "/chat",
-      label: /* @__PURE__ */ a("span", { className: "whitespace-nowrap leading-11 md:leading-[34px]", children: [
-        /* @__PURE__ */ e("span", { role: "img", "aria-label": "hot", children: "🔥" }),
-        /* @__PURE__ */ e("span", { children: "iGoChat" })
-      ] })
-    },
-    {
-      baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: i({ locale: s }),
-      key: "/sql",
-      label: "AISQL"
-    },
-    {
-      baseUrl: process.env.NEXT_PUBLIC_ICHAINGO_SEARCH_BASEURL,
-      href: "/etf/btc-us",
-      key: "/etf",
-      label: /* @__PURE__ */ e(d, { value: "etf", parentKey: "menu" })
-    },
-    {
-      baseUrl: process.env.NEXT_PUBLIC_ICHAINGO_SEARCH_BASEURL,
-      href: "/news",
-      key: "/news",
-      label: /* @__PURE__ */ e(d, { value: "news", parentKey: "menu" })
-    },
-    {
-      baseUrl: process.env.NEXT_PUBLIC_ICHAINGO_SEARCH_BASEURL,
-      href: "/ranking/token",
-      key: "/ranking",
-      label: /* @__PURE__ */ e(d, { value: "ranking", parentKey: "menu" })
-    }
-  ].filter((p) => r ? !["/explorer", "/chat", "/sql"].includes(p.key) : !0), L = y(() => new Promise((p) => {
-    Q().then((v) => {
-      b(v), c((/* @__PURE__ */ new Date()).getTime().toString()), p(v);
-    });
-  }), []);
-  return N(() => (re(A.PROFILE_UPDATED, L), () => {
-    le(A.PROFILE_UPDATED, L);
-  }), []), /* @__PURE__ */ a(
-    "nav",
-    {
-      className: m(
-        "flex flex-col justify-start items-start md:px-3",
-        "md:flex-row md:justify-end md:items-start  md:px-0",
-        "md:gap-6"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          "ul",
-          {
-            className: m(
-              "flex flex-col justify-start items-start w-full  h-full text-sm leading-[44px]  z-1001 text-title",
-              "md:flex-row md:items-center md:w-auto md:h-[34px] md:leading-[34px] md:gap-6",
-              "order-2 md:order-0"
-            ),
-            children: K.map((p, v) => /* @__PURE__ */ e("li", { className: m("w-full md:w-auto h-11 md:h-auto cursor-pointer", g.includes(p.key) && "border-b-2 border-primary text-primary "), children: /* @__PURE__ */ e(h, { href: p.href, onClick: l, className: "h-full flex items-center justify-start", baseUrl: p.baseUrl, suppressHydrationWarning: !0, children: p.label }) }, v))
-          }
-        ),
-        /* @__PURE__ */ e(de, { onClick: l }),
-        !g.includes("/login") && !n ? /* @__PURE__ */ a(T, { children: [
-          /* @__PURE__ */ e(ce, { onClick: l, userInfo: u }, x),
-          u != null && u.id ? /* @__PURE__ */ e("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__ */ e(H, {}) }) : /* @__PURE__ */ e(D, { onClick: l, 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
-      ]
-    }
-  );
-}
-function me({ hideLogin: l, hideNews: r, user: n }) {
-  const [t, i] = f(!1);
-  if (!t)
-    return /* @__PURE__ */ e(ne, { onClick: () => i(!0), size: 32, style: { color: "var(--title)" }, className: "md:hidden ml-2.5 bg-module rounded-lg p-[4px] " });
-  const o = (s) => {
-    s == null || s.preventDefault(), s == null || s.stopPropagation(), i(!1);
-  };
-  return /* @__PURE__ */ e(te, { open: t, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background p-2", children: /* @__PURE__ */ a("div", { className: "w-full max-h-full overflow-y-auto p-3 bg-module rounded-lg", children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ e(ae, { size: 24, style: { color: "var(--title)" }, onClick: (s) => o(s) }) }),
-    /* @__PURE__ */ e(z, { onClick: (s) => o(s), hideLogin: l, hideNews: r, user: n })
-  ] }) });
-}
-function Pe({ hideNews: l, hideLogin: r, user: n }) {
-  return /* @__PURE__ */ a("div", { className: "flex justify-end items-center md:gap-10 z-1001 ", children: [
-    /* @__PURE__ */ e(me, { hideLogin: r, hideNews: l, user: n }),
-    /* @__PURE__ */ e("div", { className: "hidden md:block", children: /* @__PURE__ */ e(z, { hideNews: l, hideLogin: r, user: n }) })
-  ] });
-}
-export {
-  Pe as default
-};