@hot-labs/kit 1.0.33

package/build/ui/payment/Payment.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from "mobx-react-lite";
+import { useEffect } from "react";
+import { openBridge, openConnector } from "../router";
+import { Recipient } from "../../omni/recipient";
+import { Network } from "../../omni/config";
+import Popup from "../Popup";
+import { TokenCard } from "./TokenCard";
+import { PopupOption, PopupOptionInfo } from "../styles";
+import { WalletIcon } from "../icons/wallet";
+export const Payment = observer(({ connector, recipient, token: need, amount: needAmount, onProcess, onClose }) => {
+    const title = `Need ${need.readable(needAmount)} ${need.symbol}`;
+    const selectToken = async (from, wallet) => {
+        onProcess(openBridge(connector, {
+            sender: wallet,
+            autoClose: true,
+            type: "exactOut",
+            recipient: recipient || Recipient.fromWallet(connector.priorityWallet),
+            readonlyTo: recipient ? true : false,
+            amount: need.float(needAmount),
+            readonlyAmount: true,
+            title: title,
+            from: from,
+            to: need,
+        }));
+    };
+    useEffect(() => {
+        if (connector.wallets.length !== 0)
+            return;
+        openConnector(connector);
+    }, [connector.wallets.length, connector]);
+    return (_jsxs(Popup, { onClose: onClose, header: _jsx("p", { children: title }), children: [connector.walletsTokens.map(({ token, wallet, balance }) => {
+                if (token.id === need.id)
+                    return null;
+                const availableBalance = token.float(balance) - token.reserve;
+                if (need.originalChain === Network.Gonka || need.originalChain === Network.Juno) {
+                    if (token.id === need.id)
+                        return null;
+                    if (token.originalAddress !== need.originalAddress)
+                        return null;
+                    if (availableBalance <= need.float(needAmount))
+                        return null;
+                    return _jsx(TokenCard, { token: token, onSelect: selectToken, hot: connector, wallet: wallet }, token.id);
+                }
+                if (availableBalance * token.usd <= need.usd * need.float(needAmount))
+                    return null;
+                return _jsx(TokenCard, { token: token, onSelect: selectToken, hot: connector, wallet: wallet }, token.id);
+            }), _jsxs(PopupOption, { onClick: () => openConnector(connector), children: [_jsx("div", { style: { width: 44, height: 44, borderRadius: 16, background: "#000", display: "flex", alignItems: "center", justifyContent: "center" }, children: _jsx(WalletIcon, {}) }), _jsxs(PopupOptionInfo, { children: [_jsx("p", { children: "Connect wallet" }), _jsx("span", { className: "wallet-address", children: "To more pay options" })] })] })] }));
+});
+//# sourceMappingURL=Payment.js.map

package/build/ui/payment/Payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../src/ui/payment/Payment.tsx"],"names":[],"mappings":"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"}

package/build/ui/payment/Profile.d.ts

