@0xsequence/wallet-widget 5.1.1 → 5.2.0

package/dist/cjs/components/Select/SlideupDrawer.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlideupDrawer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const react_dom_1 = __importDefault(require("react-dom"));
+const constants_1 = require("../../constants");
+const WalletContentRef_1 = require("../../contexts/WalletContentRef");
+const SlideupDrawer = ({ label, children, buttonLabel, dragHandleWidth = 64, onClose, handleButtonPress, onBackPress }) => {
+    const [walletContentHeight, setWalletContentHeight] = (0, react_2.useState)(0);
+    const walletContentRef = (0, react_2.useContext)(WalletContentRef_1.WalletContentRefContext);
+    (0, react_2.useEffect)(() => {
+        const rect = walletContentRef?.current?.getBoundingClientRect();
+        if (rect) {
+            setWalletContentHeight(rect.height);
+        }
+    }, [walletContentRef]);
+    if (!walletContentRef.current) {
+        return null;
+    }
+    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 0.6 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, style: {
+                    position: 'fixed',
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100%',
+                    backgroundColor: 'rgba(38, 38, 38, 1)',
+                    zIndex: 30
+                }, onClick: e => {
+                    e.stopPropagation();
+                    onClose();
+                } }, "modal-background"), (0, jsx_runtime_1.jsx)(react_1.motion.div, { initial: { y: '100%', opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: '100%', opacity: 0 }, transition: { duration: 0.2, ease: 'easeOut' }, drag: "y", dragConstraints: { top: 0, bottom: 0 }, onDragEnd: (event, info) => {
+                    if (info.offset.y > 100) {
+                        onClose();
+                    }
+                }, style: {
+                    maxWidth: constants_1.WALLET_WIDTH,
+                    position: 'fixed',
+                    bottom: 0,
+                    left: 0,
+                    width: '100%',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    zIndex: 30
+                }, onClick: e => e.stopPropagation(), children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-background-primary p-0 rounded-xl", style: { flex: 1 }, children: [(0, jsx_runtime_1.jsxs)("div", { className: `flex flex-row rounded-none p-4 ${onBackPress ? 'justify-between' : 'justify-center'}`, children: [onBackPress && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { variant: "text", className: "pt-2", onClick: onBackPress, children: (0, jsx_runtime_1.jsx)(design_system_1.ChevronLeftIcon, { color: "white" }) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center rounded-none p-0", children: (0, jsx_runtime_1.jsx)("div", { className: "rounded-full", style: { width: dragHandleWidth, height: '4px', backgroundColor: 'white', cursor: 'grab' } }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center w-full rounded-none pt-2", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "bold", variant: "medium", style: { display: 'flex', justifyContent: 'center' }, children: label }) })] }), onBackPress && (0, jsx_runtime_1.jsx)("div", { style: { width: '20px' } })] }), (0, jsx_runtime_1.jsx)("div", { className: "rounded-none bg-background-primary px-4 pb-4", style: { height: 'auto', maxHeight: `calc(${walletContentHeight}px / 2)`, overflowY: 'auto' }, children: children }), buttonLabel && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "my-0" }), (0, jsx_runtime_1.jsx)("div", { className: "rounded-none m-4", children: (0, jsx_runtime_1.jsx)("div", { className: (0, design_system_1.cn)((0, design_system_1.cardVariants)({ clickable: true }), 'flex justify-center items-center bg-gradient-primary rounded-full gap-2 p-3'), onClick: handleButtonPress, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "bold", variant: "normal", children: buttonLabel }) }) })] }))] }) }, "modal-content")] }), walletContentRef.current);
+};
+exports.SlideupDrawer = SlideupDrawer;
+//# sourceMappingURL=SlideupDrawer.js.map

package/dist/cjs/components/Select/SlideupDrawer.js.map

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

package/dist/cjs/components/Select/WalletSelect.d.ts

@@ -0,0 +1,5 @@
+export declare const WalletSelect: ({ selectedWallet, onClick }: {
+    selectedWallet: string;
+    onClick: (address: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WalletSelect.d.ts.map

package/dist/cjs/components/Select/WalletSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WalletSelect.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,GAAI,6BAA6B;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,4CA2CvH,CAAA"}

package/dist/cjs/components/Select/WalletSelect.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const SelectWalletRow_1 = require("./SelectWalletRow");
+const SlideupDrawer_1 = require("./SlideupDrawer");
+const WALLET_SELECT_HEIGHT = '60px';
+const WalletSelect = ({ selectedWallet, onClick }) => {
+    const { wallets } = (0, connect_1.useWallets)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const activeWallet = wallets.find(wallet => wallet.isActive);
+    const allButActiveWallet = wallets.filter(wallet => wallet.address !== activeWallet?.address);
+    const handleClick = (address) => {
+        onClick(address);
+        setIsOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex bg-background-secondary justify-between items-center hover:opacity-80 cursor-pointer rounded-xl px-4 py-3 gap-2 select-none", style: { height: WALLET_SELECT_HEIGHT }, onClick: () => setIsOpen(true), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "muted", children: "Select Connected Wallet" }) }), (0, jsx_runtime_1.jsx)(design_system_1.ChevronUpDownIcon, { className: "text-muted" }), isOpen && ((0, jsx_runtime_1.jsx)(SlideupDrawer_1.SlideupDrawer, { label: "Wallets", onClose: () => setIsOpen(false), children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", style: { overflowY: 'auto' }, children: allButActiveWallet.map(wallet => ((0, jsx_runtime_1.jsx)(SelectWalletRow_1.SelectWalletRow, { wallet: wallet, isSelected: wallet.address === selectedWallet, onClick: handleClick, onClose: () => setIsOpen(false) }, wallet.address))) }) }))] }));
+};
+exports.WalletSelect = WalletSelect;
+//# sourceMappingURL=WalletSelect.js.map

