@ordanetwork/sdk 1.2.0 → 1.3.0

package/dist/esm/react/components/Widget/components/SelectAssetDialog/SelectAssetDialog.js

@@ -0,0 +1,100 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, VisuallyHidden } from '../../../ui/dialog';
+import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from '../../../ui/drawer';
+import { useMediaQuery } from '../../../../hooks/useMediaQuery';
+import { useMultiChainBalances } from '../../../../hooks/useMultiChainBalances';
+import { CHAIN_OPTIONS, FIAT_OPTION, COMMON_TOKENS, FIAT_CURRENCIES } from '../../../../lib/constants';
+import { getAppKitNetwork, requiresNetworkSwitch } from '../../../../lib/utils/network-mapping';
+import { DialogDescription, DialogTitle } from '@radix-ui/react-dialog';
+import { useAppKitNetwork } from '@reown/appkit/react';
+import { useMemo, useState } from 'react';
+import { toast } from 'sonner';
+import { AssetSelector } from './components';
+export const SelectAssetDialog = ({ open, toggleDialogOpen, handleSetToken, selectingSide, fromTokenSelected, toTokenSelected, handleCleanSelectedToken, selectedChain, handleSetSelectedChain, }) => {
+    const selectedToken = selectingSide === 'from' ? fromTokenSelected : toTokenSelected;
+    const { chainId: currentChainId, switchNetwork } = useAppKitNetwork();
+    const [searchQuery, setSearchQuery] = useState('');
+    const [filteringByNetworks, setFilteringByNetworks] = useState(false);
+    const [isSwitchingNetwork, setIsSwitchingNetwork] = useState(false);
+    const { enrichedBalances, isLoading: isLoadingBalances, isPricesLoading } = useMultiChainBalances();
+    const toggleSetFilteringByNetworks = () => {
+        setFilteringByNetworks((prev) => !prev);
+        setSearchQuery('');
+    };
+    const handleChange = (event) => {
+        setSearchQuery(event.target.value);
+    };
+    const handleClearSearchBar = () => {
+        setSearchQuery('');
+    };
+    const handleSelectChain = async (chain) => {
+        handleCleanSelectedToken(selectingSide);
+        // If chain is null (all networks), just update state
+        if (!chain) {
+            handleSetSelectedChain(null, selectingSide);
+            setFilteringByNetworks(false);
+            return;
+        }
+        // "To" token selection should only filter/view, not switch the active wallet network
+        if (selectingSide === 'from' && requiresNetworkSwitch(chain.value)) {
+            const targetNetwork = getAppKitNetwork(chain.value);
+            if (!targetNetwork) {
+                toast.error('Network not supported', {
+                    description: `${chain.label} is not configured in wallet`,
+                    duration: 4000,
+                });
+                return;
+            }
+            if (currentChainId !== Number(chain.value)) {
+                setIsSwitchingNetwork(true);
+                try {
+                    toast.info('Switching network...', {
+                        description: `Switching to ${chain.label}`,
+                        duration: 2000,
+                    });
+                    await switchNetwork(targetNetwork);
+                    toast.success('Network switched', {
+                        description: `Connected to ${chain.label}`,
+                        duration: 2000,
+                    });
+                }
+                catch (err) {
+                    console.error('[SelectAssetDialog] Network switch failed:', err);
+                    toast.error('Network switch failed', {
+                        description: 'Please switch network manually in your wallet',
+                        duration: 4000,
+                    });
+                    setIsSwitchingNetwork(false);
+                    return;
+                }
+                finally {
+                    setIsSwitchingNetwork(false);
+                }
+            }
+        }
+        handleSetSelectedChain(chain, selectingSide);
+        setFilteringByNetworks(false);
+    };
+    const filteredChainOptions = useMemo(() => {
+        const chainOptions = [...FIAT_OPTION, ...CHAIN_OPTIONS];
+        if (!searchQuery)
+            return chainOptions;
+        const lower = searchQuery.toLowerCase();
+        return chainOptions.filter((option) => option.label.toLowerCase().includes(lower) || option.symbol.toLowerCase().includes(lower));
+    }, [searchQuery]);
+    const filteredTokenOptions = useMemo(() => {
+        const lower = searchQuery.toLowerCase();
+        const tokenOptions = [...FIAT_CURRENCIES, ...COMMON_TOKENS];
+        return tokenOptions
+            .filter((item) => (selectedChain?.value ? item.chainId === selectedChain.value : true))
+            .filter((option) => option.name.toLowerCase().includes(lower) || option.symbol.toLowerCase().includes(lower));
+    }, [searchQuery, selectedChain]);
+    const isDesktop = useMediaQuery('(min-width: 768px)');
+    const content = (_jsx(AssetSelector, { filteringByNetworks: filteringByNetworks, searchQuery: searchQuery, selectedChain: selectedChain, filteredChainOptions: filteredChainOptions, filteredTokenOptions: filteredTokenOptions, fromTokenSelected: fromTokenSelected, toTokenSelected: toTokenSelected, selectingSide: selectingSide, selectedToken: selectedToken, enrichedBalances: enrichedBalances, isLoadingBalances: isLoadingBalances, isPricesLoading: isPricesLoading, isSwitchingNetwork: isSwitchingNetwork, handleChange: handleChange, handleClearSearchBar: handleClearSearchBar, handleSelectChain: handleSelectChain, handleSetToken: handleSetToken, toggleDialogOpen: toggleDialogOpen, toggleSetFilteringByNetworks: toggleSetFilteringByNetworks }));
+    if (isDesktop) {
+        return (_jsxs(Dialog, { open: open, onOpenChange: toggleDialogOpen, children: [_jsxs(VisuallyHidden, { children: [_jsxs(DialogTitle, { children: ["Select ", selectingSide === 'from' ? 'source' : 'destination', " asset"] }), _jsxs(DialogDescription, { children: ["Select ", selectingSide === 'from' ? 'source' : 'destination', " asset"] })] }), _jsx(DialogContent, { className: "w-md border-none px-4 pb-0 pt-6", showCloseButton: false, children: content })] }));
+    }
+    return (_jsxs(Drawer, { open: open, onOpenChange: toggleDialogOpen, children: [_jsxs(VisuallyHidden, { children: [_jsxs(DrawerTitle, { children: ["Select ", selectingSide === 'from' ? 'source' : 'destination', " asset"] }), _jsxs(DrawerDescription, { children: ["Select ", selectingSide === 'from' ? 'source' : 'destination', " asset"] })] }), _jsx(DrawerContent, { children: content })] }));
+};
+//# sourceMappingURL=SelectAssetDialog.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/SelectAssetDialog.js.map

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

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/AssetSelector.d.ts

