@layerswap/widget 1.1.5 → 1.2.0

package/dist/esm/components/Input/Amount/ReceiveAmount.js

@@ -2,9 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import NumberFlow from "@number-flow/react";
 import clsx from "clsx";
 import { PriceImpact } from "./PriceImpact";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/shadcn/tooltip";
 export const ReceiveAmount = ({ destination_token, fee, isFeeLoading }) => {
     const receive_amount = fee?.quote.receive_amount;
     const receiveAmountInUsd = receive_amount && destination_token && fee.quote?.destination_token?.price_in_usd ? (receive_amount * fee.quote.destination_token.price_in_usd).toFixed(2) : undefined;
     const quote = fee?.quote;
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex-col w-full flex min-w-0 font-normal border-0 text-[28px] leading-7 text-primary-text relative truncate", children: [_jsx("div", { className: "w-full flex items-center justify-start relative", children: _jsx("div", { className: clsx("w-full flex items-center pt-2 pr-3", { "animate-pulse-stronger": isFeeLoading }, { "text-secondary-text": !receive_amount }), children: _jsx(NumberFlow, { value: receive_amount || 0, trend: 0, format: { maximumFractionDigits: fee?.quote.destination_token?.decimals || 2 } }) }) }), _jsxs("div", { className: "flex items-baseline space-x-2 h-5", children: [_jsx("span", { className: "text-base leading-5 font-medium text-secondary-text h-5", children: _jsx(NumberFlow, { className: "p-0", value: Number(receiveAmountInUsd || 0), prefix: "$", format: { maximumFractionDigits: receiveAmountInUsd ? 2 : 0 }, trend: 0 }) }), _jsx(PriceImpact, { className: "h-5 text-base leading-5", quote: quote, refuel: fee?.refuel })] })] }) }));
+    const fullAmountText = receive_amount && destination_token
+        ? `${receive_amount} ${destination_token.symbol}`
+        : undefined;
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex-col w-full flex min-w-0 font-normal border-0 text-[28px] leading-7 text-primary-text relative truncate", children: [_jsx("div", { className: "w-full flex items-center justify-start relative", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: clsx("w-full flex items-center py-[3px]", { "animate-pulse-stronger": isFeeLoading }, { "text-secondary-text": !receive_amount }), children: _jsx(NumberFlow, { value: receive_amount || 0, trend: 0, format: { maximumFractionDigits: fee?.quote.destination_token?.decimals || 2 } }) }) }), fullAmountText && (_jsx(TooltipContent, { className: "bg-secondary-300! border-secondary-300! text-primary-text!", children: _jsx("p", { children: fullAmountText }) }))] }) }), _jsxs("div", { className: "flex items-baseline space-x-2 h-5", children: [_jsx("span", { className: "text-base leading-5 font-medium text-secondary-text h-5", children: _jsx(NumberFlow, { className: "p-0", value: Number(receiveAmountInUsd || 0), prefix: "$", format: { maximumFractionDigits: receiveAmountInUsd ? 2 : 0 }, trend: 0 }) }), _jsx(PriceImpact, { className: "h-5 text-base leading-5", quote: quote, refuel: fee?.refuel })] })] }) }));
 };

package/dist/esm/components/Input/Amount/index.js