package/dist/cjs/components/Select/WalletSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/WalletSelect.tsx"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAChD,6DAAmE;AACnE,iCAAgC;AAEhC,uDAAmD;AACnD,mDAA+C;AAE/C,MAAM,oBAAoB,GAAG,MAAM,CAAA;AAE5B,MAAM,YAAY,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAkE,EAAE,EAAE;IAC1H,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,oBAAU,GAAE,CAAA;IAChC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IAE5D,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,CAAC,CAAA;IAE7F,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,EAAE;QACtC,OAAO,CAAC,OAAO,CAAC,CAAA;QAChB,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,iCACE,SAAS,EAAC,kIAAkI,EAC5I,KAAK,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAE9B,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,wCAE9C,GACH,EAEN,uBAAC,iCAAiB,IAAC,SAAS,EAAC,YAAY,GAAG,EAC3C,MAAM,IAAI,CACT,uBAAC,6BAAa,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAC5D,gCAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC9D,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAChC,uBAAC,iCAAe,IAEd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,CAAC,OAAO,KAAK,cAAc,EAC7C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,IAJ1B,MAAM,CAAC,OAAO,CAKnB,CACH,CAAC,GACE,GACQ,CACjB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,YAAY,gBA2CxB"}

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const FiatWalletsMapProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FiatWalletsMapProvider.d.ts.map

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiatWalletsMapProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAQtD,eAAO,MAAM,sBAAsB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAgE3E,CAAA"}

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FiatWalletsMapProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const hooks_1 = require("@0xsequence/hooks");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const contexts_1 = require("../../../contexts");
+const hooks_2 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+// Define the provider component
+const FiatWalletsMapProvider = ({ children }) => {
+    const { wallets } = (0, connect_1.useWallets)();
+    const { selectedNetworks, hideUnlistedTokens, fiatCurrency } = (0, hooks_2.useSettings)();
+    const [fiatWalletsMap, setFiatWalletsMap] = (0, react_1.useState)([]);
+    const { data: tokenBalancesData, isPending: isTokenBalancesPending } = (0, hooks_1.useGetTokenBalancesDetails)({
+        chainIds: selectedNetworks,
+        filter: {
+            accountAddresses: wallets.map(wallet => wallet.address),
+            contractStatus: hideUnlistedTokens ? connect_1.ContractVerificationStatus.VERIFIED : connect_1.ContractVerificationStatus.ALL,
+            omitNativeBalances: false
+        }
+    });
+    const coinBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC20' || (0, connect_1.compareAddress)(b.contractAddress, viem_1.zeroAddress)) || [];
+    const { data: coinPrices = [], isPending: isCoinPricesPending } = (0, hooks_1.useGetCoinPrices)(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate, isPending: isConversionRatePending } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    (0, react_1.useEffect)(() => {
+        if (!isTokenBalancesPending &&
+            !isCoinPricesPending &&
+            !isConversionRatePending &&
+            coinBalancesUnordered.length > 0 &&
+            coinPrices.length > 0 &&
+            conversionRate) {
+            const newFiatWalletsMap = wallets.map(wallet => {
+                const walletBalances = coinBalancesUnordered.filter(b => (0, viem_1.getAddress)(b.accountAddress) === (0, viem_1.getAddress)(wallet.address));
+                const walletFiatValue = walletBalances.reduce((acc, coin) => {
+                    return (acc +
+                        Number((0, utils_1.computeBalanceFiat)({
+                            balance: coin,
+                            prices: coinPrices,
+                            conversionRate,
+                            decimals: coin.contractInfo?.decimals || 18
+                        })));
+                }, 0);
+                return {
+                    accountAddress: wallet.address,
+                    fiatValue: walletFiatValue.toFixed(2)
+                };
+            });
+            if (JSON.stringify(newFiatWalletsMap) !== JSON.stringify(fiatWalletsMap)) {
+                setFiatWalletsMap(newFiatWalletsMap);
+            }
+        }
+    }, [coinBalancesUnordered, coinPrices, conversionRate]);
+    return (0, jsx_runtime_1.jsx)(contexts_1.FiatWalletsMapContextProvider, { value: { fiatWalletsMap, setFiatWalletsMap }, children: children });
+};
+exports.FiatWalletsMapProvider = FiatWalletsMapProvider;
+//# sourceMappingURL=FiatWalletsMapProvider.js.map

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.js.map

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

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/SwapProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const SwapProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapProvider.d.ts.map

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/SwapProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/SwapProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAQtD,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAyPjE,CAAA"}

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/SwapProvider.js

