rujira.ui 1.0.12 → 1.0.15

package/lib/cjs/components/buttons/TxButton.js

@@ -36,7 +36,7 @@ const separateClasses = (className) => {
 const TWO_STEP_ALLOWANCE_CHAINS = new Set([rujira_js_1.BSC, rujira_js_1.AVAX]);
 const TxButton = (props) => {
     const { t } = (0, i18n_1.useTranslation)("common");
-    const { accountProvider, msg, onSuccess, onError, SimulationComponent = DefaultSimulationComponent, children, toastOpts = {}, className, hideSimulation, onClick, ...rest } = props;
+    const { accountProvider, msg, onSuccess, onError, onSimulation, SimulationComponent = DefaultSimulationComponent, children, toastOpts = {}, className, hideSimulation, animateSimulation = true, onClick, ...rest } = props;
     const [simulation, setSimulation] = (0, react_1.useState)();
     const [simulationError, setSimulationError] = (0, react_1.useState)();
     const [isSimulating, setIsSimulating] = (0, react_1.useState)(false);
@@ -49,9 +49,11 @@ const TxButton = (props) => {
     const doSimulate = (msg) => {
         setSimulationError(undefined);
         setSimulation(undefined);
+        onSimulation?.({ simulation: undefined, status: "none" });
         if (msg) {
             const seq = ++simulationSeqRef.current;
             setIsSimulating(true);
+            onSimulation?.({ simulation: undefined, status: "running" });
             const signer = accountProvider.signer(msg.account.address);
             signer
                 .simulate(msg)
@@ -61,6 +63,7 @@ const TxButton = (props) => {
                     return;
                 setIsSimulating(false);
                 setSimulation(sim);
+                onSimulation?.({ simulation: sim, status: "completed" });
             })
                 .catch((err) => {
                 //ignore stale simulation errors
@@ -70,6 +73,7 @@ const TxButton = (props) => {
                 console.error(err);
                 setSimulationError(err);
                 onError && onError(new rujira_js_1.TxError(msg, err, "simulation"));
+                onSimulation?.({ simulation: undefined, status: "failed" });
             });
         }
     };
@@ -181,7 +185,7 @@ const TxButton = (props) => {
                     ? t("waiting")
                     : isRejected
                         ? t("rejected")
-                        : isSimulating
+                        : isSimulating && animateSimulation
                             ? t("simulating")
                             : rest.label}`,
         }),
@@ -190,13 +194,13 @@ const TxButton = (props) => {
                     "button--grey": disabled &&
                         !isSimulating &&
                         !stylingClasses.includes("transparent"),
-                    "button--waiting": (isSigning || isRejected || isSuccess || isSimulating) &&
+                    "button--waiting": (isSigning || isRejected || isSuccess || (isSimulating && animateSimulation)) &&
                         !className?.includes("transparent"),
                     "button--success": isSuccess,
                     "button--rejected": isRejected,
-                    "button--simulating": isSimulating,
+                    "button--simulating": isSimulating && animateSimulation,
                 }), style: {
-                    cursor: isSigning || isSuccess || isRejected || isSimulating
+                    cursor: isSigning || isSuccess || isRejected || (isSimulating && animateSimulation)
                         ? "default"
                         : undefined,
                     ...rest.style,
@@ -205,7 +209,7 @@ const TxButton = (props) => {
                     : undefined, children: [(isSuccess ||
                         isRejected ||
                         isSigning ||
-                        isSimulating ||
+                        (isSimulating && animateSimulation) ||
                         !!simulationError) &&
                         !className?.includes("transparent") && ((0, jsx_runtime_1.jsx)("img", { className: "w-4 h-4 filter-white big", src: isSimulating
                             ? txsimulate_gif_1.default

package/lib/cjs/components/footer/Footer.js

@@ -6,10 +6,179 @@ const clsx_1 = require("clsx");
 const ResolveLink_1 = require("../header/ResolveLink");
 const Icons_1 = require("../icons/Icons");
 const RujiraLogo_1 = require("../logos/RujiraLogo");
-const Footer = ({ className, domain = "", routerElement, }) => {
+const SITE_URL = "https://rujira.network";
+const DOCS_URL = "https://docs.rujira.network";
+const DISCORD_URL = "https://discord.com/invite/XPvsxhWKfb";
+const TELEGRAM_URL = "https://t.me/Rujira_Community";
+const REDDIT_URL = "https://www.reddit.com/r/RujiraNetworkOfficial/";
+const footerSections = [
+    {
+        title: "Products",
+        links: [
+            { kind: "internal", label: "Cross-chain Swaps", to: "swap" },
+            { kind: "internal", label: "Orderbook DEX", to: "trade" },
+            { kind: "internal", label: "Earn Opportunities", to: "strategies" },
+            { kind: "internal", label: "Money Market", to: "borrow" },
+            {
+                kind: "internal",
+                label: "Automated Trading",
+                to: "/trade/BTC/USDC?orders=range&order=tracking&range=t",
+            },
+            {
+                kind: "internal",
+                label: "bRUNE",
+                to: "/strategies/staking/bRUNE",
+            },
+            { kind: "internal", label: "Indices", to: "index" },
+            { kind: "internal", label: "Recurring Buys", to: "trade" },
+        ],
+    },
+    {
+        title: "Learn",
+        links: [
+            {
+                kind: "external",
+                label: "Architecture",
+                href: `${SITE_URL}/architecture`,
+            },
+            { kind: "external", label: "RUJI Token", href: `${SITE_URL}/rujitoken` },
+            {
+                kind: "external",
+                label: "Enshrined Oracles",
+                href: `${SITE_URL}/enshrined-oracles`,
+            },
+            {
+                kind: "external",
+                label: "Secured Assets",
+                href: `${SITE_URL}/secured-assets`,
+            },
+            { kind: "internal", label: "FAQ", to: "faq" },
+            { kind: "internal", label: "Articles", to: "articles" },
+            { kind: "external", label: "Roadmap", href: `${SITE_URL}/roadmap` },
+            { kind: "external", label: "Documentation", href: DOCS_URL },
+        ],
+    },
+    {
+        title: "Ecosystem",
+        links: [
+            { kind: "internal", label: "Ecosystem", to: "ecosystem" },
+            {
+                kind: "external",
+                label: "Deving Zone",
+                href: "http://deving.zone/r/rujira",
+            },
+            {
+                kind: "external",
+                label: "Rujira Data",
+                href: "https://rujiradata.com/",
+            },
+            { kind: "external", label: "Rune Tools", href: "https://rune.tools" },
+            {
+                kind: "external",
+                label: "Blockchain Explorer",
+                href: "https://thorchain.net",
+            },
+            {
+                kind: "external",
+                label: "Brand Assets",
+                href: `${DOCS_URL}/resources/branding`,
+            },
+        ],
+    },
+    {
+        title: "Developers",
+        links: [
+            {
+                kind: "external",
+                label: "Developer Tools",
+                href: `${DOCS_URL}/developers/getting-started`,
+            },
+            {
+                kind: "external",
+                label: "Documentation",
+                href: DOCS_URL,
+            },
+            {
+                kind: "external",
+                label: "GitLab",
+                href: "https://gitlab.com/thorchain/rujira",
+            },
+            {
+                kind: "external",
+                label: "Rujira.ui",
+                href: "https://gitlab.com/thorchain/rujira-ui",
+            },
+        ],
+    },
+    {
+        title: "Support",
+        links: [
+            { kind: "internal", label: "Knowledge Hub", to: "support" },
+            {
+                kind: "external",
+                label: "Developer Help",
+                href: DISCORD_URL,
+            },
+            { kind: "internal", label: "Terms of Use", to: "/tou" },
+            { kind: "internal", label: "Privacy Policy", to: "/privacypolicy" },
+        ],
+    },
+];
+const communityLinks = [
+    { label: "Twitter", href: "https://x.com/RujiraNetwork", Icon: Icons_1.X },
+    { label: "Telegram", href: TELEGRAM_URL, Icon: Icons_1.Telegram },
+    { label: "Discord", href: DISCORD_URL, Icon: Icons_1.Discord },
+];
+const socialLinks = [
+    {
+        label: "Instagram",
+        href: "https://www.instagram.com/rujiranetwork/",
+        Icon: Icons_1.Instagram,
+    },
+    {
+        label: "LinkedIn",
+        href: "https://www.linkedin.com/company/rujira-network/",
+        Icon: Icons_1.LinkedIn,
+    },
+    {
+        label: "TikTok",
+        href: "https://www.tiktok.com/@rujiranetwork",
+        Icon: Icons_1.TikTok,
+    },
+    { label: "Reddit", href: REDDIT_URL, Icon: Icons_1.Reddit },
+    {
+        label: "YouTube",
+        href: "https://www.youtube.com/@RujiraNetwork",
+        Icon: Icons_1.YouTube,
+    },
+];
+const FooterLinkItem = (props) => {
+    const { domain, routerElement } = props;
+    switch (props.kind) {
+        case "internal":
+            return ((0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routerElement, className: "rujira__footer-link", domain: domain, to: props.to, children: props.label }));
+        case "static":
+            return ((0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routerElement, className: "rujira__footer-link", domain: domain, to: props.to, isStatic: true, children: props.label }));
+        case "external":
+            return ((0, jsx_runtime_1.jsx)("a", { href: props.href, className: "rujira__footer-link", rel: "noopener noreferrer", target: "_blank", children: props.label }));
+    }
+};
+const Footer = ({ className, domain = "", routerElement, staticRoutes = [], }) => {
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)({
             rujira__footer: true,
             [`${className}`]: className,
-        }), children: (0, jsx_runtime_1.jsxs)("div", { className: "rujira__inner", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex wrap pad-tight", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-12 col-xs-6 col-lg-3", children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 lh-18 fw-600 color-white", children: "Everyone" }), (0, jsx_runtime_1.jsxs)("nav", { className: "flex dir-c", children: [(0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routerElement, domain: domain, to: "merge", children: "Merge" }), (0, jsx_runtime_1.jsx)("a", { href: "https://docs.rujira.network", target: "_blank", children: "Documentation" }), (0, jsx_runtime_1.jsx)("a", { href: "https://docs.rujira.network/resources/branding", target: "_blank", children: "Brand Assets" }), (0, jsx_runtime_1.jsx)("a", { href: "https://thorchain.net", target: "_blank", children: "Blockchain Explorer" }), (0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routerElement, domain: domain, to: "privacypolicy", children: "Privacy Policy" }), (0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routerElement, domain: domain, to: "tou", children: "Terms of Use" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-12 col-xs-6 col-lg-3 mt-3 mt-xs-0", children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 lh-18 fw-600 color-white", children: "Developers" }), (0, jsx_runtime_1.jsxs)("nav", { className: "flex dir-c", children: [(0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routerElement, domain: domain, to: "developer/tools", children: "Developer Tools" }), (0, jsx_runtime_1.jsx)("a", { href: "https://docs.rujira.network/developers/getting-started", target: "_blank", children: "Documentation" }), (0, jsx_runtime_1.jsx)("a", { href: "https://gitlab.com/thorchain/rujira", target: "_blank", children: "GitLab" }), (0, jsx_runtime_1.jsx)("a", { href: "https://gitlab.com/thorchain/rujira-ui", target: "_blank", children: "Rujira.ui" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-12 col-xs-6 col-lg-3 mt-3 mt-lg-0", children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 lh-18 fw-600 color-white", children: "Ecosystem" }), (0, jsx_runtime_1.jsx)("nav", { className: "flex dir-c", children: (0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routerElement, domain: domain, to: "ecosystem", children: "Built on Rujira" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-12 col-xs-6 col-lg-3 mt-3 mt-lg-0", children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 lh-18 fw-600 color-white", children: "Community" }), (0, jsx_runtime_1.jsxs)("nav", { className: "flex wrap mt-1", children: [(0, jsx_runtime_1.jsx)("a", { href: "https://x.com/RujiraNetwork", target: "_blank", className: "block px-0.5", children: (0, jsx_runtime_1.jsx)(Icons_1.X, { className: "h-3 w-a" }) }), (0, jsx_runtime_1.jsx)("a", { href: "https://t.me/Rujira_Community", target: "_blank", className: "block px-0.5", children: (0, jsx_runtime_1.jsx)(Icons_1.Telegram, { className: "h-3 w-a" }) }), (0, jsx_runtime_1.jsx)("a", { href: "https://discord.gg/XPvsxhWKfb", target: "_blank", className: "block px-0.5", children: (0, jsx_runtime_1.jsx)(Icons_1.Discord, { className: "h-3 w-a" }) }), (0, jsx_runtime_1.jsx)("a", { href: "https://medium.com/rujiranetwork", target: "_blank", className: "block px-0.5", children: (0, jsx_runtime_1.jsx)(Icons_1.Medium, { className: "h-3 w-a" }) })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 lh-16 fw-500 color-grey my-2", children: "Powered by THORChain" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex wrap ai-c", children: [(0, jsx_runtime_1.jsx)(RujiraLogo_1.RujiraLogo, { animate: true, textColor: "#fff", className: "block w-a h-4 mr-3" }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 lh-16 fw-500 color-grey my-2", children: "All Rujira brand is in public domain. No rights reserved." })] })] }) }));
+        }), children: (0, jsx_runtime_1.jsxs)("div", { className: "rujira__inner", children: [(0, jsx_runtime_1.jsxs)("div", { className: "rujira__footer-grid", children: [footerSections.map(({ title, links }) => ((0, jsx_runtime_1.jsxs)("section", { className: "rujira__footer-section", children: [(0, jsx_runtime_1.jsx)("h4", { className: "rujira__footer-title", children: title }), (0, jsx_runtime_1.jsx)("nav", { "aria-label": title, children: (0, jsx_runtime_1.jsx)("ul", { className: "rujira__footer-list", children: links.map((link) => {
+                                            const isStatic = staticRoutes?.includes("to" in link ? link.to : link.href);
+                                            const linkWithKind = isStatic
+                                                ? {
+                                                    ...link,
+                                                    kind: "static",
+                                                    to: "to" in link ? link.to : link.href,
+                                                }
+                                                : link;
+                                            return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(FooterLinkItem, { ...linkWithKind, domain: domain, routerElement: routerElement }) }, link.label));
+                                        }) }) })] }, title))), (0, jsx_runtime_1.jsxs)("section", { className: "rujira__footer-section rujira__footer-section--social", children: [(0, jsx_runtime_1.jsxs)("div", { className: "rujira__footer-social-group", children: [(0, jsx_runtime_1.jsx)("h4", { className: "rujira__footer-title", children: "Community" }), (0, jsx_runtime_1.jsx)("nav", { "aria-label": "Rujira community links", className: "rujira__footer-socials", children: communityLinks.map(({ href, Icon, label }) => ((0, jsx_runtime_1.jsx)("a", { href: href, target: "_blank", rel: "noopener noreferrer", "aria-label": label, title: label, children: (0, jsx_runtime_1.jsx)(Icon, { className: "rujira__footer-social-icon", "aria-hidden": "true" }) }, label))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rujira__footer-social-group", children: [(0, jsx_runtime_1.jsx)("h4", { className: "rujira__footer-title", children: "Socials" }), (0, jsx_runtime_1.jsx)("nav", { "aria-label": "Rujira social links", className: "rujira__footer-socials", children: socialLinks.map(({ href, Icon, label }) => ((0, jsx_runtime_1.jsx)("a", { href: href, target: "_blank", rel: "noopener noreferrer", "aria-label": label, title: label, children: (0, jsx_runtime_1.jsx)(Icon, { className: (0, clsx_1.default)("rujira__footer-social-icon", {
+                                                        "rujira__footer-social-icon--tiktok": label === "TikTok",
+                                                    }), "aria-hidden": "true" }) }, label))) })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rujira__footer-bottom", children: [(0, jsx_runtime_1.jsx)(RujiraLogo_1.RujiraLogo, { animate: true, textColor: "#fff", className: "rujira__footer-logo" }), (0, jsx_runtime_1.jsx)("p", { className: "rujira__footer-copy", children: "All Rujira brand is in public domain. No rights reserved." })] })] }) }));
 };
 exports.Footer = Footer;

package/lib/cjs/components/header/Header.js

@@ -32,7 +32,7 @@ const Pending_1 = require("./Pending");
 const ResolveLink_1 = require("./ResolveLink");
 __exportStar(require("./Accounts"), exports);
 __exportStar(require("./QuickLauncher"), exports);
-const Header = ({ accountProvider, className, domain = "", routingElement, wallets, ProviderIcon, onDeposit, deposits, getAccountValue, customActions, }) => {
+const Header = ({ accountProvider, className, domain = "", routingElement, wallets, ProviderIcon, onDeposit, deposits, getAccountValue, customActions, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
     const [hover, setHover] = (0, react_2.useState)(false);
     const [isScrolled, setIsScrolled] = (0, react_2.useState)(false);
@@ -59,11 +59,11 @@ const Header = ({ accountProvider, className, domain = "", routingElement, walle
     return ((0, jsx_runtime_1.jsxs)(exports.Container, { style: { backgroundColor: `rgba(15, 17, 23, ${(scrollY / 56) * 0.9})` }, className: (0, clsx_1.default)({
             [`${className}`]: className,
             "rujira-header--scrolled": isScrolled,
-        }), children: [(0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routingElement, to: ".", children: (0, jsx_runtime_1.jsx)(exports.Logo, {}) }), (0, jsx_runtime_1.jsx)(exports.MainNav, { domain: domain, accountProvider: accountProvider, routingElement: routingElement }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-a mr-0 flex ai-c gradient-card-container", children: [deposits && (0, jsx_runtime_1.jsx)(Pending_1.PendingDeposits, { ...deposits }), onDeposit && ((0, jsx_runtime_1.jsxs)("button", { id: "deposit", className: "transparent rujira-header__deposit condensed", onMouseOver: () => setHover(true), onMouseOut: () => setHover(false), onClick: () => {
+        }), children: [(0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routingElement, to: ".", children: (0, jsx_runtime_1.jsx)(exports.Logo, {}) }), (0, jsx_runtime_1.jsx)(exports.MainNav, { domain: domain, accountProvider: accountProvider, routingElement: routingElement, staticRoutes: staticRoutes }), (0, jsx_runtime_1.jsxs)("div", { className: "flex ai-c gradient-card-container rujira-header__right", children: [deposits && (0, jsx_runtime_1.jsx)(Pending_1.PendingDeposits, { ...deposits }), onDeposit && ((0, jsx_runtime_1.jsxs)("button", { id: "deposit", className: "transparent rujira-header__deposit condensed", onMouseOver: () => setHover(true), onMouseOut: () => setHover(false), onClick: () => {
                             accounts?.length === 0 ? ConnectModal() : onDeposit();
                         }, children: [(0, jsx_runtime_1.jsx)("img", { src: hover ? deposit_gif_1.default : deposit_png_1.default, alt: "Deposit" }), (0, jsx_runtime_1.jsx)("span", { children: t("deposit") })] })), (0, jsx_runtime_1.jsx)(Accounts_1.Accounts, { provider: accountProvider, ProviderIcon: ProviderIcon, routingElement: routingElement, wallets: wallets, getValue: getAccountValue, 
                         //hideNetworkSwitch={hideNetworkSwitch}
-                        customActions: customActions })] }), (0, jsx_runtime_1.jsx)(exports.MobileNav, { domain: domain, routingElement: routingElement, accountProvider: accountProvider })] }));
+                        customActions: customActions })] }), (0, jsx_runtime_1.jsx)(exports.MobileNav, { domain: domain, routingElement: routingElement, accountProvider: accountProvider, staticRoutes: staticRoutes })] }));
 };
 exports.Header = Header;
 const Container = ({ children, className, style = {} }) => {
@@ -80,7 +80,7 @@ const Logo = () => {
 exports.Logo = Logo;
 const MainNav = ({ domain, 
 //accountProvider,
-routingElement, }) => {
+routingElement, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
     //const { accounts } = accountProvider;
     const [showTrade, setShowTrade] = (0, react_2.useState)(false);
@@ -142,10 +142,10 @@ routingElement, }) => {
         showEntertainment,
         showLearn,
     ]);
-    return ((0, jsx_runtime_1.jsxs)("nav", { className: "rujira-header__nav", children: [(0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowTrade(true), onMouseOut: () => setShowTrade(false), children: [t("trade"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showTrade && ((0, jsx_runtime_1.jsx)(SubTrade, { useRef: trade, domain: domain, routingElement: routingElement })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowEarn(true), onMouseOut: () => setShowEarn(false), children: [t("earn"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showEarn && ((0, jsx_runtime_1.jsx)(SubEarn, { useRef: earn, domain: domain, routingElement: routingElement })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowBorrow(true), onMouseOut: () => setShowBorrow(false), children: [t("borrow"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showBorrow && ((0, jsx_runtime_1.jsx)(SubBorrow, { useRef: borrow, domain: domain, routingElement: routingElement })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowUtilities(true), onMouseOut: () => setShowUtilities(false), children: [t("utilities"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showUtilities && ((0, jsx_runtime_1.jsx)(SubUtilities, { useRef: utilities, domain: domain, routingElement: routingElement })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowEntertainment(true), onMouseOut: () => setShowEntertainment(false), children: [t("entertainment"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showEntertainment && ((0, jsx_runtime_1.jsx)(SubEntertainment, { useRef: entertainment, domain: domain, routingElement: routingElement })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowLearn(true), onMouseOut: () => setShowLearn(false), children: [t("learnAndHelp"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showLearn && ((0, jsx_runtime_1.jsx)(SubLearn, { useRef: learn, domain: domain, routingElement: routingElement })) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: "rujira-header__nav", children: [(0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowTrade(true), onMouseOut: () => setShowTrade(false), children: [t("trade"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showTrade && ((0, jsx_runtime_1.jsx)(SubTrade, { useRef: trade, domain: domain, routingElement: routingElement, staticRoutes: staticRoutes })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowEarn(true), onMouseOut: () => setShowEarn(false), children: [t("earn"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showEarn && ((0, jsx_runtime_1.jsx)(SubEarn, { useRef: earn, domain: domain, routingElement: routingElement, staticRoutes: staticRoutes })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowBorrow(true), onMouseOut: () => setShowBorrow(false), children: [t("borrow"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showBorrow && ((0, jsx_runtime_1.jsx)(SubBorrow, { useRef: borrow, domain: domain, routingElement: routingElement, staticRoutes: staticRoutes })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowUtilities(true), onMouseOut: () => setShowUtilities(false), children: [t("utilities"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showUtilities && ((0, jsx_runtime_1.jsx)(SubUtilities, { useRef: utilities, domain: domain, routingElement: routingElement, staticRoutes: staticRoutes })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowEntertainment(true), onMouseOut: () => setShowEntertainment(false), children: [t("entertainment"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showEntertainment && ((0, jsx_runtime_1.jsx)(SubEntertainment, { useRef: entertainment, domain: domain, routingElement: routingElement, staticRoutes: staticRoutes })) })] }), (0, jsx_runtime_1.jsxs)("span", { onMouseOver: () => setShowLearn(true), onMouseOut: () => setShowLearn(false), children: [t("learnAndHelp"), (0, jsx_runtime_1.jsx)(Icons_1.AngleDown, {}), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: showLearn && ((0, jsx_runtime_1.jsx)(SubLearn, { useRef: learn, domain: domain, routingElement: routingElement, staticRoutes: staticRoutes })) })] })] }));
 };
 exports.MainNav = MainNav;
-const MobileNav = ({ domain, routingElement, accountProvider, }) => {
+const MobileNav = ({ domain, routingElement, accountProvider, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
     const [showDrawer, setShowDrawer] = (0, react_2.useState)(false);
     const { accounts } = accountProvider;
@@ -167,31 +167,31 @@ const MobileNav = ({ domain, routingElement, accountProvider, }) => {
             }
         });
     }, true);
-    return ((0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Root, { direction: "left", open: showDrawer, onOpenChange: (open) => setShowDrawer(open), children: [(0, jsx_runtime_1.jsx)("button", { className: "rujira-header__hamburger", onClick: () => setShowDrawer(true), children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 64H448v48H0V64zM0 224H448v48H0V224zM448 384v48H0V384H448z", fill: "currentColor" }) }) }), (0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Portal, { children: [(0, jsx_runtime_1.jsx)(vaul_1.Drawer.Overlay, { className: "drawer__overlay" }), (0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Content, { className: "drawer__content drawer__content--left", children: [(0, jsx_runtime_1.jsx)(vaul_1.Drawer.Description, { className: "visually-hidden", children: "Main navigation menu" }), (0, jsx_runtime_1.jsx)(vaul_1.Drawer.Title, { className: "visually-hidden", children: "Main Menu" }), (0, jsx_runtime_1.jsxs)("div", { className: "drawer__card mobile-drawer", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: ".", className: "flex ai-c", children: [(0, jsx_runtime_1.jsx)(Icons_1.Home, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("home") }) })] }), accounts && accounts.length > 0 && ((0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "portfolio", className: "flex ai-c mt-2", children: [(0, jsx_runtime_1.jsx)(Icons_1.Coins, { className: "color-grey h-3.5 w-a block mr-2 no-shrink" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("portfolio") }) })] })), (0, jsx_runtime_1.jsx)("h4", { children: t("trade") }), (0, jsx_runtime_1.jsx)(SubTrade, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "" }), (0, jsx_runtime_1.jsx)("h4", { children: t("earn") }), (0, jsx_runtime_1.jsx)(SubEarn, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "" }), (0, jsx_runtime_1.jsx)("h4", { children: t("borrow") }), (0, jsx_runtime_1.jsx)(SubBorrow, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "" }), (0, jsx_runtime_1.jsx)("h4", { children: t("utilities") }), (0, jsx_runtime_1.jsx)(SubUtilities, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "" }), (0, jsx_runtime_1.jsx)("h4", { children: t("entertainment") }), (0, jsx_runtime_1.jsx)(SubEntertainment, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "" }), (0, jsx_runtime_1.jsx)("h4", { children: t("learnAndHelp") }), (0, jsx_runtime_1.jsx)(SubLearn, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "" })] })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Root, { direction: "left", open: showDrawer, onOpenChange: (open) => setShowDrawer(open), children: [(0, jsx_runtime_1.jsx)("button", { className: "rujira-header__hamburger", onClick: () => setShowDrawer(true), children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 64H448v48H0V64zM0 224H448v48H0V224zM448 384v48H0V384H448z", fill: "currentColor" }) }) }), (0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Portal, { children: [(0, jsx_runtime_1.jsx)(vaul_1.Drawer.Overlay, { className: "drawer__overlay" }), (0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Content, { className: "drawer__content drawer__content--left", children: [(0, jsx_runtime_1.jsx)(vaul_1.Drawer.Description, { className: "visually-hidden", children: "Main navigation menu" }), (0, jsx_runtime_1.jsx)(vaul_1.Drawer.Title, { className: "visually-hidden", children: "Main Menu" }), (0, jsx_runtime_1.jsxs)("div", { className: "drawer__card mobile-drawer", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: ".", className: "flex ai-c", children: [(0, jsx_runtime_1.jsx)(Icons_1.Home, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("home") }) })] }), accounts && accounts.length > 0 && ((0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "portfolio", className: "flex ai-c mt-2", children: [(0, jsx_runtime_1.jsx)(Icons_1.Coins, { className: "color-grey h-3.5 w-a block mr-2 no-shrink" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("portfolio") }) })] })), (0, jsx_runtime_1.jsx)("h4", { children: t("trade") }), (0, jsx_runtime_1.jsx)(SubTrade, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "", staticRoutes: staticRoutes }), (0, jsx_runtime_1.jsx)("h4", { children: t("earn") }), (0, jsx_runtime_1.jsx)(SubEarn, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "", staticRoutes: staticRoutes }), (0, jsx_runtime_1.jsx)("h4", { children: t("borrow") }), (0, jsx_runtime_1.jsx)(SubBorrow, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "", staticRoutes: staticRoutes }), (0, jsx_runtime_1.jsx)("h4", { children: t("utilities") }), (0, jsx_runtime_1.jsx)(SubUtilities, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "", staticRoutes: staticRoutes }), (0, jsx_runtime_1.jsx)("h4", { children: t("entertainment") }), (0, jsx_runtime_1.jsx)(SubEntertainment, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "", staticRoutes: staticRoutes }), (0, jsx_runtime_1.jsx)("h4", { children: t("learnAndHelp") }), (0, jsx_runtime_1.jsx)(SubLearn, { useRef: (0, react_2.useRef)(null), domain: domain, routingElement: routingElement, className: "", staticRoutes: staticRoutes })] })] })] })] }));
 };
 exports.MobileNav = MobileNav;
 const Popup = ({ children, useRef, className = "rujira-header__popup sub-nav fw-400 p-2", }) => ((0, jsx_runtime_1.jsx)(react_1.motion.div, { ref: useRef, className: className, initial: { opacity: 0, marginTop: -4 }, animate: { opacity: 1, marginTop: 0 }, exit: { opacity: 0, marginTop: -4 }, children: children }));
-const SubTrade = ({ domain, routingElement, useRef, className }) => {
+const SubTrade = ({ domain, routingElement, useRef, className, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
-    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "swap", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Swap, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("tokenSwap") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("tokenSwapDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "trade", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Chart, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("spotTrading") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("spotTradingDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "/perps/trade", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartUpDown, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("perps") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("perpsDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "index", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.PieChart, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("index") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("indexDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "options", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartUp, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("options") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("optionsDesc") })] })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("swap"), domain: domain, to: "swap", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Swap, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("tokenSwap") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("tokenSwapDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("trade"), domain: domain, to: "trade", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Chart, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("spotTrading") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("spotTradingDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("perps/trade"), domain: domain, to: "perps/trade", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartUpDown, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("perps") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("perpsDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("index"), domain: domain, to: "index", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.PieChart, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("index") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("indexDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("options"), domain: domain, to: "options", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartUp, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("options") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("optionsDesc") })] })] })] }) }));
 };
-const SubEarn = ({ domain, routingElement, useRef, className }) => {
+const SubEarn = ({ domain, routingElement, useRef, className, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
-    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "strategies/staking/RUJI", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Stake, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("stake") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("stakeDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "strategies", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Building, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("strategies") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("strategiesDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "liquidate", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.Gavel, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("liquidate") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("liquidateDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "launchpad", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Seedling, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("launchpad") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("launchpadDesc") })] })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("strategies/staking/RUJI"), domain: domain, to: "strategies/staking/RUJI", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Stake, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("stake") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("stakeDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("strategies"), domain: domain, to: "strategies", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Building, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("strategies") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("strategiesDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("liquidate"), domain: domain, to: "liquidate", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.Gavel, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("liquidate") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("liquidateDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("launchpad"), domain: domain, to: "launchpad", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Seedling, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("launchpad") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("launchpadDesc") })] })] })] }) }));
 };
-const SubBorrow = ({ domain, routingElement, useRef, className }) => {
+const SubBorrow = ({ domain, routingElement, useRef, className, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
-    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "borrow", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.MoneyTransfer, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("borrowMenu") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("borrowDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "mint", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Deposit, { className: "color-grey h-a w-3 block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("mintStablecoin") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("mintStablecoinDesc") })] })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("borrow"), domain: domain, to: "borrow", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.MoneyTransfer, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("borrowMenu") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("borrowDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("mint"), domain: domain, to: "mint", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Deposit, { className: "color-grey h-a w-3 block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("mintStablecoin") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("mintStablecoinDesc") })] })] })] }) }));
 };
-const SubUtilities = ({ domain, routingElement, useRef, className, }) => {
+const SubUtilities = ({ domain, routingElement, useRef, className, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
-    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)("a", { href: "https://ai.autorujira.app/", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Terminal, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600", children: [t("rujiAi"), (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("rujiAiDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "analytics", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartMixed, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("analytics") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("analyticsDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "buy", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.CreditCard, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("buyCrypto") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("buyCryptoDesc") })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://daodao.zone", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Users, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600 flex ai-c", children: [t("daodao"), " ", (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("daodaoDesc") })] })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)("a", { href: "https://ai.autorujira.app/", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Terminal, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600", children: [t("rujiAi"), (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("rujiAiDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("analytics"), domain: domain, to: "analytics", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartMixed, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("analytics") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("analyticsDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("buy"), domain: domain, to: "buy", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.CreditCard, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("buyCrypto") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("buyCryptoDesc") })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://daodao.zone", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Users, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600 flex ai-c", children: [t("daodao"), " ", (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("daodaoDesc") })] })] })] }) }));
 };
-const SubEntertainment = ({ domain, routingElement, useRef, className, }) => {
+const SubEntertainment = ({ domain, routingElement, useRef, className, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
-    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "leaderboard", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Trophy, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("leagues") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("leaguesDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "games", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Gamepad, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("games") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("gamesDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "predict", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartUser, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("predict") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("predictDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "omniverse", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.Nodes, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("omniverse") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("omniverseDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "nfts", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.NFT, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("collections") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("collectionsDesc") })] })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("leaderboard"), domain: domain, to: "leaderboard", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Trophy, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("leagues") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("leaguesDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("games"), domain: domain, to: "games", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Gamepad, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("games") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("gamesDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("predict"), domain: domain, to: "predict", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.ChartUser, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("predict") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("predictDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("omniverse"), domain: domain, to: "omniverse", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.Nodes, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("omniverse") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("omniverseDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("nfts"), domain: domain, to: "nfts", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.NFT, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600 flex ai-c", children: t("collections") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("collectionsDesc") })] })] })] }) }));
 };
-const SubLearn = ({ domain, routingElement, useRef, className }) => {
+const SubLearn = ({ domain, routingElement, useRef, className, staticRoutes, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
-    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "getstarted", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Graduate, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("getStarted") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("getStartedDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "ecosystem", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Earth, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("ecosystem") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("ecosystemDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "education", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Book, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("education") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("educationDesc") })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://docs.rujira.network/", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Code, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600 flex ai-c", children: [t("documentation"), " ", (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("documentationDesc") })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: " https://docs.rujira.network/developers/getting-started", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Terminal, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600 flex ai-c", children: [t("developers"), (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("developersDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, domain: domain, to: "support", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.Support, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("support") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("supportDesc") })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://medium.com/rujiranetwork", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Medium, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600 flex ai-c", children: [t("articles"), " ", (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("articlesDesc") })] })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Popup, { useRef: useRef, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid w-60 mt-1", children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("get-started"), domain: domain, to: "get-started", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Graduate, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("getStarted") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("getStartedDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("support"), domain: domain, to: "support", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Support, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("support") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("educationDesc") })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://docs.rujira.network/", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Code, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600 flex ai-c", children: [t("documentation"), " ", (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("documentationDesc") })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://docs.rujira.network/developers/getting-started", target: "_blank", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.Terminal, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h4", { className: "fs-14 fw-600 flex ai-c", children: [t("developers"), (0, jsx_runtime_1.jsx)(Icons_1.External, { className: "h-1.5 w-a ml-1" })] }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("developersDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("faq"), domain: domain, to: "faq", className: "flex", children: [(0, jsx_runtime_1.jsx)(Icons_1.Info, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("commonQuestions") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("supportDesc") })] })] }), (0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, isStatic: staticRoutes?.includes("articles"), domain: domain, to: "articles", className: "flex ai-s", children: [(0, jsx_runtime_1.jsx)(Icons_1.History, { className: "color-grey h-3.5 w-a block mr-2 no-shrink mt-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h4", { className: "fs-14 fw-600", children: t("articles") }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 mt-0.5", children: t("articlesDesc") })] })] })] }) }));
 };

package/lib/cjs/components/header/ResolveLink.js

@@ -5,10 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const fixedForwardRef = react_1.forwardRef;
 const UnwrappedAnyComponent = (props, ref) => {
-    const { as: Comp = "a", children, domain, ...rest } = props;
-    if (!domain ||
-        window.location.hostname === "rujira.network" ||
-        domain === "") {
+    const { as: Comp = "a", children, domain, isStatic, ...rest } = props;
+    if (!isStatic && props.as !== "a") {
         return ((0, jsx_runtime_1.jsx)(Comp, { ...rest, ref: ref, children: children }));
     }
     return ((0, jsx_runtime_1.jsx)("a", { href: props.to || props.href, ...rest, children: children }));

package/lib/cjs/components/icons/IconDenom.js

@@ -55,6 +55,7 @@ const bch_png_1 = require("../../assets/tokens/bch.png");
 const bfit_png_1 = require("../../assets/tokens/bfit.png");
 const bnb_png_1 = require("../../assets/tokens/bnb.png");
 const btc_png_1 = require("../../assets/tokens/btc.png");
+const brune_png_1 = require("../../assets/tokens/brune.png");
 const busd_png_1 = require("../../assets/tokens/busd.png");
 const cbbtc_png_1 = require("../../assets/tokens/cbbtc.png");
 const cheq_png_1 = require("../../assets/tokens/cheq.png");
@@ -243,6 +244,7 @@ const getSRC = (src, ghost) => {
         bch: bch_png_1.default,
         bfit: bfit_png_1.default,
         bnb: bnb_png_1.default,
+        brune: brune_png_1.default,
         btc: btc_png_1.default,
         btcb: btc_png_1.default,
         busd: busd_png_1.default,
@@ -378,6 +380,7 @@ const getSRC = (src, ghost) => {
         xdefi: xdefi_png_1.default,
         xrp: xrp_png_1.default,
         xrune: xrune_png_1.default,
+        xusk: usk_png_1.default,
         yfi: yfi_png_1.default,
         yfuzn: fuzn_png_1.default,
         yieldeth: yieldeth_png_1.default,

package/lib/cjs/components/icons/Icons.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GitLab = exports.GitHub = exports.Gear = exports.Gavel = exports.Gamepad = exports.Eye = exports.EyeSlash = exports.ExclamationTriangle = exports.ExclamationCircle = exports.External = exports.Ellipsis = exports.Edit = exports.Earth = exports.Discord = exports.Deposit = exports.CreditCard = exports.Combine = exports.Copy = exports.Coins = exports.Code = exports.ClaimSolid = exports.ClaimAll = exports.Claim = exports.CirclesXMark = exports.CircleXMark = exports.CircleUser = exports.CirclePen = exports.Check = exports.ChartUser = exports.ChartUp = exports.ChartUpDown = exports.ChartMixed = exports.Chart = exports.Building = exports.Bolt = exports.Book = exports.BinarySlash = exports.Binary = exports.ArrowUpRight = exports.ArrowUp = exports.ArrowRight = exports.ArrowRightLeft = exports.ArrowLeft = exports.ArrowDown = exports.AngleUpDown = exports.AngleUp = exports.AnglesRight = exports.AngleRight = exports.AngleLeft = exports.AngleDown = void 0;
-exports.Terminal = exports.Telegram = exports.Swap = exports.Support = exports.Stopwatch = exports.Star = exports.StarSolid = exports.Stake = exports.StakePlus = exports.StakeMinus = exports.Split = exports.SortUp = exports.SortDown = exports.SortDesc = exports.Sliders = exports.Sort = exports.ShieldX = exports.ShieldCheck = exports.Share = exports.Seedling = exports.Rotate = exports.Rocket = exports.Rabbit = exports.Plus = exports.Play = exports.PieChart = exports.Pause = exports.Orca = exports.NFT = exports.NoGas = exports.Nodes = exports.MoneyTransfer = exports.MinusCircle = exports.Minus = exports.MessageCode = exports.Merge = exports.Medium = exports.Locked = exports.LinkConnect = exports.LinkDisconnect = exports.LinkAngle = exports.Key = exports.Info = exports.Href = exports.Home = exports.History = exports.Grid = exports.Graduate = exports.Glass = exports.GlassChart = void 0;
-exports.Xmark = exports.X = exports.Withdraw = exports.Wink = exports.Window = exports.Wallet = exports.Users = exports.Unlocked = exports.Undo = exports.Trophy = exports.TrendUp = exports.TrendDown = exports.Tortoise = exports.Timer = void 0;
+exports.Star = exports.StarSolid = exports.Stake = exports.StakePlus = exports.StakeMinus = exports.Split = exports.SortUp = exports.SortDown = exports.SortDesc = exports.Sliders = exports.Sort = exports.ShieldX = exports.ShieldCheck = exports.Share = exports.Seedling = exports.Rotate = exports.Rocket = exports.Rabbit = exports.Plus = exports.Play = exports.PieChart = exports.Pause = exports.Orca = exports.NFT = exports.NoGas = exports.Nodes = exports.MoneyTransfer = exports.MinusCircle = exports.Minus = exports.MessageCode = exports.Merge = exports.YouTube = exports.TikTok = exports.Reddit = exports.LinkedIn = exports.Instagram = exports.Medium = exports.Locked = exports.LinkConnect = exports.LinkDisconnect = exports.LinkAngle = exports.Key = exports.Info = exports.Href = exports.Home = exports.History = exports.Grid = exports.Graduate = exports.Glass = exports.GlassChart = void 0;
+exports.Xmark = exports.X = exports.Withdraw = exports.Wink = exports.Window = exports.Wallet = exports.Users = exports.Unlocked = exports.Undo = exports.Trophy = exports.TrendUp = exports.TrendDown = exports.Tortoise = exports.Timer = exports.Terminal = exports.Telegram = exports.Swap = exports.Support = exports.Stopwatch = exports.StarAlt = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const SVG = ({ d, children, ...rest }) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", ...rest, children: [d && (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "nonzero", d: d }), children] }));
@@ -198,6 +198,21 @@ exports.Locked.displayName = "Locked";
 const _Medium = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, d: "M180.5 138C80.813 138 0 219.371 0 319.738s80.819 181.738 180.5 181.738S361 420.111 361 319.738 280.191 138 180.5 138Zm288.25 10.646c-49.845 0-90.245 76.619-90.245 171.095s40.406 171.1 90.251 171.1c49.845 0 90.251-76.619 90.251-171.1H559c0-94.503-40.4-171.095-90.248-171.095h-.002Zm139.506 17.821c-17.526 0-31.735 68.628-31.735 153.274s14.2 153.274 31.735 153.274S640 404.369 640 319.738c0-84.649-14.215-153.271-31.742-153.271h-.002Z" }));
 exports.Medium = (0, react_1.memo)(_Medium);
 exports.Medium.displayName = "Medium";
+const _Instagram = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, viewBox: "0 0 16 16", d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" }));
+exports.Instagram = (0, react_1.memo)(_Instagram);
+exports.Instagram.displayName = "Instagram";
+const _LinkedIn = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, viewBox: "0 0 20 20", d: "M2.88906 1.01562C1.51417 1.01562 0.615234 1.91845 0.615234 3.10509C0.615234 4.26552 1.48739 5.19409 2.8363 5.19409H2.8624C4.26418 5.19409 5.13657 4.26552 5.13657 3.10509C5.11036 1.91845 4.26418 1.01562 2.88906 1.01562Z M0.852539 6.84473H4.87193V18.9372H0.852539V6.84473Z M14.7375 6.56152C12.5692 6.56152 11.1152 8.59903 11.1152 8.59903V6.84534H7.0957V18.9379H11.115V12.1849C11.115 11.8234 11.1412 11.4625 11.2474 11.2039C11.538 10.482 12.1992 9.73417 13.3096 9.73417C14.764 9.73417 15.3457 10.8431 15.3457 12.4687V18.9379H19.3648V12.0042C19.3648 8.28992 17.3818 6.56152 14.7375 6.56152Z" }));
+exports.LinkedIn = (0, react_1.memo)(_LinkedIn);
+exports.LinkedIn.displayName = "LinkedIn";
+const _Reddit = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, viewBox: "0 0 16 16", d: "M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165" }));
+exports.Reddit = (0, react_1.memo)(_Reddit);
+exports.Reddit.displayName = "Reddit";
+const _TikTok = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, viewBox: "4 4 14 15", d: "M13.2 5.2c.6 1.7 1.9 2.9 3.6 3.3v2.1c-1.5-.1-2.7-.7-3.6-1.7v4.9a3.9 3.9 0 1 1-3.9-3.9v2a1.9 1.9 0 1 0 1.9 1.9V5.2h2Z" }));
+exports.TikTok = (0, react_1.memo)(_TikTok);
+exports.TikTok.displayName = "TikTok";
+const _YouTube = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, viewBox: "0 0 16 16", d: "M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" }));
+exports.YouTube = (0, react_1.memo)(_YouTube);
+exports.YouTube.displayName = "YouTube";
 const _Merge = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, d: "M64 144c0-8.8 7.2-16 16-16h127.7c15.4 0 29.8 7.3 38.8 19.8l108.9 149.6c3 4.1 7.8 6.6 12.9 6.6h153.1l-52.7-52.7c-6.2-6.2-6.2-16.4 0-22.6 6.2-6.2 16.4-6.2 22.6 0l80 80c6.2 6.2 6.2 16.4 0 22.6l-80 80c-6.2 6.2-16.4 6.2-22.6 0-6.2-6.2-6.2-16.4 0-22.6l52.7-52.7H368.3c-5.1 0-9.9 2.4-12.9 6.6L246.5 492.2c-9 12.4-23.5 19.8-38.8 19.8H80c-8.8 0-16-7.2-16-16s7.2-16 16-16h127.7c5.1 0 9.9-2.4 12.9-6.6l108.9-149.6c1-1.3 2-2.6 3-3.8-1.1-1.2-2.1-2.5-3-3.8L220.6 166.6c-3-4.1-7.8-6.6-12.9-6.6H80c-8.8 0-16-7.2-16-16Z" }));
 exports.Merge = (0, react_1.memo)(_Merge);
 exports.Merge.displayName = "Merge";
@@ -291,6 +306,9 @@ exports.StarSolid.displayName = "StarSolid";
 const _Star = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, d: "m258.475 232.8 61.4-126.5 61.4 126.5c4.6 9.5 13.6 16.1 24.1 17.7l137.4 20.3-99.8 98.8c-7.4 7.3-10.8 17.8-9 28.1l23.5 139.5-122.5-65.5c-9.4-5-20.7-5-30.2 0l-122.6 65.5 23.5-139.5c1.7-10.3-1.6-20.7-9-28.1l-99.7-98.8 137.4-20.3c10.5-1.5 19.5-8.2 24.1-17.7Zm198.4 340.3c8.1 4.3 17.9 3.7 25.3-1.7 7.4-5.4 11.2-14.5 9.7-23.5l-26.3-155.5 111.2-110.2c6.5-6.4 8.7-15.9 5.9-24.5-2.8-8.6-10.3-14.9-19.3-16.3l-153.3-22.6-68.6-141.3c-4-8.3-12.4-13.5-21.6-13.5-9.2 0-17.6 5.2-21.6 13.5l-68.6 141.3-153.2 22.7c-9 1.3-16.5 7.6-19.3 16.3-2.8 8.7-.5 18.1 5.9 24.5l111.1 110.1-26.2 155.5c-1.5 9 2.2 18.1 9.7 23.5 7.5 5.4 17.3 6 25.3 1.7l137-73.2 137 73.2h-.1Z" }));
 exports.Star = (0, react_1.memo)(_Star);
 exports.Star.displayName = "Star";
+const _StarAlt = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, d: "m320 0 55.211 264.789L640 320l-264.789 55.211L320 640l-55.211-264.789L0 320l264.789-55.211z" }));
+exports.StarAlt = (0, react_1.memo)(_StarAlt);
+exports.StarAlt.displayName = "StarAlt";
 const _Stopwatch = (props) => ((0, jsx_runtime_1.jsx)(SVG, { ...props, d: "M224 80c0-8.8 7.2-16 16-16h160c8.8 0 16 7.2 16 16s-7.2 16-16 16h-64v64.6c49.4 3.8 94 24.8 127.7 57l37-37c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6l-38.2 38.2C512 276.6 528 320.4 528 368c0 114.9-93.1 208-208 208s-208-93.1-208-208c0-109.5 84.6-199.2 192-207.4V96h-64c-8.8 0-16-7.2-16-16Zm-80 288c0 97.202 78.798 176 176 176s176-78.798 176-176-78.798-176-176-176-176 78.798-176 176Zm192-96v112c0 8.8-7.2 16-16 16s-16-7.2-16-16V272c0-8.8 7.2-16 16-16s16 7.2 16 16Z" }));
 exports.Stopwatch = (0, react_1.memo)(_Stopwatch);
 exports.Stopwatch.displayName = "Stopwatch";

package/lib/cjs/components/inputs/DecimalInput.js

@@ -29,19 +29,22 @@ const format = (v, decimals) => {
     const lead = str.slice(0, -decimals);
     return (0, react_number_format_1.numericFormatter)(`${lead.length ? lead : "0"}.${str.slice(-decimals)}`, { decimalScale: decimals });
 };
-const DecimalInput = ({ amount, decimals = 8, onAmountchange, disabled, ...rest }) => {
+const DecimalInput = ({ amount, decimals = 8, onAmountchange, disabled, allowNegative = false, ...rest }) => {
     const formatted = format(amount, decimals);
     const trimmed = formatted.replace(trim, "");
     const [previousValue, setPreviousValue] = (0, react_1.useState)(trimmed);
     const [previousAmount, setPreviousAmount] = (0, react_1.useState)(amount);
-    const onValueChange = (0, react_1.useCallback)((values) => {
+    const onValueChange = (0, react_1.useCallback)((values, sourceInfo) => {
         // `values.value` is always a dot separated decimal
         const intValue = parseFixed(values.value, decimals);
         setPreviousValue(values.value);
         setPreviousAmount(intValue);
-        onAmountchange(intValue);
+        // Only propagate changes triggered by the user, not programmatic value prop updates
+        if (sourceInfo.source === "event") {
+            onAmountchange(intValue);
+        }
     }, [decimals]);
-    return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { allowNegative: false, decimalScale: decimals, decimalSeparator: decimal, thousandSeparator: group, disabled: disabled, placeholder: "0", maxLength: 35, value: 
+    return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { allowNegative: allowNegative, decimalScale: decimals, decimalSeparator: decimal, thousandSeparator: group, disabled: disabled, placeholder: "0", maxLength: 35, value: 
         // Unique case if decimal digits are deleted up to the separator, causing
         // we want to retain the decimal separator in the input
         // Secondly don't change the input value to `trimmed` if the value hassn't changed

package/lib/cjs/components/inputs/DenomInput.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = require("clsx");
 const react_1 = require("react");
 const helpers_1 = require("../../helpers");
+const fiat_1 = require("../../utils/fiat");
 const i18n_1 = require("../../i18n");
 const Button_1 = require("../buttons/Button");
 const IconDenom_1 = require("../icons/IconDenom");
@@ -15,7 +16,7 @@ const DenomInput = ({ symbol, amount, decimals, onChangeAmount, disabled, readOn
     const { t } = (0, i18n_1.useTranslation)("common");
     const input = (0, react_1.useRef)(null);
     const id = (0, react_1.useMemo)(() => (0, helpers_1.uuidv4)(), []);
-    const fiatAmount = (0, react_1.useMemo)(() => (0, helpers_1.toFiatAmount)(fiat?.price, amount), [fiat?.price, amount]);
+    const fiatAmount = (0, react_1.useMemo)(() => (0, fiat_1.toFiatAmount)(fiat?.price, amount), [fiat?.price, amount]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)({
             "denom-select condensed": true,
             "denom-select--full": full,