rujira.ui 1.0.15 → 1.0.17

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

@@ -22,7 +22,7 @@ const footerSections = [
             {
                 kind: "internal",
                 label: "Automated Trading",
-                to: "/trade/BTC/USDC?orders=range&order=tracking&range=t",
+                to: "/trade/BTC/USDC?orders=range&order=tracking",
             },
             {
                 kind: "internal",

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

@@ -6,7 +6,6 @@ const clsx_1 = require("clsx");
 const react_1 = require("motion/react");
 const react_2 = require("react");
 const react_hot_toast_1 = require("react-hot-toast");
-const react_router_dom_1 = require("react-router-dom");
 const react_tooltip_1 = require("react-tooltip");
 const rujira_js_1 = require("rujira.js");
 const __1 = require("../..");
@@ -19,7 +18,7 @@ const Icons_1 = require("../icons/Icons");
 const NetworkIcon_1 = require("../icons/NetworkIcon");
 const Fiat_1 = require("../numbers/Fiat");
 const ResolveLink_1 = require("./ResolveLink");
-let referral = localStorage.getItem("referral");
+let referral = typeof window !== "undefined" ? localStorage.getItem("referral") : null;
 const Accounts = ({ provider, routingElement, wallets, ProviderIcon, getValue, customActions, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
     const { accounts: allAccounts, disconnectAll, selected } = provider;
@@ -37,15 +36,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, { routingElement: routingElement, children: (0, jsx_runtime_1.jsx)(exports.Wallets, { provider: provider, wallets: wallets, routingElement: routingElement }) })) : ((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,20 +46,20 @@ 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)(ResolveLink_1.ResolveLink, { as: routingElement, 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;
 /* const Component = forwardRef<HTMLAnchorElement, ComponentProps<typeof Link>>((props, ref) => {
   return <Link {...props} ref={ref} />;
 }); */
-const ConnectAnimation = ({ children }) => {
+const ConnectAnimation = ({ children, routingElement }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
     const [show, setShow] = (0, react_2.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative py-q1 no-underline", onMouseOver: () => setShow(true), onMouseOut: () => setShow(false), children: [(0, jsx_runtime_1.jsxs)("div", { className: "rujira-header__connect", children: [(0, jsx_runtime_1.jsx)("div", { className: "fs-14 fw-500 fs-15 condensed", children: t("connect") }), (0, jsx_runtime_1.jsx)("img", { className: "w-3 h-3 filter-white", src: show ? connect_gif_1.default : connect_png_1.default, alt: "Connect" })] }), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: show && ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { className: "rujira-header__popup right condensed w-32 text-center p-2", initial: { opacity: 0, marginTop: -4 }, animate: { opacity: 1, marginTop: 4 }, exit: { opacity: 0, marginTop: -4 }, children: [(0, jsx_runtime_1.jsxs)(react_router_dom_1.Link, { className: "flex dir-c action transparent", to: "connect", children: [(0, jsx_runtime_1.jsx)("p", { className: "color-white", children: t("connectYourWallet") }), (0, jsx_runtime_1.jsx)("small", { className: "color-grey mb-1", children: t("createOrConnectWallet") })] }), children] })) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative py-q1 no-underline", onMouseOver: () => setShow(true), onMouseOut: () => setShow(false), children: [(0, jsx_runtime_1.jsxs)("div", { className: "rujira-header__connect", children: [(0, jsx_runtime_1.jsx)("div", { className: "fs-14 fw-500 fs-15 condensed", children: t("connect") }), (0, jsx_runtime_1.jsx)("img", { className: "w-3 h-3 filter-white", src: show ? connect_gif_1.default : connect_png_1.default, alt: "Connect" })] }), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: show && ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { className: "rujira-header__popup right condensed w-32 text-center p-2", initial: { opacity: 0, marginTop: -4 }, animate: { opacity: 1, marginTop: 4 }, exit: { opacity: 0, marginTop: -4 }, children: [(0, jsx_runtime_1.jsxs)(ResolveLink_1.ResolveLink, { as: routingElement, className: "flex dir-c action transparent", to: "connect", children: [(0, jsx_runtime_1.jsx)("p", { className: "color-white", children: t("connectYourWallet") }), (0, jsx_runtime_1.jsx)("small", { className: "color-grey mb-1", children: t("createOrConnectWallet") })] }), children] })) })] }));
 };
