@0xchain/header 1.1.0-beta.6 → 1.1.0-beta.61

package/dist/lib/Nav.js

@@ -1,102 +1,247 @@
 'use client';
-import { jsx as r, jsxs as d, Fragment as L } from "react/jsx-runtime";
-import _ from "@0xchain/link";
-import v from "./User/index.js";
-import N from "./Setting/index.js";
-import u from "@0xchain/translation";
-import { twMerge as a } from "tailwind-merge";
-import S from "@0xchain/better-link";
-import { useLocale as k } from "next-intl";
-import P from "./User/Logout.js";
-import { useState as m, useCallback as B, useEffect as T } from "react";
-import I from "./User/SignIn.js";
-import { fetchUserProfile as j } from "@0xchain/auth";
-import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as f } from "./events.js";
-import { usePathname as C } from "next/navigation";
-import D from "./Explorer.js";
-function ee({ onClick: o = () => {
-}, hideNews: p = !1, hideLogin: c = !1, user: h }) {
-  const { gotoAISQL: x, gotoChat: g } = S(), t = k(), l = C(), [U, w] = m(""), [s, E] = m(h), [X, b] = m(!1), y = [
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import LinkBar from "@0xchain/link";
+import UserControl from "./User/index.js";
+import Setting from "./Setting/index.js";
+import Translation from "@0xchain/translation";
+import { twMerge } from "tailwind-merge";
+import BetterLink from "@0xchain/better-link";
+import { useLocale } from "@0xchain/i18n/react";
+import Logout from "./User/Logout.js";
+import { useState, useCallback, useEffect } from "react";
+import SignIn from "./User/SignIn.js";
+import { getRuntimeLoginState } from "@0xchain/auth";
+import { onUserEvent, USER_EVENTS } from "./events.js";
+import { usePathname } from "next/navigation";
+import Explorer from "./Explorer.js";
+import Products from "./Products.js";
+import { useIsChaindigg } from "./context.js";
+import { hasProfileIdentity, fetchHeaderProfile } from "./authProfile.js";
+function Nav({ onClick = () => void 0, hideNews = false, hideLogin = false, user }) {
+  const isChaindigg = useIsChaindigg();
+  const { gotoAISQL, gotoChat } = BetterLink();
+  const locale = useLocale();
+  const pathname = usePathname();
+  const [userKey, setUserKey] = useState("");
+  const [userInfo, setUserInfo] = useState(user);
+  const hasUserProfile = hasProfileIdentity(userInfo);
+  const [, setExplorerExpanded] = useState(false);
+  const ichaingoNavList = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: g({ locale: t }),
-      key: `/${t}`,
-      label: /* @__PURE__ */ r("span", { children: "iSearch" }),
-      show: (e) => e === `/${t}` || e.includes(`/${t}/conversation`)
+      href: gotoChat({ locale }),
+      key: `/${locale}`,
+      label: /* @__PURE__ */ jsx("span", { children: "iSearch" }),
+      show: (pathname2) => {
+        return pathname2 === `/${locale}` || pathname2.includes(`/${locale}/conversation`);
+      }
     },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: x({ locale: t }),
-      key: "/sql",
-      label: "iSQL",
-      show: (e) => e.includes(`/${t}/sql`)
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: gotoAISQL({ locale }),
+      key: "/query",
+      label: "iQuery",
+      show: (pathname2) => {
+        return pathname2.includes(`/${locale}/query`);
+      }
     },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/explorer",
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
       key: "/explorer",
-      label: /* @__PURE__ */ r(D, { onClick: o, onExpandChange: b }),
-      show: (e) => e.includes("/explorer")
+      href: "/explorer",
+      label: /* @__PURE__ */ jsx(Explorer, { onClick, onExpandChange: setExplorerExpanded }),
+      show: (pathname2) => {
+        return pathname2.includes(`/explorer`);
+      }
     },
-    // {
-    //   baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-    //   href: `/etf/btc-us`,
-    //   key: '/etf',
-    //   label: <Translation value="etf" parentKey="menu" />,
-    //   show: (pathname: string) => {
-    //     return pathname.includes(`/etf`)
-    //   }
-    // },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/news",
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: `/news`,
       key: "/news",