@@ -0,0 +1,227 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwapProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const Swap_1 = require("../../../contexts/Swap");
+const useNavigation_1 = require("../../../hooks/useNavigation");
+const SwapProvider = ({ children }) => {
+    const toast = (0, design_system_1.useToast)();
+    const { address: userAddress, connector } = (0, wagmi_1.useAccount)();
+    const { setNavigation } = (0, useNavigation_1.useNavigation)();
+    const apiClient = (0, hooks_1.useAPIClient)();
+    const connectedChainId = (0, wagmi_1.useChainId)();
+    const chains = (0, wagmi_1.useChains)();
+    const [fromCoin, _setFromCoin] = (0, react_1.useState)();
+    const [toCoin, _setToCoin] = (0, react_1.useState)();
+    const [amount, _setAmount] = (0, react_1.useState)(0);
+    const [nonRecentAmount, setNonRecentAmount] = (0, react_1.useState)(0);
+    const [recentInput, setRecentInput] = (0, react_1.useState)('from');
+    const [isSwapReady, setIsSwapReady] = (0, react_1.useState)(false);
+    const [swapQuoteData, setSwapQuoteData] = (0, react_1.useState)();
+    const [isSwapQuotePending, setIsSwapQuotePending] = (0, react_1.useState)(false);
+    const [hasInsufficientFunds, setHasInsufficientFunds] = (0, react_1.useState)(false);
+    const [isErrorSwapQuote, setIsErrorSwapQuote] = (0, react_1.useState)(false);
+    const [isTxnPending, setIsTxnPending] = (0, react_1.useState)(false);
+    const [isErrorTxn, setIsErrorTxn] = (0, react_1.useState)(false);
+    const publicClient = (0, wagmi_1.usePublicClient)({ chainId: connectedChainId });
+    const { data: walletClient } = (0, wagmi_1.useWalletClient)({ chainId: connectedChainId });
+    const indexerClient = (0, hooks_1.useIndexerClient)(connectedChainId);
+    const resetSwapStates = () => {
+        _setFromCoin(undefined);
+        _setToCoin(undefined);
+        _setAmount(0);
+        setNonRecentAmount(0);
+        setRecentInput('from');
+        setIsSwapReady(false);
+        setSwapQuoteData(undefined);
+        setIsSwapQuotePending(false);
+        setIsErrorSwapQuote(false);
+        setIsTxnPending(false);
+        setIsErrorTxn(false);
+    };
+    (0, react_1.useEffect)(() => {
+        resetSwapStates();
+    }, [userAddress, connectedChainId]);
+    (0, react_1.useEffect)(() => {
+        setIsSwapReady(false);
+        setSwapQuoteData(undefined);
+        setIsErrorSwapQuote(false);
+    }, [fromCoin, toCoin, amount]);
+    (0, react_1.useEffect)(() => {
+        const fetchSwapQuote = async () => {
+            if (!fromCoin || !toCoin || amount === 0) {
+                return;
+            }
+            setIsSwapQuotePending(true);
+            setIsErrorSwapQuote(false);
+            let swapQuote;
+            try {
+                // swapQuote = await apiClient.getSwapQuoteV2({
+                //   userAddress: String(userAddress),
+                //   buyCurrencyAddress: toCoin.contractAddress,
+                //   sellCurrencyAddress: fromCoin.contractAddress,
+                //   chainId: connectedChainId,
+                //   includeApprove: true
+                //   ...(recentInput === 'from' ? {sellAmount: String(amount)} : {buyAmount: String(amount)})
+                // })
+                // TODO: use commented out code when getSwapQuoteV2 is updated to include sellAmount
+                swapQuote = await apiClient.getSwapQuoteV2({
+                    userAddress: String(userAddress),
+                    buyCurrencyAddress: toCoin.contractAddress,
+                    sellCurrencyAddress: fromCoin.contractAddress,
+                    buyAmount: String(amount),
+                    chainId: connectedChainId,
+                    includeApprove: true
+                });
+                const transactionValue = swapQuote?.swapQuote?.transactionValue || '0';
+                // TODO: change this to "amount" from return
+                setNonRecentAmount(Number(transactionValue));
+                setSwapQuoteData(swapQuote?.swapQuote);
+                setIsSwapReady(true);
+            }
+            catch (error) {
+                const hasInsufficientFunds = error.code === -4;
+                setHasInsufficientFunds(hasInsufficientFunds);
+                setIsErrorSwapQuote(true);
+            }
+            setIsSwapQuotePending(false);
+        };
+        fetchSwapQuote();
+    }, [fromCoin, toCoin, amount]);
+    const setFromCoin = (coin) => {
+        if (coin?.chainId === toCoin?.chainId && coin?.contractAddress === toCoin?.contractAddress) {
+            switchCoinOrder();
+        }
+        else {
+            _setFromCoin(coin);
+        }
+    };
+    const setToCoin = (coin) => {
+        if (coin?.chainId === fromCoin?.chainId && coin?.contractAddress === fromCoin?.contractAddress) {
+            switchCoinOrder();
+        }
+        else {
+            _setToCoin(coin);
+        }
+    };
+    const setAmount = (newAmount, type) => {
+        if (type === recentInput) {
+            _setAmount(newAmount);
+        }
+        else {
+            const tempAmount = amount;
+            setRecentInput(recentInput === 'from' ? 'to' : 'from');
+            _setAmount(newAmount);
+            setNonRecentAmount(tempAmount);
+        }
+    };
+    const switchCoinOrder = () => {
+        const tempFrom = fromCoin;
+        const tempTo = toCoin;
+        _setFromCoin(tempTo);
+        _setToCoin(tempFrom);
+        setRecentInput(recentInput === 'from' ? 'to' : 'from');
+    };
+    const onSubmitSwap = async () => {
+        if (isErrorSwapQuote || !userAddress || !publicClient || !walletClient || !connector || !fromCoin || !toCoin || !amount) {
+            console.error('Please ensure validation before allowing users to submit a swap');
+            return;
+        }
+        setIsErrorTxn(false);
+        setIsTxnPending(true);
+        try {
+            const isSwapNativeToken = (0, design_system_1.compareAddress)(viem_1.zeroAddress, swapQuoteData?.currencyAddress || '');
+            const getSwapTransactions = () => {
+                if (!swapQuoteData) {
+                    return [];
+                }
+                const swapTransactions = [
+                    // Swap quote optional approve step
+                    ...(swapQuoteData?.approveData && !isSwapNativeToken
+                        ? [
+                            {
+                                to: swapQuoteData?.currencyAddress,
+                                data: swapQuoteData?.approveData,
+                                chain: connectedChainId
+                            }
+                        ]
+                        : []),
+                    // Swap quote tx
+                    {
+                        to: swapQuoteData?.to,
+                        data: swapQuoteData?.transactionData,
+                        chain: connectedChainId,
+                        ...(isSwapNativeToken
+                            ? {
+                                value: BigInt(swapQuoteData?.transactionValue || '0')
+                            }
+                            : {})
+                    }
+                ];
+                return swapTransactions;
+            };
+            const walletClientChainId = await walletClient.getChainId();
+            if (walletClientChainId !== connectedChainId) {
+                await walletClient.switchChain({ id: connectedChainId });
+            }
+            const isFromCoinNative = fromCoin.contractType === 'NATIVE';
+            const isToCoinNative = toCoin.contractType === 'NATIVE';
+            const fromCoinNativeInfo = (0, connect_1.getNativeTokenInfoByChainId)(fromCoin.chainId, chains);
+            const toCoinNativeInfo = (0, connect_1.getNativeTokenInfoByChainId)(toCoin.chainId, chains);
+            const toastFromCoinName = isFromCoinNative ? fromCoinNativeInfo.symbol : fromCoin.contractInfo?.symbol;
+            const toastToCoinName = isToCoinNative ? toCoinNativeInfo.symbol : toCoin.contractInfo?.symbol;
+            const toastFromAmount = (0, viem_1.formatUnits)(BigInt(recentInput === 'from' ? amount : nonRecentAmount), (isFromCoinNative ? fromCoinNativeInfo.decimals : fromCoin.contractInfo?.decimals) || 18);
+            const toastToAmount = (0, viem_1.formatUnits)(BigInt(recentInput === 'from' ? nonRecentAmount : amount), (isToCoinNative ? toCoinNativeInfo.decimals : toCoin.contractInfo?.decimals) || 18);
+            await (0, connect_1.sendTransactions)({
+                connector,
+                walletClient,
+                publicClient,
+                chainId: connectedChainId,
+                indexerClient,
+                senderAddress: userAddress,
+                transactions: [...getSwapTransactions()]
+            });
+            toast({
+                title: 'Transaction sent',
+                description: `Successfully swapped ${toastFromAmount} ${toastFromCoinName} for ${toastToAmount} ${toastToCoinName}`,
+                variant: 'success'
+            });
+            setNavigation({
+                location: 'home'
+            });
+        }
+        catch (error) {
+            console.error('Failed to send transactions', error);
+            setIsSwapReady(false);
+            setIsTxnPending(false);
+            setIsErrorTxn(true);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(Swap_1.SwapContextProvider, { value: {
+            fromCoin,
+            toCoin,
+            amount,
+            nonRecentAmount,
+            recentInput,
+            isSwapReady,
+            isSwapQuotePending,
+            hasInsufficientFunds,
+            isErrorSwapQuote,
+            isTxnPending,
+            isErrorTxn,
+            setFromCoin,
+            setToCoin,
+            setAmount,
+            switchCoinOrder,
+            onSubmitSwap,
+            resetSwapStates
+        }, children: children }));
+};
+exports.SwapProvider = SwapProvider;
+//# sourceMappingURL=SwapProvider.js.map

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/SwapProvider.js.map

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

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WalletConnectSignClientProvider.d.ts.map

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectSignClientProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.tsx"],"names":[],"mappings":""}

package/dist/cjs/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.js

@@ -0,0 +1,191 @@
+"use strict";
+// import SignClient from '@walletconnect/sign-client'
+// import { SessionTypes, SignClientTypes } from '@walletconnect/types'
+// import { observable } from 'micro-observables'
+// import { useEffect, useRef } from 'react'
+// import { ReactNode } from 'react'
+// import { useAccount } from 'wagmi'
+Object.defineProperty(exports, "__esModule", { value: true });
+// import { WalletConnectContextProvider } from '../../../contexts/WalletConnect'
+// import { useSettings } from '../../../hooks'
+// const SEQUENCE_WALLET_PROJECT_ID = '9de6e0953fc26670a19deea966e9ae1f'
+// interface WalletConnectProviderProps {
+//   children: ReactNode
+// }
+// export interface ConnectOptions {
+//   app: string
+//   origin: string
+//   networkId: string
+//   keepWalletOpened: boolean
+// }
+// export const WalletConnectProvider: React.FC<WalletConnectProviderProps> = ({ children }) => {
+//   const { address } = useAccount()
+//   const { selectedNetworks } = useSettings()
+//   const isReadyObservable = observable<boolean>(false)
+//   const sessionsObservable = observable<SessionTypes.Struct[]>([])
+//   const connectOptionsObservable = observable<ConnectOptions | undefined>(undefined)
+//   const currentRequestInfoRef = useRef<{ id: number; topic: string } | undefined>(undefined)
+//   const signClientRef = useRef<SignClient | undefined>(undefined)
+//   useEffect(() => {
+//     const createSignClient = async () => {
+//       const client = await SignClient.init({
+//         projectId: SEQUENCE_WALLET_PROJECT_ID,
+//         metadata: {
+//           name: 'Sequence Wallet',
+//           description: 'Sequence Wallet - The Best Crypto, NFT & Web3 Wallet',
+//           url: 'https://sequence.app',
+//           icons: ['https://sequence.app/apple-touch-icon.png']
+//         }
+//       })
+//       client.on('session_proposal', onSessionProposal)
+//       client.on('session_request', onSessionRequest)
+//       client.on('session_ping', onSessionPing)
+//       client.on('session_event', onSessionEvent)
+//       client.on('session_update', onSessionUpdate)
+//       client.on('session_delete', onSessionDelete)
+//       signClientRef.current = client
+//       sessionsObservable.set(client.session.getAll() ?? [])
+//       isReadyObservable.set(true)
+//     }
+//     createSignClient()
+//   }, [])
+//   const pair = async (uri: string) => {
+//     if (!signClientRef.current) {
+//       throw new Error('WalletConnect signClient not initialized.')
+//     }
+//     await signClientRef.current?.core.pairing.pair({ uri })
+//   }
+//   const rejectRequest = () => {
+//     if (currentRequestInfoRef.current) {
+//       signClientRef.current?.respond({
+//         topic: currentRequestInfoRef.current.topic,
+//         response: {
+//           id: currentRequestInfoRef.current.id,
+//           jsonrpc: '2.0',
+//           error: {
+//             message: 'User rejected.',
+//             code: 4001
+//           }
+//         }
+//       })
+//     }
+//   }
+//   const disconnectSession = async (topic: string) => {
+//     const session = signClientRef.current?.session.get(topic)
+//     if (session) {
+//       await signClientRef.current?.engine.client.disconnect({
+//         topic: session.topic,
+//         reason: {
+//           message: 'User disconnected.',
+//           code: 6000
+//         }
+//       })
+//       sessionsObservable.set(signClientRef.current?.session.getAll() ?? [])
+//     }
+//   }
+//   const disconnectAllSessions = async () => {
+//     const sessions = signClientRef.current?.session.getAll() ?? []
+//     sessions.forEach(async session => {
+//       await signClientRef.current?.engine.client.disconnect({
+//         topic: session.topic,
+//         reason: {
+//           message: 'User disconnected.',
+//           code: 6000
+//         }
+//       })
+//     })
+//     sessionsObservable.set([])
+//   }
+//   const onSessionProposal = async (ev: SignClientTypes.EventArguments['session_proposal']) => {
+//     console.log('onSessionProposal', ev)
+//     console.log('signClientRef.current', signClientRef.current)
+//     const requiredNamespaces = ev.params.requiredNamespaces
+//     const optionalNamespaces = ev.params.optionalNamespaces
+//     const chainsInRequiredNamespaces =
+//       Object.keys(requiredNamespaces).length === 0 ? [] : (requiredNamespaces.eip155.chains ?? [])
+//     const chainsInOptionalNamespaces =
+//       Object.keys(optionalNamespaces).length === 0 ? [] : (optionalNamespaces.eip155.chains ?? [])
+//     const chainId = chainsInRequiredNamespaces[0]?.split(':').pop() ?? chainsInOptionalNamespaces[0]?.split(':').pop()
+//     if (!chainId) {
+//       throw new Error('No chainId found in WalletConnect session proposal namespaces.')
+//     }
+//     connectOptionsObservable.set({
+//       app: ev.params.proposer.metadata.name,
+//       origin: ev.params.proposer.metadata.url,
+//       networkId: chainId,
+//       keepWalletOpened: true
+//     })
+//     const chains = selectedNetworks
+//     const requestedChains = chainsInRequiredNamespaces.map(chain => Number(chain.split(':').pop()))
+//     const optionalChains = chainsInOptionalNamespaces.map(chain => Number(chain.split(':').pop()))
+//     const filteredChainsForRequested = chains.filter(chain => [...requestedChains, ...optionalChains].includes(chain))
+//     const accounts = filteredChainsForRequested.map(chain => 'eip155:' + chain + ':' + address)
+//     const namespaces = {
+//       eip155: {
+//         accounts,
+//         methods: [
+//           'eth_sendTransaction',
+//           'eth_sendRawTransaction',
+//           'eth_signTransaction',
+//           'eth_sign',
+//           'personal_sign',
+//           'eth_signTypedData',
+//           'eth_signTypedData_v4',
+//           'wallet_switchEthereumChain'
+//         ],
+//         chains: [],
+//         events: ['chainChanged', 'accountsChanged', 'connect', 'disconnect']
+//       }
+//     }
+//     console.log('signClient', signClientRef.current)
+//     const result = await signClientRef.current?.approve({
+//       id: ev.id,
+//       namespaces
+//     })
+//     await result?.acknowledged()
+//     sessionsObservable.set(signClientRef.current?.session.getAll() ?? [])
+//     // remove any old pairings with same peerMetadata url
+//     signClientRef.current?.core.pairing
+//       .getPairings()
+//       .filter(pairing => ev.params.pairingTopic !== pairing.topic)
+//       .forEach(async pairing => {
+//         if (ev.params.proposer.metadata.url === pairing.peerMetadata?.url) {
+//           await signClientRef.current?.core.pairing.disconnect({
+//             topic: pairing.topic
+//           })
+//         }
+//       })
+//   }
+//   const onSessionRequest = async (ev: SignClientTypes.EventArguments['session_request']) => {
+//     console.log('onSessionRequest', ev)
+//     // Handle session request logic here
+//   }
+//   const onSessionPing = async (ev: SignClientTypes.EventArguments['session_ping']) => {
+//     console.log('onSessionPing', ev)
+//   }
+//   const onSessionEvent = async (ev: SignClientTypes.EventArguments['session_event']) => {
+//     console.log('onSessionEvent', ev)
+//   }
+//   const onSessionUpdate = async (ev: SignClientTypes.EventArguments['session_update']) => {
+//     console.log('onSessionUpdate', ev)
+//   }
+//   const onSessionDelete = async (ev: SignClientTypes.EventArguments['session_delete']) => {
+//     console.log('onSessionDelete', ev)
+//   }
+//   return (
+//     <WalletConnectContextProvider
+//       value={{
+//         isReadyObservable,
+//         sessionsObservable,
+//         connectOptionsObservable,
+//         pair,
+//         rejectRequest,
+//         disconnectSession,
+//         disconnectAllSessions
+//       }}
+//     >
+//       {children}
+//     </WalletConnectContextProvider>
+//   )
+// }
+//# sourceMappingURL=WalletConnectSignClientProvider.js.map