-const Wallets = ({ modalLayout = false, provider, wallets, }) => {
+const Wallets = ({ modalLayout = false, provider, wallets, routingElement, }) => {
     const { t } = (0, i18n_1.useTranslation)("header");
     const { connect, isAvailable } = provider;
     const { hideModal } = (0, GlobalModal_1.useGlobalModalContext)();
@@ -94,11 +85,11 @@ const Wallets = ({ modalLayout = false, provider, wallets, }) => {
                                     }
                                     x.provider && connect(x.provider).then(hideModal);
                                 }, children: x.icon }, x.label));
-                        }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/tou", className: "terms mb-1", children: "By connecting a wallet, you agree to Rujira's Terms of Use." }), (0, jsx_runtime_1.jsx)("hr", { className: (0, clsx_1.default)({
+                        }) }), (0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routingElement, to: "/tou", className: "terms mb-1", children: "By connecting a wallet, you agree to Rujira's Terms of Use." }), (0, jsx_runtime_1.jsx)("hr", { className: (0, clsx_1.default)({
                             hr: true,
                             "mt-0 mb-1": !modalLayout,
                             "my-2": modalLayout,
-                        }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "ecosystem/wallets", onClick: hideModal, children: t("needHelpDeciding") })] }), (0, jsx_runtime_1.jsx)(react_tooltip_1.Tooltip, { id: "wallet-tip", className: "tooltip" })] }));
+                        }) }), (0, jsx_runtime_1.jsx)(ResolveLink_1.ResolveLink, { as: routingElement, to: "ecosystem/wallets", onClick: hideModal, children: t("needHelpDeciding") })] }), (0, jsx_runtime_1.jsx)(react_tooltip_1.Tooltip, { id: "wallet-tip", className: "tooltip" })] }));
 };
 exports.Wallets = Wallets;
 const MyAccount = ({ provider, children, onHide, routingElement, value, }) => {
@@ -120,10 +111,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

@@ -39,6 +39,13 @@ const Header = ({ accountProvider, className, domain = "", routingElement, walle
     const [scrollY, setScrollY] = (0, react_2.useState)(0);
     const { accounts } = accountProvider;
     const { showModal } = (0, GlobalModal_1.useGlobalModalContext)();
+    const ConnectModal = () => {
+        showModal({
+            title: t("connectYourAccount"),
+            backgroundClose: true,
+            children: ((0, jsx_runtime_1.jsx)(i18n_1.TranslationProvider, { namespace: "header", children: (0, jsx_runtime_1.jsx)(Accounts_1.Wallets, { modalLayout: true, provider: accountProvider, wallets: wallets, routingElement: routingElement }) })),
+        });
+    };
     (0, react_2.useEffect)(() => {
         const handleScroll = () => {
             setIsScrolled(window.scrollY > 56);
@@ -49,13 +56,6 @@ const Header = ({ accountProvider, className, domain = "", routingElement, walle
             window.removeEventListener("scroll", handleScroll);
         };
     }, []);
-    const ConnectModal = () => {
-        showModal({
-            title: t("connectYourAccount"),
-            backgroundClose: true,
-            children: ((0, jsx_runtime_1.jsx)(i18n_1.TranslationProvider, { namespace: "header", children: (0, jsx_runtime_1.jsx)(Accounts_1.Wallets, { modalLayout: true, provider: accountProvider, wallets: wallets }) })),
-        });
-    };
     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,
@@ -158,15 +158,19 @@ const MobileNav = ({ domain, routingElement, accountProvider, staticRoutes, }) =
         document.body.style.overflow = "auto";
       }
     }, [showMobile]);*/
-    let url = location.href;
-    document.body.addEventListener("click", () => {
-        requestAnimationFrame(() => {
-            if (url !== location.href) {
-                setShowDrawer(false);
-                url = location.href;
-            }
-        });
-    }, true);
+    (0, react_2.useEffect)(() => {
+        let url = location.href;
+        const handler = () => {
+            requestAnimationFrame(() => {
+                if (url !== location.href) {
+                    setShowDrawer(false);
+                    url = location.href;
+                }
+            });
+        };
+        document.body.addEventListener("click", handler, true);
+        return () => document.body.removeEventListener("click", handler, 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: "", 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;
@@ -193,5 +197,5 @@ const SubEntertainment = ({ domain, routingElement, useRef, className, staticRou
 };
 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, 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") })] })] })] }) }));
+    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

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const fixedForwardRef = react_1.forwardRef;
 const UnwrappedAnyComponent = (props, ref) => {
     const { as: Comp = "a", children, domain, isStatic, ...rest } = props;
-    if (!isStatic && props.as !== "a") {
+    if (!isStatic && props.as && 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/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,

package/lib/cjs/components/logos/RujiraLogo.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RujiraLogo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("../../helpers");
+const react_1 = require("react");
 const RujiraLogo = ({ textColor = "#fff", showText = true, animate = false, className, }) => {
-    const id = (0, helpers_1.uuidv4)();
+    const id = (0, react_1.useId)();
     return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: `0 0 ${showText ? 3710 : 1000} 1000`, xmlns: "http://www.w3.org/2000/svg", className: className, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { x1: "97.12%", y1: "12.295%", x2: "15.952%", y2: "88.858%", id: id, children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#D615EB", offset: "0%" }), (0, jsx_runtime_1.jsx)("stop", { stopColor: "#8436F5", offset: "100%" })] }) }), (0, jsx_runtime_1.jsxs)("g", { fill: "none", fillRule: "nonzero", children: [!animate ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M109.713 718.57c64.466 183.188 203.797 276.949 417.99 281.283 214.195 4.334 357.082-87.26 428.663-274.782 71.581-187.522 55.091-346.445-49.47-476.768C802.337 117.981 666.289 37.628 498.753 7.246 331.216-23.136 208.376 42.026 130.23 202.73c-78.145 160.705-84.984 332.652-20.517 515.84Z", fillOpacity: ".45", fill: "#CE18EC" }), (0, jsx_runtime_1.jsx)("path", { d: "M938.285 742.674c-81.778 172.834-217.066 249.65-405.863 230.445C343.625 953.916 193.193 867.5 81.127 713.868-30.94 560.238-26.902 413.177 93.242 272.686c120.143-140.491 271.08-228.424 452.81-263.8C727.782-26.489 859.03 43.756 939.8 219.623c80.768 175.866 80.264 350.216-1.515 523.05Z", fillOpacity: ".45", fill: "#8535F4" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "#CE18EC", fillOpacity: ".45", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "d", dur: "3897ms", repeatCount: "indefinite", values: "M908.65 772.515c-119.423 173.188-259.837 247.488-421.243 222.9C326 970.826 191.184 884.232 82.957 735.633-25.268 587.033-27.6 434.158 75.96 277.006 179.522 119.854 316.67 28.984 487.407 4.396c170.736-24.59 313.482 53.987 428.24 235.727 114.757 181.74 112.424 359.205-6.998 532.392Z;\n                M905.657 701.408C781.589 850.992 630.329 930.883 451.876 941.082c-178.453 10.199-308.47-64.593-390.048-224.376-81.579-159.782-82.428-320.415-2.55-481.897C139.159 73.326 270.874-4.865 454.426.234c183.552 5.1 335.662 85.84 456.33 242.224 120.67 156.383 118.97 309.366-5.098 458.95Z;\n                M938.285 742.674c-81.778 172.834-217.066 249.65-405.863 230.445C343.625 953.916 193.193 867.5 81.127 713.868-30.94 560.238-26.902 413.177 93.242 272.686c120.143-140.491 271.08-228.424 452.81-263.8C727.782-26.489 859.03 43.756 939.8 219.623c80.768 175.866 80.264 350.216-1.515 523.05Z;\n                M909.194 698.092C791.124 849.094 646.258 945.89 474.596 988.48c-171.662 42.59-307.317-32.91-406.964-226.503-99.648-193.591-89.18-365.888 31.401-516.89C219.615 94.086 358.201 12.777 514.79 1.162c156.589-11.616 290.988 63.885 403.196 226.502 112.208 162.617 109.277 319.426-8.792 470.428Z;\n                M908.65 772.515c-119.423 173.188-259.837 247.488-421.243 222.9C326 970.826 191.184 884.232 82.957 735.633-25.268 587.033-27.6 434.158 75.96 277.006 179.522 119.854 316.67 28.984 487.407 4.396c170.736-24.59 313.482 53.987 428.24 235.727 114.757 181.74 112.424 359.205-6.998 532.392Z;" }) }), (0, jsx_runtime_1.jsx)("path", { fill: "#8535F4", fillOpacity: ".45", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "d", dur: "2975ms", repeatCount: "indefinite", values: "M932.532 715.172C854.38 889.747 710.761 984.14 501.676 998.35 292.591 1012.56 146.943 925.27 64.73 736.486c-82.213-188.785-68.51-353.718 41.106-494.8C215.453 100.607 357.042 20.93 530.603 2.66c173.56-18.27 303.477 52.271 389.75 211.622 86.273 159.351 90.332 326.314 12.18 500.89Z;\n                M885.654 705.273C746.066 828.795 579.708 919.904 386.58 978.599c-193.128 58.695-311.204-3.066-354.228-185.284-43.024-182.217-43.502-364.873-1.434-547.967C72.984 62.255 202.534-18.342 419.564 3.56c217.03 21.9 383.867 113.448 500.51 274.64 116.641 161.193 105.168 303.55-34.42 427.073Z;\n                M962.274 793.5c-49.124 177.855-169.888 240.71-362.29 188.563-192.402-52.145-355.126-141.072-488.17-266.78C-21.23 589.572-36.069 440.585 67.296 268.318 170.66 96.052 333.896 6.659 557 .141c223.104-6.518 358.707 79.615 406.808 258.4 48.1 178.786 47.589 357.106-1.535 534.96Z;\n                M897.318 638.271C761.297 778.402 603.636 888.36 424.336 968.141c-179.3 79.783-306.047 9.718-380.24-210.196-74.193-219.913-54.762-400.958 58.295-543.135C215.447 72.633 343.077 1.034 485.28.01c142.203-1.022 280.432 70.066 414.686 213.266 134.255 143.2 133.371 284.864-2.65 424.995Z;\n                M932.532 715.172C854.38 889.747 710.761 984.14 501.676 998.35 292.591 1012.56 146.943 925.27 64.73 736.486c-82.213-188.785-68.51-353.718 41.106-494.8C215.453 100.607 357.042 20.93 530.603 2.66c173.56-18.27 303.477 52.271 389.75 211.622 86.273 159.351 90.332 326.314 12.18 500.89Z;" }) })] })), (0, jsx_runtime_1.jsxs)("g", { transform: "translate(49 24)", children: [(0, jsx_runtime_1.jsx)("circle", { fill: `url(#${id})`, cx: "475.5", cy: "475.5", r: "475.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M475.5 57.011c-231.125 0-418.489 187.364-418.489 418.489 0 231.125 187.364 418.489 418.489 418.489 231.125 0 418.489-187.364 418.489-418.489 0-231.125-187.364-418.489-418.489-418.489Z", fill: "#1B1821" }), (0, jsx_runtime_1.jsx)("path", { d: "M460.284 232.995v159.944h-58.52l58.52 67.345h-68.973l-60.794-67.345h-45.61v67.345h-51.912V341.027h50.66l-50.66-56.12v-51.912h227.289Zm-152.396 51.912 48.766 56.12h51.718v-56.12H307.888Zm182.828 433.098v-51.912h88.39V542.628h-88.39v-51.912h227.289v51.912h-86.987v123.465h86.987v51.912H490.716Zm-257.721 0V598.748h51.912v67.345h93.716l29.75-29.155v-94.31H346.64v-51.912h113.644v166.96l-60.33 60.329H232.995Zm318.05-257.721-60.329-60.33V232.995h51.912v146.222l29.748 29.155h93.717V232.995h51.912v227.289h-166.96Z", fill: `url(#${id})` })] }), showText && ((0, jsx_runtime_1.jsx)("path", { d: "M1466.453 256.11c96.524 0 159.415 63.144 159.415 153.455 0 87.374-57.043 134.366-115.543 143.91l119.196 192.37h-98.719l-108.22-182.824h-84.827v182.825H1252.2V256.11h214.254Zm-11.697 75.626h-117v155.658h117c48.262 0 83.36-30.838 83.36-77.83 0-46.99-35.098-77.828-83.36-77.828ZM1926.077 751.71c141.25 0 210.775-80.446 210.775-201.848v-294.73h-86.357v292.535c0 77.522-43.178 127.985-124.418 127.985-81.969 0-125.155-50.463-125.155-127.985V255.132h-86.357v295.46c0 119.94 69.524 201.119 211.512 201.119ZM2209.279 937.439c94.103 0 164.133-52.144 164.133-163.783V255.132h-85.346v517.055c0 53.612-32.832 88.866-85.352 88.866-37.205 0-63.465-19.092-83.16-40.395l-39.398 65.366c34.29 36.727 78.788 51.415 129.123 51.415ZM2610.948 745.846V256.11h-84.067v489.736zM2977.695 256.11c96.523 0 159.414 63.144 159.414 153.455 0 87.374-57.042 134.366-115.535 143.91l119.188 192.37h-98.718l-108.22-182.824h-84.827v182.825h-85.556V256.11h214.254Zm-11.697 75.626h-117.001v155.658h117c48.262 0 83.361-30.838 83.361-77.83 0-46.99-35.099-77.828-83.36-77.828ZM3518.168 256.11l191.51 489.736h-97.216l-35.818-93.983h-223.67l-35.817 93.983h-97.216l191.51-489.736h106.717Zm-53.355 86.64-87.715 233.487h175.43l-87.715-233.487Z", fill: textColor }))] })] }));
 };
 exports.RujiraLogo = RujiraLogo;

package/lib/cjs/context/GlobalModal.js

@@ -37,7 +37,7 @@ const GlobalModal = ({ children, }) => {
         document.body.style.overflow = "";
         setModalProps({});
     };
-    const dest = document.getElementById("modal");
+    const dest = typeof document !== "undefined" ? document.getElementById("modal") : null;
     const renderComponent = () => {
         return dest
             ? react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(i18n_1.TranslationProvider, { namespace: "common", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: !(0, helpers_1.isEmpty)(modalProps) && ((0, jsx_runtime_1.jsx)(ModalContent, { modalProps: modalProps, hideModal: hideModal })) }) }), dest)

package/lib/cjs/hooks/useWindowSize.js

@@ -3,6 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWindowDimensions = exports.BreakPoints = void 0;
 exports.useWindowSize = useWindowSize;
 const react_1 = require("react");
+// useLayoutEffect fires synchronously before browser paint, eliminating the
+// flash where size-dependent layout hasn't updated yet. On the server it
+// would warn, so we fall back to useEffect there.
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react_1.useLayoutEffect : react_1.useEffect;
 exports.BreakPoints = {
     xsmall: 420,
     small: 576,
@@ -15,10 +19,10 @@ exports.BreakPoints = {
 };
 function useWindowSize() {
     const [windowSize, setWindowSize] = (0, react_1.useState)({
-        width: window.outerWidth,
-        height: window.outerHeight,
+        width: 0,
+        height: 0,
     });
-    (0, react_1.useEffect)(() => {
+    useIsomorphicLayoutEffect(() => {
         function handleResize() {
             setWindowSize({
                 width: window.innerWidth,
@@ -32,20 +36,15 @@ function useWindowSize() {
     return windowSize;
 }
 const useWindowDimensions = (innerWidth) => {
-    const [isMobileSize, setIsMobileSize] = (0, react_1.useState)(window.innerWidth <= innerWidth);
-    (0, react_1.useEffect)(() => {
+    const [isMobileSize, setIsMobileSize] = (0, react_1.useState)(false);
+    useIsomorphicLayoutEffect(() => {
         const windowResizeHandler = () => {
-            const matchMediaString = `(max-width: ${innerWidth}px)`;
-            if (matchMedia(matchMediaString).matches) {
-                setIsMobileSize(true);
-            }
-            else {
-                setIsMobileSize(false);
-            }
+            setIsMobileSize(matchMedia(`(max-width: ${innerWidth}px)`).matches);
         };
         window.addEventListener('resize', windowResizeHandler);
+        windowResizeHandler();
         return () => window.removeEventListener('resize', windowResizeHandler);
-    }, []);
+    }, [innerWidth]);
     return isMobileSize;
 };
 exports.useWindowDimensions = useWindowDimensions;

package/lib/cjs/i18n/config.js

@@ -33,6 +33,8 @@ const SUPPORTED_LANGUAGES = ["en", "de"];
 exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
 exports.SUPPORTED_LANGUAGE_PATTERN = SUPPORTED_LANGUAGES.join("|");
 const detectLanguage = () => {
+    if (typeof window === "undefined")
+        return "en";
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored && SUPPORTED_LANGUAGES.includes(stored)) {
         return stored;

package/lib/cjs/i18n/locales/de/common.json

@@ -114,7 +114,6 @@
     "vultisigEmailLabel": "E-Mail",
     "vultisigVerifyCodeLabel": "Bestätige den Fast Vault Code, der an {{email}} gesendet wurde",
     "vultisigVerify": "Bestätigen",
-    "vultisigReadOnlyWarning": "Das Signieren mit Vultisig Vaults ist vorübergehend nur für Rujira und andere Cosmos-Chains aktiviert. Vaults können erstellt, gesichert und in jede andere Vultisig-kompatible Wallet importiert werden.",
     "vultisigConnectProviderError": "useConnect muss innerhalb von ConnectProvider verwendet werden",
     "mergeNow": "Jetzt Mergen",
     "iUnderstandContinue": "Ich verstehe, Fortfahren",

package/lib/cjs/i18n/locales/de/home.json

@@ -79,7 +79,7 @@
     "builtCardScaleMobileLine2": "um neue Services zu bauen und zu skalieren,",
     "builtCardScaleMobileLine3": "sorgfältig geprüft für sichere, zuverlässige",
     "builtCardScaleMobileLine4": "und hochwertige Produkte für dich.",
-    "productsPill": "+ Produkte",
+    "productsPill": "Produkte",
     "productsTitle": "Ein System, das zusammenarbeitet",
     "productsCopy1": "Rujira bringt alle Produkte, die du brauchst, an einen Ort, an dem alles für dich zusammenspielt.",
     "productsCopy2": "Kein Springen mehr zwischen Apps oder Chains, nur ein einfacher Weg, damit DeFi leicht wirkt.",

package/lib/cjs/i18n/locales/en/common.json

@@ -114,7 +114,6 @@
     "vultisigEmailLabel": "Email",
     "vultisigVerifyCodeLabel": "Verify the Fast Vault code sent to {{email}}",
     "vultisigVerify": "Verify",
-    "vultisigReadOnlyWarning": "Vultisig Vault signing is temporarily only enabled for Rujira and other Cosmos chains. Vaults can be created, backed up, and imported into any other Vultisig compatible wallet.",
     "vultisigConnectProviderError": "useConnect must be used within ConnectProvider",
     "depositInOrderTo": "Deposit {{symbol}} in order to {{action}}, and use other Rujira products",
     "depositSymbolTo": "Deposit {{symbol}} to {{action}}",

package/lib/cjs/i18n/locales/en/home.json

@@ -79,7 +79,7 @@
     "builtCardScaleMobileLine2": "build and scale new services, carefully",
     "builtCardScaleMobileLine3": "reviewed to ensure safe, reliable,",
     "builtCardScaleMobileLine4": "and high-quality products for you.",
-    "productsPill": "+ Products",
+    "productsPill": "Products",
     "productsTitle": "A System Built to Work in Harmony",
     "productsCopy1": "Rujira brings all the products you need into one place where everything works together for you.",
     "productsCopy2": "No more jumping between apps or chains, just a simple way to make DeFi feel easy.",

package/lib/cjs/wallets/providers/cosmos.js

@@ -31,7 +31,10 @@ class CosmosAdapter {
             await k.enable(chain.chainId);
             const signer = await k.getOfflineSignerAuto(chain.chainId);
             const accounts = await signer.getAccounts();
-            return accounts.map((a) => a.address);
+            return accounts.map((a) => ({
+                address: a.address,
+                networks: [(0, exports.getNetwork)(chain)],
+            }));
         })).then((res) => {
             return res.reduce((a, v) => v.status === "fulfilled" ? [...v.value, ...a] : a, []);
         });
@@ -53,13 +56,13 @@ class CosmosAdapter {
     }
     networks() {
         return [
-            "GAIA",
-            "KUJI",
+            rujira_js_1.GAIA,
+            rujira_js_1.KUJI,
             // "NOBLE",
-            "OSMO",
+            rujira_js_1.OSMO,
             // "TERRA",
             // "TERRA2",
-            "THOR",
+            rujira_js_1.THOR,
         ];
     }
 }
@@ -72,17 +75,17 @@ exports.getGasPrice = getGasPrice;
 const getNetwork = (c) => {
     switch (c.chainName) {
         case "Kujira":
-            return "KUJI";
+            return rujira_js_1.KUJI;
         case "Cosmos Hub":
-            return "GAIA";
+            return rujira_js_1.GAIA;
         case "Noble":
             return "NOBLE";
         case "Osmosis":
-            return "OSMO";
+            return rujira_js_1.OSMO;
         case "THORChain":
         case "THORChain Stagenet":
         case "THORChain Devnet":
-            return "THOR";
+            return rujira_js_1.THOR;
         default:
             throw new Error(`No Network for chain ${c.chainName}`);
     }

package/lib/cjs/wallets/providers/eip1193.js

@@ -25,9 +25,15 @@ class Eip1193Adapter {
             ? authorizedAccounts
             : await e.request({ method: "eth_requestAccounts" });
         const eip712 = this.eip712 ? await this.eip712.connect() : [];
-        this.map = eip1193.reduce((a, v) => ({ ...a, [v]: "1193" }), this.map);
-        this.map = eip712.reduce((a, v) => ({ ...a, [v]: "712" }), this.map);
-        return [...eip712, ...eip1193.map(ethers_1.ethers.getAddress)];
+        this.map = eip1193.reduce((a, v) => ({ ...a, [ethers_1.ethers.getAddress(v)]: "1193" }), this.map);
+        this.map = eip712.reduce((a, v) => ({ ...a, [v.address]: "712" }), this.map);
+        return [
+            ...eip712,
+            ...eip1193.map((x) => ({
+                address: ethers_1.ethers.getAddress(x),
+                networks: this.eip1193Networks(),
+            })),
+        ];
     }
     async simulate(msg) {
         if (this.map[msg.account.address] === "712") {
@@ -70,7 +76,10 @@ class Eip1193Adapter {
         return new ethers_1.JsonRpcSigner(provider, account.address);
     }
     networks() {
-        return [...(this.eip712?.networks() || []), "AVAX", "BASE", "BSC", "ETH"];
+        return [...(this.eip712?.networks() || []), ...this.eip1193Networks()];
+    }
+    eip1193Networks() {
+        return [rujira_js_1.AVAX, rujira_js_1.BASE, rujira_js_1.BSC, rujira_js_1.ETH];
     }
 }
 exports.Eip1193Adapter = Eip1193Adapter;

package/lib/cjs/wallets/providers/eip6963.js

@@ -8,8 +8,10 @@ class Eip6963Adapter extends eip1193_1.Eip1193Adapter {
     constructor(rdns, eip712 = false) {
         super(() => this.provider, eip712);
         this.rdns = rdns;
-        window.addEventListener("eip6963:announceProvider", this.handleAnnounce.bind(this));
-        window.dispatchEvent(new Event("eip6963:requestProvider"));
+        if (typeof window !== "undefined") {
+            window.addEventListener("eip6963:announceProvider", this.handleAnnounce.bind(this));
+            window.dispatchEvent(new Event("eip6963:requestProvider"));
+        }
     }
     handleAnnounce(res) {
         if (res.detail.info.rdns.includes(this.rdns)) {

package/lib/cjs/wallets/providers/eip712.js

@@ -19,7 +19,10 @@ class Eip712Adapter {
             throw new Error(`No bech32 prefix provided for ${this.chainInfo.chainId}`);
         const signer = new rujira_js_1.signers.cosmos.Eip712Signer(e, prefix, this.chainInfo.rpc);
         const accounts = await signer.getAccounts();
-        return accounts.map((a) => a.address);
+        return accounts.map((a) => ({
+            address: a.address,
+            networks: this.networks(),
+        }));
     }
     async simulate(msg) {
         await this.e()?.request({

package/lib/cjs/wallets/providers/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Provider = exports.vultisig = void 0;
 const brave_1 = require("./brave");
 const coinbase_1 = require("./coinbase");
-const ctrl_1 = require("./ctrl");
 const keplr_1 = require("./keplr");
 const leap_1 = require("./leap");
 // import { default as ledger } from "./ledger";
@@ -21,14 +20,30 @@ Object.defineProperty(exports, "vultisig", { enumerable: true, get: function ()
 const xaman_1 = require("./xaman");
 var Provider;
 (function (Provider) {
+    Provider.keys = [
+        "Brave",
+        "Coinbase",
+        "DaoDao",
+        "Keplr",
+        "Leap",
+        "Ledger",
+        "Metamask",
+        "Okx",
+        "Rabby",
+        "Station",
+        "Ton",
+        "Tronlink",
+        "Trust",
+        "Vulticonnect",
+        "Vultisig",
+        "Xaman",
+    ];
     Provider.signer = (p) => {
         switch (p) {
             case "Brave":
                 return brave_1.default;
             case "Coinbase":
                 return coinbase_1.default;
-            case "Ctrl":
-                return ctrl_1.default;
             case "DaoDao":
                 return daodao_1.default;
             case "Keplr":