-      label: /* @__PURE__ */ r(u, { value: "news", parentKey: "menu" }),
-      show: (e) => e.includes("/news")
+      label: /* @__PURE__ */ jsx(Translation, { value: "news", parentKey: "menu" }),
+      show: (pathname2) => {
+        return pathname2.includes(`/news`);
+      }
     },
     {
-      baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: "/ranking/token",
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: `/ranking`,
       key: "/ranking",
-      label: /* @__PURE__ */ r(u, { value: "ranking", parentKey: "menu" }),
-      show: (e) => e.includes("/ranking")
+      label: /* @__PURE__ */ jsx(Translation, { value: "ranking", parentKey: "menu" }),
+      show: (pathname2) => {
+        return pathname2.includes(`/ranking`);
+      }
+    },
+    {
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      href: `/learn`,
+      key: "/learn",
+      label: /* @__PURE__ */ jsx(Translation, { value: "learn", parentKey: "menu" }),
+      show: (pathname2) => {
+        return pathname2.includes(`/learn`);
+      }
+    },
+    {
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      key: "/products",
+      label: /* @__PURE__ */ jsx(Products, { onClick }),
+      show: (pathname2) => {
+        return pathname2.includes("/widget");
+      }
+    }
+  ]?.filter((item) => {
+    if (hideNews) {
+      return !["/explorer", "/chat", "/query"].includes(item.key);
     }
-  ].filter((e) => p ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), i = B(() => new Promise((e) => {
-    j().then((n) => {
-      E(n), w((/* @__PURE__ */ new Date()).getTime().toString()), e(n);
-    });
-  }), []);
-  return T(() => (A(f.PROFILE_UPDATED, i), () => {
-    R(f.PROFILE_UPDATED, i);
-  }), []), /* @__PURE__ */ d(
+    return true;
+  });
+  const chaindiggNavList = [
+    {
+      key: "/explorer",
+      label: /* @__PURE__ */ jsx(Explorer, {}),
+      show: (pathname2) => {
+        return pathname2.includes(`/explorer`);
+      }
+    }
+  ];
+  const NavList = isChaindigg ? chaindiggNavList : ichaingoNavList;
+  const updateUserInfo = useCallback(async () => {
+    try {
+      const profile = await fetchHeaderProfile();
+      setUserInfo(profile || {});
+      setUserKey((/* @__PURE__ */ new Date()).getTime().toString());
+      return profile;
+    } catch (error) {
+      console.error(error);
+      setUserInfo({});
+      return null;
+    }
+  }, []);
+  useEffect(() => {
+    if (isChaindigg) return;
+    const cleanProfileUpdated = onUserEvent(USER_EVENTS.PROFILE_UPDATED, updateUserInfo);
+    const cleanLoggedIn = onUserEvent(USER_EVENTS.LOGGED_IN, updateUserInfo);
+    if (!hasUserProfile && getRuntimeLoginState() === true) {
+      updateUserInfo();
+    }
+    return () => {
+      cleanProfileUpdated();
+      cleanLoggedIn();
+    };
+  }, [hasUserProfile, isChaindigg, updateUserInfo]);
+  if (isChaindigg) {
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        className: twMerge(
+          "flex flex-col justify-start items-start md:px-3",
+          "md:flex-row md:justify-start md:items-start md:px-0",
+          "md:gap-6"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "ul",
+            {
+              className: twMerge(
+                "flex flex-col flex-1 justify-start items-start w-full h-full text-sm leading-[44px] z-1001 text-foreground",
+                "md:flex-row md:items-center md:w-auto md:h-[34px] md:leading-[34px] md:gap-5",
+                "order-2 md:order-0"
+              ),
+              children: NavList.map((item, index) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: twMerge(
+                    "w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary",
+                    item.show(pathname) && "border-b-2 border-primary text-primary"
+                  ),
+                  children: !item.href || item.href === pathname ? item.label : /* @__PURE__ */ jsx(
+                    LinkBar,
+                    {
+                      href: item.href,
+                      onClick,
+                      className: twMerge(
+                        "w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary",
+                        item.show(pathname) && "border-b-2 border-primary text-primary",
+                        "h-full flex items-center justify-start"
+                      ),
+                      baseUrl: item.baseUrl,
+                      suppressHydrationWarning: true,
+                      children: item.label
+                    }
+                  )
+                },
+                index
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(Setting, { onClick })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
     "nav",
     {
-      className: a(
+      className: twMerge(
         "flex flex-col justify-start items-start md:px-3",
-        "md:flex-row md:justify-end md:items-center  md:px-0",
+        "md:flex-row md:justify-end md:items-center md:px-0 md:flex-1",
         "md:gap-4"
       ),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "ul",
           {
-            className: a(
-              "flex flex-col justify-start items-start w-full  h-full text-sm  z-1001 text-foreground",
-              "md:flex-row md:items-center md:w-auto md:h-[34px]  md:gap-6",
+            className: twMerge(
+              "flex flex-col justify-start items-start w-full h-full text-sm z-1001 text-foreground",
+              "md:flex-row md:items-center md:w-auto md:h-[34px] md:gap-6 md:flex-1",
               "order-2 md:order-0"
             ),
-            children: y.map((e, n) => /* @__PURE__ */ r("li", { className: a("w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full", e.key === "/explorer" ? "h-auto" : "h-11", e.show(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-border"), children: e.href === l ? e.label : /* @__PURE__ */ r(_, { href: e.href, onClick: o, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, n))
+            children: NavList.map((item, index) => {
+              return /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: twMerge(
+                    "w-full md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full",
+                    item.key === "/explorer" || item.key === "/products" ? "h-auto" : "h-11",
+                    item.show(pathname) ? "md:text-primary md:bg-primary/10" : "md:hover:bg-border"
+                  ),
+                  children: !item.href || item.href === pathname ? item.label : /* @__PURE__ */ jsx(
+                    LinkBar,
+                    {
+                      href: item.href,
+                      onClick,
+                      className: twMerge(
+                        "w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full",
+                        item.key === "/explorer" || item.key === "/products" ? "h-auto" : "h-11",
+                        item.show(pathname) ? "md:text-primary md:bg-primary/10" : "md:hover:bg-border",
+                        "h-full flex items-center justify-start"
+                      ),
+                      baseUrl: item.baseUrl,
+                      suppressHydrationWarning: true,
+                      children: item.label
+                    }
+                  )
+                },
+                index
+              );
+            })
           }
         ),
-        /* @__PURE__ */ r(N, { onClick: o }),
-        !l.includes("/login") && !c ? /* @__PURE__ */ d(L, { children: [
-          /* @__PURE__ */ r(v, { onClick: o, userInfo: s }, U),
-          s != null && s.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-muted-foreground", children: /* @__PURE__ */ r(P, {}) }) : /* @__PURE__ */ r(I, { onClick: o, 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__ */ jsx(Setting, { onClick }),
+        !pathname.includes("/login") && !hideLogin ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(UserControl, { onClick, userInfo }, userKey),
+          hasUserProfile ? /* @__PURE__ */ jsx("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-muted-foreground", children: /* @__PURE__ */ jsx(Logout, {}) }) : /* @__PURE__ */ jsx(
+            SignIn,
+            {
+              onClick,
+              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 {
-  ee as default
+  Nav as default
 };

package/dist/lib/Products.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import Translation from "@0xchain/translation";
+import { useLocale } from "@0xchain/i18n/react";
+import { Dropdown } from "antd";
+import { useState } from "react";
+import { Accordion, AccordionItem, AccordionTrigger } from "@0xchain/ui/accordion";
+const PRODUCT_ITEMS = [
+  {
+    key: "widget",
+    href: "/widget",
+    label: /* @__PURE__ */ jsx(Translation, { value: "products.widget", parentKey: "menu" })
+  }
+];
+function Products({
+  onClick,
+  onExpandChange
+}) {
+  const locale = useLocale();
+  const [accordionValue, setAccordionValue] = useState("");
+  const handleClick = (e, href) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    onClick?.();
+    setAccordionValue("");
+    const baseUrl = process.env.NEXT_PUBLIC_APP_URL || "";
+    window.location.href = `${baseUrl}/${locale}${href}`;
+  };
+  const renderItemContent = (item) => /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium", children: item.label });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        getPopupContainer: () => document.body,
+        classNames: {
+          root: "w-50"
+        },
+        arrow: { pointAtCenter: true },
+        placement: "bottom",
+        menu: {
+          items: PRODUCT_ITEMS.map((item) => ({
+            label: renderItemContent(item),
+            key: item.key,
+            onClick: (info) => handleClick(info.domEvent, item.href)
+          }))
+        },
+        children: /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg md:px-4 md:py-1 ", children: /* @__PURE__ */ jsx(Translation, { value: "products.product", parentKey: "menu" }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "md:hidden w-full", children: /* @__PURE__ */ jsxs("div", { onClick: (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    }, children: [
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          type: "single",
+          collapsible: true,
+          className: "w-full",
+          value: accordionValue,
+          onValueChange: (value) => {
+            setAccordionValue(value);
+            onExpandChange?.(!!value);
+          },
+          children: /* @__PURE__ */ jsx(AccordionItem, { value: "products", className: "border-0", children: /* @__PURE__ */ jsx(AccordionTrigger, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ jsx("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: /* @__PURE__ */ jsx(Translation, { value: "products.product", parentKey: "menu" }) }) }) }) })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
+          style: { gridTemplateRows: accordionValue ? "1fr" : "0fr" },
+          children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: PRODUCT_ITEMS.map((item) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-full",
+              onClick: (e) => handleClick(e, item.href),
+              children: renderItemContent(item)
+            },
+            item.key
+          )) }) })
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  Products as default
+};

package/dist/lib/Right.js

@@ -1,21 +1,26 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import i from "./Nav.js";
-import l from "./Drawer.js";
-import { twMerge as o } from "tailwind-merge";
-var d = /* @__PURE__ */ ((t) => (t.EXPLORER = "explorer", t.CHAT = "chat", t.DEFAULT = "default", t))(d || {});
-function x({
-  hideNews: t,
-  hideLogin: m,
-  user: a,
-  source: e = "default"
+import { jsxs, jsx } from "react/jsx-runtime";
+import Nav from "./Nav.js";
+import Drawer from "./Drawer.js";
+import { twMerge } from "tailwind-merge";
+var HeaderSource = /* @__PURE__ */ ((HeaderSource2) => {
+  HeaderSource2["EXPLORER"] = "explorer";
+  HeaderSource2["CHAT"] = "chat";
+  HeaderSource2["DEFAULT"] = "default";
+  return HeaderSource2;
+})(HeaderSource || {});
+function Right({
+  hideNews = false,
+  hideLogin = false,
+  user,
+  source = "default"
   /* DEFAULT */
 }) {
-  return /* @__PURE__ */ f("div", { className: o(e === "chat" ? "" : "flex justify-end items-center md:gap-10 z-1001"), children: [
-    /* @__PURE__ */ r(l, { hideLogin: m, hideNews: t, user: a }),
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(i, { hideNews: t, hideLogin: m, user: a }) })
+  return /* @__PURE__ */ jsxs("div", { className: twMerge(source === "chat" ? "" : "flex md:flex-1 justify-start items-center md:gap-10 z-1001"), children: [
+    /* @__PURE__ */ jsx(Drawer, { hideLogin, hideNews, user }),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block flex-1", children: /* @__PURE__ */ jsx(Nav, { hideNews, hideLogin, user }) })
   ] });
 }
 export {
-  d as HeaderSource,
-  x as default
+  HeaderSource,
+  Right as default
 };

package/dist/lib/Setting/SettingBody.js

@@ -1,56 +1,64 @@
 'use client';
-import { jsxs as r, 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 "@0xchain/ui/accordion";
-import { twMerge as j } from "tailwind-merge";
-import { useCallback as v } from "react";
-import k from "@0xchain/link";
-import $ from "@0xchain/theme-toggle";
-function U({ onClick: f = () => {
-} }) {
-  var i;
-  const a = h(), l = p(), t = d("lang"), s = d("setting"), o = [
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useLocale, useTranslations } from "@0xchain/i18n/react";
+import { useSearchParams, usePathname } from "next/navigation";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@0xchain/ui/accordion";
+import { twMerge } from "tailwind-merge";
+import { useCallback } from "react";
+import LinkBar from "@0xchain/link";
+import ThemeToggle from "@0xchain/theme-toggle";
+function SettingBody({ onClick = () => void 0 }) {
+  const locale = useLocale();
+  const params = useSearchParams();
+  const t = useTranslations("lang");
+  const tSetting = useTranslations("setting");
+  const supportedLanguages = [
     { 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(
-    (n) => {
-      const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = l.toString();
-      return g ? `${m}?${g}` : m;
+  ];
+  const pathname = usePathname();
+  const generateLanguageUrl = useCallback(
+    (newLang) => {
+      const newUrl = pathname.replace(new RegExp(`/${locale}(/|$)`), `/${newLang}$1`);
+      const search = params.toString();
+      if (search) {
+        return `${newUrl}?${search}`;
+      }
+      return newUrl;
     },
-    [c, a, l]
+    [pathname, locale, params]
   );
-  return /* @__PURE__ */ r("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__ */ r(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__ */ r("div", { className: "flex w-full justify-between items-center", children: [
-        /* @__PURE__ */ e("span", { className: "text-foreground", children: s("language") }),
-        /* @__PURE__ */ e("span", { className: "text-foreground", children: (i = o.find((n) => n.lang === a)) == null ? void 0 : i.name })
+  return /* @__PURE__ */ jsxs("div", { className: "text-sm gap-2 flex flex-col justify-start items-start md:py-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ jsx(Accordion, { type: "single", className: "flex-1", collapsible: true, children: /* @__PURE__ */ jsxs(AccordionItem, { value: locale, className: "border-0", children: [
+      /* @__PURE__ */ jsx(AccordionTrigger, { 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__ */ jsxs("div", { className: "flex w-full justify-between items-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: tSetting("language") }),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: supportedLanguages.find((item) => item.lang === locale)?.name })
       ] }) }),
-      /* @__PURE__ */ e(N, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
-        k,
+      /* @__PURE__ */ jsx(AccordionContent, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: supportedLanguages.map((item) => /* @__PURE__ */ jsx(
+        LinkBar,
         {
-          prefetch: !1,
-          withLocale: !1,
-          className: j(
+          prefetch: false,
+          withLocale: false,
+          className: twMerge(
             "p-2 rounded-lg flex w-full justify-between items-center",
-            a === n.lang ? "text-primary" : ""
+            locale === item.lang ? "text-primary" : ""
           ),
-          href: u(n.lang),
-          onClick: f,
-          children: n.name
+          href: generateLanguageUrl(item.lang),
+          onClick,
+          children: item.name
         },
-        n.lang
+        item.lang
       )) })
     ] }) }) }),
-    /* @__PURE__ */ r("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__ */ jsxs("div", { className: "bg-background p-2 rounded-lg h-11 md:h-auto flex w-full justify-between items-center", children: [
+      /* @__PURE__ */ jsx("div", { children: tSetting("theme") }),
+      /* @__PURE__ */ jsx(ThemeToggle, {})
     ] })
   ] });
 }
 export {
-  U as default
+  SettingBody as default
 };

package/dist/lib/Setting/index.js

@@ -1,18 +1,49 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import i from "@0xchain/iconfont";
-import a from "@0xchain/tooltip";
-import r from "./SettingBody.js";
-function g({ onClick: o = () => {
-} }) {
-  return /* @__PURE__ */ n("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
-    /* @__PURE__ */ e("div", { className: "hidden md:flex  items-center bg-card hover:bg-border rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(a, { side: "bottom", onChange: (t) => {
-      document.querySelectorAll("iframe").forEach((d) => {
-        d.style.pointerEvents = t ? "none" : "auto";
-      });
-    }, needClick: !0, contentClassName: "bg-card w-70 rounded-lg bg-card text-foreground border border-border", trigger: /* @__PURE__ */ e(i, { type: "icon-centersetup", className: "text-2xl" }), arrowClassName: "fill-card", children: /* @__PURE__ */ e(r, { onClick: o }) }) }),
-    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(r, {}) })
+'use client';
+import { jsxs, jsx } from "react/jsx-runtime";
+import IconFont from "@0xchain/iconfont";
+import Tooltip from "@0xchain/tooltip";
+import SettingBody from "./SettingBody.js";
+import { useIsChaindigg } from "../context.js";
+function Setting({ onClick = () => void 0 }) {
+  const isChaindigg = useIsChaindigg();
+  const onChange = (open) => {
+    const iframes = document.querySelectorAll("iframe");
+    iframes.forEach((iframe) => {
+      iframe.style.pointerEvents = open ? "none" : "auto";
+    });
+  };
+  if (isChaindigg) {
+    return /* @__PURE__ */ jsxs("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center bg-card rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          side: "bottom",
+          needClick: true,
+          contentClassName: "w-70 rounded-lg bg-card shadow-lg text-foreground border-transparent outline-none",
+          trigger: /* @__PURE__ */ jsx(IconFont, { type: "icon-setting", className: "text-2xl border border-transparent hover:border-border" }),
+          arrowClassName: "fill-module",
+          children: /* @__PURE__ */ jsx(SettingBody, { onClick })
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(SettingBody, {}) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center bg-card hover:bg-border rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        side: "bottom",
+        onChange,
+        needClick: true,
+        contentClassName: "bg-card w-70 rounded-lg bg-card text-foreground border border-border",
+        trigger: /* @__PURE__ */ jsx(IconFont, { type: "icon-centersetup", className: "text-2xl" }),
+        arrowClassName: "fill-card",
+        children: /* @__PURE__ */ jsx(SettingBody, { onClick })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(SettingBody, {}) })
   ] });
 }
 export {
-  g as default
+  Setting as default
 };