@hot-labs/kit 1.5.4 → 1.6.0

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

@@ -1,21 +1,23 @@
 import { Token } from "../../core/token";
-import { HotConnector } from "../../HotConnector";
+import { HotKit } from "../../HotKit";
 import { OmniWallet } from "../../core/OmniWallet";
 export declare const TokenIcon: (({ token, wallet, withoutChain, size }: {
     token: Token;
-    wallet?: OmniWallet;
+    wallet?: OmniWallet | "qr";
     withoutChain?: boolean;
     size?: number;
 }) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
-export declare const TokenCard: (({ token, onSelect, amount, hot, wallet, rightControl }: {
-    rightControl?: React.ReactNode;
+interface TokenCardProps<T extends OmniWallet | "qr"> {
     token: Token;
-    onSelect?: (token: Token, wallet?: OmniWallet) => void;
+    onSelect?: (token: Token, wallet?: T) => void;
     amount?: bigint;
-    hot: HotConnector;
-    wallet?: OmniWallet;
-}) => import("react/jsx-runtime").JSX.Element) & {
+    kit: HotKit;
+    wallet?: T;
+    rightControl?: React.ReactNode;
+}
+export declare const TokenCard: (<T extends OmniWallet | "qr">({ token, onSelect, amount, kit, wallet, rightControl }: TokenCardProps<T>) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export {};

package/build/ui/bridge/TokenCard.js

@@ -5,10 +5,10 @@ import { chains } from "../../core/chains";
 import { formatter } from "../../core/utils";
 import { ImageView } from "../uikit/image";
 export const TokenIcon = observer(({ token, wallet, withoutChain, size = 40 }) => {
-    return (_jsxs("div", { style: { position: "relative", width: size, height: size, flexShrink: 0 }, children: [_jsx(ImageView, { src: token.icon, alt: token.symbol, size: size }), !withoutChain && _jsx(ImageView, { src: token.chainIcon, alt: token.symbol, size: size / 2 - 6, style: { position: "absolute", bottom: 0, right: 0 } }), token.isOmni && wallet?.type && _jsx(ImageView, { src: wallet.icon, alt: chains.getByType(wallet.type)?.[0]?.name || "", size: size / 2 - 6, style: { position: "absolute", bottom: 0, left: 0 } })] }));
+    return (_jsxs("div", { style: { position: "relative", width: size, height: size, flexShrink: 0 }, children: [_jsx(ImageView, { src: token.icon, alt: token.symbol, size: size }), !withoutChain && _jsx(ImageView, { src: token.chainIcon, alt: token.symbol, size: size / 2 - 6, style: { position: "absolute", bottom: 0, right: 0 } }), token.isOmni && wallet !== "qr" && wallet?.type && _jsx(ImageView, { src: wallet.icon, alt: chains.getByType(wallet.type)?.[0]?.name || "", size: size / 2 - 6, style: { position: "absolute", bottom: 0, left: 0 } })] }));
 });
-export const TokenCard = observer(({ token, onSelect, amount, hot, wallet, rightControl }) => {
-    const balance = amount || hot.balance(wallet, token);
+export const TokenCard = observer(({ token, onSelect, amount, kit, wallet, rightControl }) => {
+    const balance = amount || (wallet === "qr" ? 0n : kit.balance(wallet, token));
     const symbol = token.isOmni && !token.isMainOmni ? `${token.symbol} (${token.originalChainSymbol})` : token.symbol;
     return (_jsxs(Card, { onClick: () => onSelect?.(token, wallet), children: [_jsx(TokenIcon, { token: token, wallet: wallet }), _jsxs(TokenWrap, { children: [_jsx(Text, { style: { textAlign: "left" }, children: symbol }), _jsxs(PSmall, { style: { textAlign: "left" }, children: ["$", formatter.amount(token.usd)] })] }), rightControl || (_jsxs(TokenWrap, { style: { textAlign: "right", paddingRight: 4, marginLeft: "auto", alignItems: "flex-end" }, children: [_jsx(Text, { children: token.readable(balance) }), _jsxs(PSmall, { children: ["$", token.readable(balance, token.usd)] })] }))] }, token.id));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"TokenCard.js","sourceRoot":"","sources":["../../../src/ui/bridge/TokenCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TokenCard.js","sourceRoot":"","sources":["../../../src/ui/bridge/TokenCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,GAAG,EAAE,EAAuF,EAAE,EAAE;IACpK,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,aAC5E,KAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,EAC5D,CAAC,YAAY,IAAI,KAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAI,EACjJ,KAAK,CAAC,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,EAAE,IAAI,IAAI,KAAC,SAAS,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAI,IAC7M,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAA8B,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAqB,EAAE,EAAE;IAC3I,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9E,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAEnH,OAAO,CACL,MAAC,IAAI,IAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,aAC3D,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,EAE3C,MAAC,SAAS,eACR,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAG,MAAM,GAAQ,EACnD,MAAC,MAAM,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,kBAAI,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAU,IACnE,EAEX,YAAY,IAAI,CACf,MAAC,SAAS,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aACnG,KAAC,IAAI,cAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAQ,EACtC,MAAC,MAAM,oBAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,IAAU,IAC5C,CACb,KAbQ,KAAK,CAAC,EAAE,CAcZ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtB,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;CAStB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;CASpB,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAY3B,CAAC"}

package/build/ui/connect/AuthPopup.d.ts

@@ -1,2 +1,9 @@
+import React from "react";
 import { OmniWallet } from "../../core/OmniWallet";
-export declare const openAuthPopup: <T>(wallet: OmniWallet, then: () => Promise<T>) => Promise<T>;
+interface AuthIntentPopupProps {
+    wallet: OmniWallet;
+    onApprove: () => Promise<void>;
+    onReject: () => void;
+}
+export declare const AuthPopup: React.FC<AuthIntentPopupProps>;
+export {};

package/build/ui/connect/AuthPopup.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import Popup, { present } from "../Popup";
+import Popup from "../Popup";
 import { PopupButton } from "../styles";
 const Loader = () => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", width: "48", height: "48", style: { shapeRendering: "auto", display: "block", background: "transparent" }, children: _jsx("circle", { strokeDasharray: "75.39822368615503 27.132741228718345", r: "16", strokeWidth: "4", stroke: "#000", fill: "none", cy: "50", cx: "50", children: _jsx("animateTransform", { keyTimes: "0;1", values: "0 50 50;360 50 50", dur: "1.408450704225352s", repeatCount: "indefinite", type: "rotate", attributeName: "transform" }) }) }));
 };
-const AuthIntentPopupComponent = ({ onApprove, onReject }) => {
+export const AuthPopup = ({ onApprove, onReject }) => {
     const [loading, setLoading] = useState(false);
     const handleApprove = async () => {
         try {
@@ -27,22 +27,4 @@ const AuthIntentPopupComponent = ({ onApprove, onReject }) => {
                     opacity: loading ? 0.5 : 1,
                 }, children: loading ? _jsx(Loader, {}) : "Sign message" })] }));
 };
-export const openAuthPopup = (wallet, then) => {
-    return new Promise((resolve, reject) => {
-        present((close) => {
-            return (_jsx(AuthIntentPopupComponent, { wallet: wallet, onReject: () => (close(), reject()), onApprove: async () => {
-                    try {
-                        const result = await then();
-                        resolve(result);
-                    }
-                    catch (e) {
-                        reject(e);
-                    }
-                    finally {
-                        close();
-                    }
-                } }));
-        });
-    });
-};
 //# sourceMappingURL=AuthPopup.js.map

package/build/ui/connect/AuthPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPopup.js","sourceRoot":"","sources":["../../../src/ui/connect/AuthPopup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AuthPopup.js","sourceRoot":"","sources":["../../../src/ui/connect/AuthPopup.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAkB,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQxC,MAAM,MAAM,GAAa,GAAG,EAAE;IAC5B,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,mBAAmB,EAAC,UAAU,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAChM,iBAAQ,eAAe,EAAC,sCAAsC,EAAC,CAAC,EAAC,IAAI,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,YAC7H,2BAAkB,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,mBAAmB,EAAC,GAAG,EAAC,oBAAoB,EAAC,WAAW,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,aAAa,EAAC,WAAW,GAAG,GACjJ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAmC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,SAAS,EAAE,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,MAAM,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,IAAC,MAAM,EAAE,2CAAuB,EAAE,OAAO,EAAE,QAAQ,aACvD,YAAG,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,2IAAgI,EAChL,KAAC,WAAW,IACV,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE;oBACL,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;iBAC3B,YAEA,OAAO,CAAC,CAAC,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC,CAAC,cAAc,GAC1B,IACR,CACT,CAAC;AACJ,CAAC,CAAC"}

package/build/ui/connect/ConnectWallet.d.ts

@@ -1,14 +1,14 @@
 import { OmniWallet } from "../../core/OmniWallet";
-import { HotConnector } from "../../HotConnector";
+import { HotKit } from "../../HotKit";
 import { WalletType } from "../../core";
 interface MultichainPopupProps {
-    hot: HotConnector;
+    kit: HotKit;
     onClose: (wallet?: OmniWallet) => void;
     title?: string;
     walletType?: WalletType;
     widget?: boolean;
 }
-export declare const Connector: (({ hot, onClose, title, walletType, widget }: MultichainPopupProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const Connector: (({ kit, onClose, title, walletType, widget }: MultichainPopupProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export {};

package/build/ui/connect/ConnectWallet.js

@@ -7,9 +7,9 @@ import { PopupOption, PopupOptionInfo } from "../styles";
 import { LogoutIcon } from "../icons/logout";
 import { ImageView } from "../uikit/image";
 import Popup from "../Popup";
-export const Connector = observer(({ hot, onClose, title, walletType, widget }) => {
-    const onechain = hot.connectors.filter((t) => t.type === ConnectorType.WALLET && (walletType == null || t.walletTypes.includes(walletType)) && t.options.length > 0);
-    const social = hot.connectors.filter((t) => t.type === ConnectorType.SOCIAL && (walletType == null || t.walletTypes.includes(walletType)));
+export const Connector = observer(({ kit, onClose, title, walletType, widget }) => {
+    const onechain = kit.connectors.filter((t) => t.type === ConnectorType.WALLET && (walletType == null || t.walletTypes.includes(walletType)) && t.options.length > 0);
+    const social = kit.connectors.filter((t) => t.type === ConnectorType.SOCIAL && (walletType == null || t.walletTypes.includes(walletType)));
     const selectConnector = async (t) => {
         if (t.wallets[0])
             return t.disconnect();

package/build/ui/connect/PrimaryWallet.d.ts

@@ -1,6 +1,6 @@
-import { HotConnector } from "../../HotConnector";
-declare const ConnectPrimaryWallet: ({ hot, onClose }: {
-    hot: HotConnector;
+import { HotKit } from "../../HotKit";
+declare const ConnectPrimaryWallet: ({ kit, onClose }: {
+    kit: HotKit;
     onClose: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ConnectPrimaryWallet;

package/build/ui/connect/PrimaryWallet.js

@@ -4,9 +4,9 @@ import Popup from "../Popup";
 import { PopupButton } from "../styles";
 import { Connector } from "./ConnectWallet";
 import { chains, WalletType } from "../../core";
-const ConnectPrimaryWallet = ({ hot, onClose }) => {
+const ConnectPrimaryWallet = ({ kit, onClose }) => {
     const [openConnect, setOpenConnect] = useState(false);
-    return (_jsx(Popup, { onClose: onClose, header: _jsx("p", { children: "Connect main wallet" }), children: openConnect ? (_jsx(Connector, { widget: true, walletType: WalletType.OMNI, hot: hot, onClose: onClose })) : (_jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", width: "100%", height: 300 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: 24, marginTop: 48 }, children: [_jsx(WalletIcon, {}), _jsx(BindIcon, {}), _jsx("img", { src: chains.get(-4).logo, style: { marginLeft: -4, width: 64, height: 64, borderRadius: "50%" } })] }), _jsx("p", { style: { marginTop: 24, fontSize: 20, fontWeight: "bold" }, children: "Connect your primary wallet" }), _jsx("p", { style: { marginTop: 8, fontSize: 16, color: "#c6c6c6" }, children: "Your HEX Balance will be tied to this wallet." }), _jsx(PopupButton, { style: { marginTop: "auto" }, onClick: () => setOpenConnect(true), children: "Connect wallet" })] })) }));
+    return (_jsx(Popup, { onClose: onClose, header: _jsx("p", { children: "Connect main wallet" }), children: openConnect ? (_jsx(Connector, { widget: true, walletType: WalletType.OMNI, kit: kit, onClose: onClose })) : (_jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", width: "100%", height: 300 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: 24, marginTop: 48 }, children: [_jsx(WalletIcon, {}), _jsx(BindIcon, {}), _jsx("img", { src: chains.get(-4).logo, style: { marginLeft: -4, width: 64, height: 64, borderRadius: "50%" } })] }), _jsx("p", { style: { marginTop: 24, fontSize: 20, fontWeight: "bold" }, children: "Connect your primary wallet" }), _jsx("p", { style: { marginTop: 8, fontSize: 16, color: "#c6c6c6" }, children: "Your HEX Balance will be tied to this wallet." }), _jsx(PopupButton, { style: { marginTop: "auto" }, onClick: () => setOpenConnect(true), children: "Connect wallet" })] })) }));
 };
 const WalletIcon = () => {
     return (_jsxs("svg", { width: "56", height: "56", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M45.333 6C48.6467 6 51.333 8.68629 51.333 12V15.333H52C55.3136 15.333 57.9998 18.0195 58 21.333V30.1826C60.191 31.2759 62 33.3016 62 35.5244V39.333C62 41.9566 60.3157 44.1858 57.9697 45.001C57.9878 45.1091 58 45.2197 58 45.333V53.333C58 56.6467 55.3137 59.333 52 59.333H12C8.68629 59.333 6 56.6467 6 53.333V12C6 8.68629 8.68629 6 12 6H45.333ZM10 53.333C10 54.4376 10.8954 55.333 12 55.333H52C53.1046 55.333 54 54.4376 54 53.333V45.333C54 45.2208 54.0115 45.1111 54.0293 45.0039L48 44C43.9499 44 41.333 42.0501 41.333 38C41.333 33.9499 43.9499 30.667 48 30.667L54 29.4658V21.333C53.9998 20.2286 53.1045 19.333 52 19.333H10V53.333ZM48 33.333C46.159 33.333 44 36.1591 44 38C44 39.8409 46.159 41.333 48 41.333H56C57.1046 41.333 58 40.4376 58 39.333V36.667C58 35.9442 57.0444 34.7412 56.0752 33.9951C56.0502 33.996 56.0252 34 56 34C55.4082 34 54.8779 33.7416 54.5117 33.333H48ZM12 10C10.8954 10 10 10.8954 10 12V15.333H47.333V12C47.333 10.8954 46.4376 10 45.333 10H12Z", fill: "#EBDEDC" }), _jsx("path", { d: "M42.9756 6.00781C46.1457 6.16859 48.667 8.7899 48.667 12V15.333H49.333C52.6466 15.333 55.3328 18.0195 55.333 21.333V30.0371C58.3331 30.3686 60.667 32.9115 60.667 36V38.667C60.6668 41.7553 58.3329 44.2973 55.333 44.6289V50.667C55.3328 53.9806 52.6466 56.667 49.333 56.667H12C8.6864 56.667 6.00018 53.9805 6 50.667V12C6 8.68629 8.6863 6 12 6H42.667L42.9756 6.00781ZM10 50.667C10.0002 51.7714 10.8955 52.667 12 52.667H49.333C50.4375 52.667 51.3328 51.7714 51.333 50.667V44.667H48C43.9501 44.6668 40.667 41.383 40.667 37.333C40.6672 33.2832 43.9502 30.0002 48 30H51.333V21.333C51.3328 20.2286 50.4375 19.333 49.333 19.333H10V50.667ZM48 34C46.1593 34.0002 44.6672 35.4923 44.667 37.333C44.667 39.1738 46.1592 40.6668 48 40.667H54.667C55.7713 40.6668 56.6668 39.7713 56.667 38.667V36C56.667 34.8955 55.7714 34.0002 54.667 34H48ZM12 10C10.8954 10 10 10.8954 10 12V15.333H44.667V12C44.667 10.9645 43.8796 10.1132 42.8711 10.0107L42.667 10H12Z", fill: "#EBDEDC" })] }));

package/build/ui/connect/PrimaryWallet.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryWallet.js","sourceRoot":"","sources":["../../../src/ui/connect/PrimaryWallet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,oBAAoB,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAA8C,EAAE,EAAE;IAC5F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,8CAA0B,YACxD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CACrF,CAAC,CAAC,CAAC,CACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,aAClI,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aACrG,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,KAAG,EACZ,cAAK,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAI,IACpG,EAEN,YAAG,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,4CAAiC,EAC9F,YAAG,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,8DAAmD,EAE7G,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,+BAEhE,IACV,CACP,GACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,OAAO,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,eACE,CAAC,EAAC,q8BAAq8B,EACv8B,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,w6BAAw6B,EAC16B,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,OAAO,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,eACE,CAAC,EAAC,0tCAA0tC,EAC5tC,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,g5CAAg5C,EACl5C,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PrimaryWallet.js","sourceRoot":"","sources":["../../../src/ui/connect/PrimaryWallet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,oBAAoB,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAwC,EAAE,EAAE;IACtF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,8CAA0B,YACxD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CACrF,CAAC,CAAC,CAAC,CACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,aAClI,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aACrG,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,KAAG,EACZ,cAAK,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAI,IACpG,EAEN,YAAG,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,4CAAiC,EAC9F,YAAG,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,8DAAmD,EAE7G,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,+BAEhE,IACV,CACP,GACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,OAAO,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,eACE,CAAC,EAAC,q8BAAq8B,EACv8B,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,w6BAAw6B,EAC16B,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,OAAO,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,eACE,CAAC,EAAC,0tCAA0tC,EAC5tC,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,g5CAAg5C,EACl5C,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/build/ui/icons/copy.d.ts

@@ -0,0 +1 @@
+export default function CopyIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/build/ui/icons/copy.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function CopyIcon(props) {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M16.5 3C17.3284 3 18 3.67157 18 4.5V5H7.5C6.67157 5 6 5.67157 6 6.5V19H5.5C4.67157 19 4 18.3284 4 17.5V4.5C4 3.67157 4.67157 3 5.5 3H16.5Z", fill: "currentColor" }), _jsx("path", { d: "M8.5 6.75H18.5C18.9142 6.75 19.25 7.08579 19.25 7.5V19.5C19.25 19.9142 18.9142 20.25 18.5 20.25H8.5C8.08579 20.25 7.75 19.9142 7.75 19.5V7.5C7.75 7.08579 8.08579 6.75 8.5 6.75Z", stroke: "currentColor", "stroke-width": "1.5" })] }));
+}
+//# sourceMappingURL=copy.js.map

package/build/ui/icons/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../src/ui/icons/copy.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoC;IACnE,OAAO,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACtG,eAAM,CAAC,EAAC,4IAA4I,EAAC,IAAI,EAAC,cAAc,GAAG,EAC3K,eAAM,CAAC,EAAC,kLAAkL,EAAC,MAAM,EAAC,cAAc,kBAAc,KAAK,GAAG,IAClO,CACP,CAAC;AACJ,CAAC"}

package/build/ui/icons/warning.d.ts

@@ -0,0 +1 @@
+export declare const WarningIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/ui/icons/warning.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const WarningIcon = (props) => {
+    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M11.7427 2.00439C17.2636 1.86272 21.8537 6.22376 21.9956 11.7446C22.1371 17.2653 17.777 21.8556 12.2563 21.9976C6.73553 22.139 2.14412 17.7782 2.00244 12.2573C1.86095 6.73664 6.22204 2.14639 11.7427 2.00439ZM12.0005 9.75049C11.5863 9.75049 11.2505 10.0863 11.2505 10.5005V15.5005C11.2507 15.9145 11.5864 16.2505 12.0005 16.2505C12.4144 16.2503 12.7503 15.9144 12.7505 15.5005V10.5005C12.7505 10.0864 12.4145 9.75071 12.0005 9.75049ZM12.0005 7.25049C11.5863 7.25049 11.2505 7.58627 11.2505 8.00049V8.50049C11.2507 8.91452 11.5864 9.25049 12.0005 9.25049C12.4144 9.25027 12.7503 8.91438 12.7505 8.50049V8.00049C12.7505 7.58641 12.4145 7.25071 12.0005 7.25049Z", fill: "#F3AE47" }) }));
+};
+//# sourceMappingURL=warning.js.map

package/build/ui/icons/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.js","sourceRoot":"","sources":["../../../src/ui/icons/warning.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;IAClE,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,YACtG,eACE,CAAC,EAAC,mpBAAmpB,EACrpB,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/build/ui/profile/DepositFlow.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { HotKit } from "../../HotKit";
+interface DepositFlowProps {
+    kit: HotKit;
+    onClose: () => void;
+}
+export declare const DepositFlow: React.FC<DepositFlowProps>;
+export {};

package/build/ui/profile/DepositFlow.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Popup from "../Popup";
+import { ActionButton } from "../uikit/button";
+import { SelectTokenPopup } from "../bridge/SelectToken";
+export const DepositFlow = ({ kit, onClose }) => {
+    const [token, setToken] = useState(null);
+    if (token == null) {
+        return _jsx(SelectTokenPopup, { kit: kit, onClose: onClose, onSelect: (t) => setToken(t) });
+    }
+    return (_jsx(Popup, { header: _jsxs("p", { children: ["Deposit ", token.symbol] }), children: _jsx(ActionButton, { onClick: onClose, children: "Deposit" }) }));
+};
+//# sourceMappingURL=DepositFlow.js.map

package/build/ui/profile/DepositFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DepositFlow.js","sourceRoot":"","sources":["../../../src/ui/profile/DepositFlow.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQzD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,CAAC;IACxF,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IAAC,MAAM,EAAE,oCAAY,KAAK,CAAC,MAAM,IAAK,YAC1C,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,wBAAwB,GAChD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/build/ui/profile/DepositQR.d.ts

@@ -1,8 +1,10 @@
+import { HotKit } from "../../HotKit";
 import { BridgeReview } from "../../core/exchange";
-declare const DepositQR: (({ review, onConfirm, onCancel }: {
+declare const DepositQR: (({ kit, review, onConfirm, onCancel }: {
+    kit: HotKit;
     review: BridgeReview;
     onConfirm: () => void;
-    onCancel: () => void;
+    onCancel?: () => void;
 }) => import("react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };

package/build/ui/profile/DepositQR.js

@@ -3,10 +3,11 @@ import { useEffect, useRef, useState } from "react";
 import QRCodeStyling from "qr-code-styling";
 import { observer } from "mobx-react-lite";
 import styled from "styled-components";
-import { formatter } from "../../core";
+import { WarningIcon } from "../icons/warning";
 import { ActionButton, Button } from "../uikit/button";
 import { PMedium, PSmall } from "../uikit/text";
-const DepositQR = observer(({ review, onConfirm, onCancel }) => {
+import CopyIcon from "../icons/copy";
+const DepositQR = observer(({ kit, review, onConfirm, onCancel }) => {
     const qrCodeRef = useRef(null);
     const [qrCode] = useState(() => {
         if (review.qoute === "deposit" || review.qoute === "withdraw")
@@ -30,9 +31,29 @@ const DepositQR = observer(({ review, onConfirm, onCancel }) => {
     }, []);
     if (review.qoute === "deposit" || review.qoute === "withdraw")
         return null;
-    return (_jsxs("div", { style: { position: "relative", width: "100%", height: "100%", gap: 8, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", flex: 1 }, children: [_jsx(CloseButton, { onClick: onCancel, children: _jsx(PSmall, { children: "Back" }) }), _jsx("div", { ref: qrCodeRef, style: { marginTop: "auto", borderRadius: 12, padding: 8, border: "1px solid #2d2d2d", background: "#1c1c1c", textAlign: "left" } }), _jsxs(PMedium, { style: { marginTop: 16, color: "#ababab", textAlign: "left", width: "100%" }, children: ["Send ", _jsx(Pre, { children: review.qoute.amountInFormatted }), " ", _jsx(Pre, { children: review.from.symbol }), " on ", _jsx(Pre, { children: review.from.chainName }), " chain to:"] }), _jsx(Pre, { style: { width: "100%", fontSize: 14, fontWeight: "bold", textAlign: "left", padding: 0, background: "transparent", border: "none" }, children: review.qoute.depositAddress }), _jsxs(PSmall, { style: { marginTop: 12, color: "#ababab", textAlign: "left" }, children: ["Please make sure you send ", _jsx(Pre, { children: review.from.symbol }), " token on ", _jsx(Pre, { children: review.from.chainName }), " chain, otherwise you may lose your funds!"] }), _jsxs(PSmall, { style: { color: "#ababab", textAlign: "left" }, children: ["If the exchange fails, your funds will be refunded on your HEX balance to ", _jsx(Pre, { children: formatter.truncateAddress(review.refund?.address || "", 12) }), " after 20 minutes and you will be able to withdraw or exchange them."] }), _jsx(ActionButton, { style: { marginTop: 12 }, onClick: onConfirm, children: "I sent the funds" })] }));
+    const depositAddress = review.qoute.depositAddress;
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(depositAddress);
+            kit.toast.success("Address copied to clipboard");
+        }
+        catch (error) {
+            kit.toast.failed("Failed to copy address");
+        }
+    };
+    return (_jsxs("div", { style: { position: "relative", width: "100%", height: "100%", gap: 8, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", flex: 1 }, children: [onCancel != null && (_jsx(CloseButton, { onClick: onCancel, children: _jsx(PSmall, { children: "Back" }) })), _jsx("div", { ref: qrCodeRef, style: { marginTop: "auto", borderRadius: 12, padding: "4px 4px 0 4px", border: "1px solid #2d2d2d", background: "#1c1c1c", textAlign: "left" } }), _jsxs(PMedium, { style: { textAlign: "center", marginTop: 16, color: "#ababab", width: "100%" }, children: ["Send ", _jsx(Pre, { children: review.qoute.amountInFormatted }), " ", _jsx(Pre, { children: review.from.symbol }), " on ", _jsx(Pre, { children: review.from.chainName }), " chain to:"] }), _jsxs("div", { style: { width: "100%", justifyContent: "center", display: "flex", gap: 4 }, children: [_jsx(Pre, { style: { fontSize: 14, fontWeight: "bold", padding: 0, background: "transparent", border: "none" }, children: depositAddress }), _jsx(Button, { onClick: handleCopy, children: _jsx(CopyIcon, { width: 16, height: 16, color: "#ababab" }) })] }), _jsxs(WarningBadge, { children: [_jsx(WarningIcon, { color: "#F3AE47", style: { marginTop: 4, flexShrink: 0 } }), _jsxs(PSmall, { style: { color: "#F3AE47", fontWeight: "bold" }, children: ["Only deposit ", review.from.symbol, " from ", review.from.chainName, " network.", _jsx("br", {}), "Depositing other assets or using a different network will result in loss of funds"] })] }), _jsx(ActionButton, { style: { marginTop: 12 }, onClick: onConfirm, children: "I sent the funds" })] }));
 });
-const Pre = styled.pre `
+const WarningBadge = styled.div `
+  border-radius: 8px;
+  border: 1px solid var(--border-border-orange, #f3ae47);
+  background: var(--surface-warning, #3f311d);
+  padding: 8px;
+  display: flex;
+  gap: 8px;
+  text-align: left;
+  margin-top: 12px;
+`;
+const Pre = styled.code `
   display: inline;
   background: #2d2d2d;
   padding: 0 2px;

package/build/ui/profile/DepositQR.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepositQR.js","sourceRoot":"","sources":["../../../src/ui/profile/DepositQR.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAyE,EAAE,EAAE;IACpI,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAuB,GAAG,EAAE;QACnD,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,UAAU;YAAE,OAAO,IAAI,CAAC;QAC3E,OAAO,IAAI,aAAa,CAAC;YACvB,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,cAAc;YACjC,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;YAC/C,iBAAiB,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;YAC3C,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,KAAK;SACZ,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAC/B,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,UAAU;YAAE,OAAO;QACtE,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,UAAU;QAAE,OAAO,IAAI,CAAC;IAE3E,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,aAC5K,KAAC,WAAW,IAAC,OAAO,EAAE,QAAQ,YAC5B,KAAC,MAAM,uBAAc,GACT,EAEd,cAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,GAAQ,EAE9J,MAAC,OAAO,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,sBAC9E,KAAC,GAAG,cAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB,GAAO,OAAC,KAAC,GAAG,cAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAO,UAAI,KAAC,GAAG,cAAE,MAAM,CAAC,IAAI,CAAC,SAAS,GAAO,kBAC9G,EAEV,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,YAAG,MAAM,CAAC,KAAK,CAAC,cAAc,GAAO,EAE9K,MAAC,MAAM,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,2CACzC,KAAC,GAAG,cAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAO,gBAAU,KAAC,GAAG,cAAE,MAAM,CAAC,IAAI,CAAC,SAAS,GAAO,kDAC9F,EAET,MAAC,MAAM,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,2FACsB,KAAC,GAAG,cAAE,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,EAAE,EAAE,CAAC,GAAO,4EAC3I,EAET,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,iCAE3C,IACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYrB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;;CAcjC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DepositQR.js","sourceRoot":"","sources":["../../../src/ui/profile/DepositQR.tsx"],"names":[],"mappings":"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"}

package/build/ui/profile/Payment.d.ts

@@ -1,24 +1,21 @@
 import { Intents } from "../../core";
-import { BridgeReview } from "../../core/exchange";
+import { BridgePending } from "../../core/pendings";
 import { Token } from "../../core/token";
-import { HotConnector } from "../../HotConnector";
+import { HotKit } from "../../HotKit";
 interface PaymentProps {
     onReject: (message: string) => void;
-    onConfirm: (args: {
-        depositQoute?: BridgeReview;
-        processing?: () => Promise<BridgeReview>;
-    }) => Promise<void>;
+    onConfirm: (pending?: BridgePending) => Promise<void>;
     close: () => void;
+    title?: string;
     excludedTokens?: string[];
     allowedTokens?: string[];
     prepaidAmount: bigint;
     payableToken: Token;
     needAmount: bigint;
-    connector: HotConnector;
     intents: Intents;
-    title?: string;
+    kit: HotKit;
 }
-export declare const Payment: (({ connector, intents, title, allowedTokens, excludedTokens, prepaidAmount, payableToken, needAmount, onReject, onConfirm, close }: PaymentProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const Payment: (({ kit, intents, title, allowedTokens, excludedTokens, prepaidAmount, payableToken, needAmount, onReject, onConfirm, close }: PaymentProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export {};

package/build/ui/profile/Payment.js

@@ -4,6 +4,8 @@ import { useEffect, useState } from "react";
 import styled from "styled-components";
 import { HelpIcon } from "../icons/help";
 import { WalletIcon } from "../icons/wallet";
+import { QRIcon } from "../icons/qr";
+import { tokens } from "../../core";
 import { formatter } from "../../core/utils";
 import { HorizontalStepper } from "../uikit/Stepper";
 import { ActionButton } from "../uikit/button";
@@ -11,8 +13,8 @@ import { H6, PSmall } from "../uikit/text";
 import { Loader } from "../uikit/loader";
 import { PopupOption, PopupOptionInfo } from "../styles";
 import { TokenCard } from "../bridge/TokenCard";
-import { openConnector } from "../router";
 import Popup from "../Popup";
+import DepositQR from "./DepositQR";
 const animations = {
     success: "https://hex.exchange/success.json",
     failed: "https://hex.exchange/error.json",
@@ -20,17 +22,17 @@ const animations = {
 };
 const PAY_SLIPPAGE = 0.002;
 const STABLE_SLIPPAGE = 0.001;
-export const Payment = observer(({ connector, intents, title = "Payment", allowedTokens, excludedTokens, prepaidAmount, payableToken, needAmount, onReject, onConfirm, close }) => {
+export const Payment = observer(({ kit, intents, title = "Payment", allowedTokens, excludedTokens, prepaidAmount, payableToken, needAmount, onReject, onConfirm, close }) => {
     useState(() => {
         fetch(animations.loading);
         fetch(animations.success);
         fetch(animations.failed);
     });
     useEffect(() => {
-        if (connector.wallets.length !== 0)
+        if (kit.wallets.length !== 0)
             return;
-        openConnector(connector);
-    }, [connector.wallets.length]);
+        kit.router.openConnector(kit);
+    }, [kit.wallets.length]);
     const [flow, setFlow] = useState(needAmount === 0n ? { step: "transfer" } : null);
     const paymentTitle = title || `Pay ${payableToken.readable(needAmount)} ${payableToken.symbol}`;
     const showPrepaidToken = payableToken.float(prepaidAmount) >= 0.001;
@@ -40,32 +42,32 @@ export const Payment = observer(({ connector, intents, title = "Payment", allowe
         setFlow({ token: from, wallet, review: undefined, step: "sign" });
         const isStableFrom = from.symbol === "USDT" || from.symbol === "USDC";
         const isStableTo = payableToken.symbol === "USDT" || payableToken.symbol === "USDC";
-        const isDirectDeposit = connector.exchange.isDirectDeposit(from, payableToken);
+        const isDirectDeposit = kit.exchange.isDirectDeposit(from, payableToken);
         const isStable = isStableFrom && isStableTo;
         let tasks = [];
-        if (isStable && !isDirectDeposit) {
+        if (isStable && !isDirectDeposit && wallet !== "qr") {
             const slippages = [0.0005, 0.001, 0.0015];
             tasks = slippages.map((slippage) => {
                 const extra = (needAmount * BigInt(Math.floor(slippage * 1000))) / BigInt(1000);
-                return connector.exchange.reviewSwap({
+                return kit.exchange.reviewSwap({
                     amount: from.int(payableToken.float(needAmount + extra)),
                     recipient: intents.signer,
                     slippage: slippage,
                     sender: wallet,
-                    refund: wallet,
                     type: "exactIn",
                     to: payableToken,
+                    refund: wallet,
                     from,
                 });
             });
         }
-        const exectOutReview = await connector.exchange
+        const exectOutReview = await kit.exchange
             .reviewSwap({
             slippage: isStable ? STABLE_SLIPPAGE : PAY_SLIPPAGE,
+            refund: wallet === "qr" ? kit.priorityWallet : wallet,
             recipient: intents.signer,
             amount: needAmount,
             sender: wallet,
-            refund: wallet,
             type: "exactOut",
             to: payableToken,
             from,
@@ -108,14 +110,14 @@ export const Payment = observer(({ connector, intents, title = "Payment", allowe
             setFlow((t) => (t ? { ...t, step: "loading" } : null));
             if (flow?.review == null) {
                 await intents.sign();
-                await onConfirm({});
+                await onConfirm();
                 setFlow({ loading: false, step: "success" });
                 setTimeout(() => close(), 2000);
                 return;
             }
             flow.review.logger = console;
-            const result = await connector.exchange.makeSwap(flow.review);
-            await onConfirm({ depositQoute: result.review, processing: result.processing });
+            const result = await kit.exchange.makeSwap(flow.review);
+            await onConfirm(result);
             setFlow({ loading: false, step: "success" });
             setTimeout(() => close(), 2000);
         }
@@ -135,35 +137,41 @@ export const Payment = observer(({ connector, intents, title = "Payment", allowe
         return (_jsxs(Popup, { header: _jsx("p", { children: paymentTitle }), children: [_jsxs("div", { style: { width: "100%", height: 400, gap: 8, display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column" }, children: [_jsx("dotlottie-wc", { src: animations.failed, speed: "1", style: { width: 300, height: 300 }, mode: "forward", loop: true, autoplay: true }, "error"), _jsx("p", { style: { fontSize: 24, marginTop: -32, fontWeight: "bold" }, children: "Transaction failed" }), _jsx("p", { style: { fontSize: 14, width: "80%", textAlign: "center", overflowY: "auto", lineBreak: "anywhere" }, children: formatter.serializeError(flow.error) })] }), _jsx(ActionButton, { onClick: () => onReject(formatter.serializeError(flow.error)), children: "Close" })] }));
     }
     if (flow?.step === "transfer") {
-        return (_jsxs(Popup, { onClose: () => onReject("closed"), header: _jsx("p", { children: paymentTitle }), children: [_jsx(HorizontalStepper, { style: { marginBottom: 24 }, steps: [{ label: "Select" }, { label: "Review" }, { label: "Confirm" }], currentStep: 2 }), _jsxs("div", { style: { textAlign: "left" }, children: [_jsx(H6, { children: "Confirm transfer" }), _jsx(PSmall, { children: "Transfer approved. Click confirm to make the payment." })] }), _jsxs("div", { style: { marginTop: 8, position: "relative", width: "100%", display: "flex", flexDirection: "column", gap: 8 }, children: [showPrepaidToken && _jsx(TokenCard, { token: payableToken, hot: connector, wallet: intents.signer, amount: prepaidAmount }), flow.token != null && (_jsx(TokenCard //
-                        , { hot: connector, token: flow.token, wallet: flow.wallet, amount: flow.review == null ? needAmount : flow.review?.amountIn ?? 0n })), showPrepaidToken && flow.token != null && (_jsx(PlusButton, { children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("rect", { x: "11", y: "4", width: "2", height: "16", rx: "1", fill: "#fff" }), _jsx("rect", { x: "4", y: "11", width: "16", height: "2", rx: "1", fill: "#fff" })] }) }))] }), flow.review && flow.review.amountOut - flow.review.minAmountOut > 0n && (_jsxs("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [_jsx(HelpIcon, { style: { flexShrink: 0, marginTop: 4, width: 20, height: 20 } }), _jsxs(PSmall, { style: { textAlign: "left" }, children: ["Due to slippage, your HEX balance may return up to", " ", _jsxs("b", { children: [flow.review.to.readable(flow.review.amountOut - flow.review.minAmountOut), " ", flow.review.to.symbol] }), " ", "after the transaction is completed"] })] })), _jsx(ActionButton, { style: { marginTop: 24 }, onClick: confirmPaymentStep, children: flow?.loading ? "Transferring..." : "Confirm transfer" })] }));
+        if (flow.wallet === "qr") {
+            return (_jsxs(Popup, { onClose: () => onReject("closed"), header: _jsx("p", { children: paymentTitle }), children: [_jsx(HorizontalStepper, { steps: [{ label: "Select" }, { label: "Review" }, { label: "Confirm" }], currentStep: 2 }), _jsx(DepositQR, { kit: kit, review: flow.review, onConfirm: confirmPaymentStep })] }));
+        }
+        return (_jsxs(Popup, { onClose: () => onReject("closed"), header: _jsx("p", { children: paymentTitle }), children: [_jsx(HorizontalStepper, { style: { marginBottom: 24 }, steps: [{ label: "Select" }, { label: "Review" }, { label: "Confirm" }], currentStep: 2 }), _jsxs("div", { style: { textAlign: "left" }, children: [_jsx(H6, { children: "Confirm transfer" }), _jsx(PSmall, { children: "Transfer approved. Click confirm to make the payment." })] }), _jsxs("div", { style: { marginTop: 8, position: "relative", width: "100%", display: "flex", flexDirection: "column", gap: 8 }, children: [showPrepaidToken && _jsx(TokenCard, { token: payableToken, kit: kit, wallet: intents.signer, amount: prepaidAmount }), flow.token != null && (_jsx(TokenCard //
+                        , { kit: kit, token: flow.token, wallet: flow.wallet, amount: flow.review == null ? needAmount : flow.review?.amountIn ?? 0n })), showPrepaidToken && flow.token != null && (_jsx(PlusButton, { children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("rect", { x: "11", y: "4", width: "2", height: "16", rx: "1", fill: "#fff" }), _jsx("rect", { x: "4", y: "11", width: "16", height: "2", rx: "1", fill: "#fff" })] }) }))] }), flow.review && flow.review.amountOut - flow.review.minAmountOut > 0n && (_jsxs("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [_jsx(HelpIcon, { style: { flexShrink: 0, marginTop: 4, width: 20, height: 20 } }), _jsxs(PSmall, { style: { textAlign: "left" }, children: ["Due to slippage, your HEX balance may return up to", " ", _jsxs("b", { children: [flow.review.to.readable(flow.review.amountOut - flow.review.minAmountOut), " ", flow.review.to.symbol] }), " ", "after the transaction is completed"] })] })), _jsx(ActionButton, { style: { marginTop: 24 }, onClick: confirmPaymentStep, children: flow?.loading ? "Transferring..." : "Confirm transfer" })] }));
     }
     if (flow?.step === "sign") {
         const rightControl = _jsx("div", { style: { paddingRight: 4, marginLeft: "auto", alignItems: "flex-end" }, children: flow.error ? _jsx(ErrorIcon, {}) : _jsx(Loader, {}) });
-        return (_jsxs(Popup, { onClose: () => onReject("closed"), header: _jsx("p", { children: title }), children: [_jsx(HorizontalStepper, { style: { marginBottom: 24 }, steps: [{ label: "Select" }, { label: "Review" }, { label: "Confirm" }], currentStep: 1 }), _jsxs("div", { style: { textAlign: "left" }, children: [_jsx(H6, { children: "Approve transfer" }), _jsx(PSmall, { children: "Click the button below to approve the transfer" })] }), _jsxs("div", { style: { marginTop: 8, position: "relative", width: "100%", display: "flex", flexDirection: "column", gap: 8 }, children: [showPrepaidToken && _jsx(TokenCard, { token: payableToken, hot: connector, wallet: intents.signer, amount: prepaidAmount }), flow.token != null && (_jsx(TokenCard //
-                        , { hot: connector, token: flow.token, wallet: flow.wallet, rightControl: flow.review ? undefined : rightControl, amount: flow.review == null ? needAmount : flow.review?.amountIn ?? 0n })), showPrepaidToken && flow.token != null && (_jsx(PlusButton, { children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("rect", { x: "11", y: "4", width: "2", height: "16", rx: "1", fill: "#fff" }), _jsx("rect", { x: "4", y: "11", width: "16", height: "2", rx: "1", fill: "#fff" })] }) }))] }), flow.review && flow.review.amountOut - flow.review.minAmountOut > 0n && (_jsxs("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [_jsx(HelpIcon, { style: { flexShrink: 0, marginTop: 4, width: 20, height: 20 } }), _jsxs(PSmall, { style: { textAlign: "left" }, children: ["Due to slippage, your HEX balance may return up to", " ", _jsxs("b", { children: [flow.review.to.readable(flow.review.amountOut - flow.review.minAmountOut), " ", flow.review.to.symbol] }), " ", "after the transaction is completed"] })] })), flow.error ? (_jsxs(_Fragment, { children: [_jsx(ActionButton, { "$stroke": true, style: { marginTop: 24 }, onClick: () => selectToken(flow.token, flow.wallet), children: "Try again" }), _jsx(ActionButton, { style: { marginTop: 8 }, onClick: () => setFlow(null), children: "Select another token" })] })) : (_jsx(ActionButton, { style: { marginTop: 24 }, disabled: !flow?.review, onClick: signStep, children: flow?.loading ? "Approving..." : flow?.review ? "Approve transfer" : "Quoting..." }))] }));
+        return (_jsxs(Popup, { onClose: () => onReject("closed"), header: _jsx("p", { children: title }), children: [_jsx(HorizontalStepper, { style: { marginBottom: 24 }, steps: [{ label: "Select" }, { label: "Review" }, { label: "Confirm" }], currentStep: 1 }), _jsxs("div", { style: { textAlign: "left" }, children: [_jsx(H6, { children: "Approve transfer" }), _jsx(PSmall, { children: "Click the button below to approve the transfer" })] }), _jsxs("div", { style: { marginTop: 8, position: "relative", width: "100%", display: "flex", flexDirection: "column", gap: 8 }, children: [showPrepaidToken && _jsx(TokenCard, { token: payableToken, kit: kit, wallet: intents.signer, amount: prepaidAmount }), flow.token != null && (_jsx(TokenCard //
+                        , { kit: kit, token: flow.token, wallet: flow.wallet, rightControl: flow.review ? undefined : rightControl, amount: flow.review == null ? needAmount : flow.review?.amountIn ?? 0n })), showPrepaidToken && flow.token != null && (_jsx(PlusButton, { children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("rect", { x: "11", y: "4", width: "2", height: "16", rx: "1", fill: "#fff" }), _jsx("rect", { x: "4", y: "11", width: "16", height: "2", rx: "1", fill: "#fff" })] }) }))] }), flow.review && flow.review.amountOut - flow.review.minAmountOut > 0n && (_jsxs("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [_jsx(HelpIcon, { style: { flexShrink: 0, marginTop: 4, width: 20, height: 20 } }), _jsxs(PSmall, { style: { textAlign: "left" }, children: ["Due to slippage, your HEX balance may return up to", " ", _jsxs("b", { children: [flow.review.to.readable(flow.review.amountOut - flow.review.minAmountOut), " ", flow.review.to.symbol] }), " ", "after the transaction is completed"] })] })), flow.error ? (_jsxs(_Fragment, { children: [_jsx(ActionButton, { "$stroke": true, style: { marginTop: 24 }, onClick: () => selectToken(flow.token, flow.wallet), children: "Try again" }), _jsx(ActionButton, { style: { marginTop: 8 }, onClick: () => setFlow(null), children: "Select another token" })] })) : (_jsx(ActionButton, { style: { marginTop: 24 }, disabled: !flow?.review, onClick: signStep, children: flow?.loading ? "Approving..." : flow?.review ? "Approve transfer" : "Quoting..." }))] }));
     }
-    const recommendedTokens = connector.walletsTokens.filter((t) => t.token.symbol === "USDT" || t.token.symbol === "USDC");
-    const otherTokens = connector.walletsTokens.filter((t) => t.token.symbol !== "USDT" && t.token.symbol !== "USDC");
-    const renderToken = (token, wallet, balance) => {
-        if (token.id === payableToken.id && connector.priorityWallet?.type === wallet.type)
-            return null;
-        const availableBalance = token.float(balance) - token.reserve;
+    const availableTokens = kit.walletsTokens.filter(({ token }) => {
         // Allow only tokens in the allowedTokens list
         if (allowedTokens != null && !allowedTokens?.includes(token.id))
-            return null;
+            return false;
         // Exclude tokens in the excludedTokens list
         if (excludedTokens != null && excludedTokens?.includes(token.id))
+            return false;
+        return true;
+    });
+    const recommendedTokens = availableTokens.filter((t) => t.token.symbol === "USDT" || t.token.symbol === "USDC");
+    const otherTokens = availableTokens.filter((t) => t.token.symbol !== "USDT" && t.token.symbol !== "USDC");
+    const renderToken = (token, wallet, balance) => {
+        if (token.id === payableToken.id && kit.priorityWallet?.type === wallet.type)
             return null;
+        const availableBalance = token.float(balance) - token.reserve;
         // same token as need and enough balance is direct deposit
         if (token.originalId === payableToken.originalId && availableBalance >= payableToken.float(needAmount)) {
-            return _jsx(TokenCard, { token: token, onSelect: selectToken, hot: connector, wallet: wallet }, token.id);
+            return _jsx(TokenCard, { token: token, onSelect: selectToken, kit: kit, wallet: wallet }, token.id);
         }
         if (availableBalance * token.usd <= payableToken.usd * payableToken.float(needAmount) * (1 + PAY_SLIPPAGE))
             return null;
-        return _jsx(TokenCard, { token: token, onSelect: selectToken, hot: connector, wallet: wallet }, token.id);
+        return _jsx(TokenCard, { token: token, onSelect: selectToken, kit: kit, wallet: wallet }, token.id);
     };
-    return (_jsxs(Popup, { onClose: () => onReject("closed"), header: _jsx("p", { children: title }), children: [_jsx(HorizontalStepper, { style: { marginBottom: 24 }, steps: [{ label: "Select" }, { label: "Review" }, { label: "Confirm" }], currentStep: 0 }), recommendedTokens.map(({ token, wallet, balance }) => renderToken(token, wallet, balance)), otherTokens.map(({ token, wallet, balance }) => renderToken(token, wallet, balance)), _jsxs(PopupOption, { style: { marginTop: 8 }, 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: "Don't find the right token?" }), _jsx("span", { className: "wallet-address", children: "Connect another wallet" })] })] })] }));
+    return (_jsxs(Popup, { onClose: () => onReject("closed"), header: _jsx("p", { children: title }), children: [_jsx(HorizontalStepper, { style: { marginBottom: 24 }, steps: [{ label: "Select" }, { label: "Review" }, { label: "Confirm" }], currentStep: 0 }), recommendedTokens.map(({ token, wallet, balance }) => renderToken(token, wallet, balance)), otherTokens.map(({ token, wallet, balance }) => renderToken(token, wallet, balance)), kit.connectors.every((t) => !t.walletTypes.includes(payableToken.originalChain)) && (_jsxs(PopupOption, { style: { marginTop: 8 }, onClick: () => selectToken(tokens.get(payableToken.originalAddress, payableToken.originalChain), "qr"), 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", { children: "Send via QR code" }), _jsx("span", { className: "wallet-address", children: "Transfer from CEX or external wallet" })] })] })), _jsxs(PopupOption, { style: { marginTop: 8 }, onClick: () => kit.router.openConnector(kit), 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: "Don't find the right token?" }), _jsx("span", { className: "wallet-address", children: "Connect another wallet" })] })] })] }));
 });
 const ErrorIcon = () => {
     return (_jsxs("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Failed", style: { display: "block", margin: "0 auto" }, children: [_jsx("circle", { cx: "14", cy: "14", r: "13", stroke: "#E74C3C", strokeWidth: "2" }), _jsx("path", { d: "M9 9l10 10M19 9l-10 10", stroke: "#E74C3C", strokeWidth: "2.5", strokeLinecap: "round" })] }));