@enclavemoney/enclave-wallet-sdk
Version:
A simple enclave wallet SDK for React applications
853 lines • 102 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 NetworkAllocationDisplay = function (_a) {
var network = _a.network, amount = _a.amount, symbol = _a.symbol;
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: "#000000", fontWeight: 500 } }, network)),
react_1.default.createElement("span", { style: { fontSize: 14, color: "#535862" } },
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;
var _0 = (0, react_1.useState)(initialAmount), amount = _0[0], setAmount = _0[1];
var _1 = (0, react_1.useState)(initialAmount), debouncedAmount = _1[0], setDebouncedAmount = _1[1];
var _2 = (0, react_1.useState)(false), proActive = _2[0], setProActive = _2[1];
var _3 = (0, react_1.useState)(false), showReviewOrder = _3[0], setShowReviewOrder = _3[1];
var _4 = (0, react_1.useState)([]), selectedNetworksPay = _4[0], setSelectedNetworksPay = _4[1];
var _5 = (0, react_1.useState)([]), selectedNetworksReceive = _5[0], setSelectedNetworksReceive = _5[1];
var _6 = (0, react_1.useState)(""), quoteDetails = _6[0], setQuoteDetails = _6[1];
var _7 = (0, react_1.useState)(false), isLoadingQuote = _7[0], setIsLoadingQuote = _7[1];
var _8 = (0, react_1.useState)(""), quoteError = _8[0], setQuoteError = _8[1];
var _9 = (0, react_1.useState)(false), isLoading = _9[0], setIsLoading = _9[1];
var _10 = (0, react_1.useState)(false), showMessagePopup = _10[0], setShowMessagePopup = _10[1];
var _11 = (0, react_1.useState)("success"), messageType = _11[0], setMessageType = _11[1];
var _12 = (0, react_1.useState)(false), showFromTokenSelector = _12[0], setShowFromTokenSelector = _12[1];
var _13 = (0, react_1.useState)(false), showToTokenSelector = _13[0], setShowToTokenSelector = _13[1];
var _14 = (0, react_1.useState)([]), tokenOptions = _14[0], setTokenOptions = _14[1];
var _15 = (0, react_1.useState)(false), showSelectFromNetworks = _15[0], setShowSelectFromNetworks = _15[1];
var _16 = (0, react_1.useState)(false), showPreviewNetworks = _16[0], setShowPreviewNetworks = _16[1];
var _17 = (0, react_1.useState)(false), showSelectToNetworks = _17[0], setShowSelectToNetworks = _17[1];
var _18 = (0, react_1.useState)(null), transactionId = _18[0], setTransactionId = _18[1];
var _19 = (0, react_1.useState)(false), showActivity = _19[0], setShowActivity = _19[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 _20 = (0, react_1.useState)("best-price"), selectedOption = _20[0], setSelectedOption = _20[1];
// Add states for formatted estimated times
var _21 = (0, react_1.useState)("~1m"), bestQuoteTime = _21[0], setBestQuoteTime = _21[1];
var _22 = (0, react_1.useState)("~10s"), fastestQuoteTime = _22[0], setFastestQuoteTime = _22[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 _23 = (0, react_1.useState)(null), fromToken = _23[0], setFromToken = _23[1];
var _24 = (0, react_1.useState)(null), toToken = _24[0], setToToken = _24[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 = isButtonDisabled ? "#E9EAEB" : "#4664E9";
var buttonTextColor = isButtonDisabled ? "#717680" : "#fff";
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;
return __generator(this, function (_k) {
switch (_k.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);
}
_k.label = 1;
case 1:
_k.trys.push([1, 8, 9, 10]);
quote = void 0;
if (!isBTCToken(fromToken)) return [3 /*break*/, 3];
return [4 /*yield*/, (0, services_1.getMultiFromBTCRelaySwapQuote)({
username: userName,
amount: 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,
}, walletSDKKey)];
case 2:
quote = _k.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(),
});
})
: ((_c = findTokenByChainIds(combinedBalance, fromToken)) === null || _c === void 0 ? void 0 : _c.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 = _k.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(),
});
})
: ((_d = findTokenByChainIds(combinedBalance, fromToken)) === null || _d === void 0 ? void 0 : _d.chainIds) || [
{
chainId: fromToken.chainId,
address: fromToken.address,
balance: 0,
},
],
outputToken: (_f = (_e = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _e === void 0 ? void 0 : _e.find(function (chain) {
return chain.chainId === selectedNetworksReceive[0].chainId;
})) === null || _f === void 0 ? void 0 : _f.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 = _k.sent();
_k.label = 7;
case 7:
if (quote === null || quote === void 0 ? void 0 : quote.error) {
if ((_g = quote === null || quote === void 0 ? void 0 : quote.message) === null || _g === void 0 ? void 0 : _g.includes("Insufficient")) {
setQuoteError("Insufficient funds");
}
else {
setQuoteError("Unable to fetch quote");
}
}
else {
setQuoteDetails(quote);
// Update formatted times when quote is received
if ((_h = quote === null || quote === void 0 ? void 0 : quote.bestQuote) === null || _h === void 0 ? void 0 : _h.estimatedTime) {
setBestQuoteTime(formatEstimatedTime(quote.bestQuote.estimatedTime));
}
if ((_j = quote === null || quote === void 0 ? void 0 : quote.fastestQuote) === null || _j === void 0 ? void 0 : _j.estimatedTime) {
setFastestQuoteTime(formatEstimatedTime(quote.fastestQuote.estimatedTime));
}
}
return [3 /*break*/, 10];
case 8:
error_1 = _k.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);
setSelectedNetworksPay([]);
setShowFromTokenSelector(false);
setQuoteDetails("");
};
var handleToTokenSelect = function (token) {
setToToken(token);
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;
return __generator(this, function (_l) {
switch (_l.label) {
case 0:
if (!fromToken || !toToken) {
return [2 /*return*/];
}
_l.label = 1;
case 1:
_l.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,
amount: ethers_1.ethers
.parseUnits(amount, (fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals) || 0)
.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: 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 2:
// Execute swap from BTC flow
data = _l.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(),
});
})
: ((_c = findTokenByChainIds(combinedBalance, fromToken)) === null || _c === void 0 ? void 0 : _c.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 = _l.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(),
});
})
: ((_d = findTokenByChainIds(combinedBalance, fromToken)) === null || _d === void 0 ? void 0 : _d.chainIds) || [],
outputToken: (_f = (_e = toToken === null || toToken === void 0 ? void 0 : toToken.chainIds) === null || _e === void 0 ? void 0 : _e.find(function (chain) { return chain.chainId === selectedNetworksReceive[0].chainId; })) === null || _f === void 0 ? void 0 : _f.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 = _l.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
? "fast"
: "standard";
cctpV2Params = __assign(__assign({}, swapParams), { transferType: transferType });
return [4 /*yield*/, (0, services_1.executeCCTPV2SwapFlow)(cctpV2Params, walletSDKKey)];
case 8:
data = _l.sent();
return [3 /*break*/, 21];
case 9:
if (!((selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.provider) === utils_1.ProtocolProvider.BUNGEE)) return [3 /*break*/, 11];
return [4 /*yield*/, (0, services_1.executeBungeeSwapFlow)(swapParams, walletSDKKey)];
case 10:
data = _l.sent();
return [3 /*break*/, 21];
case 11:
if (!((selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.provider) === utils_1.ProtocolProvider.LIFI)) return [3 /*break*/, 13];
return [4 /*yield*/, (0, services_1.executeLiFiSwapFlow)(swapParams, walletSDKKey)];
case 12:
data = _l.sent();
return [3 /*break*/, 21];
case 13:
if (!((selectedQuote === null || selectedQuote === void 0 ? void 0 : selectedQuote.provider) === utils_1.ProtocolProvider.RELAY)) return [3 /*break*/, 15];
return [4 /*yield*/, (0, services_1.executeSwapFlow)(swapParams, walletSDKKey)];
case 14:
data = _l.sent();
return [3 /*break*/, 21];
case 15:
if (!(((_g = quoteDetails === null || quoteDetails === void 0 ? void 0 : quoteDetails.bestQuote) === null || _g === void 0 ? void 0 : _g.provider) === utils_1.ProtocolProvider.LIFI)) return [3 /*break*/, 17];
return [4 /*yield*/, (0, services_1.executeLiFiSwapFlow)(swapParams, walletSDKKey)];
case 16:
data = _l.sent();
return [3 /*break*/, 21];
case 17:
if (!(((_h = quoteDetails === null || quoteDetails === void 0 ? void 0 : quoteDetails.bestQuote) === null || _h === void 0 ? void 0 : _h.provider) === utils_1.ProtocolProvider.BUNGEE)) return [3 /*break*/, 19];
return [4 /*yield*/, (0, services_1.executeBungeeSwapFlow)(swapParams, walletSDKKey)];
case 18:
data = _l.sent();
return [3 /*break*/, 21];
case 19: return [4 /*yield*/, (0, services_1.executeSwapFlow)(swapParams, walletSDKKey)];
case 20:
data = _l.sent();
_l.label = 21;
case 21:
if (((_j = data === null || data === void 0 ? void 0 : data.transactionDetails) === null || _j === void 0 ? void 0 : _j.overallStatus) === "PENDING" ||
((_k = data === null || data === void 0 ? void 0 : data.transactionDetails) === null || _k === void 0 ? void 0 : _k.overallStatus) === "COMPLETED") {
console.log("Transaction successful:", data);
setTransactionId(data.transactionDetails.multiTransactionId);
console.log("Transaction ID: ", transactionId);
setShowMessagePopup(true);
setMessageType("success");
}
else {
console.error("Transaction failed:", data);
setShowMessagePopup(true);
setMessageType("error");
}
return [3 /*break*/, 24];
case 22:
error_2 = _l.sent();
console.error("Error making transaction:", error_2);
setShowMessagePopup(true);
setMessageType("error");
return [3 /*break*/, 24];
case 23:
setIsLoading(false);
return [7 /*endfinally*/];
case 24: return [2 /*return*/];
}
});
}); };
// Calculate total amount
var totalAmount = (0, react_1.useMemo)(function () {
return calculateTotalAmount(selectedNetworksPay, (fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals) || 6);
}, [selectedNetworksPay, fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals]);
(0, react_1.useEffect)(function () {
if (totalAmount > 0) {
setAmount(totalAmount.toString());
}
}, [totalAmount]);
var switchTokens = function () {
setFromToken(toToken);
setToToken(fromToken);
setSelectedNetworksPay([]);
setSelectedNetworksReceive([]);
setAmount("");
setQuoteDetails("");
};
// Add preset amount handler
var handlePresetClick = function (percentage) {
var _a;
if (!fromToken)
return;
var balance = getTokenBalance(fromToken).toString();
if (!balance || balance === "0")
return;
try {
if (percentage === 100) {
setAmount(ethers_1.ethers
.formatUnits(BigInt(((_a = findTokenByChainIds(combinedBalance, fromToken)) === null || _a === void 0 ? void 0 : _a.balance) || "0"), fromToken.decimals)
.toString());
}
else {
// Calculate percentage
var parsedBalance = ethers_1.ethers.parseUnits(balance, fromToken.decimals);
var amount_1 = (parsedBalance * BigI