rujira.ui 1.0.14 → 1.0.16

package/lib/cjs/components/balance/OmniBalance.js

@@ -6,8 +6,8 @@ const react_1 = require("react");
 const react_tooltip_1 = require("react-tooltip");
 const rujira_js_1 = require("rujira.js");
 const helpers_1 = require("../../helpers");
-const ProviderIcon_1 = require("../icons/ProviderIcon");
 const NetworkIcon_1 = require("../icons/NetworkIcon");
+const ProviderIcon_1 = require("../icons/ProviderIcon");
 const Decimal_1 = require("../numbers/Decimal");
 const accountSorter = (a, b) => {
     const aIsSecured = a.asset.type === "SECURED";
@@ -20,7 +20,10 @@ const accountSorter = (a, b) => {
 };
 const OmniBalance = ({ balance, onClick, className, accountProviders, }) => {
     const tooltipId = (0, react_1.useId)();
-    const providerLookup = (0, react_1.useMemo)(() => new Map(accountProviders?.map(({ address, provider }) => [address, provider])), [accountProviders]);
+    const providerLookup = (0, react_1.useMemo)(() => new Map(accountProviders?.map(({ address, provider }) => [
+        address.address,
+        provider,
+    ])), [accountProviders]);
     const sortedAccounts = balance?.accounts
         ? [...balance.accounts].sort(accountSorter)
         : [];

package/lib/cjs/components/bridges/DepositModal.js

@@ -52,7 +52,7 @@ const Confirm = ({ asset, balance, targets, target: target_, Submit, onSuccess,
     const { t } = (0, i18n_1.useTranslation)("common");
     const ref = (0, react_1.useRef)(null);
     const [amount, setAmount] = (0, react_1.useState)(requestAmount || 0n);
-    const [target, setTarget] = (0, react_1.useState)(target_ || "");
+    const [target, setTarget] = (0, react_1.useState)(target_?.address || "");
     const [custom, setCustom] = (0, react_1.useState)("");
     const [direct, setDirect] = (0, react_1.useState)(false);
     const [advanced, setAdvanced] = (0, react_1.useState)(false);
@@ -130,7 +130,7 @@ const Confirm = ({ asset, balance, targets, target: target_, Submit, onSuccess,
                                     "w-2 h-2": true,
                                     "filter-grey": !hoverAd,
                                     "filter-white": hoverAd,
-                                }) }), advanced ? t("hideAdvancedOptions") : t("showAdvancedOptions")] })] }), advanced && ((0, jsx_runtime_1.jsxs)("div", { className: "br-1 p-2 bg-black mt-1 row wrap condensed fs-14 px-2 gap-y-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-4 text-center text-xs-left color-grey fw-500", children: t("destination") }), (0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-8 text-center text-xs-right", children: (0, jsx_runtime_1.jsxs)(Select_1.Select, { containerClassName: "fs-14", className: "select--inline text-right", value: target, onChange: (e) => setTarget(e.currentTarget.value), children: [targets.map((x) => ((0, jsx_runtime_1.jsx)("option", { value: x, className: "bg-darkGrey", children: x }, x))), (0, jsx_runtime_1.jsx)("option", { className: "bg-darkGrey", value: "custom", children: t("customAddress") })] }) }), target === "custom" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-4 text-center text-xs-left color-grey fw-500", children: t("customDestination") }), (0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-8 text-center text-xs-right", children: (0, jsx_runtime_1.jsx)(Input_1.Input, { containerClassName: "fs-14", value: custom, onChange: (e) => setCustom(e.currentTarget.value), className: "input--inline text-right", innerRef: ref }) })] })), canSwap && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [asset.chain === rujira_js_1.THOR ? null : ((0, jsx_runtime_1.jsx)("div", { className: "col-12 text-center text-xs-right", children: (0, jsx_runtime_1.jsx)(__1.Toggle, { className: "toggle--xs", label: `Deposit ${account?.asset.chain}.${account?.asset.metadata.symbol} directly`, checked: direct, onChange: () => setDirect((prev) => !prev) }) })), direct && ((0, jsx_runtime_1.jsxs)(__1.Warning, { className: "warning--sm condensed flex ai-c mt-1", color: "orange", children: [(0, jsx_runtime_1.jsx)("img", { src: swap_gif_1.default, alt: "", className: "filter-orange block no-shrink", style: { width: "2.5rem", height: "2.5rem" } }), (0, jsx_runtime_1.jsxs)("small", { className: "text-left fs-14", children: ["You are depositing a version of", " ", (0, jsx_runtime_1.jsx)("span", { className: "color-white", children: asset.metadata.symbol }), " ", "that is not the standard on Rujira. Our products use the", " ", (0, jsx_runtime_1.jsx)("span", { className: "color-white", children: "Ethereum" }), " version of", " ", (0, jsx_runtime_1.jsx)("span", { className: "color-white", children: asset.metadata.symbol }), "."] })] }))] })), isCustomAddressInvalid && ((0, jsx_runtime_1.jsx)("div", { className: "flex dir-r jc-c grow mt-1", children: (0, jsx_runtime_1.jsxs)(__1.Warning, { color: "red", className: "condensed iflex grow", children: [(0, jsx_runtime_1.jsx)(__1.Icons.ExclamationTriangle, { className: "color-red" }), (0, jsx_runtime_1.jsx)("span", { className: "warning__msg", children: t("invalidThorAddress") })] }) }))] })), (0, jsx_runtime_1.jsx)(Submit, { selected: account, amount: amount, target: target !== "custom" ? target : custom, swapMemo: "memo", onSuccess: onSuccess, disabled: isCustomAddressInvalid, isDangerous: false, quote: quote, shouldSwap: shouldSwap })] }));
+                                }) }), advanced ? t("hideAdvancedOptions") : t("showAdvancedOptions")] })] }), advanced && ((0, jsx_runtime_1.jsxs)("div", { className: "br-1 p-2 bg-black mt-1 row wrap condensed fs-14 px-2 gap-y-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-4 text-center text-xs-left color-grey fw-500", children: t("destination") }), (0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-8 text-center text-xs-right", children: (0, jsx_runtime_1.jsxs)(Select_1.Select, { containerClassName: "fs-14", className: "select--inline text-right", value: target, onChange: (e) => setTarget(e.currentTarget.value), children: [targets.map((x) => ((0, jsx_runtime_1.jsx)("option", { value: x.address, className: "bg-darkGrey", children: x.address }, x.address))), (0, jsx_runtime_1.jsx)("option", { className: "bg-darkGrey", value: "custom", children: t("customAddress") })] }) }), target === "custom" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-4 text-center text-xs-left color-grey fw-500", children: t("customDestination") }), (0, jsx_runtime_1.jsx)("div", { className: "col-12 col-xs-8 text-center text-xs-right", children: (0, jsx_runtime_1.jsx)(Input_1.Input, { containerClassName: "fs-14", value: custom, onChange: (e) => setCustom(e.currentTarget.value), className: "input--inline text-right", innerRef: ref }) })] })), canSwap && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [asset.chain === rujira_js_1.THOR ? null : ((0, jsx_runtime_1.jsx)("div", { className: "col-12 text-center text-xs-right", children: (0, jsx_runtime_1.jsx)(__1.Toggle, { className: "toggle--xs", label: `Deposit ${account?.asset.chain}.${account?.asset.metadata.symbol} directly`, checked: direct, onChange: () => setDirect((prev) => !prev) }) })), direct && ((0, jsx_runtime_1.jsxs)(__1.Warning, { className: "warning--sm condensed flex ai-c mt-1", color: "orange", children: [(0, jsx_runtime_1.jsx)("img", { src: swap_gif_1.default, alt: "", className: "filter-orange block no-shrink", style: { width: "2.5rem", height: "2.5rem" } }), (0, jsx_runtime_1.jsxs)("small", { className: "text-left fs-14", children: ["You are depositing a version of", " ", (0, jsx_runtime_1.jsx)("span", { className: "color-white", children: asset.metadata.symbol }), " ", "that is not the standard on Rujira. Our products use the", " ", (0, jsx_runtime_1.jsx)("span", { className: "color-white", children: "Ethereum" }), " version of", " ", (0, jsx_runtime_1.jsx)("span", { className: "color-white", children: asset.metadata.symbol }), "."] })] }))] })), isCustomAddressInvalid && ((0, jsx_runtime_1.jsx)("div", { className: "flex dir-r jc-c grow mt-1", children: (0, jsx_runtime_1.jsxs)(__1.Warning, { color: "red", className: "condensed iflex grow", children: [(0, jsx_runtime_1.jsx)(__1.Icons.ExclamationTriangle, { className: "color-red" }), (0, jsx_runtime_1.jsx)("span", { className: "warning__msg", children: t("invalidThorAddress") })] }) }))] })), (0, jsx_runtime_1.jsx)(Submit, { selected: account, amount: amount, target: target !== "custom" ? target : custom, swapMemo: "memo", onSuccess: onSuccess, disabled: isCustomAddressInvalid, isDangerous: false, quote: quote, shouldSwap: shouldSwap })] }));
 };
 const Success = ({ tx, dismiss, }) => {
     const { t } = (0, i18n_1.useTranslation)("common");

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

@@ -194,13 +194,19 @@ const TxButton = (props) => {
                     "button--grey": disabled &&
                         !isSimulating &&
                         !stylingClasses.includes("transparent"),
-                    "button--waiting": (isSigning || isRejected || isSuccess || (isSimulating && animateSimulation)) &&
+                    "button--waiting": (isSigning ||
+                        isRejected ||
+                        isSuccess ||
+                        (isSimulating && animateSimulation)) &&
                         !className?.includes("transparent"),
                     "button--success": isSuccess,
                     "button--rejected": isRejected,
                     "button--simulating": isSimulating && animateSimulation,
                 }), style: {
-                    cursor: isSigning || isSuccess || isRejected || (isSimulating && animateSimulation)
+                    cursor: isSigning ||
+                        isSuccess ||
+                        isRejected ||
+                        (isSimulating && animateSimulation)
                         ? "default"
                         : undefined,
                     ...rest.style,

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/Accounts.js

@@ -37,15 +37,7 @@ const Accounts = ({ provider, routingElement, wallets, ProviderIcon, getValue, c
                         }, children: (0, jsx_runtime_1.jsx)(__1.Input, { value: `https://rujira.network/?ref=${referral}`, readOnly: true, label: t("clickToCopy") }) }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 color-grey mt-2", children: t("referralValidUntil") }), (0, jsx_runtime_1.jsx)("div", { className: "modal__footer mt-4 px-3 py-2 text-right", children: (0, jsx_runtime_1.jsx)(__1.Button, { label: t("close"), onClick: hideModal }) })] })),
         });
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !accounts || accounts.length === 0 ? ((0, jsx_runtime_1.jsx)(ConnectAnimation, { children: (0, jsx_runtime_1.jsx)(exports.Wallets, { provider: provider, wallets: wallets }) })) : ((0, jsx_runtime_1.jsxs)(MyAccount, { routingElement: routingElement, provider: provider, value: selected
-                ? getValue({
-                    address: selected.address,
-                    network: rujira_js_1.THOR,
-                })
-                : false, onHide: () => setShowBlur(false), children: [selected ? ((0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, to: "portfolio", className: "balance", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex ai-b", children: showBalance === "true" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Fiat_1.Fiat, { amount: getValue({
-                                            address: selected.address,
-                                            network: rujira_js_1.THOR,
-                                        }), decimals: 12, symbol: "~$", padSymbol: false, className: "color-white fs-26 condensed" }), (0, jsx_runtime_1.jsx)("button", { className: "transparent ml-1 color-grey hover-white", onClick: (e) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !accounts || accounts.length === 0 ? ((0, jsx_runtime_1.jsx)(ConnectAnimation, { children: (0, jsx_runtime_1.jsx)(exports.Wallets, { provider: provider, wallets: wallets }) })) : ((0, jsx_runtime_1.jsxs)(MyAccount, { routingElement: routingElement, provider: provider, value: selected ? getValue(rujira_js_1.Account.fromAddress(selected.address)) : false, onHide: () => setShowBlur(false), children: [selected ? ((0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, to: "portfolio", className: "balance", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex ai-b", children: showBalance === "true" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Fiat_1.Fiat, { amount: getValue(rujira_js_1.Account.fromAddress(selected.address)), decimals: 12, symbol: "~$", padSymbol: false, className: "color-white fs-26 condensed" }), (0, jsx_runtime_1.jsx)("button", { className: "transparent ml-1 color-grey hover-white", onClick: (e) => {
                                             e.stopPropagation();
                                             e.preventDefault();
                                             setShowBalance("false");
@@ -55,8 +47,8 @@ const Accounts = ({ provider, routingElement, wallets, ProviderIcon, getValue, c
                                             e.preventDefault();
                                             setShowBalance("true");
                                             return false;
-                                        }, style: { marginRight: "-1rem" }, children: (0, jsx_runtime_1.jsx)(Icons_1.EyeSlash, { className: "w-2 h-2" }) })] })) }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 condensed color-grey mt-0.5", children: t("viewPortfolio") })] })) : null, accounts.map((account) => ((0, jsx_runtime_1.jsx)(AddressC, { provider: provider, ProviderIcon: ProviderIcon, account: account, selected: selected?.address === account.address &&
-                        selected.provider === account.provider }, account.address + account.provider))), (0, jsx_runtime_1.jsxs)("nav", { className: "actions", children: [referral && ((0, jsx_runtime_1.jsxs)("button", { className: "action transparent", onClick: ReferralModal, children: [(0, jsx_runtime_1.jsx)(Icons_1.Users, {}), (0, jsx_runtime_1.jsx)("span", { children: t("referralLink") })] })), (0, jsx_runtime_1.jsxs)(react_router_dom_1.Link, { className: "action transparent", to: "connect", children: [(0, jsx_runtime_1.jsx)(Icons_1.Plus, {}), (0, jsx_runtime_1.jsx)("span", { children: t("connectAnotherWallet") })] }), customActions &&
+                                        }, style: { marginRight: "-1rem" }, children: (0, jsx_runtime_1.jsx)(Icons_1.EyeSlash, { className: "w-2 h-2" }) })] })) }), (0, jsx_runtime_1.jsx)("p", { className: "fs-12 condensed color-grey mt-0.5", children: t("viewPortfolio") })] })) : null, accounts.map((account) => ((0, jsx_runtime_1.jsx)(AddressC, { provider: provider, ProviderIcon: ProviderIcon, account: account, selected: selected?.address.address === account.address.address &&
+                        selected.provider === account.provider }, `${account.address.address}:${account.provider}`))), (0, jsx_runtime_1.jsxs)("nav", { className: "actions", children: [referral && ((0, jsx_runtime_1.jsxs)("button", { className: "action transparent", onClick: ReferralModal, children: [(0, jsx_runtime_1.jsx)(Icons_1.Users, {}), (0, jsx_runtime_1.jsx)("span", { children: t("referralLink") })] })), (0, jsx_runtime_1.jsxs)(react_router_dom_1.Link, { className: "action transparent", to: "connect", children: [(0, jsx_runtime_1.jsx)(Icons_1.Plus, {}), (0, jsx_runtime_1.jsx)("span", { children: t("connectAnotherWallet") })] }), customActions &&
                             customActions.map((e, index) => (0, react_2.cloneElement)(e, { key: index })), (0, jsx_runtime_1.jsxs)("button", { className: "action transparent", onClick: disconnectAll, children: [(0, jsx_runtime_1.jsx)(Icons_1.LinkDisconnect, {}), (0, jsx_runtime_1.jsx)("span", { children: t("disconnectAll") })] })] }), showBlur && (0, jsx_runtime_1.jsx)("div", { className: "blur" })] })) }));
 };
 exports.Accounts = Accounts;
