@enclavemoney/enclave-wallet-sdk
Version:
A simple enclave wallet SDK for React applications
816 lines • 110 kB
JavaScript
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SwapToken = void 0;
var react_1 = __importStar(require("react"));
var ReviewOrder_1 = __importDefault(require("./ReviewOrder"));
var lucide_react_1 = require("lucide-react");
var MessagePopup_1 = __importDefault(require("../MessagePopup"));
var TokenSelector_1 = __importDefault(require("../TokenSelector"));
var services_1 = require("../../services/services");
var Spinner_1 = __importDefault(require("../ui/Spinner"));
var SelectNetwork_1 = __importDefault(require("../SelectNetwork"));
var utils_1 = require("../utils");
var SelectSingleNetwork_1 = __importDefault(require("../SelectSingleNetwork"));
var ActivityDetails_1 = __importDefault(require("../Activity/ActivityDetails"));
var utils_2 = require("../utils");
var ethers_1 = require("ethers");
var ethers_2 = require("ethers");
var TokenLogo_1 = require("../ui/TokenLogo");
var ui_1 = require("../ui");
var framer_motion_1 = require("framer-motion");
var WalletProvider_1 = require("../WalletProvider");
var theme_1 = require("../../types/theme");
var NetworkAllocationDisplay = function (_a) {
var network = _a.network, amount = _a.amount, symbol = _a.symbol;
var currentTheme = (0, WalletProvider_1.useWallet)().currentTheme;
return (react_1.default.createElement("div", { style: {
display: "flex",
justifyContent: "space-between",
alignItems: "center",
width: "100%",
padding: "8px 0",
} },
react_1.default.createElement("div", { style: {
display: "flex",
alignItems: "center",
gap: "8px",
} },
react_1.default.createElement("img", { src: utils_1.NETWORK_LOGO_URLS[utils_1.NETWORK_NAME_TO_CHAIN_ID[network]], alt: network, style: { width: 24, height: 24, borderRadius: "50%" } }),
react_1.default.createElement("span", { style: { fontSize: 14, color: currentTheme.text, fontWeight: 500 } }, network)),
react_1.default.createElement("span", { style: { fontSize: 14, color: currentTheme.textSecondary } },
amount,
" ",
symbol)));
};
// Add this helper function at the top level
var calculateTotalAmount = function (networks, decimals) {
if (decimals === void 0) { decimals = 6; }
return networks.reduce(function (total, network) {
if (!network.amount)
return total;
try {
var amountWei = (0, ethers_2.parseUnits)(network.amount, decimals);
var totalWei = (0, ethers_2.parseUnits)(total.toString(), decimals);
return parseFloat((0, ethers_2.formatUnits)(totalWei + amountWei, decimals));
}
catch (_a) {
return total;
}
}, 0);
};
// Add this helper function at the top level after the existing helper functions
var getNetworkBalance = function (combinedBalance, symbol, chainId) {
var _a;
if (!(combinedBalance === null || combinedBalance === void 0 ? void 0 : combinedBalance.data))
return "0";
var token = combinedBalance.data.find(function (t) { return t.symbol === symbol; });
if (!token)
return "0";
var chainData = (_a = token.chainIds) === null || _a === void 0 ? void 0 : _a.find(function (chain) { return chain.chainId === chainId; });
return (chainData === null || chainData === void 0 ? void 0 : chainData.balance) || "0";
};
// Add this helper function to check if a token is BTC
var isBTCToken = function (token) {
return (token === null || token === void 0 ? void 0 : token.symbol) === "BTC" || (token === null || token === void 0 ? void 0 : token.symbol) === "WBTC";
};
// Add this helper function to check if both tokens are USDC
var isBothTokensUSDC = function (fromToken, toToken) {
return (fromToken === null || fromToken === void 0 ? void 0 : fromToken.symbol) === "USDC" && (toToken === null || toToken === void 0 ? void 0 : toToken.symbol) === "USDC";
};
// Helper function to find token in combined balance by chainIds matching
var findTokenByChainIds = function (combinedBalance, token) {
if (!(combinedBalance === null || combinedBalance === void 0 ? void 0 : combinedBalance.data) || !token || !token.chainIds)
return null;
return combinedBalance.data.find(function (t) {
if (!t.chainIds || !Array.isArray(t.chainIds))
return false;
// Check if any chainId and address combination matches
return token.chainIds.some(function (tokenChain) {
return t.chainIds.some(function (balanceChain) {
var _a, _b;
return balanceChain.chainId === tokenChain.chainId &&
((_a = balanceChain.address) === null || _a === void 0 ? void 0 : _a.toLowerCase()) ===
((_b = tokenChain.address) === null || _b === void 0 ? void 0 : _b.toLowerCase());
});
});
});
};
// Helper function to format estimated time
var formatEstimatedTime = function (estimatedTime) {
// estimatedTime is already in seconds
var timeDiff = estimatedTime;
if (timeDiff <= 0) {
return "~10s";
}
if (timeDiff < 60) {
return "~".concat(Math.round(timeDiff), "s");
}
else {
var minutes = Math.floor(timeDiff / 60);
return "~".concat(minutes, "m");
}
};
var SwapToken = function (_a) {
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
var onBack = _a.onBack, walletSDKKey = _a.walletSDKKey, combinedBalance = _a.combinedBalance, initialFromToken = _a.initialFromToken, initialToToken = _a.initialToToken, _z = _a.initialAmount, initialAmount = _z === void 0 ? "" : _z, externalTokenOptions = _a.tokenOptions, tokensLoading = _a.tokensLoading, _0 = _a.theme, propTheme = _0 === void 0 ? "light" : _0;
var _1 = (0, WalletProvider_1.useWallet)(), theme = _1.theme, walletCornerRadius = _1.walletCornerRadius, currentTheme = _1.currentTheme;
var currentRadius = theme_1.borderRadiusStyles[walletCornerRadius];
var _2 = (0, react_1.useState)(initialAmount), amount = _2[0], setAmount = _2[1];
var _3 = (0, react_1.useState)(initialAmount), debouncedAmount = _3[0], setDebouncedAmount = _3[1];
var _4 = (0, react_1.useState)(false), proActive = _4[0], setProActive = _4[1];
var _5 = (0, react_1.useState)(false), showReviewOrder = _5[0], setShowReviewOrder = _5[1];
var _6 = (0, react_1.useState)([]), selectedNetworksPay = _6[0], setSelectedNetworksPay = _6[1];
var _7 = (0, react_1.useState)([]), selectedNetworksReceive = _7[0], setSelectedNetworksReceive = _7[1];
var _8 = (0, react_1.useState)(""), quoteDetails = _8[0], setQuoteDetails = _8[1];
var _9 = (0, react_1.useState)(false), isLoadingQuote = _9[0], setIsLoadingQuote = _9[1];
var _10 = (0, react_1.useState)(""), quoteError = _10[0], setQuoteError = _10[1];
var _11 = (0, react_1.useState)(false), isLoading = _11[0], setIsLoading = _11[1];
var _12 = (0, react_1.useState)(false), showMessagePopup = _12[0], setShowMessagePopup = _12[1];
var _13 = (0, react_1.useState)("success"), messageType = _13[0], setMessageType = _13[1];
var _14 = (0, react_1.useState)(false), showFromTokenSelector = _14[0], setShowFromTokenSelector = _14[1];
var _15 = (0, react_1.useState)(false), showToTokenSelector = _15[0], setShowToTokenSelector = _15[1];
var _16 = (0, react_1.useState)([]), tokenOptions = _16[0], setTokenOptions = _16[1];
var _17 = (0, react_1.useState)(false), showSelectFromNetworks = _17[0], setShowSelectFromNetworks = _17[1];
var _18 = (0, react_1.useState)(false), showPreviewNetworks = _18[0], setShowPreviewNetworks = _18[1];
var _19 = (0, react_1.useState)(false), showSelectToNetworks = _19[0], setShowSelectToNetworks = _19[1];
var _20 = (0, react_1.useState)(null), transactionId = _20[0], setTransactionId = _20[1];
var _21 = (0, react_1.useState)(false), showActivity = _21[0], setShowActivity = _21[1];
// Add polling interval ref
var pollingIntervalRef = (0, react_1.useRef)(null);
// Add debounce timeout ref
var debounceTimeoutRef = (0, react_1.useRef)(null);
// Add state for selected execution option
var _22 = (0, react_1.useState)("best-price"), selectedOption = _22[0], setSelectedOption = _22[1];
// Add states for formatted estimated times
var _23 = (0, react_1.useState)("~1m"), bestQuoteTime = _23[0], setBestQuoteTime = _23[1];
var _24 = (0, react_1.useState)("~10s"), fastestQuoteTime = _24[0], setFastestQuoteTime = _24[1];
// Debounce effect for amount input
(0, react_1.useEffect)(function () {
if (debounceTimeoutRef.current) {
clearTimeout(debounceTimeoutRef.current);
}
debounceTimeoutRef.current = setTimeout(function () {
setDebouncedAmount(amount);
}, 500);
return function () {
if (debounceTimeoutRef.current) {
clearTimeout(debounceTimeoutRef.current);
}
};
}, [amount]);
// Add style tag for number input
react_1.default.useEffect(function () {
var style = document.createElement("style");
style.textContent = "\n .no-spinners::-webkit-outer-spin-button,\n .no-spinners::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n .no-spinners {\n -moz-appearance: textfield;\n }\n ";
document.head.appendChild(style);
return function () {
document.head.removeChild(style);
};
}, []);
// Transform external token options to internal Token format
(0, react_1.useEffect)(function () {
if (externalTokenOptions.length > 0) {
setTokenOptions(externalTokenOptions.map(function (token) {
var _a, _b, _c, _d;
return ({
symbol: token.symbol,
name: token.name,
icon: token.logoURI || token.icon,
address: ((_b = (_a = token.chainIds) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.address) || token.address || "",
chainId: ((_d = (_c = token.chainIds) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.chainId) || token.chainId || 0,
chainIds: token.chainIds,
decimals: token.decimals,
balance: token.balance || "0",
amount: (token.amount || 0).toString(),
priceUsd: token.price || 0,
});
}));
}
}, [externalTokenOptions]);
// Initialize fromToken and toToken with initial values or first two available tokens
var _25 = (0, react_1.useState)(null), fromToken = _25[0], setFromToken = _25[1];
var _26 = (0, react_1.useState)(null), toToken = _26[0], setToToken = _26[1];
(0, react_1.useEffect)(function () {
// Only set tokens if they haven't been set yet
if (tokensLoading) {
return;
}
if (!fromToken && !toToken && tokenOptions.length >= 2) {
if (initialFromToken) {
setFromToken(initialFromToken);
}
else {
setFromToken(tokenOptions[0]);
}
if (initialToToken) {
setToToken(initialToToken);
setSelectedNetworksReceive([
{
name: (0, utils_1.getNetworkName)(initialToToken.chainId),
chainId: initialToToken.chainId,
},
]);
}
else {
setToToken(tokenOptions[1]);
setSelectedNetworksReceive([
{
name: (0, utils_1.getNetworkName)(tokenOptions[1].chainId),
chainId: tokenOptions[1].chainId,
},
]);
}
}
}, [tokenOptions, initialFromToken, initialToToken, tokensLoading]);
(0, react_1.useEffect)(function () {
var _a, _b, _c, _d;
console.log("toToken", toToken, selectedNetworksReceive);
if (selectedNetworksReceive.length === 0) {
setSelectedNetworksReceive([
{
name: (0, utils_1.getNetworkName)(((_b = (_a = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.chainId) || 0),
chainId: ((_d = (_c = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.chainId) || 0,
},
]);
}
}, [toToken]);
var getTokenBalance = function (token) {
var tokenData = findTokenByChainIds(combinedBalance, token);
return (tokenData === null || tokenData === void 0 ? void 0 : tokenData.amount) || 0;
};
// Button state variables
var isButtonDisabled = isLoadingQuote ||
(typeof quoteDetails === "string" &&
quoteDetails.includes("Insufficient")) ||
!amount ||
parseFloat(amount) <= 0 ||
!fromToken ||
!toToken ||
(!proActive &&
fromToken.symbol === toToken.symbol &&
fromToken.name === toToken.name &&
fromToken.decimals === toToken.decimals) ||
quoteError !== "" ||
amount > getTokenBalance(fromToken);
var buttonBackground = currentTheme.primary;
var buttonCursor = isButtonDisabled ? "not-allowed" : "pointer";
var getButtonText = function () {
if (!fromToken || !toToken) {
return "Loading tokens...";
}
if (!proActive &&
fromToken.symbol === toToken.symbol &&
fromToken.name === toToken.name &&
fromToken.decimals === toToken.decimals) {
return "Select different tokens";
}
if (isLoadingQuote) {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Spinner_1.default, null),
react_1.default.createElement("span", null, "Calculating...")));
}
if (quoteError) {
return quoteError;
}
if (amount > getTokenBalance(fromToken)) {
return "Insufficient funds";
}
if (typeof quoteDetails === "string" &&
quoteDetails.includes("Insufficient")) {
return "Insufficient funds";
}
if (!amount || parseFloat(amount) <= 0) {
return "Enter an amount";
}
return "Review Order";
};
var userName = window.__walletSDKInstance.getUsername();
var calculateWidth = function (amount) {
var length = amount.length;
if (length > 0) {
return "".concat(length * 20, "px");
}
return "20%";
};
var handleTransactionClick = function () {
setShowMessagePopup(false);
setShowActivity(true);
};
// Update the quote effect
(0, react_1.useEffect)(function () {
var fetchQuote = function (isPolling) {
if (isPolling === void 0) { isPolling = false; }
return __awaiter(void 0, void 0, void 0, function () {
var quote, error_1;
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
return __generator(this, function (_o) {
switch (_o.label) {
case 0:
if (tokensLoading) {
return [2 /*return*/];
}
if (!toToken || !fromToken) {
return [2 /*return*/];
}
// Don't fetch if amount is empty or zero or tokens are not set
if (!debouncedAmount ||
parseFloat(debouncedAmount) <= 0 ||
!fromToken ||
!toToken) {
return [2 /*return*/];
}
// Don't fetch quote if tokens are the same
if (!proActive &&
fromToken.symbol === toToken.symbol &&
fromToken.name === toToken.name &&
fromToken.decimals === toToken.decimals) {
return [2 /*return*/];
}
// Only reset states and show loading on initial fetch, not during polling
if (!isPolling) {
setQuoteDetails("");
setQuoteError("");
setIsLoadingQuote(true);
}
_o.label = 1;
case 1:
_o.trys.push([1, 8, 9, 10]);
quote = void 0;
if (!isBTCToken(fromToken)) return [3 /*break*/, 3];
return [4 /*yield*/, (0, services_1.getMultiFromBTCLifiSwapQuote)({
username: userName,
inputAmount: ethers_1.ethers
.parseUnits(debouncedAmount, fromToken.decimals)
.toString(),
outputToken: (_b = (_a = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _a === void 0 ? void 0 : _a.find(function (chain) {
return chain.chainId === selectedNetworksReceive[0].chainId;
})) === null || _b === void 0 ? void 0 : _b.address,
outputChainId: selectedNetworksReceive[0].chainId,
metadata: {
inputToken: {
tokenName: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name,
tokenSymbol: fromToken === null || fromToken === void 0 ? void 0 : fromToken.symbol,
tokenAddress: fromToken === null || fromToken === void 0 ? void 0 : fromToken.address,
decimals: fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals,
logoURI: (fromToken === null || fromToken === void 0 ? void 0 : fromToken.icon) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.logoURI),
},
outputToken: {
tokenName: toToken === null || toToken === void 0 ? void 0 : toToken.name,
tokenSymbol: toToken === null || toToken === void 0 ? void 0 : toToken.symbol,
tokenAddress: (_d = (_c = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _c === void 0 ? void 0 : _c.find(function (chain) {
return chain.chainId === selectedNetworksReceive[0].chainId;
})) === null || _d === void 0 ? void 0 : _d.address,
decimals: toToken === null || toToken === void 0 ? void 0 : toToken.decimals,
logoURI: (toToken === null || toToken === void 0 ? void 0 : toToken.icon) || (toToken === null || toToken === void 0 ? void 0 : toToken.logoURI),
},
},
userBalance: proActive
? selectedNetworksPay.map(function (network) {
var _a, _b, _c;
return ({
chainId: network.chainId,
address: (_c = (_b = (_a = findTokenByChainIds(combinedBalance, fromToken)) === null || _a === void 0 ? void 0 : _a.chainIds) === null || _b === void 0 ? void 0 : _b.find(function (chain) { return chain.chainId === network.chainId; })) === null || _c === void 0 ? void 0 : _c.address,
balance: ethers_1.ethers
.parseUnits(network.amount, fromToken.decimals)
.toString()
.toString(),
});
})
: ((_e = findTokenByChainIds(combinedBalance, fromToken)) === null || _e === void 0 ? void 0 : _e.chainIds) || [
{
chainId: fromToken.chainId,
address: fromToken.address,
balance: 0,
},
],
proMode: proActive,
}, walletSDKKey)];
case 2:
quote = _o.sent();
return [3 /*break*/, 7];
case 3:
if (!isBTCToken(toToken)) return [3 /*break*/, 5];
return [4 /*yield*/, (0, services_1.getMultiToBTCRelaySwapQuote)({
username: userName,
userBalance: proActive
? selectedNetworksPay.map(function (network) {
var _a, _b, _c;
return ({
chainId: network.chainId,
address: (_c = (_b = (_a = findTokenByChainIds(combinedBalance, fromToken)) === null || _a === void 0 ? void 0 : _a.chainIds) === null || _b === void 0 ? void 0 : _b.find(function (chain) { return chain.chainId === network.chainId; })) === null || _c === void 0 ? void 0 : _c.address,
balance: ethers_1.ethers
.parseUnits(network.amount, fromToken.decimals)
.toString()
.toString(),
});
})
: ((_f = findTokenByChainIds(combinedBalance, fromToken)) === null || _f === void 0 ? void 0 : _f.chainIds) || [
{
chainId: fromToken.chainId,
address: fromToken.address,
balance: 0,
},
],
inputAmount: ethers_1.ethers
.parseUnits(debouncedAmount, fromToken.decimals)
.toString(),
proMode: proActive,
}, walletSDKKey)];
case 4:
// Handle swapping to BTC
quote = _o.sent();
return [3 /*break*/, 7];
case 5: return [4 /*yield*/, (0, services_1.getMultiRelaySwapQuote)({
username: userName,
userBalance: proActive
? selectedNetworksPay.map(function (network) {
var _a, _b, _c;
return ({
chainId: network.chainId,
address: (_c = (_b = (_a = findTokenByChainIds(combinedBalance, fromToken)) === null || _a === void 0 ? void 0 : _a.chainIds) === null || _b === void 0 ? void 0 : _b.find(function (chain) { return chain.chainId === network.chainId; })) === null || _c === void 0 ? void 0 : _c.address,
balance: ethers_1.ethers
.parseUnits(network.amount, fromToken.decimals)
.toString()
.toString(),
});
})
: ((_g = findTokenByChainIds(combinedBalance, fromToken)) === null || _g === void 0 ? void 0 : _g.chainIds) || [
{
chainId: fromToken.chainId,
address: fromToken.address,
balance: 0,
},
],
outputToken: (_j = (_h = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _h === void 0 ? void 0 : _h.find(function (chain) {
return chain.chainId === selectedNetworksReceive[0].chainId;
})) === null || _j === void 0 ? void 0 : _j.address,
outputChainId: selectedNetworksReceive[0].chainId,
inputAmount: ethers_1.ethers
.parseUnits(debouncedAmount, fromToken.decimals)
.toString(),
proMode: proActive,
metadata: {
inputToken: {
tokenName: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name,
tokenSymbol: fromToken === null || fromToken === void 0 ? void 0 : fromToken.symbol,
tokenAddress: fromToken === null || fromToken === void 0 ? void 0 : fromToken.address,
decimals: fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals,
logoURI: (fromToken === null || fromToken === void 0 ? void 0 : fromToken.icon) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.logoURI),
},
outputToken: {
tokenName: toToken === null || toToken === void 0 ? void 0 : toToken.name,
tokenSymbol: toToken === null || toToken === void 0 ? void 0 : toToken.symbol,
tokenAddress: toToken === null || toToken === void 0 ? void 0 : toToken.address,
decimals: toToken === null || toToken === void 0 ? void 0 : toToken.decimals,
logoURI: (toToken === null || toToken === void 0 ? void 0 : toToken.icon) || (toToken === null || toToken === void 0 ? void 0 : toToken.logoURI),
},
},
}, walletSDKKey)];
case 6:
// Regular swap quote
quote = _o.sent();
_o.label = 7;
case 7:
if (quote === null || quote === void 0 ? void 0 : quote.error) {
if ((_k = quote === null || quote === void 0 ? void 0 : quote.message) === null || _k === void 0 ? void 0 : _k.includes("Insufficient")) {
setQuoteError("Insufficient funds");
}
else {
setQuoteError("Unable to fetch quote");
}
}
else {
setQuoteDetails(quote);
// Update formatted times when quote is received
if ((_l = quote === null || quote === void 0 ? void 0 : quote.bestQuote) === null || _l === void 0 ? void 0 : _l.estimatedTime) {
setBestQuoteTime(formatEstimatedTime(quote.bestQuote.estimatedTime));
}
if ((_m = quote === null || quote === void 0 ? void 0 : quote.fastestQuote) === null || _m === void 0 ? void 0 : _m.estimatedTime) {
setFastestQuoteTime(formatEstimatedTime(quote.fastestQuote.estimatedTime));
}
}
return [3 /*break*/, 10];
case 8:
error_1 = _o.sent();
console.error("No quote found:", error_1);
if (!isPolling) {
setQuoteError("Error fetching quote");
setQuoteDetails("");
}
return [3 /*break*/, 10];
case 9:
if (!isPolling) {
setIsLoadingQuote(false);
}
return [7 /*endfinally*/];
case 10: return [2 /*return*/];
}
});
});
};
// Initial fetch
fetchQuote(false);
// Set up polling interval
pollingIntervalRef.current = setInterval(function () { return fetchQuote(true); }, 20000);
return function () {
if (pollingIntervalRef.current) {
clearInterval(pollingIntervalRef.current);
pollingIntervalRef.current = null;
}
};
}, [
debouncedAmount,
fromToken,
toToken,
userName,
walletSDKKey,
selectedNetworksReceive,
tokensLoading,
]);
// Update the output amount based on quote details - use bestQuote by default, or selected option
var getSelectedQuote = function () {
if (typeof quoteDetails === "string" || !quoteDetails)
return null;
if (selectedOption === "fastest") {
return quoteDetails.fastestQuote;
}
return quoteDetails.bestQuote;
};
var selectedQuote = getSelectedQuote();
var outputAmount = typeof quoteDetails === "string" || !selectedQuote
? ""
: ((_b = selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.outputDetails) === null || _b === void 0 ? void 0 : _b.minimumAmount) || "";
var outputAmountUsd = typeof quoteDetails === "string" || !selectedQuote
? ""
: ((_c = selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.outputDetails) === null || _c === void 0 ? void 0 : _c.amountUsd) || "";
var calculateRate = function () {
var _a;
if (typeof quoteDetails === "string" ||
!((_a = selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.outputDetails) === null || _a === void 0 ? void 0 : _a.amountFormatted))
return "0";
var rate = parseFloat(amount) /
parseFloat(selectedQuote.outputDetails.amountFormatted);
if (rate > 0 && rate < 0.0001) {
return "<0.0001";
}
return rate.toFixed(6);
};
var handleReviewOrder = function () {
setShowReviewOrder(true);
};
var handleBack = function () {
if (showReviewOrder) {
setShowReviewOrder(false);
}
else if (showFromTokenSelector || showToTokenSelector) {
setShowFromTokenSelector(false);
setShowToTokenSelector(false);
}
else {
onBack();
}
};
var handleFromTokenSelect = function (token) {
console.log("token", token);
setFromToken(token);
setAmount("");
setSelectedNetworksPay([]);
setShowFromTokenSelector(false);
setQuoteDetails("");
};
var handleToTokenSelect = function (token) {
setToToken(token);
setAmount("");
setSelectedNetworksReceive([]);
setShowToTokenSelector(false);
setQuoteDetails("");
};
var handleConfirm = function () { return __awaiter(void 0, void 0, void 0, function () {
var data, swapParams, transferType, cctpV2Params, error_2;
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
return __generator(this, function (_p) {
switch (_p.label) {
case 0:
if (!fromToken || !toToken) {
return [2 /*return*/];
}
_p.label = 1;
case 1:
_p.trys.push([1, 22, 23, 24]);
setIsLoading(true);
data = void 0;
if (!isBTCToken(fromToken)) return [3 /*break*/, 3];
return [4 /*yield*/, (0, services_1.executeFromBTCSwapFlow)({
username: userName,
inputAmount: ethers_1.ethers
.parseUnits(debouncedAmount, fromToken.decimals)
.toString(),
outputToken: (_b = (_a = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _a === void 0 ? void 0 : _a.find(function (chain) {
return chain.chainId === selectedNetworksReceive[0].chainId;
})) === null || _b === void 0 ? void 0 : _b.address,
outputChainId: selectedNetworksReceive[0].chainId,
metadata: {
inputToken: {
tokenName: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name,
tokenSymbol: fromToken === null || fromToken === void 0 ? void 0 : fromToken.symbol,
tokenAddress: fromToken === null || fromToken === void 0 ? void 0 : fromToken.address,
decimals: fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals,
logoURI: (fromToken === null || fromToken === void 0 ? void 0 : fromToken.icon) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.logoURI),
},
outputToken: {
tokenName: toToken === null || toToken === void 0 ? void 0 : toToken.name,
tokenSymbol: toToken === null || toToken === void 0 ? void 0 : toToken.symbol,
tokenAddress: (_d = (_c = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _c === void 0 ? void 0 : _c.find(function (chain) {
return chain.chainId === selectedNetworksReceive[0].chainId;
})) === null || _d === void 0 ? void 0 : _d.address,
decimals: toToken === null || toToken === void 0 ? void 0 : toToken.decimals,
logoURI: (toToken === null || toToken === void 0 ? void 0 : toToken.icon) || (toToken === null || toToken === void 0 ? void 0 : toToken.logoURI),
},
},
userBalance: proActive
? selectedNetworksPay.map(function (network) {
var _a, _b, _c;
return ({
chainId: network.chainId,
address: (_c = (_b = (_a = findTokenByChainIds(combinedBalance, fromToken)) === null || _a === void 0 ? void 0 : _a.chainIds) === null || _b === void 0 ? void 0 : _b.find(function (chain) { return chain.chainId === network.chainId; })) === null || _c === void 0 ? void 0 : _c.address,
balance: ethers_1.ethers
.parseUnits(network.amount, fromToken.decimals)
.toString()
.toString(),
});
})
: ((_e = findTokenByChainIds(combinedBalance, fromToken)) === null || _e === void 0 ? void 0 : _e.chainIds) || [
{
chainId: fromToken.chainId,
address: fromToken.address,
balance: 0,
},
],
proMode: proActive,
}, walletSDKKey)];
case 2:
// Execute swap from BTC flow
data = _p.sent();
return [3 /*break*/, 21];
case 3:
if (!isBTCToken(toToken)) return [3 /*break*/, 5];
return [4 /*yield*/, (0, services_1.executeToBTCSwapFlow)({
username: userName,
userBalance: proActive
? selectedNetworksPay.map(function (network) {
var _a, _b, _c;
return ({
chainId: network.chainId,
address: (_c = (_b = (_a = findTokenByChainIds(combinedBalance, fromToken)) === null || _a === void 0 ? void 0 : _a.chainIds) === null || _b === void 0 ? void 0 : _b.find(function (chain) { return chain.chainId === network.chainId; })) === null || _c === void 0 ? void 0 : _c.address,
balance: ethers_1.ethers
.parseUnits(network.amount, fromToken.decimals)
.toString(),
});
})
: ((_f = findTokenByChainIds(combinedBalance, fromToken)) === null || _f === void 0 ? void 0 : _f.chainIds) || [],
inputAmount: ethers_1.ethers
.parseUnits(amount, (fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals) || 0)
.toString(),
proMode: proActive,
metadata: {
inputToken: {
tokenName: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name,
tokenSymbol: fromToken === null || fromToken === void 0 ? void 0 : fromToken.symbol,
tokenAddress: fromToken === null || fromToken === void 0 ? void 0 : fromToken.address,
decimals: fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals,
logoURI: (fromToken === null || fromToken === void 0 ? void 0 : fromToken.icon) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.logoURI),
},
outputToken: {
tokenName: toToken === null || toToken === void 0 ? void 0 : toToken.name,
tokenSymbol: toToken === null || toToken === void 0 ? void 0 : toToken.symbol,
tokenAddress: toToken === null || toToken === void 0 ? void 0 : toToken.address,
decimals: toToken === null || toToken === void 0 ? void 0 : toToken.decimals,
logoURI: (toToken === null || toToken === void 0 ? void 0 : toToken.icon) || (toToken === null || toToken === void 0 ? void 0 : toToken.logoURI),
},
},
}, walletSDKKey)];
case 4:
// Execute swap to BTC flow
data = _p.sent();
return [3 /*break*/, 21];
case 5:
swapParams = {
username: userName,
userBalance: proActive
? selectedNetworksPay.map(function (network) {
var _a, _b, _c;
return ({
chainId: network.chainId,
address: (_c = (_b = (_a = findTokenByChainIds(combinedBalance, fromToken)) === null || _a === void 0 ? void 0 : _a.chainIds) === null || _b === void 0 ? void 0 : _b.find(function (chain) { return chain.chainId === network.chainId; })) === null || _c === void 0 ? void 0 : _c.address,
balance: ethers_1.ethers
.parseUnits(network.amount, fromToken.decimals)
.toString(),
});
})
: ((_g = findTokenByChainIds(combinedBalance, fromToken)) === null || _g === void 0 ? void 0 : _g.chainIds) || [],
outputToken: (_j = (_h = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _h === void 0 ? void 0 : _h.find(function (chain) { return chain.chainId === selectedNetworksReceive[0].chainId; })) === null || _j === void 0 ? void 0 : _j.address,
outputChainId: selectedNetworksReceive[0].chainId,
inputAmount: ethers_1.ethers
.parseUnits(amount, (fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals) || 0)
.toString(),
metadata: {
inputToken: {
tokenName: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name,
tokenSymbol: fromToken === null || fromToken === void 0 ? void 0 : fromToken.symbol,
tokenAddress: fromToken === null || fromToken === void 0 ? void 0 : fromToken.address,
decimals: fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals,
logoURI: (fromToken === null || fromToken === void 0 ? void 0 : fromToken.icon) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.logoURI),
},
outputToken: {
tokenName: toToken === null || toToken === void 0 ? void 0 : toToken.name,
tokenSymbol: toToken === null || toToken === void 0 ? void 0 : toToken.symbol,
tokenAddress: toToken === null || toToken === void 0 ? void 0 : toToken.address,
decimals: toToken === null || toToken === void 0 ? void 0 : toToken.decimals,
logoURI: (toToken === null || toToken === void 0 ? void 0 : toToken.icon) || (toToken === null || toToken === void 0 ? void 0 : toToken.logoURI),
},
},
proMode: proActive,
};
if (!((selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.provider) === utils_1.ProtocolProvider.CCTP_V1)) return [3 /*break*/, 7];
return [4 /*yield*/, (0, services_1.executeCCTPSwapFlow)(swapParams, walletSDKKey)];
case 6:
data = _p.sent();
return [3 /*break*/, 21];
case 7:
if (!((selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.provider) === utils_1.ProtocolProvider.CCTP_V2_STANDARD ||
(selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.provider) === utils_1.ProtocolProvider.CCTP_V2_FAST)) return [3 /*break*/, 9];
transferType = selectedQuote.provider === utils_1.ProtocolProvider.CCTP_V2_FAST
? "fas