@@ -0,0 +1,7 @@
+import { HotConnector } from "../../HotConnector";
+export declare const Profile: (({ hot, onClose }: {
+    hot: HotConnector;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/build/ui/payment/Profile.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from "mobx-react-lite";
+import styled from "styled-components";
+import { useEffect } from "react";
+import { LogoutIcon } from "../icons/logout";
+import { openBridge, openConnector } from "../router";
+import { formatter } from "../../omni/utils";
+import { tokens } from "../../omni/tokens";
+import Popup from "../Popup";
+import { ImageView, TokenCard } from "./TokenCard";
+import ExchangeIcon from "../icons/exchange";
+export const Profile = observer(({ hot, onClose }) => {
+    let totalBalance = 0;
+    const tokensList = hot.wallets
+        .flatMap((wallet) => {
+        return tokens.list.map((token) => ({ token, wallet, balance: hot.balance(wallet, token) }));
+    })
+        .sort((a, b) => {
+        const balanceA = a.token.float(a.balance) * a.token.usd;
+        const balanceB = b.token.float(b.balance) * b.token.usd;
+        return balanceB - balanceA;
+    })
+        .map(({ token, wallet, balance }) => {
+        if (token.float(balance) < 0.000001)
+            return null;
+        totalBalance += token.float(balance) * token.usd;
+        return {
+            chain: token.chain,
+            component: (_jsx(TokenCard //
+            , { onSelect: () => {
+                    if (token.chain === -4)
+                        hot.withdraw(token.address, +token.float(balance).toFixed(6), { sender: wallet });
+                    else
+                        openBridge(hot, { title: "Exchange", sender: wallet, from: token });
+                }, wallet: wallet, token: token, hot: hot }, `${wallet.type}:${wallet.address}:${token.id}`)),
+        };
+    });
+    useEffect(() => {
+        if (hot.wallets.length > 0)
+            return;
+        onClose();
+    }, [hot.wallets.length]);
+    return (_jsxs(Popup, { onClose: onClose, children: [_jsxs("div", { style: { display: "flex", flexWrap: "wrap", width: "100%", gap: 8 }, children: [hot.wallets.map((wallet) => (_jsxs(WalletCard, { onClick: () => wallet.disconnect(), children: [_jsx(ImageView, { src: wallet.icon, alt: wallet.connector.name, size: 20 }), _jsx("div", { children: formatter.truncateAddress(wallet.address, 8) }), _jsx(LogoutIcon, { width: 20, height: 20 })] }))), hot.wallets.length < 6 && (_jsx(WalletCard, { style: { paddingLeft: 12, paddingRight: 12 }, onClick: () => openConnector(hot), children: "Add wallet" }))] }), _jsxs("div", { style: { display: "flex", alignItems: "center", width: "100%", gap: 8, marginTop: 16 }, children: [_jsxs(BalanceCard, { children: ["$", formatter.amount(totalBalance)] }), _jsx(ExchangeButton, { onClick: () => (onClose(), openBridge(hot, { title: "Exchange" })), children: _jsx(ExchangeIcon, { size: 32, strokeColor: "#d2d2d2" }) })] }), tokensList.filter((t) => t != null && t.chain === -4).length > 0 && (_jsxs(TokenCards, { style: { marginTop: 16 }, children: [_jsx("p", { style: { fontSize: 16, fontWeight: 600, color: "#d2d2d2", textAlign: "left" }, children: "Tokens to withdraw" }), tokensList.filter((t) => t != null && t.chain === -4).map((t) => t?.component), _jsx("div", { style: { marginTop: 8, marginBottom: -4, width: "100%", height: 1, background: "#383d42" } })] })), tokensList.filter((t) => t != null && t.chain !== -4).length > 0 && (_jsx(TokenCards, { style: { marginTop: 16 }, children: tokensList.filter((t) => t != null && t.chain !== -4).map((t) => t?.component) }))] }));
+});
+const ExchangeButton = styled.button `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  outline: none;
+  border: none;
+  background: transparent;
+  padding: 8px;
+  border-radius: 24px;
+  transition: background 0.2s ease-in-out;
+  &:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+`;
+const TokenCards = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+`;
+const WalletCard = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border-radius: 24px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  padding: 6px;
+  padding-left: 8px;
+  padding-right: 12px;
+  background: #1a1a1a;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.04);
+  }
+`;
+const BalanceCard = styled.h2 `
+  font-size: 48px;
+  font-weight: 600;
+  color: #fff;
+`;
+//# sourceMappingURL=Profile.js.map

package/build/ui/payment/Profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../src/ui/payment/Profile.tsx"],"names":[],"mappings":"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"}

package/build/ui/payment/SelectRecipient.d.ts

@@ -0,0 +1,14 @@
+import { HotConnector } from "../../HotConnector";
+import { Recipient } from "../../omni/recipient";
+import { WalletType } from "../../omni/config";
+interface SelectRecipientProps {
+    recipient?: Recipient;
+    type: WalletType;
+    onSelect: (recipient?: Recipient) => void;
+    hot: HotConnector;
+    onClose: () => void;
+}
+export declare const SelectRecipient: (({ recipient, hot, type, onSelect, onClose }: SelectRecipientProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/build/ui/payment/SelectRecipient.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from "mobx-react-lite";
+import styled from "styled-components";
+import { useState } from "react";
+import { ArrowRightIcon } from "../icons/arrow-right";
+import { PopupOption, PopupOptionInfo } from "../styles";
+import { ConnectorType } from "../../OmniConnector";
+import { Recipient } from "../../omni/recipient";
+import { WalletType } from "../../omni/config";
+import { openWalletPicker } from "../router";
+import { formatter } from "../../omni/utils";
+import Popup from "../Popup";
+import { ImageView } from "./TokenCard";
+export const SelectRecipient = observer(({ recipient, hot, type, onSelect, onClose }) => {
+    const connectors = hot.connectors.filter((t) => t.walletTypes.includes(type) && t.type !== ConnectorType.SOCIAL);
+    const [customAddress, setCustomAddress] = useState(recipient?.address || "");
+    const selectCustom = async () => {
+        const recipient = await Recipient.fromAddress(type, customAddress);
+        onSelect(recipient);
+        onClose();
+    };
+    const selectWallet = async (t) => {
+        if (!t.wallets[0])
+            return openWalletPicker(t, (w) => (onSelect(Recipient.fromWallet(w)), onClose()));
+        onSelect(Recipient.fromWallet(t.wallets[0]));
+        onClose();
+    };
+    return (_jsxs(Popup, { header: _jsx("p", { children: "Select recipient" }), onClose: onClose, children: [type !== WalletType.OMNI && (_jsxs("div", { style: { width: "100%", marginBottom: 24 }, children: [_jsx("p", { style: { fontSize: 16, textAlign: "left" }, children: "Enter recipient address, avoid CEX" }), _jsxs(CustomRecipient, { children: [_jsx("input", { type: "text", placeholder: "Enter wallet address", onChange: (e) => setCustomAddress(e.target.value), value: customAddress }), _jsx("button", { onClick: selectCustom, disabled: customAddress.length === 0, children: "Select" })] })] })), connectors.map((t) => (_jsxs(PopupOption, { onClick: () => selectWallet(t), children: [_jsx(ImageView, { src: t.icon, alt: t.name, size: 44 }), _jsxs(PopupOptionInfo, { children: [_jsx("p", { style: { fontSize: 20, fontWeight: "bold" }, children: t.name }), t.wallets[0]?.address && _jsx("span", { className: "wallet-address", children: formatter.truncateAddress(t.wallets[0].address) })] }), !t.wallets[0]?.address ? _jsx("p", { children: "Connect" }) : _jsx(ArrowRightIcon, { style: { flexShrink: 0 } })] }, t.id)))] }));
+});
+const CustomRecipient = styled.div `
+  display: flex;
+  align-items: center;
+  border: 1px solid #2d2d2d;
+  border-radius: 12px;
+  overflow: hidden;
+  margin-top: 8px;
+  height: 50px;
+
+  input {
+    width: 100%;
+    padding: 12px;
+    background: #161616;
+    color: #fff;
+    outline: none;
+    font-size: 16px;
+    font-weight: bold;
+    text-align: left;
+    outline: none;
+    border: none;
+    height: 100%;
+    flex: 1;
+  }
+
+  button {
+    width: 100px;
+    color: #fff;
+    background: #000000;
+    border-radius: 0px;
+    margin: 0px;
+    outline: none;
+    border: none;
+    height: 100%;
+    font-size: 14px;
+    font-weight: bold;
+    cursor: pointer;
+  }
+`;
+//# sourceMappingURL=SelectRecipient.js.map

package/build/ui/payment/SelectRecipient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRecipient.js","sourceRoot":"","sources":["../../../src/ui/payment/SelectRecipient.tsx"],"names":[],"mappings":"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"}

package/build/ui/payment/SelectSender.d.ts

@@ -0,0 +1,13 @@
+import { OmniWallet } from "../../OmniWallet";
+import { WalletType } from "../../omni/config";
+import { HotConnector } from "../../HotConnector";
+interface SelectSenderProps {
+    type: WalletType;
+    onSelect: (wallet?: OmniWallet | "qr") => void;
+    hot: HotConnector;
+    onClose: () => void;
+}
+export declare const SelectSender: (({ hot, type, onSelect, onClose }: SelectSenderProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/build/ui/payment/SelectSender.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from "mobx-react-lite";
+import { QRIcon } from "../icons/qr";
+import { ArrowRightIcon } from "../icons/arrow-right";
+import { PopupOption, PopupOptionInfo } from "../styles";
+import { ConnectorType } from "../../OmniConnector";
+import { WalletType } from "../../omni/config";
+import { openWalletPicker } from "../router";
+import { formatter } from "../../omni/utils";
+import Popup from "../Popup";
+import { ImageView } from "./TokenCard";
+export const SelectSender = observer(({ hot, type, onSelect, onClose }) => {
+    const connectors = hot.connectors.filter((t) => t.walletTypes.includes(type) && t.type !== ConnectorType.SOCIAL);
+    const noExternal = type === WalletType.OMNI || type === WalletType.COSMOS;
+    const selectWallet = async (t) => {
+        if (!t.wallets[0])
+            return openWalletPicker(t, (w) => (onSelect(w), onClose()));
+        onSelect(t.wallets[0]);
+        onClose();
+    };
+    return (_jsxs(Popup, { header: _jsx("p", { children: "Select sender" }), onClose: onClose, children: [!noExternal && (_jsxs(PopupOption, { onClick: () => (onSelect("qr"), onClose()), children: [_jsx("div", { style: { width: 44, height: 44, borderRadius: 16, background: "#000", display: "flex", alignItems: "center", justifyContent: "center" }, children: _jsx(QRIcon, {}) }), _jsxs(PopupOptionInfo, { children: [_jsx("p", { style: { fontSize: 20, fontWeight: "bold" }, children: "Send via QR code" }), _jsx("span", { className: "wallet-address", children: "From CEX or external wallet" })] })] })), connectors.map((t) => (_jsxs(PopupOption, { onClick: () => selectWallet(t), children: [_jsx(ImageView, { src: t.icon, alt: t.name, size: 44 }), _jsxs(PopupOptionInfo, { children: [_jsx("p", { style: { fontSize: 20, fontWeight: "bold" }, children: t.name }), t.wallets[0]?.address && _jsx("span", { className: "wallet-address", children: formatter.truncateAddress(t.wallets[0].address) })] }), !t.wallets[0]?.address ? _jsx("p", { children: "Connect" }) : _jsx(ArrowRightIcon, { style: { flexShrink: 0 } })] }, t.id)))] }));
+});
+//# sourceMappingURL=SelectSender.js.map

package/build/ui/payment/SelectSender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSender.js","sourceRoot":"","sources":["../../../src/ui/payment/SelectSender.tsx"],"names":[],"mappings":"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"}

package/build/ui/payment/SelectToken.d.ts

@@ -0,0 +1,13 @@
+import { Token } from "../../omni/token";
+import { HotConnector } from "../../HotConnector";
+import { OmniWallet } from "../../OmniWallet";
+interface SelectTokenPopupProps {
+    hot: HotConnector;
+    initialChain?: number;
+    onClose: () => void;
+    onSelect: (token: Token, wallet?: OmniWallet) => void;
+}
+export declare const SelectTokenPopup: (({ hot, initialChain, onClose, onSelect }: SelectTokenPopupProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/build/ui/payment/SelectToken.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { observer } from "mobx-react-lite";
+import styled from "styled-components";
+import { formatter } from "../../omni/utils";
+import { Network, OmniToken } from "../../omni/config";
+import { PopupOption } from "../styles";
+import Popup from "../Popup";
+import { TokenCard, ImageView } from "./TokenCard";
+import { tokens } from "../../omni/tokens";
+export const SelectTokenPopup = observer(({ hot, initialChain, onClose, onSelect }) => {
+    const [chain, setChain] = useState(initialChain || null);
+    const [search, setSearch] = useState("");
+    if (chain == null) {
+        const chains = {};
+        tokens.list.forEach((token) => {
+            if (!chains[token.chain])
+                chains[token.chain] = {
+                    chain: token.chain,
+                    name: token.chainName,
+                    icon: token.chainIcon,
+                    balance: 0,
+                };
+            hot.wallets.forEach((wallet) => {
+                const balance = hot.balance(wallet, token);
+                chains[token.chain].balance += token.float(balance) * token.usd;
+            });
+        });
+        const sorted = Object.values(chains).sort((a, b) => {
+            if (a.chain === Network.Hot)
+                return -1;
+            return b.balance - a.balance;
+        });
+        return (_jsxs(Popup, { onClose: onClose, header: _jsx("p", { children: "Select chain" }), style: { minHeight: 300 }, children: [_jsx(SearchInput, { type: "text", placeholder: "Search chain", onChange: (e) => setSearch(e.target.value) }), sorted.map(({ chain, balance, name, icon }) => {
+                    if (search && !name.toLowerCase().includes(search.toLowerCase()))
+                        return;
+                    return (_jsxs(PopupOption, { onClick: () => (setChain(chain), setSearch("")), children: [_jsx(ImageView, { src: icon, alt: name, size: 24 }), _jsx("p", { style: { fontSize: 24, fontWeight: "bold" }, children: name }), balance > 0 && _jsxs("p", { style: { marginLeft: "auto", fontSize: 20, color: "#c6c6c6" }, children: ["$", formatter.amount(balance)] })] }));
+                })] }));
+    }
+    if (chain !== -4) {
+        return (_jsxs(Popup, { onClose: onClose, header: _jsx("p", { children: "Select token" }), style: { minHeight: 300 }, children: [_jsx(SearchInput, { type: "text", placeholder: "Search token", onChange: (e) => setSearch(e.target.value) }), tokens.list
+                    .filter((token) => token.chain === chain)
+                    .sort((a, b) => {
+                    const wallet = hot.wallets.find((w) => w.type === a.type);
+                    const aBalance = a.float(hot.balance(wallet, a)) * a.usd;
+                    const bBalance = b.float(hot.balance(wallet, b)) * b.usd;
+                    return bBalance - aBalance;
+                })
+                    .map((token) => {
+                    const wallet = hot.wallets.find((w) => w.type === token.type);
+                    if (search && !token.symbol.toLowerCase().includes(search.toLowerCase()))
+                        return;
+                    return _jsx(TokenCard, { token: token, onSelect: onSelect, hot: hot, wallet: wallet }, token.id);
+                })] }));
+    }
+    let used = new Set();
+    return (_jsxs(Popup, { onClose: onClose, header: _jsx("p", { children: "Select token" }), children: [_jsx(SearchInput, { type: "text", placeholder: "Search token", onChange: (e) => setSearch(e.target.value) }), hot.walletsTokens
+                .filter(({ token, balance }) => {
+                if (token.chain !== Network.Hot)
+                    return false;
+                if (token.float(balance) < 0.0001)
+                    return false;
+                if (!token.symbol.toLowerCase().includes(search.toLowerCase()))
+                    return false;
+                used.add(token.address);
+                return true;
+            })
+                .sort((a, b) => {
+                const aBalance = a.token.float(a.balance) * a.token.usd;
+                const bBalance = b.token.float(b.balance) * b.token.usd;
+                return bBalance - aBalance;
+            })
+                .map(({ token, wallet }) => (_jsx(TokenCard, { token: token, onSelect: onSelect, hot: hot, wallet: wallet }, token.id))), Object.values(OmniToken)
+                .filter((token) => !used.has(token))
+                .map((token) => (_jsx(TokenCard, { token: hot.omni(token), onSelect: onSelect, hot: hot, wallet: hot.priorityWallet }, token)))] }));
+});
+const SearchInput = styled.input `
+  width: 100%;
+  padding: 12px 16px;
+  border-radius: 16px;
+  border: 1px solid #282c30;
+  background: #282c30;
+  color: #fff;
+  outline: none;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: -0.32px;
+  text-align: left;
+  margin-bottom: 8px;
+`;
+//# sourceMappingURL=SelectToken.js.map

package/build/ui/payment/SelectToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectToken.js","sourceRoot":"","sources":["../../../src/ui/payment/SelectToken.tsx"],"names":[],"mappings":"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"}

package/build/ui/payment/TokenCard.d.ts

@@ -0,0 +1,23 @@
+import { Token } from "../../omni/token";
+import { HotConnector } from "../../HotConnector";
+import { OmniWallet } from "../../OmniWallet";
+export declare const ImageView: ({ src, size, alt, style }: {
+    src: string;
+    size?: number;
+    alt: string;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TokenIcon: (({ token, wallet }: {
+    token: Token;
+    wallet?: OmniWallet;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export declare const TokenCard: (({ token, onSelect, hot, wallet }: {
+    token: Token;
+    onSelect: (token: Token, wallet?: OmniWallet) => void;
+    hot: HotConnector;
+    wallet?: OmniWallet;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/build/ui/payment/TokenCard.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from "mobx-react-lite";
+import { useEffect, useState } from "react";
+import { formatter } from "../../omni/utils";
+import { PopupOption } from "../styles";
+import { chainsMap } from "../../omni/config";
+const images = {
+    cached: new Map(),
+    cache(url) {
+        if (this.cached.has(url))
+            return this.cached.get(url);
+        const promise = new Promise((resolve, reject) => {
+            const img = new Image();
+            img.src = url;
+            img.onload = () => resolve();
+            img.onerror = () => reject(new Error("Failed to load image"));
+        });
+        this.cached.set(url, promise);
+        return promise;
+    },
+};
+var ImageState;
+(function (ImageState) {
+    ImageState["Loading"] = "loading";
+    ImageState["Loaded"] = "loaded";
+    ImageState["Error"] = "error";
+})(ImageState || (ImageState = {}));
+export const ImageView = ({ src, size = 40, alt, style }) => {
+    const [icon, setIcon] = useState(ImageState.Loading);
+    useEffect(() => {
+        setIcon(ImageState.Loading);
+        images
+            .cache(src)
+            .then(() => setIcon(ImageState.Loaded))
+            .catch(() => setIcon(ImageState.Error));
+    }, [src]);
+    if (icon === ImageState.Loaded) {
+        return _jsx("img", { src: src, alt: alt, style: { objectFit: "contain", width: size, height: size, borderRadius: "50%", ...style } });
+    }
+    return (_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: size, height: size, borderRadius: "50%", backgroundColor: "#0e0e0e", ...style }, children: _jsx("p", { style: { fontWeight: "bold", fontSize: size / 2, color: "#ffffff" }, children: alt.charAt(0)?.toUpperCase() }) }));
+};
+export const TokenIcon = observer(({ token, wallet }) => {
+    return (_jsxs("div", { style: { position: "relative", width: 40, height: 40 }, children: [_jsx(ImageView, { src: token.icon, alt: token.symbol, size: 40 }), _jsx(ImageView, { src: token.chainIcon, alt: token.symbol, size: 14, style: { position: "absolute", bottom: 0, right: 0 } }), token.chain === -4 && wallet?.type && _jsx(ImageView, { src: wallet.icon, alt: chainsMap[wallet.type]?.name || "", size: 14, style: { position: "absolute", bottom: 0, left: 0 } })] }));
+});
+export const TokenCard = observer(({ token, onSelect, hot, wallet }) => {
+    const balance = hot.balance(wallet, token);
+    const symbol = token.chain === -4 && !token.isMainOmni ? `${token.originalChainSymbol}_${token.symbol}` : token.symbol;
+    return (_jsxs(PopupOption, { onClick: () => onSelect(token, wallet), children: [_jsx(TokenIcon, { token: token, wallet: wallet }), _jsxs("div", { style: { marginTop: -2, display: "flex", flexDirection: "column", gap: 4, textAlign: "left" }, children: [_jsx("p", { style: { textAlign: "left", fontSize: 20, fontWeight: "bold" }, children: symbol }), _jsxs("p", { style: { textAlign: "left", fontSize: 14, color: "#c6c6c6" }, children: ["$", formatter.amount(token.usd)] })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4, paddingRight: 4, marginLeft: "auto", alignItems: "flex-end" }, children: [_jsx("p", { style: { textAlign: "right", fontSize: 20 }, children: token.readable(balance) }), _jsxs("p", { style: { textAlign: "right", fontSize: 14, color: "#c6c6c6" }, children: ["$", token.readable(balance, token.usd)] })] })] }, token.id));
+});
+//# sourceMappingURL=TokenCard.js.map

package/build/ui/payment/TokenCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenCard.js","sourceRoot":"","sources":["../../../src/ui/payment/TokenCard.tsx"],"names":[],"mappings":"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"}

package/build/ui/router.d.ts

@@ -0,0 +1,37 @@
+import { HotConnector } from "../HotConnector";
+import { OmniConnector } from "../OmniConnector";
+import { BridgeReview } from "../exchange";
+import { Token } from "../omni/token";
+import { OmniWallet } from "../OmniWallet";
+import { WalletType } from "../omni/config";
+import { Recipient } from "../omni/recipient";
+import { BridgeProps } from "./payment/Bridge";
+export declare const openPayment: (connector: HotConnector, token: Token, amount: bigint, recipient?: Recipient) => Promise<Promise<BridgeReview>>;
+export declare const openLogoutPopup: (connector: OmniConnector) => Promise<void>;
+export declare const openBridge: (hot: HotConnector, setup?: BridgeProps["setup"]) => Promise<BridgeReview>;
+export declare const openConnector: (hot: HotConnector) => void;
+export declare const openProfile: (hot: HotConnector) => void;
+export declare const openSelectTokenPopup: ({ hot, initialChain, onSelect }: {
+    hot: HotConnector;
+    initialChain?: number;
+    onSelect: (token: Token, wallet?: OmniWallet) => void;
+}) => void;
+export declare const openWalletPicker: (connector: OmniConnector, onSelect?: (wallet: OmniWallet) => void) => void;
+export declare const openSelectSender: (props: {
+    hot: HotConnector;
+    type: WalletType;
+    onSelect: (wallet?: OmniWallet | "qr") => void;
+}) => void;
+export declare const openSelectRecipient: (props: {
+    hot: HotConnector;
+    recipient?: Recipient;
+    type: WalletType;
+    onSelect: (wallet?: Recipient) => void;
+}) => void;
+export declare const openWCRequest: <T>(args: {
+    task: () => Promise<T>;
+    deeplink?: string;
+    name: string;
+    icon: string;
+    request: any;
+}) => Promise<T>;

package/build/ui/router.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { present } from "./Popup";
+import { Payment } from "./payment/Payment";
+import { LogoutPopup } from "./connect/LogoutPopup";
+import { Bridge } from "./payment/Bridge";
+import { Profile } from "./payment/Profile";
+import { SelectTokenPopup } from "./payment/SelectToken";
+import { WalletPicker } from "./connect/WalletPicker";
+import { Connector } from "./connect/ConnectWallet";
+import { SelectSender } from "./payment/SelectSender";
+import { SelectRecipient } from "./payment/SelectRecipient";
+import { WCRequest } from "./connect/WCRequest";
+export const openPayment = (connector, token, amount, recipient) => {
+    return new Promise((resolve, reject) => {
+        present((close) => (_jsx(Payment //
+        , { onClose: () => (close(), reject(new Error("User rejected"))), onProcess: (task) => (close(), resolve(task)), connector: connector, token: token, amount: amount, recipient: recipient })));
+    });
+};
+export const openLogoutPopup = (connector) => {
+    return new Promise((resolve, reject) => {
+        present((close) => {
+            return (_jsx(LogoutPopup //
+            , { connector: connector, onApprove: () => (close(), resolve()), onReject: () => (close(), reject(new Error("User rejected"))) }));
+        });
+    });
+};
+export const openBridge = (hot, setup) => {
+    return new Promise((resolve, reject) => {
+        present((close) => (_jsx(Bridge //
+        , { hot: hot, setup: setup, onProcess: resolve, onClose: () => (close(), reject(new Error("User rejected"))) })));
+    });
+};
+export const openConnector = (hot) => {
+    present((close) => _jsx(Connector, { hot: hot, onClose: close }));
+};
+export const openProfile = (hot) => {
+    present((close) => _jsx(Profile, { hot: hot, onClose: close }));
+};
+export const openSelectTokenPopup = ({ hot, initialChain, onSelect }) => {
+    present((close) => _jsx(SelectTokenPopup, { hot: hot, initialChain: initialChain, onClose: close, onSelect: (t, w) => (onSelect(t, w), close()) }));
+};
+export const openWalletPicker = (connector, onSelect) => {
+    present((close) => _jsx(WalletPicker, { initialConnector: connector, onSelect: onSelect, onClose: close }));
+};
+export const openSelectSender = (props) => {
+    present((close) => _jsx(SelectSender, { ...props, onClose: close }));
+};
+export const openSelectRecipient = (props) => {
+    present((close) => _jsx(SelectRecipient, { ...props, onClose: close }));
+};
+export const openWCRequest = (args) => {
+    const taskPromise = args.task();
+    present((close) => _jsx(WCRequest, { deeplink: args.deeplink, name: args.name, icon: args.icon, onClose: close, task: taskPromise }));
+    return taskPromise;
+};
+//# sourceMappingURL=router.js.map

package/build/ui/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/ui/router.tsx"],"names":[],"mappings":"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"}