@@ -0,0 +1,27 @@
+import type { Chain, Token } from '../../../../types';
+import type { EnrichedTokenBalance } from '../../../../../../hooks/useMultiChainBalances';
+import type { ChangeEvent } from 'react';
+interface AssetSelectorProps {
+    filteringByNetworks: boolean;
+    searchQuery: string;
+    selectedChain: Chain | null;
+    filteredChainOptions: Chain[];
+    filteredTokenOptions: Token[];
+    selectedToken: Token | null;
+    fromTokenSelected: Token | null;
+    toTokenSelected: Token | null;
+    selectingSide: 'from' | 'to';
+    enrichedBalances: EnrichedTokenBalance[];
+    isLoadingBalances: boolean;
+    isPricesLoading: boolean;
+    isSwitchingNetwork: boolean;
+    toggleSetFilteringByNetworks: () => void;
+    toggleDialogOpen: () => void;
+    handleClearSearchBar: () => void;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleSelectChain: (chain: Chain | null) => void;
+    handleSetToken: (token: Token) => void;
+}
+export declare const AssetSelector: ({ filteringByNetworks, searchQuery, selectedChain, filteredChainOptions, filteredTokenOptions, selectedToken, fromTokenSelected, toTokenSelected, selectingSide, enrichedBalances, isLoadingBalances, isPricesLoading, isSwitchingNetwork, toggleSetFilteringByNetworks, toggleDialogOpen, handleClearSearchBar, handleChange, handleSelectChain, handleSetToken, }: AssetSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AssetSelector.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/AssetSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/AssetSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC1F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,kBAAkB;IAC1B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,oBAAoB,EAAE,KAAK,EAAE,CAAC;IAC9B,oBAAoB,EAAE,KAAK,EAAE,CAAC;IAC9B,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,iBAAiB,EAAE,KAAK,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,oBAAoB,EAAE,CAAC;IACzC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,4BAA4B,EAAE,MAAM,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,qWAoB3B,kBAAkB,4CAgEpB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/AssetSelector.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../../../ui/button';
+import { CustomDialogHeader } from '../../../CustomDialogHeader';
+import { AssetsList, FilterByNetworks, SearchBar } from './components';
+export const AssetSelector = ({ filteringByNetworks, searchQuery, selectedChain, filteredChainOptions, filteredTokenOptions, selectedToken, fromTokenSelected, toTokenSelected, selectingSide, enrichedBalances, isLoadingBalances, isPricesLoading, isSwitchingNetwork, toggleSetFilteringByNetworks, toggleDialogOpen, handleClearSearchBar, handleChange, handleSelectChain, handleSetToken, }) => {
+    const showSearchResults = searchQuery !== '';
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-2", children: _jsx(CustomDialogHeader, { title: filteringByNetworks ? 'Filter by networks' : 'Select an asset', backAction: filteringByNetworks ? toggleSetFilteringByNetworks : undefined, onOpenChange: toggleDialogOpen }) }), _jsx(SearchBar, { searchQuery: searchQuery, handleChange: handleChange, selectedChain: selectedChain, filteringByNetworks: filteringByNetworks, toggleSetFilteringByNetworks: toggleSetFilteringByNetworks }), showSearchResults && (_jsxs("div", { className: "flex flex-row items-center justify-between px-2", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Search results" }), _jsx(Button, { onClick: handleClearSearchBar, className: "cursor-pointer p-0 text-sm font-medium text-zinc-950", variant: "link", children: "Clear" })] })), _jsx("div", { className: "m-0 h-[69vh] overflow-y-auto rounded-xl p-0", children: filteringByNetworks ? (_jsx(FilterByNetworks, { chainOptions: filteredChainOptions, searchQuery: searchQuery, selectedChain: selectedChain, handleSelectChain: handleSelectChain, fromTokenSelected: fromTokenSelected, toTokenSelected: toTokenSelected, selectingSide: selectingSide, isSwitchingNetwork: isSwitchingNetwork })) : (_jsx(AssetsList, { searchQuery: searchQuery, tokenOptions: filteredTokenOptions, selectedToken: selectedToken, fromTokenSelected: fromTokenSelected, toTokenSelected: toTokenSelected, selectingSide: selectingSide, enrichedBalances: enrichedBalances, isLoadingBalances: isLoadingBalances, isPricesLoading: isPricesLoading, handleSetToken: handleSetToken, selectedChain: selectedChain })) })] }));
+};
+//# sourceMappingURL=AssetSelector.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/AssetSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelector.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/AssetSelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIjE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAwBvE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,cAAc,GACK,EAAE,EAAE;IACvB,MAAM,iBAAiB,GAAG,WAAW,KAAK,EAAE,CAAC;IAE7C,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,kBAAkB,IACjB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EACrE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS,EAC1E,YAAY,EAAE,gBAAgB,GAC9B,GACE,EAEN,KAAC,SAAS,IACR,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,4BAA4B,EAAE,4BAA4B,GAC1D,EAED,iBAAiB,IAAI,CACpB,eAAK,SAAS,EAAC,iDAAiD,aAC9D,gBAAO,SAAS,EAAC,mCAAmC,+BAAuB,EAC3E,KAAC,MAAM,IACL,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAC,MAAM,sBAGP,IACL,CACP,EAED,cAAK,SAAS,EAAC,6CAA6C,YACzD,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,gBAAgB,IACf,YAAY,EAAE,oBAAoB,EAClC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,oBAAoB,EAClC,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,GAC5B,CACH,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/AssetsList.d.ts