@@ -38,7 +38,7 @@ const AmountField = forwardRef(function AmountField({ usdPosition = "bottom", ac
     const disabled = Boolean(fromExchange && !toCurrency);
     return (_jsx(_Fragment, { children: _jsxs("div", { className: clsx("flex flex-col bg-secondary-500 space-y-0.5 relative w-full group", className, {
                 'focus-within:[&_.usd-suffix]:invisible': usdPosition === "right"
-            }), children: [_jsx(NumericInput, { disabled: disabled, placeholder: placeholder, step: isNaN(step) ? 0.01 : step, name: name, ref: amountRef, precision: fromCurrency?.precision, tempValue: actionValue, className: "w-full text-[28px] leading-[34px] rounded-xl text-primary-text focus:outline-none focus:border-none focus:ring-0 duration-300 ease-in-out !bg-secondary-500 !font-normal group-[.exchange-amount-field]:px-2.5 group-[.exchange-amount-field]:pb-2 group-[.exchange-amount-field]:pr-2 group-[.exchange-amount-field]:bg-secondary-300! group-[.exchange-amount-field]:pt-2! pl-0", onChange: e => {
+            }), children: [_jsx(NumericInput, { disabled: disabled, placeholder: placeholder, step: isNaN(step) ? 0.01 : step, name: name, ref: amountRef, precision: fromCurrency?.precision, tempValue: actionValue, tokenSymbol: fromCurrency?.symbol, className: "w-full text-[28px] leading-[34px] rounded-xl text-primary-text focus:outline-none focus:border-none focus:ring-0 duration-300 ease-in-out bg-secondary-500! font-normal! group-[.exchange-amount-field]:text-xl group-[.exchange-amount-field]:px-2.5 group-[.exchange-amount-field]:pb-2 group-[.exchange-amount-field]:pr-2 group-[.exchange-amount-field]:bg-secondary-300! px-0 truncate", onChange: e => {
                         /^[0-9]*[.,]?[0-9]*$/.test(e.target.value) && handleChange(e);
                     } }), _jsx("div", { className: clsx("usd-suffix text-base group-[.exchange-amount-field]:text-sm leading-5 font-medium text-secondary-text pointer-events-none", {
                         "absolute bottom-[11px]": usdPosition === "right",

package/dist/esm/components/Input/DestinationPicker.js

@@ -16,7 +16,7 @@ const DestinationPicker = (props) => {
     const { swapId } = useSwapDataState();
     const quoteRefreshInterval = !!swapId ? 0 : undefined;
     const { quote, isQuoteLoading } = useQuoteData(quoteArgs, quoteRefreshInterval);
-    return _jsxs("div", { className: "flex flex-col w-full bg-secondary-500 rounded-2xl p-4 pb-[15px] space-y-[27px]", children: [_jsxs("div", { className: "grid grid-cols-9 gap-2 items-center h-7", children: [_jsx("label", { htmlFor: "To", className: "block col-span-4 font-normal text-secondary-text text-base leading-5 w-30", children: "Receive at" }), _jsx("div", { className: "col-span-5 justify-self-end", children: _jsx(Address, { partner: partner, children: ({ destination, addressItem, connectedWallet, partner }) => _jsx(DestinationWalletPicker, { destination: destination, addressItem: addressItem, connectedWallet: connectedWallet, partner: partner }) }) })] }), _jsx("div", { className: "items-center space-y-2", children: _jsxs("div", { className: "grid grid-cols-[1fr_auto] gap-2 w-full max-w-full", children: [_jsx("div", { className: "min-w-0 overflow-hidden", children: _jsx(ReceiveAmount, { destination_token: toCurrency, fee: quote, isFeeLoading: isQuoteLoading }) }), _jsx("div", { className: "justify-self-end self-start", children: _jsx(RoutePicker, { direction: "to" }) })] }) })] });
+    return _jsxs("div", { className: "flex flex-col w-full bg-secondary-500 rounded-2xl p-4 pb-[15px] space-y-[27px]", children: [_jsxs("div", { className: "grid grid-cols-9 gap-2 items-center h-7", children: [_jsx("label", { htmlFor: "To", className: "block col-span-4 font-normal text-secondary-text text-base leading-5 w-30", children: "Receive at" }), _jsx("div", { className: "col-span-5 justify-self-end", children: _jsx(Address, { partner: partner, children: ({ destination, addressItem, connectedWallet, partner }) => _jsx(DestinationWalletPicker, { destination: destination, addressItem: addressItem, connectedWallet: connectedWallet, partner: partner }) }) })] }), _jsx("div", { className: "items-center space-y-2", children: _jsxs("div", { className: "grid grid-cols-[1fr_auto] gap-1 w-full max-w-full", children: [_jsx("div", { className: "min-w-0 overflow-hidden", children: _jsx(ReceiveAmount, { destination_token: toCurrency, fee: quote, isFeeLoading: isQuoteLoading }) }), _jsx("div", { className: "justify-self-end self-start", children: _jsx(RoutePicker, { direction: "to" }) })] }) })] });
 };
 export const SecondDestinationWalletPicker = () => {
     return _jsxs("div", { className: " justify-center w-full pl-3 pr-2 py-2 bg-secondary-400 items-center flex font-light space-x-2 mx-auto rounded-lg focus-peer:ring-primary focus-peer:border-secondary-400 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 ", children: [_jsx(PlusIcon, { className: "stroke-1" }), " ", _jsx("span", { children: "Destination Address" })] });

package/dist/esm/components/Input/NumericInput.js

@@ -3,8 +3,9 @@ import { useField, useFormikContext } from "formik";
 import { forwardRef } from "react";
 import { classNames } from '../utils/classNames';
 import { isScientific } from "../utils/RoundDecimals";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../components/shadcn/tooltip";
 // Use with Formik
-const NumericInput = forwardRef(function NumericInput({ label, disabled, tempValue, placeholder, minLength, maxLength, precision, step, name, className, children, onChange, onFocus, onBlur }, ref) {
+const NumericInput = forwardRef(function NumericInput({ label, disabled, tempValue, placeholder, minLength, maxLength, precision, step, name, className, children, onChange, onFocus, onBlur, tokenSymbol }, ref) {
     const { handleChange } = useFormikContext();
     const [field] = useField(name);
     const formattedTempValue = Number(tempValue) >= 0 ? isScientific(tempValue)
@@ -13,12 +14,16 @@ const NumericInput = forwardRef(function NumericInput({ label, disabled, tempVal
             : '')
         : tempValue?.toString()
         : '';
+    const displayValue = !isNaN(Number(tempValue)) ? formattedTempValue : field.value;
+    const fullTooltipText = displayValue && Number(displayValue) > 0
+        ? `${displayValue}${tokenSymbol ? ` ${tokenSymbol}` : ''}`
+        : undefined;
     return _jsxs("div", { children: [label &&
-                _jsx("label", { htmlFor: name, className: "block font-semibold text-secondary-text text-sm mb-1.5 w-full", children: label }), _jsxs("div", { className: "flex relative w-full", children: [!isNaN(Number(tempValue)) &&
-                        _jsx("span", { className: classNames('py-2 flex text-secondary-text/45 items-center h-12 leading-4 bg-secondary-700 min-w-0 rounded-lg font-semibold border-0 ', className), ref: ref, children: _jsx("span", { children: formattedTempValue }) }), isNaN(Number(tempValue)) &&
-                        _jsx("input", { ...field, inputMode: "decimal", autoComplete: "off", disabled: disabled, placeholder: placeholder, autoCorrect: "off", minLength: minLength, maxLength: maxLength, onInput: (event) => { replaceComma(event); limitDecimalPlaces(event, precision); }, onFocus: onFocus, onBlur: onBlur, type: "text", step: step, name: name, id: name, ref: ref, className: classNames('disabled:cursor-not-allowed h-12 leading-4 border-secondary-500 placeholder:text-secondary-text bg-secondary-700 focus:ring-primary focus:border-primary block min-w-0 rounded-lg font-semibold border-0', className), onChange: onChange ? onChange : e => {
-                                /^[0-9]*[.,]?[0-9]*$/.test(e.target.value) && handleChange(e);
-                            } }), _jsx(_Fragment, { children: children })] })] });
+                _jsx("label", { htmlFor: name, className: "block font-semibold text-secondary-text text-sm mb-1.5 w-full", children: label }), _jsxs(Tooltip, { disableHoverableContent: true, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "flex relative w-full", children: [!isNaN(Number(tempValue)) &&
+                                    _jsx("span", { className: classNames('py-2 flex text-secondary-text/45 items-center h-12 leading-4 bg-secondary-700 min-w-0 rounded-lg font-semibold border-0 ', className), ref: ref, children: _jsx("span", { children: formattedTempValue }) }), isNaN(Number(tempValue)) &&
+                                    _jsx("input", { ...field, inputMode: "decimal", autoComplete: "off", disabled: disabled, placeholder: placeholder, autoCorrect: "off", minLength: minLength, maxLength: maxLength, onInput: (event) => { replaceComma(event); limitDecimalPlaces(event, precision); }, onFocus: onFocus, onBlur: onBlur, type: "text", step: step, name: name, id: name, ref: ref, className: classNames('disabled:cursor-not-allowed h-12 leading-4 border-secondary-500 placeholder:text-secondary-text bg-secondary-700 focus:ring-primary focus:border-primary block min-w-0 rounded-lg font-semibold border-0', className), onChange: onChange ? onChange : e => {
+                                            /^[0-9]*[.,]?[0-9]*$/.test(e.target.value) && handleChange(e);
+                                        } }), _jsx(_Fragment, { children: children })] }) }), _jsx(TooltipContent, { className: "bg-secondary-300! border-secondary-300! text-primary-text!", children: _jsx("p", { children: fullTooltipText }) })] })] });
 });
 function limitDecimalPlaces(e, count) {
     if (e.target.value.indexOf('.') == -1) {

package/dist/esm/components/Input/SourcePicker.js

@@ -19,6 +19,6 @@ const SourcePicker = ({ minAllowedAmount, maxAllowedAmount: maxAmountFromApi, fe
                         _jsx("div", { className: clsx("absolute z-10 -top-[26px] left-0", {
                                 "hidden": !showQuickActions,
                                 "block": showQuickActions
-                            }, "group-hover:block"), children: _jsx(MinMax, { from: from, fromCurrency: fromCurrency, limitsMinAmount: minAllowedAmount, limitsMaxAmount: maxAmountFromApi, onActionHover: handleActionHover, depositMethod: depositMethod }) }), _jsxs("div", { className: "grid grid-cols-[1fr_auto] gap-2 w-full max-w-full", children: [_jsx("div", { className: "min-w-0 overflow-hidden", children: _jsx(AmountField, { fee: fee, actionValue: actiontempValue }) }), _jsx("div", { className: "justify-self-end self-start", children: _jsx(RoutePicker, { direction: "from" }) })] })] })] });
+                            }, "group-hover:block"), children: _jsx(MinMax, { from: from, fromCurrency: fromCurrency, limitsMinAmount: minAllowedAmount, limitsMaxAmount: maxAmountFromApi, onActionHover: handleActionHover, depositMethod: depositMethod }) }), _jsxs("div", { className: "grid grid-cols-[1fr_auto] gap-1 w-full max-w-full", children: [_jsx("div", { className: "min-w-0 overflow-hidden", children: _jsx(AmountField, { fee: fee, actionValue: actiontempValue }) }), _jsx("div", { className: "justify-self-end self-start", children: _jsx(RoutePicker, { direction: "from" }) })] })] })] });
 };
 export default SourcePicker;