@@ -120,10 +112,10 @@ const AddressC = ({ account, selected, provider, ProviderIcon, }) => {
         }), children: [(0, jsx_runtime_1.jsx)(NetworkIcon_1.NetworkIcon, { network: rujira_js_1.THOR, className: "address__wallet", selected: selected || hover }), (0, jsx_runtime_1.jsx)("p", { className: "address__address pointer", onClick: () => {
                     if (selected) {
                         react_hot_toast_1.default.success(t("addressCopied"));
-                        navigator.clipboard.writeText(account.address);
+                        navigator.clipboard.writeText(account.address.address);
                     }
                     else {
                         select(account);
                     }
-                }, children: hover && selected ? (t("copyAddress")) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [account.address.substring(0, 8), " ... ", account.address.slice(-8)] })) }), hover ? ((0, jsx_runtime_1.jsx)(Icons_1.LinkDisconnect, { className: "address__disconnect", onClick: () => disconnect(account.provider) })) : ((0, jsx_runtime_1.jsx)(ProviderIcon, { className: "address__disconnect", provider: account.provider, selected: selected }))] }));
+                }, children: hover && selected ? (t("copyAddress")) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [account.address.address.substring(0, 8), " ...", " ", account.address.address.slice(-8)] })) }), hover ? ((0, jsx_runtime_1.jsx)(Icons_1.LinkDisconnect, { className: "address__disconnect", onClick: () => disconnect(account.provider) })) : ((0, jsx_runtime_1.jsx)(ProviderIcon, { className: "address__disconnect", provider: account.provider, selected: selected }))] }));
 };

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/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/icons/ProviderIcon.js

@@ -24,11 +24,6 @@ const ProviderIcon = ({ provider, selected, className }) => {
         case "Vulticonnect":
         case "Vultisig":
             return selected ? ((0, jsx_runtime_1.jsx)(WalletIcons.Vultisig, { className: (0, clsx_1.default)({ [`${className}`]: className }) })) : ((0, jsx_runtime_1.jsx)(WalletIcons.VultisigSimple, { className: (0, clsx_1.default)({ [`${className}`]: className }) }));
-        case "Ctrl":
-            return ((0, jsx_runtime_1.jsx)(WalletIcons.Ctrl, { className: (0, clsx_1.default)({
-                    [`${className}`]: className,
-                    "color-white": selected,
-                }) }));
         case "DaoDao":
             return ((0, jsx_runtime_1.jsx)(WalletIcons.Daodao, { className: (0, clsx_1.default)({
                     [`${className}`]: className,