@@ -0,0 +1,18 @@
+import type { Chain, Token } from '../../../../../types';
+import type { EnrichedTokenBalance } from '../../../../../../../hooks/useMultiChainBalances';
+interface AssetsListProps {
+    tokenOptions: Token[];
+    searchQuery: string;
+    selectedToken: Token | null;
+    fromTokenSelected: Token | null;
+    toTokenSelected: Token | null;
+    selectingSide: 'from' | 'to';
+    enrichedBalances: EnrichedTokenBalance[];
+    isLoadingBalances: boolean;
+    isPricesLoading: boolean;
+    handleSetToken: (token: Token) => void;
+    selectedChain: Chain | null;
+}
+export declare const AssetsList: ({ tokenOptions, searchQuery, selectedToken, fromTokenSelected, toTokenSelected, selectingSide, enrichedBalances, isLoadingBalances, isPricesLoading, handleSetToken, selectedChain, }: AssetsListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AssetsList.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/AssetsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsList.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/AssetsList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAM7F,UAAU,eAAe;IACvB,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,iBAAiB,EAAE,KAAK,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,oBAAoB,EAAE,CAAC;IACzC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,GAAI,uLAYxB,eAAe,4CAqMjB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/AssetsList.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../../../../ui/button';
+import { Popover, PopoverContent, PopoverTrigger } from '../../../../../../ui/popover';
+import { COMMON_TOKENS } from '../../../../../../../lib/constants';
+import { TokenIconDisplay } from '../../../../shared';
+import { PopoverArrow } from '@radix-ui/react-popover';
+import { Check, Info } from 'lucide-react';
+export const AssetsList = ({ tokenOptions, searchQuery, selectedToken, fromTokenSelected, toTokenSelected, selectingSide, enrichedBalances, isLoadingBalances, isPricesLoading, handleSetToken, selectedChain, }) => {
+    const shouldDisableNonBRZOnRampToken = (token) => {
+        const isSelectingToSide = selectingSide === 'to';
+        const isFromTokenBRL = fromTokenSelected?.symbol === 'BRL';
+        const isTokenBRZ = token.symbol === 'BRZ';
+        return isSelectingToSide && isFromTokenBRL && !isTokenBRZ;
+    };
+    const shouldDisableFiatToFiat = (token) => {
+        if (selectingSide === 'to') {
+            return fromTokenSelected?.symbol === 'BRL' && token.symbol === 'BRL';
+        }
+        if (selectingSide === 'from') {
+            return toTokenSelected?.symbol === 'BRL' && token.symbol === 'BRL';
+        }
+        return false;
+    };
+    // Filter balances with positive amounts only
+    const balancesWithPositiveAmount = enrichedBalances.filter((balance) => {
+        if (!balance.balance || balance.balance === '0')
+            return false;
+        if (selectedChain?.value) {
+            if (selectedChain.value === 'fiat')
+                return false;
+            return balance.chainId === selectedChain.value;
+        }
+        return true;
+    });
+    return (_jsxs("div", { className: "mt-3", children: [searchQuery === '' && balancesWithPositiveAmount.length > 0 && (_jsxs("div", { className: "mb-4", children: [_jsx("small", { className: "px-2 text-sm font-normal text-zinc-500", children: "Your assets" }), isLoadingBalances ? (_jsx("div", { className: "mt-1 px-2 py-4 text-center text-sm text-zinc-500", children: "Loading balances..." })) : (balancesWithPositiveAmount.map((balance, idx) => {
+                        // Find matching token from COMMON_TOKENS
+                        const matchingToken = COMMON_TOKENS.find((token) => token.symbol === balance.symbol && token.chainId === balance.chainId);
+                        if (!matchingToken)
+                            return null;
+                        const isDisabled = shouldDisableNonBRZOnRampToken(matchingToken) ||
+                            shouldDisableFiatToFiat(matchingToken);
+                        const formattedUsdValue = balance.usdValue != null && !isPricesLoading
+                            ? `$${balance.usdValue.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+                            : null;
+                        return (_jsxs("div", { onClick: isDisabled ? undefined : () => handleSetToken(matchingToken), className: `mt-1 flex w-full items-center gap-3 rounded-2xl p-2 transition-colors ${isDisabled ? 'opacity-60' : 'cursor-pointer hover:bg-zinc-100'}`, children: [_jsx(TokenIconDisplay, { symbol: balance.symbol, chainId: balance.chainId, size: "md", showChainBadge: true }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "text-sm font-semibold text-zinc-950", children: balance.name }), _jsx("div", { className: "text-xs font-normal uppercase leading-4 text-zinc-500", children: balance.symbol })] }), _jsxs("div", { className: "text-right", children: [_jsxs("div", { className: "font-semibold uppercase text-gray-900", children: [balance.balanceFormatted, " ", balance.symbol] }), formattedUsdValue && (_jsx("div", { className: "text-xs font-normal leading-4 text-zinc-500", children: formattedUsdValue }))] }), isDisabled && (_jsx("div", { className: "flex items-center justify-center rounded-full bg-zinc-200 px-2 py-1 text-xs", children: "Coming soon" })), shouldDisableNonBRZOnRampToken(matchingToken) && (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { children: _jsx(Button, { variant: "ghost", className: "flex h-5 w-5 cursor-pointer items-center justify-center rounded-full hover:bg-zinc-100", children: _jsx(Info, { className: "h-3.5 w-3.5 text-zinc-500" }) }) }), _jsxs(PopoverContent, { side: "top", align: "end", className: "w-fit whitespace-nowrap rounded border-0 bg-zinc-700 px-2 py-1 text-xs text-zinc-100 opacity-80", children: ["Only BRZ for now, more ramp options coming soon.", _jsx(PopoverArrow, { className: "fill-zinc-700 opacity-80" })] })] }))] }, `${balance.symbol}-${balance.chainId}-${idx}`));
+                    }))] })), !tokenOptions.length ? (_jsx("small", { className: "flex self-center justify-self-center px-2 text-sm font-normal text-zinc-500", children: "No assets found" })) : (_jsxs("div", { children: [!searchQuery && (_jsx("small", { className: "px-2 text-sm font-normal text-zinc-500", children: "All assets (A-Z)" })), tokenOptions.map((token) => {
+                        const isDisabled = token.disabled ||
+                            shouldDisableNonBRZOnRampToken(token) ||
+                            shouldDisableFiatToFiat(token);
+                        return (_jsxs("div", { onClick: isDisabled ? undefined : () => handleSetToken(token), className: `mt-1 flex w-full items-center gap-3 rounded-2xl p-2 transition-colors ${isDisabled ? 'opacity-60' : 'cursor-pointer hover:bg-zinc-100'}`, children: [_jsx(TokenIconDisplay, { symbol: token.symbol, chainId: token.chainId !== 'fiat' ? token.chainId : undefined, size: "md", showChainBadge: token.chainId !== 'fiat' }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "text-sm font-semibold text-zinc-950", children: token.name }), _jsx("div", { className: "text-xs font-normal uppercase leading-4 text-zinc-500", children: token.symbol })] }), token.name === selectedToken?.name &&
+                                    token.chainId === selectedToken.chainId && (_jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-zinc-900", children: _jsx(Check, { className: "h-3.5 w-3.5 text-zinc-50" }) })), isDisabled && (_jsx("div", { className: "flex items-center justify-center rounded-full bg-zinc-200 px-2 py-1 text-xs", children: "Coming soon" })), shouldDisableNonBRZOnRampToken(token) && (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { children: _jsx(Button, { variant: "ghost", className: "flex h-5 w-5 cursor-pointer items-center justify-center rounded-full hover:bg-zinc-100", children: _jsx(Info, { className: "h-3.5 w-3.5 text-zinc-500" }) }) }), _jsxs(PopoverContent, { side: "top", align: "end", className: "w-fit whitespace-nowrap rounded border-0 bg-zinc-700 px-2 py-1 text-xs text-zinc-100 opacity-80", children: ["Only BRZ for now, more ramp options coming soon.", _jsx(PopoverArrow, { className: "fill-zinc-700 opacity-80" })] })] }))] }, `${token.address || token.symbol}-${token.chainId}`));
+                    })] }))] }));
+};
+//# sourceMappingURL=AssetsList.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/AssetsList.js.map

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

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/FilterByNetworks.d.ts

@@ -0,0 +1,14 @@
+import type { Chain, Token } from '../../../../../types';
+interface FilterByNetworksProps {
+    chainOptions: Chain[];
+    handleSelectChain: (chain: Chain | null) => void;
+    selectedChain: Chain | null;
+    searchQuery: string;
+    fromTokenSelected: Token | null;
+    toTokenSelected: Token | null;
+    selectingSide: 'from' | 'to';
+    isSwitchingNetwork: boolean;
+}
+export declare const FilterByNetworks: ({ chainOptions, handleSelectChain, selectedChain, searchQuery, fromTokenSelected, toTokenSelected, selectingSide, isSwitchingNetwork, }: FilterByNetworksProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterByNetworks.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/FilterByNetworks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterByNetworks.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/FilterByNetworks.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKzD,UAAU,qBAAqB;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,KAAK,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,GAAI,yIAS9B,qBAAqB,4CA+JvB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/FilterByNetworks.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getChainIconUrl, CHAIN_ICON_URLS } from '../../../../../../../assets';
+import { Check, Loader2 } from 'lucide-react';
+import { useMemo } from 'react';
+export const FilterByNetworks = ({ chainOptions, handleSelectChain, selectedChain, searchQuery, fromTokenSelected, toTokenSelected, selectingSide, isSwitchingNetwork, }) => {
+    const shouldDisableFiatToFiat = (chain) => {
+        if (selectingSide === 'to') {
+            return fromTokenSelected?.symbol === 'BRL' && chain.symbol === 'FIAT';
+        }
+        if (selectingSide === 'from') {
+            return toTokenSelected?.symbol === 'BRL' && chain.symbol === 'FIAT';
+        }
+        return false;
+    };
+    const POPULAR_CHAIN_IDS = ['1', '8453', '42161', '10', '137', 'fiat'];
+    const popularChains = useMemo(() => chainOptions.filter((chain) => POPULAR_CHAIN_IDS.includes(chain.value)), [chainOptions]);
+    const sortedChainsByLabel = useMemo(() => [...chainOptions].sort((a, b) => a.label.localeCompare(b.label)), [chainOptions]);
+    return (_jsxs("div", { className: "mt-3", children: [searchQuery === '' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 mt-2 flex w-full cursor-pointer items-center gap-3 rounded-2xl p-2 transition-colors hover:bg-zinc-100", onClick: () => handleSelectChain(null), children: [_jsxs("div", { className: "grid grid-cols-2 gap-0.5", children: [_jsx("img", { src: CHAIN_ICON_URLS['10'], alt: "Optimism", className: "h-[19px] w-[19px] rounded-sm" }), _jsx("img", { src: CHAIN_ICON_URLS['59144'], alt: "Linea", className: "h-[19px] w-[19px] rounded-sm" }), _jsx("img", { src: CHAIN_ICON_URLS['1001001'], alt: "Solana", className: "h-[19px] w-[19px] rounded-sm" }), _jsx("img", { src: CHAIN_ICON_URLS['43114'], alt: "Avalanche", className: "h-[19px] w-[19px] rounded-sm" })] }), _jsx("div", { className: "flex-1 text-left", children: _jsx("div", { className: "text-sm font-semibold text-zinc-950", children: "All networks" }) }), !selectedChain && (_jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-zinc-900", children: _jsx(Check, { className: "h-3.5 w-3.5 text-zinc-50" }) }))] }), _jsxs("div", { className: "mb-5", children: [_jsx("small", { className: "px-2 text-sm font-normal text-zinc-500", children: "Popular" }), popularChains.map((chain) => {
+                                const isDisabled = shouldDisableFiatToFiat(chain);
+                                const isInteractionDisabled = isDisabled || isSwitchingNetwork;
+                                const chainIconUrl = getChainIconUrl(chain.value);
+                                return (_jsxs("div", { onClick: isInteractionDisabled ? undefined : () => handleSelectChain(chain), className: `mt-1 flex w-full items-center gap-3 rounded-2xl p-2 transition-colors ${isInteractionDisabled
+                                        ? 'cursor-not-allowed opacity-50'
+                                        : 'cursor-pointer hover:bg-zinc-100'}`, children: [chainIconUrl ? (_jsx("img", { src: chainIconUrl, alt: chain.label, className: "h-10 w-10 rounded-sm" })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-sm bg-zinc-200", children: _jsx("span", { className: "text-xs font-bold text-zinc-600", children: chain.label.slice(0, 3) }) })), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "text-sm font-semibold text-zinc-950", children: chain.label }), _jsx("div", { className: "text-xs font-normal uppercase leading-4 text-zinc-500", children: chain.symbol })] }), chain.value === selectedChain?.value && (_jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-zinc-900", children: _jsx(Check, { className: "h-3.5 w-3.5 text-zinc-50" }) })), isDisabled && !isSwitchingNetwork && (_jsx("div", { className: "flex items-center justify-center rounded-full bg-zinc-200 px-2 py-1 text-xs", children: "Coming soon" }))] }, chain.value));
+                            })] })] })), !sortedChainsByLabel.length ? (_jsx("small", { className: "flex self-center justify-self-center px-2 text-sm font-normal text-zinc-500", children: "No networks found" })) : (_jsxs("div", { children: [!searchQuery && (_jsx("small", { className: "px-2 text-sm font-normal text-zinc-500", children: "All (A-Z)" })), isSwitchingNetwork && (_jsxs("div", { className: "mt-4 flex items-center justify-center gap-2 text-sm text-zinc-500", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { children: "Switching network..." })] })), sortedChainsByLabel.map((chain) => {
+                        const isDisabled = shouldDisableFiatToFiat(chain);
+                        const isInteractionDisabled = isDisabled || isSwitchingNetwork;
+                        const chainIconUrl = getChainIconUrl(chain.value);
+                        return (_jsxs("div", { onClick: isInteractionDisabled ? undefined : () => handleSelectChain(chain), className: `mt-1 flex w-full items-center gap-3 rounded-2xl p-2 transition-colors ${isInteractionDisabled
+                                ? 'cursor-not-allowed opacity-50'
+                                : 'cursor-pointer hover:bg-zinc-100'}`, children: [chainIconUrl ? (_jsx("img", { src: chainIconUrl, alt: chain.label, className: "h-10 w-10 rounded-sm" })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-sm bg-zinc-200", children: _jsx("span", { className: "text-xs font-bold text-zinc-600", children: chain.label.slice(0, 3) }) })), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "text-sm font-semibold text-zinc-950", children: chain.label }), _jsx("div", { className: "text-xs font-normal uppercase leading-4 text-zinc-500", children: chain.symbol })] }), chain.value === selectedChain?.value && (_jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-zinc-900", children: _jsx(Check, { className: "h-3.5 w-3.5 text-zinc-50" }) })), isDisabled && !isSwitchingNetwork && (_jsx("div", { className: "flex items-center justify-center rounded-full bg-zinc-200 px-2 py-1 text-xs", children: "Coming soon" }))] }, chain.value));
+                    })] }))] }));
+};
+//# sourceMappingURL=FilterByNetworks.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/FilterByNetworks.js.map

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

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/SearchBar.d.ts

@@ -0,0 +1,12 @@
+import type { Chain } from '../../../../../types';
+import type { ChangeEventHandler } from 'react';
+interface SearchBarProps {
+    searchQuery: string;
+    handleChange: ChangeEventHandler<HTMLInputElement>;
+    toggleSetFilteringByNetworks: () => void;
+    filteringByNetworks: boolean;
+    selectedChain: Chain | null;
+}
+export declare const SearchBar: ({ searchQuery, handleChange, toggleSetFilteringByNetworks, filteringByNetworks, selectedChain, }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/SearchBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAEhD,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACnD,4BAA4B,EAAE,MAAM,IAAI,CAAC;IACzC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,GAAI,kGAMvB,cAAc,4CA2ChB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/SearchBar.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../../../../ui/button';
+import { Input } from '../../../../../../ui/input';
+import { getChainIconUrl } from '../../../../../../../assets';
+import { ListFilter, Search } from 'lucide-react';
+export const SearchBar = ({ searchQuery, handleChange, toggleSetFilteringByNetworks, filteringByNetworks, selectedChain, }) => {
+    const chainIconUrl = selectedChain ? getChainIconUrl(selectedChain.value) : undefined;
+    return (_jsx("div", { className: "mb-2 px-2 sm:mb-0", children: _jsxs("div", { className: "relative rounded-2xl border border-zinc-200", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 transform text-zinc-900" }), _jsx(Input, { placeholder: filteringByNetworks ? 'Search' : 'Search assets', value: searchQuery, onChange: handleChange, className: "bg-main-bg h-12 border-0 pl-10 pr-20" }), !filteringByNetworks && selectedChain && (_jsxs(Button, { variant: "ghost", size: "sm", className: "absolute right-2 top-1/2 -translate-y-1/2 transform cursor-pointer rounded-md bg-zinc-100 text-sm font-semibold text-zinc-900", onClick: toggleSetFilteringByNetworks, children: [chainIconUrl ? (_jsx("img", { src: chainIconUrl, alt: selectedChain.label, className: "mr-1 h-4 w-4 rounded-sm" })) : (_jsx("div", { className: "mr-1 h-4 w-4 rounded-sm bg-zinc-200" })), selectedChain.label] })), !filteringByNetworks && !selectedChain && (_jsxs(Button, { variant: "ghost", size: "sm", className: "absolute right-2 top-1/2 -translate-y-1/2 transform cursor-pointer rounded-md bg-zinc-100 text-sm font-semibold text-zinc-900", onClick: toggleSetFilteringByNetworks, children: [_jsx(ListFilter, { className: "mr-1 h-4 w-4" }), "Filter"] }))] }) }));
+};
+//# sourceMappingURL=SearchBar.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/SearchBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAWlD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,YAAY,EACZ,4BAA4B,EAC5B,mBAAmB,EACnB,aAAa,GACE,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtF,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,6CAA6C,aAC1D,KAAC,MAAM,IAAC,SAAS,EAAC,0EAA0E,GAAG,EAC/F,KAAC,KAAK,IACJ,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,EAC7D,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,sCAAsC,GAChD,EACD,CAAC,mBAAmB,IAAI,aAAa,IAAI,CACxC,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,+HAA+H,EACzI,OAAO,EAAE,4BAA4B,aAEpC,YAAY,CAAC,CAAC,CAAC,CACd,cAAK,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAC,yBAAyB,GAAG,CACzF,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qCAAqC,GAAG,CACxD,EACA,aAAa,CAAC,KAAK,IACb,CACV,EAEA,CAAC,mBAAmB,IAAI,CAAC,aAAa,IAAI,CACzC,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,+HAA+H,EACzI,OAAO,EAAE,4BAA4B,aAErC,KAAC,UAAU,IAAC,SAAS,EAAC,cAAc,GAAG,cAEhC,CACV,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/index.d.ts

@@ -0,0 +1,4 @@
+export { AssetsList } from './AssetsList';
+export { FilterByNetworks } from './FilterByNetworks';
+export { SearchBar } from './SearchBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/index.js

@@ -0,0 +1,4 @@
+export { AssetsList } from './AssetsList';
+export { FilterByNetworks } from './FilterByNetworks';
+export { SearchBar } from './SearchBar';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { AssetSelector } from './AssetSelector';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/index.js

@@ -0,0 +1,2 @@
+export { AssetSelector } from './AssetSelector';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/AssetSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/index.d.ts

@@ -0,0 +1,2 @@
+export { AssetSelector } from './AssetSelector';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/index.js

@@ -0,0 +1,2 @@
+export { AssetSelector } from './AssetSelector';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/react/components/Widget/components/SelectAssetDialog/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectAssetDialog } from './SelectAssetDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/SelectAssetDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/react/components/Widget/components/SelectAssetDialog/index.js

@@ -0,0 +1,2 @@
+export { SelectAssetDialog } from './SelectAssetDialog';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/SelectAssetDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/SelectAssetDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/react/components/Widget/components/TokenInput.d.ts

@@ -0,0 +1,16 @@
+import type { Token } from '../types';
+interface TokenInputProps {
+    label: string;
+    amount: string;
+    onAmountChange: (val: string) => void;
+    token: Token | null;
+    onSelect: () => void;
+    isLoading?: boolean;
+    disabled?: boolean;
+    tokenBalance?: string | null;
+    usdValue?: number | null;
+    isLoadingPrice?: boolean;
+}
+export declare const TokenInput: ({ label, amount, onAmountChange, token, onSelect, isLoading, disabled, tokenBalance, usdValue, isLoadingPrice, }: TokenInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TokenInput.d.ts.map

package/dist/esm/react/components/Widget/components/TokenInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenInput.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/Widget/components/TokenInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOtC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,GAAI,kHAWxB,eAAe,4CAsEjB,CAAC"}

package/dist/esm/react/components/Widget/components/TokenInput.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../ui/button';
+import { formatUsd } from '../../../lib/utils/formatUsd';
+import { ChevronRight, CircleDashed, Loader2 } from 'lucide-react';
+import { TokenIconDisplay } from './shared';
+const MAX_FIAT_AMOUNT = 10000;
+export const TokenInput = ({ label, amount, onAmountChange, token, onSelect, isLoading, disabled, tokenBalance, usdValue, isLoadingPrice, }) => {
+    const insufficientAmount = label === 'From' &&
+        (token?.chainId === 'fiat'
+            ? Number(amount) > MAX_FIAT_AMOUNT
+            : tokenBalance !== null && Number(amount) > Number(tokenBalance));
+    const handleAmountChange = (e) => {
+        const raw = e.target.value;
+        const normalized = raw.replace(',', '.').replace(/[^0-9.]/g, '');
+        onAmountChange(normalized);
+    };
+    const formattedUsdValue = formatUsd(usdValue);
+    return (_jsxs(_Fragment, { children: [_jsx("label", { className: "pb-3 text-sm text-zinc-500", children: label }), _jsxs("div", { className: "flex flex-row items-center", children: [_jsxs("div", { className: "relative flex flex-1 flex-col", children: [isLoading ? (_jsx("div", { className: "flex h-9 items-center", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-zinc-400" }) })) : (_jsx("input", { disabled: disabled, type: "text", inputMode: "decimal", value: amount.replace(',', '.'), onChange: handleAmountChange, placeholder: "0", className: `text-foreground[appearance:textfield] h-auto w-full border-none bg-transparent p-0 text-3xl font-semibold shadow-none focus:outline-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none ${insufficientAmount ? 'text-red-600' : 'text-zinc-950'}` })), isLoadingPrice ? (_jsx("label", { className: "pt-1 text-xs text-zinc-400", children: "Loading price..." })) : formattedUsdValue ? (_jsx("label", { className: "pt-1 text-xs text-zinc-500", children: formattedUsdValue })) : (_jsx("label", { className: "pt-1 text-xs text-zinc-500", children: "$0.00" }))] }), _jsxs(Button, { variant: "ghost", className: "flex cursor-pointer items-center text-sm font-semibold hover:bg-transparent has-[>svg]:px-0", onClick: onSelect, children: [token ? token.symbol : 'Select asset', token ? (_jsx(TokenIconDisplay, { symbol: token.symbol, chainId: token.chainId !== 'fiat' ? token.chainId : undefined, size: "md", showChainBadge: token.chainId !== 'fiat' })) : (_jsx("div", { className: "bg-secondary flex h-10 w-10 items-center justify-center rounded-full", children: _jsx(CircleDashed, { className: "h-5 w-5" }) })), _jsx(ChevronRight, { className: "h-4 w-4" })] })] })] }));
+};
+//# sourceMappingURL=TokenInput.js.map

package/dist/esm/react/components/Widget/components/TokenInput.js.map

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

package/dist/esm/react/components/Widget/components/TransactionDialog/TransactionDialog.d.ts

@@ -0,0 +1,25 @@
+import type { TransferResponse } from '../../types/quote';
+import type { OffRampQuoteResponse, OnRampQuoteResponse } from '../../../../../index';
+import type { Token, TransactionType } from '../../types';
+interface TransactionDialogProps {
+    open: boolean;
+    toggleDialogOpen: () => void;
+    fromAmount: string;
+    toAmount: string;
+    fromTokenSelected: Token;
+    toTokenSelected: Token;
+    handleCompleteTransaction: () => void;
+    transactionType: TransactionType | null;
+    swapQuote: TransferResponse | null;
+    onRampQuote: OnRampQuoteResponse | null;
+    offRampQuote: OffRampQuoteResponse | null;
+    fromAddress: string | null;
+    toAddress: string | null;
+    approvalComplete: boolean;
+    setApprovalComplete: (value: boolean) => void;
+    approvalTxHash: string | null;
+    setApprovalTxHash: (value: string | null) => void;
+}
+export declare const TransactionDialog: ({ open, toggleDialogOpen, fromTokenSelected, toTokenSelected, fromAmount, toAmount, handleCompleteTransaction, transactionType, swapQuote, onRampQuote, offRampQuote, fromAddress, toAddress, approvalComplete, setApprovalComplete, approvalTxHash, setApprovalTxHash, }: TransactionDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TransactionDialog.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/TransactionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/TransactionDialog/TransactionDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEtF,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG1D,UAAU,sBAAsB;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,KAAK,CAAC;IACzB,eAAe,EAAE,KAAK,CAAC;IACvB,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACxC,YAAY,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iBAAiB,GAAI,2QAkB/B,sBAAsB,4CA+CxB,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/TransactionDialog.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogTitle, VisuallyHidden } from '../../../ui/dialog';
+import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from '../../../ui/drawer';
+import { useMediaQuery } from '../../../../hooks/useMediaQuery';
+import { OffRamp, OnRamp, Swap } from './components';
+export const TransactionDialog = ({ open, toggleDialogOpen, fromTokenSelected, toTokenSelected, fromAmount, toAmount, handleCompleteTransaction, transactionType, swapQuote, onRampQuote, offRampQuote, fromAddress, toAddress, approvalComplete, setApprovalComplete, approvalTxHash, setApprovalTxHash, }) => {
+    const transactionProps = {
+        fromAmount,
+        toAmount,
+        fromTokenSelected,
+        toTokenSelected,
+        handleCompleteTransaction,
+        toggleDialogOpen,
+        fromAddress,
+        toAddress,
+        approvalComplete,
+        setApprovalComplete,
+        approvalTxHash,
+        setApprovalTxHash,
+    };
+    const isDesktop = useMediaQuery('(min-width: 768px)');
+    const renderByTransactionType = {
+        swap: _jsx(Swap, { ...transactionProps, quote: swapQuote }),
+        onRamp: _jsx(OnRamp, { ...transactionProps, quote: onRampQuote }),
+        offRamp: _jsx(OffRamp, { ...transactionProps, quote: offRampQuote }),
+    };
+    if (isDesktop) {
+        return (_jsxs(Dialog, { open: open, onOpenChange: toggleDialogOpen, children: [_jsxs(VisuallyHidden, { children: [_jsx(DialogTitle, { children: "Converting" }), _jsx(DialogDescription, { children: "Converting" })] }), _jsx(DialogContent, { className: "w-md border-none p-6", showCloseButton: false, children: transactionType && renderByTransactionType[transactionType] })] }));
+    }
+    return (_jsxs(Drawer, { open: open, onOpenChange: toggleDialogOpen, children: [_jsxs(VisuallyHidden, { children: [_jsx(DrawerTitle, { children: "Converting" }), _jsx(DrawerDescription, { children: "Converting" })] }), _jsx(DrawerContent, { className: "mb-6", children: transactionType && renderByTransactionType[transactionType] })] }));
+};
+//# sourceMappingURL=TransactionDialog.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/TransactionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDialog.js","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/TransactionDialog/TransactionDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3G,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAKhE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAsBrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,QAAQ,EACR,yBAAyB,EACzB,eAAe,EACf,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,GACM,EAAE,EAAE;IAC3B,MAAM,gBAAgB,GAAG;QACvB,UAAU;QACV,QAAQ;QACR,iBAAiB;QACjB,eAAe;QACf,yBAAyB;QACzB,gBAAgB;QAChB,WAAW;QACX,SAAS;QACT,gBAAgB;QAChB,mBAAmB;QACnB,cAAc;QACd,iBAAiB;KAClB,CAAC;IAEF,MAAM,SAAS,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAEtD,MAAM,uBAAuB,GAAuC;QAClE,IAAI,EAAE,KAAC,IAAI,OAAK,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAI;QACtD,MAAM,EAAE,KAAC,MAAM,OAAK,gBAAgB,EAAE,KAAK,EAAE,WAAW,GAAI;QAC5D,OAAO,EAAE,KAAC,OAAO,OAAK,gBAAgB,EAAE,KAAK,EAAE,YAAY,GAAI;KAChE,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,aAChD,MAAC,cAAc,eACb,KAAC,WAAW,6BAAyB,EACrC,KAAC,iBAAiB,6BAA+B,IAClC,EACjB,KAAC,aAAa,IAAC,SAAS,EAAC,sBAAsB,EAAC,eAAe,EAAE,KAAK,YACnE,eAAe,IAAI,uBAAuB,CAAC,eAAe,CAAC,GAC9C,IACT,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,aAChD,MAAC,cAAc,eACb,KAAC,WAAW,6BAAyB,EACrC,KAAC,iBAAiB,6BAA+B,IAClC,EACjB,KAAC,aAAa,IAAC,SAAS,EAAC,MAAM,YAAE,eAAe,IAAI,uBAAuB,CAAC,eAAe,CAAC,GAAiB,IACtG,CACV,CAAC;AACJ,CAAC,CAAC"}