package/dist/esm/components/Pages/Swap/Form/FeeDetails/DepositMethod/index.js

@@ -21,7 +21,7 @@ const DepositMethodComponent = () => {
     const name = 'depositMethod';
     const menuItems = from && GenerateDepositMethodMenuItems(from, depositMethods, provider);
     const defaultMethod = menuItems?.find(i => i.id === defaultDepositMethod);
-    const menuItemsRef = useRef();
+    const menuItemsRef = useRef(undefined);
     menuItemsRef.current = menuItems;
     useEffect(() => {
         const first = menuItemsRef.current?.[0]?.id;

package/dist/esm/components/Pages/Swap/Form/FormWrapper.js

@@ -125,7 +125,7 @@ export default function FormWrapper({ children, type, partner }) {
         setWalletWihdrawDone(true);
     }, []);
     return _jsx(_Fragment, { children: _jsx(Formik, { innerRef: formikRef, initialValues: initialValues, validateOnMount: true, onSubmit: handleSubmit, children: _jsxs(_Fragment, { children: [_jsx(VaulDrawer, { show: showConnectNetworkModal, setShow: setShowConnectNetworkModal, header: `${networkToConnect?.DisplayName} connect`, modalId: "showNetwork", children: _jsx(VaulDrawer.Snap, { id: "item-1", children: networkToConnect &&
-                                _jsx(ConnectNetwork, { NetworkDisplayName: networkToConnect?.DisplayName, AppURL: networkToConnect?.AppURL }) }) }), _jsx(VaulDrawer, { show: swapModalOpen, setShow: handleShowSwapModal, header: `Complete the swap`, modalId: "showSwap", className: !swapBasicData?.use_deposit_address ? "expandContainerHeight" : "", children: _jsx(VaulDrawer.Snap, { id: "item-1", children: _jsx(SwapDetails, { type: "contained", onWalletWithdrawalSuccess: handleWalletWithdrawalSuccess, partner: partner, onCancelWithdrawal: () => handleShowSwapModal(false) }) }) }), children] }) }) });
+                                _jsx(ConnectNetwork, { NetworkDisplayName: networkToConnect?.DisplayName, AppURL: networkToConnect?.AppURL }) }) }), _jsx(VaulDrawer, { show: swapModalOpen, setShow: handleShowSwapModal, header: 'Complete the swap', modalId: "showSwap", className: "expandContainerHeight", children: _jsx(VaulDrawer.Snap, { id: "item-1", children: _jsx(SwapDetails, { type: "contained", onWalletWithdrawalSuccess: handleWalletWithdrawalSuccess, partner: partner, onCancelWithdrawal: () => handleShowSwapModal(false) }) }) }), children] }) }) });
 }
 const handleCreateSwap = async ({ query, values, partner, setShowSwapModal, createSwap, setNetworkToConnect, setShowConnectNetworkModal, setSwapId, setSubmitedFormValues }) => {
     setSubmitedFormValues(values);

package/dist/esm/components/Pages/Swap/Withdraw/Wallet/index.js

@@ -82,7 +82,6 @@ const TransferTokenButton = ({ savedTransactionHash, chainId, swapData, refuel }
     const wallet = wallets.find(w => w.id === selectedSourceAccount?.id);
     const { executeTransfer } = useTransfer();
     const rpcHealth = useRpcHealth(swapData.source_network);
-    console.log("rpcHealth", rpcHealth);
     const clickHandler = useCallback(async ({ amount, callData, depositAddress, swapId }) => {
         setButtonClicked(true);
         setError(undefined);

package/dist/esm/components/Wallet/WalletModal/ConnectorsList.js

@@ -52,11 +52,9 @@ const ConnectorsList = ({ onFinish }) => {
                 return;
             }
             setSelectedConnector(connector);
-            if (connector?.hasBrowserExtension && !connector?.showQrCode && connector.type == 'walletConnect' && !isMobilePlatfrom)
+            if (connector?.hasBrowserExtension !== false && connector.extensionNotFound && !connector?.showQrCode && !isMobilePlatfrom)
                 return;
-            if (connector.installUrl)
-                return;
-            if (provider.ready === false) {
+            if (!provider.ready) {
                 setConnectionError("Wallet provider is still initializing. Please wait a moment and try again.");
                 return;
             }
@@ -135,7 +133,7 @@ const ConnectorsList = ({ onFinish }) => {
         observer.observe(loadMoreTriggerRef.current);
         return () => observer.disconnect();
     }, [hasMoreToLoad, isLoadingMore, loadMore, selectedConnector, selectedMultiChainConnector]);
-    if (selectedConnector?.hasBrowserExtension && !selectedConnector?.showQrCode && selectedConnector.type == 'walletConnect' && !isMobilePlatfrom) {
+    if (selectedConnector?.hasBrowserExtension !== false && selectedConnector?.extensionNotFound && !selectedConnector?.showQrCode && !isMobilePlatfrom) {
         const provider = featuredProviders.find(p => p.name === selectedConnector?.providerName);
         return _jsx(InstalledExtensionNotFound, { selectedConnector: selectedConnector, onConnect: (connector) => { connect(connector, provider); } });
     }

package/dist/esm/components/Wallet/WalletModal/InstalledExtensionNotFound.js

@@ -6,11 +6,16 @@ import { AppSettings } from "../../../exports/internal";
 import clsx from "clsx";
 import useWindowDimensions from "../../../hooks/useWindowDimensions";
 export const InstalledExtensionNotFound = ({ selectedConnector, onConnect }) => {
-    const ConnectorIcon = resolveWalletConnectorIcon({ connector: selectedConnector, iconUrl: selectedConnector.icon });
+    const ConnectorIcon = resolveWalletConnectorIcon({ connector: selectedConnector, iconUrl: selectedConnector?.icon });
     const { isMobile: isMobileSize } = useWindowDimensions();
-    return _jsxs("div", { className: clsx('w-full flex flex-col justify-center items-center font-semibold relative', {
+    return _jsxs("div", { className: clsx('w-full flex flex-col justify-center items-center font-semibold', {
             'h-[60vh]': isMobileSize && AppSettings.ThemeData?.enablePortal,
             'h-full': !isMobileSize || !AppSettings.ThemeData?.enablePortal,
             'h-[300px]!': isMobileSize && !AppSettings.ThemeData?.enablePortal,
-        }), children: [_jsx("div", { className: "flex grow items-center justify-center", children: _jsxs("div", { className: "flex-col flex items-center gap-1", children: [_jsx(ConnectorIcon, { className: "w-11 h-auto p-0.5 rounded-md bg-secondary-800" }), _jsxs("div", { className: "py-1 text-center text-base font-medium", children: [_jsx("p", { children: "Wallet not found on your browser," }), _jsx("p", { children: "make sure you have the wallet installed" })] })] }) }), _jsx(SubmitButton, { onClick: () => { onConnect({ ...selectedConnector, showQrCode: true }); }, buttonStyle: "secondary", className: "w-full", children: _jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsx(ScanLine, { className: "w-5 h-5" }), _jsx("span", { children: "Connect with your phone" })] }) })] });
+        }), children: [_jsx("div", { className: "flex grow items-center justify-center", children: _jsxs("div", { className: "flex-col flex items-center gap-1", children: [_jsx(ConnectorIcon, { className: "w-11 h-auto p-0.5 rounded-md bg-secondary-800" }), selectedConnector?.hasBrowserExtension ? (_jsxs("div", { className: "py-1 text-center text-base font-medium", children: [_jsx("p", { children: "Wallet not found on your browser," }), _jsx("p", { children: "make sure you have the wallet installed" })] })) : (_jsxs("p", { className: 'text-base font-semibold', children: [_jsx("span", { children: selectedConnector?.name }), " ", _jsx("span", { children: "is not installed" })] }))] }) }), _jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx(SubmitButton, { onClick: () => {
+                            if (!selectedConnector?.installUrl)
+                                return;
+                            window.open(selectedConnector.installUrl, '_blank', 'noopener,noreferrer');
+                        }, buttonStyle: "secondary", className: "w-full", children: _jsx("span", { className: "flex items-center justify-center gap-2", children: _jsx("span", { children: "Install" }) }) }), (selectedConnector && selectedConnector.hasBrowserExtension) ? _jsx(SubmitButton, { onClick: () => { onConnect({ ...selectedConnector, showQrCode: true }); }, buttonStyle: "secondary", className: "w-full", children: _jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsx(ScanLine, { className: "w-5 h-5" }), _jsx("span", { children: "Connect with your phone" })] }) })
+                        : null] })] });
 };

package/dist/esm/components/Wallet/WalletModal/LoadingConnect.js

@@ -10,9 +10,6 @@ export const LoadingConnect = ({ onRetry, selectedConnector, connectionError })
     const ConnectorIcon = resolveWalletConnectorIcon({ connector: selectedConnector, iconUrl: selectedConnector.icon });
     const { isMobile: isMobileSize } = useWindowDimensions();
     const isMobilePlatform = isMobile();
-    if (selectedConnector.installUrl) {
-        return _jsx("div", { className: 'w-full h-[60vh] sm:h-full flex flex-col justify-center items-center font-semibold relative', children: _jsx("div", { className: "flex grow items-center", children: _jsxs("div", { className: "flex flex-col gap-4 items-center justify-end row-start-2 row-span-1", children: [_jsxs("div", { className: "flex-col flex items-center gap-1", children: [_jsx(ConnectorIcon, { className: "w-11 h-auto p-0.5 rounded-md bg-secondary-800" }), _jsxs("p", { className: 'text-base font-semibold', children: [_jsx("span", { children: selectedConnector?.name }), " ", _jsx("span", { children: "is not installed" })] })] }), _jsx("button", { onClick: () => window.open(selectedConnector.installUrl, '_blank'), type: "button", className: "px-3 py-1 rounded-full bg-secondary-600 text-primary-500 font-semibold text-base hover:brightness-125 transition-all duration-200", children: "INSTALL" })] }) }) });
-    }
     return (_jsxs("div", { className: clsx('w-full flex flex-col justify-center items-center font-semibold relative', {
             'h-[60vh]': isMobileSize && AppSettings.ThemeData?.enablePortal,
             'h-full': !isMobileSize || !AppSettings.ThemeData?.enablePortal,

package/dist/esm/components/shadcn/tooltip.js

@@ -42,7 +42,7 @@ function TooltipTrigger({ className, onClick, ...props }) {
     return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", className: clsx("cursor-pointer", className), onClick: handleClick, ...props });
 }
 function TooltipContent({ className, sideOffset = 0, children, arrowClasses, ...props }) {
-    const container = document.getElementById('widget');
+    const container = typeof document !== 'undefined' ? document.getElementById('widget') : null;
     return (_jsx(TooltipPrimitive.Portal, { container: container, children: _jsx(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: clsx("z-50 rounded-md border border-secondary-600 bg-secondary-800 px-3 py-1.5 text-xs text-secondary-text animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props, children: children }) }));
 }
 function TooltipArrow({ className, ...props }) {

package/dist/esm/hooks/useConnectors.js

@@ -34,10 +34,18 @@ const featuredWalletsIds = [
 ];
 function removeDuplicatesWithKey(arr, key) {
     const countMap = {};
-    // First pass: Count occurrences of each unique key.
+    const providerMap = {};
+    // First pass: Count occurrences of each unique key and track unique providers.
     arr.forEach(item => {
         const identifier = item[key];
         countMap[identifier] = (countMap[identifier] || 0) + 1;
+        // Track unique provider names for this connector
+        if (!providerMap[identifier]) {
+            providerMap[identifier] = new Set();
+        }
+        if (item.providerName) {
+            providerMap[identifier].add(item.providerName);
+        }
     });
     // Second pass: Create a new array with one instance of each object.
     const unique = [];
@@ -46,10 +54,11 @@ function removeDuplicatesWithKey(arr, key) {
         const identifier = item[key];
         if (!seen.has(identifier)) {
             seen.add(identifier);
-            // Add a property 'duplicateCount' to indicate extra duplicates found.
+            // Only mark as multichain if there are duplicates across different providers
+            const uniqueProviders = providerMap[identifier]?.size || 0;
             unique.push({
                 ...item,
-                isMultiChain: countMap[identifier] > 1
+                isMultiChain: countMap[identifier] > 1 && uniqueProviders > 1
             });
         }
     });

package/dist/esm/lib/apiClients/layerSwapApiClient.js

@@ -29,6 +29,9 @@ class LayerSwapApiClient {
     async SwapCatchup(swapId, tx_id) {
         return await this.AuthenticatedRequest("POST", `/swaps/${swapId}/deposit_speedup`, { transaction_id: tx_id });
     }
+    async GetSwapAsync(swapId) {
+        return await this.AuthenticatedRequest("GET", `/swaps/${swapId}`);
+    }
     async AuthenticatedRequest(method, endpoint, data, header) {
         let uri = LayerSwapApiClient.apiBaseEndpoint + "/api/v2" + endpoint;
         return await this._authInterceptor(uri, { method: method, data: data, headers: { 'Access-Control-Allow-Origin': '*', ...(header ? header : {}) } })