@imtbl/sdk 1.66.1 → 1.67.0-alpha

package/dist/{blockchain_data-B9T-qbph.js → blockchain_data-BDPQfPJV.js}

@@ -1,5 +1,5 @@
-import { A as APIError, B as BlockchainData } from './index-D9UCgdaj.js';
-import { i as index } from './index-B0RD2JVo.js';
+import { A as APIError, B as BlockchainData } from './index-DZf2HB3e.js';
+import { i as index } from './index-BQ86loCt.js';
 
 var blockchain_data = /*#__PURE__*/Object.freeze({
 	__proto__: null,

package/dist/blockchain_data.js

@@ -1,6 +1,6 @@
-export { A as APIError, B as BlockchainData } from './index-D9UCgdaj.js';
-export { i as Types } from './index-B0RD2JVo.js';
-import './index-Drj8RVbj.js';
+export { A as APIError, B as BlockchainData } from './index-DZf2HB3e.js';
+export { i as Types } from './index-BQ86loCt.js';
+import './index-D4SnN7tJ.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';

package/dist/browser/checkout/{AddTokensWidget-DdZHY_JS.js → AddTokensWidget-DhAAwA2S.js}

@@ -1,9 +1,9 @@
-import { _ as _objectWithoutProperties, w as useTheme, x as useForwardLocalDomRef, y as useGetSubcomponentChild, z as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, p as jsxs, o as jsx, G as SmartClone, H as Box, J as isChildSubcomponent, K as flattenChildren, M as Body, N as useTheme$1, Q as Icon, R as ButtCon, T as Button, U as _defineProperty, X as isDualVariantIcon, Y as _slicedToArray, Z as isNumberWithinTotal, $ as getStartingSize, a0 as BaseClickable, a1 as ClassNames, a2 as _toConsumableArray, a3 as isError, a4 as Badge, a5 as FramedIcon, a6 as FramedImage, a7 as FramedLogo, a8 as Stack, a9 as hFlex, aa as usePrevious, ab as useBrowserEffect, ac as getHeadingTextStyles, ad as vFlex, ae as centerFlexChildren, af as FormControlLabel, ag as FormControlValidation, ah as FormControlCaption, I as IMTBLWidgetEvents, A as AddTokensEventType, ai as getDefaultExportFromCjs, aj as commonjsGlobal, u as useTranslation, ak as MenuItem, al as tokenValueFormat, am as DEFAULT_TOKEN_FORMATTING_DECIMALS, an as BigNumber, ao as getRemoteVideo, ap as FramedVideo, aq as motion, ar as listItemVariants, as as Divider, at as Fragment, au as listVariants, av as useProvidersContext, aw as Drawer, ax as useAnalytics, ay as UserJourney, az as isPassportProvider, aA as Heading, aB as WalletDrawer, aC as UnableToConnectDrawer, aD as ChangedYourMindDrawer, aE as WalletProviderRdns, aF as getProviderSlugFromRdns, aG as Web3Provider, aH as connectEIP6963Provider, aI as identifyUser, aJ as ConnectEIP6963ProviderError, aK as ProvidersContextActions, aL as ViewContext, V as ViewActions, m as SharedViews, j as ChainId, aM as commonjsRequire, aN as getRemoteImage, aO as useHandover, aP as HandoverTarget, aQ as EventTargetContext, aR as getRemoteRive, aS as Trans, aT as Link, aU as useInjectedProviders, aV as getDefaultTokenImage, aW as OverflowDrawerMenu, aX as SimpleLayout, aY as TokenFilterTypes, h as getL2ChainId, aZ as isNativeToken, a_ as getTokenImageByAddress, a$ as orchestrationEvents, b0 as requireSecp256k1$1, b1 as requireLib_commonjs, b2 as require$$0$2, b3 as bech32$2, b4 as bnExports$1, b5 as require$$0$3, b6 as getAugmentedNamespace, b7 as require$$0$4, b8 as minimalisticAssert, b9 as require$$2, ba as hash$6, bb as MaxUint256, bc as merge$3, bd as SvgIcon, be as WalletWarningHero, bf as Environment, bg as t, bh as PriceDisplay, L as LoadingView, bi as viewReducer, bj as initialViewState, bk as isValidAddress, bl as amountInputValidation, bm as CloudImage, E as ErrorView, bn as ServiceUnavailableErrorView, bo as ServiceType } from './index-DVVgTW38.js';
-import { f as formatUnits, p as parseUnits } from './index-lFfbeyAV.js';
-import { E as EllipsizedText, C as Contract } from './EllipsizedText-ngVXQGn_.js';
-import { r as retry, T as TokenImage } from './retry-aLeSin3J.js';
-import { H as HandoverContent } from './HandoverContent-C0qfeRAh.js';
-import { F as FeesBreakdown } from './FeesBreakdown-BpgS4Cf3.js';
+import { _ as _objectWithoutProperties, w as useTheme, x as useForwardLocalDomRef, y as useGetSubcomponentChild, z as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, p as jsxs, o as jsx, G as SmartClone, H as Box, J as isChildSubcomponent, K as flattenChildren, M as Body, N as useTheme$1, Q as Icon, R as ButtCon, T as Button, U as _defineProperty, X as isDualVariantIcon, Y as _slicedToArray, Z as isNumberWithinTotal, $ as getStartingSize, a0 as BaseClickable, a1 as ClassNames, a2 as _toConsumableArray, a3 as isError, a4 as Badge, a5 as FramedIcon, a6 as FramedImage, a7 as FramedLogo, a8 as Stack, a9 as hFlex, aa as usePrevious, ab as useBrowserEffect, ac as getHeadingTextStyles, ad as vFlex, ae as centerFlexChildren, af as FormControlLabel, ag as FormControlValidation, ah as FormControlCaption, I as IMTBLWidgetEvents, A as AddTokensEventType, ai as getDefaultExportFromCjs, aj as commonjsGlobal, u as useTranslation, ak as MenuItem, al as tokenValueFormat, am as DEFAULT_TOKEN_FORMATTING_DECIMALS, an as BigNumber, ao as getRemoteVideo, ap as FramedVideo, aq as motion, ar as listItemVariants, as as Divider, at as Fragment, au as listVariants, av as useProvidersContext, aw as Drawer, ax as useAnalytics, ay as UserJourney, az as isPassportProvider, aA as Heading, aB as WalletDrawer, aC as UnableToConnectDrawer, aD as ChangedYourMindDrawer, aE as WalletProviderRdns, aF as getProviderSlugFromRdns, aG as Web3Provider, aH as connectEIP6963Provider, aI as identifyUser, aJ as ConnectEIP6963ProviderError, aK as ProvidersContextActions, aL as ViewContext, V as ViewActions, m as SharedViews, j as ChainId, aM as commonjsRequire, aN as getRemoteImage, aO as useHandover, aP as HandoverTarget, aQ as EventTargetContext, aR as getRemoteRive, aS as Trans, aT as Link, aU as keyframes, aV as getDefaultTokenImage, aW as TokenFilterTypes, h as getL2ChainId, aX as isNativeToken, aY as getTokenImageByAddress, aZ as TextInput, a_ as VerticalMenu, a$ as useInjectedProviders, b0 as SimpleLayout, b1 as orchestrationEvents, b2 as requireSecp256k1$1, b3 as requireLib_commonjs, b4 as require$$0$2, b5 as bech32$2, b6 as bnExports$1, b7 as require$$0$3, b8 as getAugmentedNamespace, b9 as require$$0$4, ba as minimalisticAssert, bb as require$$2, bc as hash$6, bd as MaxUint256, be as merge$3, bf as SvgIcon, bg as WalletWarningHero, bh as Environment, bi as t, bj as PriceDisplay, L as LoadingView, bk as viewReducer, bl as initialViewState, bm as isValidAddress, bn as amountInputValidation, bo as CloudImage, E as ErrorView, bp as ServiceUnavailableToRegionErrorView, bq as ServiceType } from './index-MiJtNQGp.js';
+import { f as formatUnits, p as parseUnits } from './index-WkEhhO8Q.js';
+import { E as EllipsizedText, C as Contract } from './EllipsizedText-Dz34eo3g.js';
+import { r as retry, T as TokenImage } from './TokenImage-CaeGAfaV.js';
+import { H as HandoverContent } from './HandoverContent-Ce_52Gy0.js';
+import { F as FeesBreakdown } from './FeesBreakdown-BW6UtIiJ.js';
 
 var bannerSx = {
   d: "flex",
@@ -2638,6 +2638,7 @@ const SQUID_NATIVE_TOKEN = '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE';
 const FIXED_HANDOVER_DURATION = 2000;
 const APPROVE_TXN_ANIMATION = '/access_coins.riv';
 const EXECUTE_TXN_ANIMATION = '/swapping_coins.riv';
+const TOKEN_PRIORITY_ORDER = ['IMX', 'USDC', 'ETH'];
 
 function SelectedRouteOptionContainer({ children, onClick, selected, }) {
     return (jsx(Stack, { direction: "row", alignItems: "center", gap: "base.spacing.x4", sx: {
@@ -2649,7 +2650,7 @@ function SelectedRouteOptionContainer({ children, onClick, selected, }) {
                 : `calc(100% + (${base.spacing.x16}))`),
         }, rc: jsx("span", { ...(onClick ? { onClick } : {}) }), children: children }));
 }
-function SelectedRouteOption({ checkout, routeData, chains, loading = false, withSelectedWallet = false, withSelectedToken = false, withSelectedAmount = false, insufficientBalance = false, showOnrampOption = false, onClick, }) {
+function SelectedRouteOption({ checkout, routeData, chains, loading = false, withSelectedWallet = false, insufficientBalance = false, showOnrampOption = false, onClick, }) {
     const { t } = useTranslation();
     const { fromToken } = routeData?.amountData ?? {};
     const chain = chains?.find((c) => c.id === fromToken?.chainId);
@@ -2667,16 +2668,7 @@ function SelectedRouteOption({ checkout, routeData, chains, loading = false, wit
     }
     if ((!routeData && !loading) || insufficientBalance) {
         let icon = 'Sparkle';
-        let copy = "Add your token, we'll find the best payment";
-        if (!withSelectedToken && withSelectedAmount) {
-            copy = "Add your token, we'll find the best payment";
-        }
-        if (withSelectedToken && !withSelectedAmount) {
-            copy = "Add your amount, we'll find the best payment";
-        }
-        if (!withSelectedWallet && withSelectedToken && withSelectedAmount) {
-            copy = "Select a wallet, we'll find the best payment";
-        }
+        let copy = '';
         if (insufficientBalance) {
             icon = 'InformationCircle';
             copy = 'No routes found, choose a different wallet, token or amount.';
@@ -2694,12 +2686,13 @@ const disabledStyles = {
     cursor: 'not-allowed',
     bg: 'base.color.translucent.inverse.800',
 };
-function SelectedWallet({ label, children, onClick, providerInfo, disabled, }) {
+function SelectedWallet({ label, children, onClick, providerInfo, disabled, sx, }) {
     const selected = !!children && providerInfo?.rdns;
     const size = selected ? 'xSmall' : 'small';
     return (jsxs(MenuItem, { size: size, disabled: disabled, emphasized: !disabled, onClick: disabled ? undefined : onClick, sx: {
             py: selected ? 'base.spacing.x3' : undefined,
             ...(disabled ? disabledStyles : {}),
+            ...sx,
         }, children: [!providerInfo?.icon && (jsx(MenuItem.FramedIcon, { icon: "Wallet", variant: "bold", emphasized: false })), providerInfo?.icon && (jsx(MenuItem.FramedImage, { padded: true, sx: { mx: selected ? 'base.spacing.x2' : undefined }, use: jsx("img", { src: providerInfo.icon, alt: providerInfo.name }) })), jsx(MenuItem.Label, { children: label }), providerInfo?.name && (jsxs(MenuItem.Caption, { children: [providerInfo?.name, ' • ', jsx(EllipsizedText, { text: providerInfo.address ?? '', sx: { c: 'inherit', fontSize: 'inherit' } })] })), jsx(MenuItem.BottomSlot, { children: children })] }));
 }
 
@@ -5954,7 +5947,132 @@ function SquidFooter() {
             } }) }));
 }
 
+const PULSE_SHADOW = keyframes `
+    0% {
+        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
+    }
+    50% {
+        box-shadow: 0 0 10px 3px rgba(54, 210, 227, 0.1);
+    }
+    100% {
+        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+    }
+`;
+
+function TokenDrawerMenu({ checkout, config, toTokenAddress, }) {
+    const { addTokensState: { tokens, selectedToken }, addTokensDispatch, } = reactExports.useContext(AddTokensContext);
+    const { showErrorHandover } = useError(config.environment);
+    const [visible, setVisible] = reactExports.useState(false);
+    const [allowedTokens, setAllowedTokens] = reactExports.useState([]);
+    const [searchValue, setSearchValue] = reactExports.useState('');
+    const defaultTokenImage = getDefaultTokenImage(checkout?.config.environment, config.theme);
+    const { track } = useAnalytics();
+    const setSelectedToken = (token) => {
+        track({
+            userJourney: UserJourney.ADD_TOKENS,
+            screen: 'InputScreen',
+            control: 'TokensMenu',
+            controlType: 'MenuItem',
+            extras: {
+                tokenAddress: token?.address,
+            },
+        });
+        addTokensDispatch({
+            payload: {
+                type: AddTokensActions.SET_SELECTED_TOKEN,
+                selectedToken: token,
+            },
+        });
+    };
+    const handleTokenChange = reactExports.useCallback((token) => {
+        setSelectedToken(token);
+        setVisible(false);
+        setSearchValue('');
+    }, []);
+    const isSelected = reactExports.useCallback((token) => token.address === selectedToken?.address, [selectedToken]);
+    const tokenChoiceOptions = reactExports.useMemo(() => allowedTokens.filter((token) => {
+        if (!searchValue)
+            return true;
+        return token.symbol.toLowerCase().startsWith(searchValue.toLowerCase());
+    }), [tokens, handleTokenChange, isSelected, defaultTokenImage, searchValue]);
+    const handleTokenIconClick = reactExports.useCallback(() => {
+        setVisible(!visible);
+    }, [visible]);
+    const handleDrawerClose = reactExports.useCallback(() => {
+        setVisible(false);
+        setSearchValue('');
+    }, [setVisible, setSearchValue]);
+    reactExports.useEffect(() => {
+        if (!checkout)
+            return;
+        (async () => {
+            try {
+                const tokenResponse = await checkout.getTokenAllowList({
+                    type: TokenFilterTypes.SWAP,
+                    chainId: getL2ChainId(checkout.config),
+                });
+                if (tokenResponse?.tokens.length > 0) {
+                    const updatedTokens = tokenResponse.tokens.map((token) => {
+                        if (isNativeToken(token.address)) {
+                            return {
+                                ...token,
+                                icon: getTokenImageByAddress(checkout.config.environment, token.symbol),
+                            };
+                        }
+                        return token;
+                    });
+                    updatedTokens.sort((a, b) => {
+                        const aIndex = TOKEN_PRIORITY_ORDER.findIndex((token) => token === a.symbol);
+                        const bIndex = TOKEN_PRIORITY_ORDER.findIndex((token) => token === b.symbol);
+                        // If both tokens are not in the priority list, sort by symbol
+                        if (aIndex === -1 && bIndex === -1) {
+                            return a.symbol.localeCompare(b.symbol);
+                        }
+                        // If only one token is in the priority list, sort it first
+                        if (aIndex === -1) {
+                            return 1;
+                        }
+                        if (bIndex === -1) {
+                            return -1;
+                        }
+                        // If both tokens are in the priority list, sort by index
+                        return aIndex < bIndex ? -1 : 1;
+                    });
+                    setAllowedTokens(updatedTokens);
+                    if (toTokenAddress) {
+                        const preselectedToken = updatedTokens.find((token) => token.address?.toLowerCase() === toTokenAddress.toLowerCase());
+                        if (preselectedToken) {
+                            setSelectedToken(preselectedToken);
+                        }
+                    }
+                    addTokensDispatch({
+                        payload: {
+                            type: AddTokensActions.SET_ALLOWED_TOKENS,
+                            allowedTokens: tokenResponse.tokens,
+                        },
+                    });
+                }
+            }
+            catch (error) {
+                showErrorHandover(AddTokensErrorTypes.SERVICE_BREAKDOWN, { error });
+            }
+        })();
+    }, [checkout, toTokenAddress]);
+    return (jsxs(Drawer, { visible: visible, onCloseDrawer: handleDrawerClose, size: "full", headerBarTitle: "Add Tokens", drawerCloseIcon: "ChevronExpand", showHeaderBar: true, outsideClicksClose: true, escapeKeyClose: true, children: [jsx(Drawer.Target, { children: selectedToken ? (jsx(SmartClone, { onClick: handleTokenIconClick, children: jsx(FramedImage, { size: "xLarge", use: (jsx(TokenImage, { src: selectedToken?.icon, name: selectedToken?.name, defaultImage: defaultTokenImage })), padded: true, emphasized: true, circularFrame: true, sx: {
+                            cursor: 'pointer',
+                            mb: 'base.spacing.x1',
+                            // eslint-disable-next-line @typescript-eslint/naming-convention
+                            '&:hover': {
+                                boxShadow: ({ base }) => `0 0 0 ${base.border.size[200]} ${base.color.text.body.primary}`,
+                            },
+                        } }) })) : (jsx(Box, { sx: { animation: `${PULSE_SHADOW} 2s infinite ease-in-out`, borderRadius: '50%' }, children: jsx(ButtCon, { size: "large", variant: "tertiary", icon: "Add", onClick: handleTokenIconClick }) })) }), jsxs(Drawer.Content, { sx: { paddingX: 'base.spacing.x2' }, children: [jsx(TextInput, { sx: { marginBottom: 'base.spacing.x2' }, placeholder: "Search tokens", sizeVariant: "medium", onChange: (event) => {
+                            setSearchValue(event.target.value);
+                        }, children: jsx(TextInput.Icon, { icon: "Search" }) }), jsx(VerticalMenu, { sx: { maxHeight: '100%' }, children: tokenChoiceOptions.length > 0
+                            && tokenChoiceOptions.map((token) => (jsxs(MenuItem, { size: "medium", onClick: () => handleTokenChange(token), selected: isSelected(token), emphasized: true, children: [jsx(MenuItem.FramedImage, { circularFrame: true, use: (jsx(TokenImage, { src: token.icon, name: token.name, defaultImage: defaultTokenImage })), emphasized: false }), jsx(MenuItem.Label, { children: token.symbol }), token.symbol !== token.name && (jsx(MenuItem.Caption, { children: token.name }))] }, token.name))) })] })] }));
+}
+
 function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOption = true, showSwapOption = true, showBridgeOption = true, onCloseButtonClick, showBackButton, onBackButtonClick, }) {
+    const inputRef = reactExports.useRef(null);
     const { fetchRoutesWithRateLimit, resetRoutes } = useRoutes();
     const { showErrorHandover } = useError(config.environment);
     const { addTokensState: { squid, chains, balances, tokens, selectedAmount, routes, selectedRouteData, selectedToken, isSwapAvailable, }, addTokensDispatch, } = reactExports.useContext(AddTokensContext);
@@ -5967,7 +6085,6 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
     const [showPayWithDrawer, setShowPayWithDrawer] = reactExports.useState(false);
     const [showDeliverToDrawer, setShowDeliverToDrawer] = reactExports.useState(false);
     const [onRampAllowedTokens, setOnRampAllowedTokens] = reactExports.useState([]);
-    const [allowedTokens, setAllowedTokens] = reactExports.useState([]);
     const [inputValue, setInputValue] = reactExports.useState(selectedAmount || toAmount || '');
     const [fetchingRoutes, setFetchingRoutes] = reactExports.useState(false);
     const [insufficientBalance, setInsufficientBalance] = reactExports.useState(false);
@@ -5989,23 +6106,6 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             },
         });
     }, 2500), []);
-    const setSelectedToken = (token) => {
-        track({
-            userJourney: UserJourney.ADD_TOKENS,
-            screen: 'InputScreen',
-            control: 'TokensMenu',
-            controlType: 'MenuItem',
-            extras: {
-                tokenAddress: token?.address,
-            },
-        });
-        addTokensDispatch({
-            payload: {
-                type: AddTokensActions.SET_SELECTED_TOKEN,
-                selectedToken: token,
-            },
-        });
-    };
     const setSelectedRouteData = (route) => {
         if (route) {
             track({
@@ -6101,46 +6201,6 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             setSelectedRouteData(routes[0]);
         }
     }, [routes]);
-    reactExports.useEffect(() => {
-        if (!checkout)
-            return;
-        const fetchTokens = async () => {
-            try {
-                const tokenResponse = await checkout.getTokenAllowList({
-                    type: TokenFilterTypes.SWAP,
-                    chainId: getL2ChainId(checkout.config),
-                });
-                if (tokenResponse?.tokens.length > 0) {
-                    const updatedTokens = tokenResponse.tokens.map((token) => {
-                        if (isNativeToken(token.address)) {
-                            return {
-                                ...token,
-                                icon: getTokenImageByAddress(checkout.config.environment, token.symbol),
-                            };
-                        }
-                        return token;
-                    });
-                    setAllowedTokens(updatedTokens);
-                    if (toTokenAddress) {
-                        const preselectedToken = updatedTokens.find((token) => token.address?.toLowerCase() === toTokenAddress.toLowerCase());
-                        if (preselectedToken) {
-                            setSelectedToken(preselectedToken);
-                        }
-                    }
-                    addTokensDispatch({
-                        payload: {
-                            type: AddTokensActions.SET_ALLOWED_TOKENS,
-                            allowedTokens: tokenResponse.tokens,
-                        },
-                    });
-                }
-            }
-            catch (error) {
-                showErrorHandover(AddTokensErrorTypes.SERVICE_BREAKDOWN, { error });
-            }
-        };
-        fetchTokens();
-    }, [checkout, toTokenAddress]);
     reactExports.useEffect(() => {
         if (!checkout)
             return;
@@ -6160,10 +6220,6 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
         };
         fetchOnRampTokens();
     }, [checkout]);
-    const isSelected = reactExports.useCallback((token) => token.address === selectedToken, [selectedToken]);
-    const handleTokenChange = reactExports.useCallback((token) => {
-        setSelectedToken(token);
-    }, []);
     const sendRequestOnRampEvent = () => {
         track({
             userJourney: UserJourney.ADD_TOKENS,
@@ -6249,8 +6305,6 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
         return false;
     }, [selectedToken, onRampAllowedTokens, showOnrampOption]);
     const showInitialEmptyState = !selectedToken;
-    const defaultTokenImage = getDefaultTokenImage(checkout?.config.environment, config.theme);
-    const tokenChoiceOptions = reactExports.useMemo(() => allowedTokens.map((token) => (jsxs(MenuItem, { size: "medium", onClick: () => handleTokenChange(token), selected: isSelected(token), emphasized: true, children: [jsx(MenuItem.FramedImage, { circularFrame: true, use: (jsx(TokenImage, { src: token.icon, name: token.name, defaultImage: defaultTokenImage })), emphasized: false }), jsx(MenuItem.Label, { children: token.symbol }), token.symbol !== token.name && (jsx(MenuItem.Caption, { children: token.name }))] }, token.name))), [allowedTokens, handleTokenChange, isSelected, defaultTokenImage]);
     const shouldShowBackButton = showBackButton && onBackButtonClick;
     const routeInputsReady = !!selectedToken
         && !!fromAddress
@@ -6285,18 +6339,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                         px: 'base.spacing.x2',
                         w: '100%',
                         pt: 'base.spacing.x1',
-                    }, justifyContent: "center", alignItems: "center", children: [jsx(OverflowDrawerMenu, { drawerSize: "full", headerBarTitle: "Add Token", drawerCloseIcon: "ChevronExpand", ...(showInitialEmptyState
-                                ? { icon: 'Add', size: 'large', variant: 'tertiary' }
-                                : {
-                                    customTarget: (jsx(FramedImage, { size: "xLarge", use: (jsx(TokenImage, { src: selectedToken?.icon, name: selectedToken?.name, defaultImage: defaultTokenImage })), padded: true, emphasized: true, circularFrame: true, sx: {
-                                            cursor: 'pointer',
-                                            mb: 'base.spacing.x1',
-                                            // eslint-disable-next-line @typescript-eslint/naming-convention
-                                            '&:hover': {
-                                                boxShadow: ({ base }) => `0 0 0 ${base.border.size[200]} ${base.color.text.body.primary}`,
-                                            },
-                                        } })),
-                                }), children: tokenChoiceOptions }), showInitialEmptyState ? (jsx(Body, { children: "Add Token" })) : (jsxs(HeroFormControl, { validationStatus: inputValue === '0' ? 'error' : 'success', children: [jsxs(HeroFormControl.Label, { children: ["Add", ' ', selectedToken.symbol] }), jsx(HeroTextInput, { testId: "add-tokens-amount-input", type: "number", value: inputValue, onChange: (value) => handleOnAmountInputChange(value), placeholder: "0", maxTextSize: "xLarge" }), jsx(HeroFormControl.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} 
+                    }, justifyContent: "center", alignItems: "center", children: [jsx(TokenDrawerMenu, { checkout: checkout, config: config, toTokenAddress: toTokenAddress }), showInitialEmptyState ? (jsx(Body, { children: "Add Token" })) : (jsxs(HeroFormControl, { validationStatus: inputValue === '0' ? 'error' : 'success', children: [jsxs(HeroFormControl.Label, { children: ["Add", ' ', selectedToken.symbol] }), jsx(HeroTextInput, { inputRef: inputRef, testId: "add-tokens-amount-input", type: "number", value: inputValue, onChange: (value) => handleOnAmountInputChange(value), placeholder: "0", maxTextSize: "xLarge" }), jsx(HeroFormControl.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} 
                 $${getFormattedNumberWithDecimalPlaces(selectedAmountUsd)}` })] }))] }), jsxs(Stack, { testId: "bottomSection", sx: {
                         alignSelf: 'stretch',
                         p: 'base.spacing.x3',
@@ -6304,18 +6347,27 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                         bg: 'base.color.neutral.800',
                         bradtl: 'base.borderRadius.x8',
                         bradtr: 'base.borderRadius.x8',
-                    }, gap: "base.spacing.x4", children: [jsxs(Stack, { gap: "0px", children: [jsxs(SelectedWallet, { label: "Send from", providerInfo: {
+                    }, gap: "base.spacing.x4", children: [jsxs(Stack, { gap: "0px", children: [jsx(SelectedWallet, { sx: selectedToken
+                                        && !fromAddress
+                                        && inputValue
+                                        ? { animation: `${PULSE_SHADOW} 2s infinite ease-in-out` }
+                                        : {}, label: "Send from", providerInfo: {
                                         ...fromProviderInfo,
                                         address: fromAddress,
                                     }, onClick: (event) => {
                                         event.stopPropagation();
                                         setShowPayWithDrawer(true);
-                                    }, children: [jsx(MenuItem.BottomSlot.Divider, { sx: fromAddress ? { ml: 'base.spacing.x4' } : undefined }), jsx(SelectedRouteOption, { checkout: checkout, loading: loading, chains: chains, routeData: selectedRouteData, onClick: () => setShowOptionsDrawer(true), withSelectedToken: !!selectedToken, withSelectedAmount: parseFloat(inputValue) > 0, withSelectedWallet: !!fromAddress, insufficientBalance: insufficientBalance, showOnrampOption: shouldShowOnRampOption })] }), jsx(Stack, { sx: { pos: 'relative', h: 'base.spacing.x3' }, alignItems: "center", children: jsx(FramedIcon, { icon: "ArrowDown", sx: {
+                                    }, children: selectedToken && fromAddress && inputValue && (jsxs(Fragment, { children: [jsx(MenuItem.BottomSlot.Divider, { sx: fromAddress ? { ml: 'base.spacing.x4' } : undefined }), jsx(SelectedRouteOption, { checkout: checkout, loading: loading, chains: chains, routeData: selectedRouteData, onClick: () => setShowOptionsDrawer(true), withSelectedWallet: !!fromAddress, insufficientBalance: insufficientBalance, showOnrampOption: shouldShowOnRampOption })] })) }), jsx(Stack, { sx: { pos: 'relative', h: 'base.spacing.x3' }, alignItems: "center", children: jsx(FramedIcon, { icon: "ArrowDown", sx: {
                                             top: '0',
                                             pos: 'absolute',
                                             translate: '0 -30%',
                                             bg: 'base.color.neutral.800',
-                                        } }) }), jsx(SelectedWallet, { label: "Deliver to", providerInfo: {
+                                        } }) }), jsx(SelectedWallet, { sx: selectedToken
+                                        && fromAddress
+                                        && !toAddress
+                                        && inputValue
+                                        ? { animation: `${PULSE_SHADOW} 2s infinite ease-in-out` }
+                                        : {}, label: "Deliver to", providerInfo: {
                                         ...toProviderInfo,
                                         address: toAddress,
                                     }, onClick: () => setShowDeliverToDrawer(true), disabled: lockedToProvider })] }), jsx(Button, { testId: "add-tokens-button", size: "large", variant: readyToReview ? 'primary' : 'secondary', disabled: !readyToReview, onClick: handleReviewClick, sx: { opacity: readyToReview ? 1 : 0.5 }, children: "Review" }), jsx(SquidFooter, {}), jsx(PayWithWalletDrawer, { visible: showPayWithDrawer, walletOptions: walletOptions, onClose: () => setShowPayWithDrawer(false), onPayWithCard: handleCardClick, onConnect: handleWalletConnected, insufficientBalance: insufficientBalance, showOnRampOption: shouldShowOnRampOption }), jsx(OptionsDrawer, { checkout: checkout, routes: routes, showOnrampOption: shouldShowOnRampOption, showSwapOption: showSwapOption, showBridgeOption: showBridgeOption, visible: showOptionsDrawer, onClose: () => setShowOptionsDrawer(false), onCardClick: handleCardClick, onRouteClick: handleRouteClick, insufficientBalance: insufficientBalance }), jsx(DeliverToWalletDrawer, { visible: showDeliverToDrawer, walletOptions: walletOptions, onClose: handleDeliverToClose }), jsx(OnboardingDrawer, { environment: checkout?.config.environment })] })] }) }));
@@ -174043,7 +174095,7 @@ function AddTokensWidget({ showOnrampOption = true, showSwapOption = true, showB
                                 screen: 'Error',
                             });
                         } })), viewState.view.type
-                        === SharedViews.SERVICE_UNAVAILABLE_ERROR_VIEW && (jsx(ServiceUnavailableErrorView, { service: ServiceType.GENERIC, onCloseClick: () => sendAddTokensCloseEvent(eventTarget) }))] }) }) }));
+                        === SharedViews.SERVICE_UNAVAILABLE_ERROR_VIEW && (jsx(ServiceUnavailableToRegionErrorView, { service: ServiceType.GENERIC, onCloseClick: () => sendAddTokensCloseEvent(eventTarget) }))] }) }) }));
 }
 
 export { AddTokensWidget as default };

package/dist/browser/checkout/{BridgeWidget-CzoLGKzK.js → BridgeWidget-CUc8HRTw.js}

@@ -1,12 +1,12 @@
-import { c0 as axios, c1 as CheckoutErrorType, c2 as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, p as jsxs, o as jsx, c3 as ShimmerBox, ak as MenuItem, a8 as Stack, u as useTranslation, M as Body, T as Button, H as Box, c4 as PASSPORT_URL, aT as Link, c5 as getChainIdBySlug, c6 as getChainImage, c7 as networkName, a6 as FramedImage, Q as Icon, ax as useAnalytics, ay as UserJourney, as as Divider, aL as ViewContext, at as Fragment, V as ViewActions, c8 as useWalletConnect, c9 as isWalletConnectProvider, ca as Logo, cb as RawImage, cc as AXELAR_SCAN_URL, aZ as isNativeToken, a_ as getTokenImageByAddress, cd as getNativeSymbolByChainSlug, by as calculateCryptoToFiat, aQ as EventTargetContext, az as isPassportProvider, i as getL1ChainId, aY as TokenFilterTypes, h as getL2ChainId, aE as WalletProviderRdns, aG as Web3Provider, aU as useInjectedProviders, bF as HeaderNavigation, bI as FooterLogo, aB as WalletDrawer, aX as SimpleLayout, ce as getChainSlugById, cf as JsonRpcProvider, cg as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, j as ChainId, ch as getChainNameById, w as useTheme, aA as Heading, ci as getWalletProviderNameByProvider, cj as isAddressSanctioned, m as SharedViews, ck as isMetaMaskProvider, cl as WalletProviderName, aw as Drawer, R as ButtCon, cm as ButtonNavigationStyles, a$ as orchestrationEvents, al as tokenValueFormat, cn as formatZeroAmount, co as NATIVE, bl as amountInputValidation, aN as getRemoteImage, bm as CloudImage, cp as ETH_TOKEN_SYMBOL, an as BigNumber, bf as Environment, cq as GasEstimateType, cr as DEFAULT_TOKEN_DECIMALS, cs as DEFAULT_QUOTE_REFRESH_INTERVAL, ct as addChainChangedListener, cu as removeChainChangedListener, cv as IMX_TOKEN_SYMBOL, cw as dist, cx as CHECKOUT_CDN_BASE_URL, cy as heroBackGroundStyles, cz as heroImageStyles, a4 as Badge, cA as SimpleTextBody, cB as FooterButton, cC as getEthTokenImage, cD as WITHDRAWAL_CLAIM_GAS_LIMIT, aV as getDefaultTokenImage, bi as viewReducer, bj as initialViewState, cE as BridgeConfiguration, cF as ImmutableConfiguration, cG as TokenBridge, cH as StatusView, bJ as StatusType, E as ErrorView, bn as ServiceUnavailableErrorView, bo as ServiceType, cI as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cJ as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cK as ETH_MAINNET_TO_ZKEVM_MAINNET } from './index-DVVgTW38.js';
-import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-BwfapqZO.js';
-import { T as TokenImage, r as retry } from './retry-aLeSin3J.js';
-import { E as EllipsizedText, C as Contract } from './EllipsizedText-ngVXQGn_.js';
-import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-DiwEKXIx.js';
-import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-BBUB2cpE.js';
-import { f as formatUnits, p as parseUnits } from './index-lFfbeyAV.js';
-import { u as useInterval } from './useInterval-D0l_aPl9.js';
-import './FeesBreakdown-BpgS4Cf3.js';
+import { c5 as axios, c6 as CheckoutErrorType, c7 as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, p as jsxs, o as jsx, c8 as ShimmerBox, ak as MenuItem, a8 as Stack, u as useTranslation, M as Body, T as Button, H as Box, c9 as PASSPORT_URL, aT as Link, ca as getChainIdBySlug, cb as getChainImage, cc as networkName, a6 as FramedImage, Q as Icon, ax as useAnalytics, ay as UserJourney, as as Divider, aL as ViewContext, at as Fragment, V as ViewActions, cd as useWalletConnect, ce as isWalletConnectProvider, cf as Logo, cg as RawImage, ch as AXELAR_SCAN_URL, aX as isNativeToken, aY as getTokenImageByAddress, ci as getNativeSymbolByChainSlug, bB as calculateCryptoToFiat, aQ as EventTargetContext, az as isPassportProvider, i as getL1ChainId, aW as TokenFilterTypes, h as getL2ChainId, aE as WalletProviderRdns, aG as Web3Provider, a$ as useInjectedProviders, bI as HeaderNavigation, bM as FooterLogo, aB as WalletDrawer, b0 as SimpleLayout, cj as getChainSlugById, ck as JsonRpcProvider, cl as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, j as ChainId, cm as getChainNameById, w as useTheme, aA as Heading, cn as getWalletProviderNameByProvider, bz as fetchRiskAssessment, bL as isAddressSanctioned, m as SharedViews, co as isMetaMaskProvider, cp as WalletProviderName, aw as Drawer, R as ButtCon, cq as ButtonNavigationStyles, b1 as orchestrationEvents, al as tokenValueFormat, cr as formatZeroAmount, cs as NATIVE, bn as amountInputValidation, aN as getRemoteImage, bo as CloudImage, ct as ETH_TOKEN_SYMBOL, an as BigNumber, bh as Environment, cu as GasEstimateType, cv as DEFAULT_TOKEN_DECIMALS, cw as DEFAULT_QUOTE_REFRESH_INTERVAL, cx as addChainChangedListener, cy as removeChainChangedListener, cz as IMX_TOKEN_SYMBOL, cA as dist, cB as CHECKOUT_CDN_BASE_URL, cC as heroBackGroundStyles, cD as heroImageStyles, a4 as Badge, cE as SimpleTextBody, cF as FooterButton, cG as getEthTokenImage, cH as WITHDRAWAL_CLAIM_GAS_LIMIT, aV as getDefaultTokenImage, bk as viewReducer, bl as initialViewState, cI as BridgeConfiguration, cJ as ImmutableConfiguration, cK as TokenBridge, cL as StatusView, bN as StatusType, E as ErrorView, c4 as ServiceUnavailableErrorView, cM as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cN as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cO as ETH_MAINNET_TO_ZKEVM_MAINNET } from './index-MiJtNQGp.js';
+import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-CxiVWPGH.js';
+import { T as TokenImage, r as retry } from './TokenImage-CaeGAfaV.js';
+import { E as EllipsizedText, C as Contract } from './EllipsizedText-Dz34eo3g.js';
+import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-YzOD7wTV.js';
+import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-DBCanPUb.js';
+import { f as formatUnits, p as parseUnits } from './index-WkEhhO8Q.js';
+import { u as useInterval } from './useInterval-CaT4s9av.js';
+import './FeesBreakdown-BW6UtIiJ.js';
 
 // This module is intended to unwrap Axios default export as named.
 // Keep top-level export same with static properties
@@ -1234,7 +1234,9 @@ function WalletAndNetworkSelector() {
         const web3Provider = new Web3Provider(event.provider);
         const connectedProvider = await connectToProvider(checkout, web3Provider, changeAccount);
         // CM-793 Check for sanctioned address
-        if (await isAddressSanctioned(await connectedProvider.getSigner().getAddress(), checkout.config.environment)) {
+        const address = await connectedProvider.getSigner().getAddress();
+        const sanctions = await fetchRiskAssessment([address], checkout.config);
+        if (isAddressSanctioned(sanctions, address)) {
             viewDispatch({
                 payload: {
                     type: ViewActions.UPDATE_VIEW,
@@ -1340,7 +1342,9 @@ function WalletAndNetworkSelector() {
             const web3Provider = new Web3Provider(event.provider);
             const connectedProvider = await connectToProvider(checkout, web3Provider, false);
             // CM-793 Check for sanctioned address
-            if (await isAddressSanctioned(await connectedProvider.getSigner().getAddress(), checkout.config.environment)) {
+            const address = await connectedProvider.getSigner().getAddress();
+            const sanctions = await fetchRiskAssessment([address], checkout.config);
+            if (isAddressSanctioned(sanctions, address)) {
                 viewDispatch({
                     payload: {
                         type: ViewActions.UPDATE_VIEW,
@@ -1357,7 +1361,6 @@ function WalletAndNetworkSelector() {
             }
             else {
                 setToWalletWeb3Provider(connectedProvider);
-                const address = await connectedProvider.getSigner().getAddress();
                 setToWalletAddress(address.toLowerCase());
                 handleSettingToNetwork(address.toLowerCase());
                 track({
@@ -3065,7 +3068,14 @@ function BridgeWidget({ checkout, web3Provider, config, amount, tokenAddress, sh
                                 },
                             });
                             sendBridgeClaimWithdrawalFailedEvent(eventTarget, viewState.view.transactionHash, 'Transaction failed');
-                        }, onActionClick: updateToTransactionsPage, statusType: StatusType.FAILURE, onCloseClick: () => sendBridgeWidgetCloseEvent(eventTarget), testId: "claim-withdrawal-fail-view" })), viewState.view.type === SharedViews.SERVICE_UNAVAILABLE_ERROR_VIEW && (jsx(ServiceUnavailableErrorView, { service: ServiceType.GENERIC, onCloseClick: () => sendBridgeWidgetCloseEvent(eventTarget) }))] }) }) }));
+                        }, onActionClick: updateToTransactionsPage, statusType: StatusType.FAILURE, onCloseClick: () => sendBridgeWidgetCloseEvent(eventTarget), testId: "claim-withdrawal-fail-view" })), viewState.view.type === SharedViews.SERVICE_UNAVAILABLE_ERROR_VIEW && (jsx(ServiceUnavailableErrorView, { onCloseClick: () => sendBridgeWidgetCloseEvent(eventTarget), onBackButtonClick: () => {
+                            viewDispatch({
+                                payload: {
+                                    type: ViewActions.UPDATE_VIEW,
+                                    view: { type: BridgeWidgetViews.WALLET_NETWORK_SELECTION },
+                                },
+                            });
+                        } }))] }) }) }));
 }
 
 export { BridgeWidget as default };

package/dist/browser/checkout/{CommerceWidget-BGemG9RB.js → CommerceWidget-BOWOZCaz.js}

@@ -1,20 +1,20 @@
-import { I as IMTBLWidgetEvents, C as CommerceFlowType, P as ProviderEventType, a as CommerceEventType, b as ConnectEventType, c as CommerceFailureEventType, d as CommerceSuccessEventType, W as WalletEventType, e as CommerceUserActionEventType, S as SwapEventType, A as AddTokensEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as OrchestrationEventType, r as reactExports, V as ViewActions, h as getL2ChainId, i as getL1ChainId, j as ChainId, u as useTranslation, k as useViewState, l as useEventTargetState, m as SharedViews, n as commerceFlows, o as jsx, p as jsxs, L as LoadingView, E as ErrorView, q as ConnectWidget, s as ProvidersContextProvider, t as ConnectLoader, v as ViewContextProvider } from './index-DVVgTW38.js';
-import SwapWidget from './SwapWidget-DiA9c6Zu.js';
-import BridgeWidget from './BridgeWidget-CzoLGKzK.js';
-import { O as OnRampWidget } from './OnRampWidget-Dx2XkuTt.js';
-import WalletWidget from './WalletWidget-BNCipG33.js';
-import SaleWidget from './SaleWidget-N4DUeD2I.js';
-import AddTokensWidget from './AddTokensWidget-DdZHY_JS.js';
-import './WalletApproveHero-DiwEKXIx.js';
-import './retry-aLeSin3J.js';
-import './FeesBreakdown-BpgS4Cf3.js';
-import './CryptoFiatProvider-BwfapqZO.js';
-import './useInterval-D0l_aPl9.js';
-import './index-lFfbeyAV.js';
-import './TopUpView-BBUB2cpE.js';
-import './SpendingCapHero-BeqEPpR_.js';
-import './EllipsizedText-ngVXQGn_.js';
-import './HandoverContent-C0qfeRAh.js';
+import { I as IMTBLWidgetEvents, C as CommerceFlowType, P as ProviderEventType, a as CommerceEventType, b as ConnectEventType, c as CommerceFailureEventType, d as CommerceSuccessEventType, W as WalletEventType, e as CommerceUserActionEventType, S as SwapEventType, A as AddTokensEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as OrchestrationEventType, r as reactExports, V as ViewActions, h as getL2ChainId, i as getL1ChainId, j as ChainId, u as useTranslation, k as useViewState, l as useEventTargetState, m as SharedViews, n as commerceFlows, o as jsx, p as jsxs, L as LoadingView, E as ErrorView, q as ConnectWidget, s as ProvidersContextProvider, t as ConnectLoader, v as ViewContextProvider } from './index-MiJtNQGp.js';
+import SwapWidget from './SwapWidget-DpZ61Qy1.js';
+import BridgeWidget from './BridgeWidget-CUc8HRTw.js';
+import { O as OnRampWidget } from './OnRampWidget-vxPgznQT.js';
+import WalletWidget from './WalletWidget-Baf13r5o.js';
+import SaleWidget from './SaleWidget-BdnaSjMC.js';
+import AddTokensWidget from './AddTokensWidget-DhAAwA2S.js';
+import './WalletApproveHero-YzOD7wTV.js';
+import './TokenImage-CaeGAfaV.js';
+import './FeesBreakdown-BW6UtIiJ.js';
+import './CryptoFiatProvider-CxiVWPGH.js';
+import './useInterval-CaT4s9av.js';
+import './index-WkEhhO8Q.js';
+import './TopUpView-DBCanPUb.js';
+import './SpendingCapHero-BL6pv3Tz.js';
+import './EllipsizedText-Dz34eo3g.js';
+import './HandoverContent-Ce_52Gy0.js';
 
 const sendCheckoutEvent = (eventTarget, detail) => {
     const event = new CustomEvent(IMTBLWidgetEvents.IMTBL_COMMERCE_WIDGET_EVENT, { detail });

package/dist/browser/checkout/{CryptoFiatProvider-BwfapqZO.js → CryptoFiatProvider-CxiVWPGH.js}

@@ -1,4 +1,4 @@
-import { bf as Environment, c0 as axios, r as reactExports, o as jsx } from './index-DVVgTW38.js';
+import { bh as Environment, c5 as axios, r as reactExports, o as jsx } from './index-MiJtNQGp.js';
 
 /**
  * Class representing the configuration for the CryptoFiatModule.

package/dist/browser/checkout/{EllipsizedText-ngVXQGn_.js → EllipsizedText-Dz34eo3g.js}

@@ -1,4 +1,4 @@
-import { cL as defineReadOnly, cM as getStatic, cN as Signer, cO as Provider, cP as getAddress, cQ as Logger, cR as getContractAddress, cS as Interface, cT as shallowCopy, cU as VoidSigner, cV as Indexed, cW as deepCopy, cX as isHexString, cY as checkResultErrors, cZ as resolveProperties, an as BigNumber, c_ as accessListify, c$ as arrayify, o as jsx, _ as _objectWithoutProperties, bv as cloneElementWithCssProp, M as Body, U as _defineProperty } from './index-DVVgTW38.js';
+import { cP as defineReadOnly, cQ as getStatic, cR as Signer, cS as Provider, cT as getAddress, cU as Logger, cV as getContractAddress, cW as Interface, cX as shallowCopy, cY as VoidSigner, cZ as Indexed, c_ as deepCopy, c$ as isHexString, d0 as checkResultErrors, d1 as resolveProperties, an as BigNumber, d2 as accessListify, d3 as arrayify, o as jsx, _ as _objectWithoutProperties, bx as cloneElementWithCssProp, M as Body, U as _defineProperty } from './index-MiJtNQGp.js';
 
 const version = "contracts/5.7.0";
 

package/dist/browser/checkout/{FeesBreakdown-BpgS4Cf3.js → FeesBreakdown-BW6UtIiJ.js}

@@ -1,4 +1,4 @@
-import { p as jsxs, o as jsx, M as Body, bh as PriceDisplay, H as Box, u as useTranslation, aw as Drawer, ak as MenuItem, at as Fragment, as as Divider, al as tokenValueFormat, cn as formatZeroAmount, bI as FooterLogo } from './index-DVVgTW38.js';
+import { p as jsxs, o as jsx, M as Body, bj as PriceDisplay, H as Box, u as useTranslation, aw as Drawer, ak as MenuItem, at as Fragment, as as Divider, al as tokenValueFormat, cr as formatZeroAmount, bM as FooterLogo } from './index-MiJtNQGp.js';
 
 const feesBreakdownContentStyles = {
     display: 'flex',

package/dist/browser/checkout/{HandoverContent-C0qfeRAh.js → HandoverContent-Ce_52Gy0.js}

@@ -1,4 +1,4 @@
-import { p as jsxs, H as Box, o as jsx, aA as Heading, M as Body, T as Button } from './index-DVVgTW38.js';
+import { p as jsxs, H as Box, o as jsx, aA as Heading, M as Body, T as Button } from './index-MiJtNQGp.js';
 
 function HandoverContent({ headingText, subheadingText, primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, }) {
     return (jsxs(Box, { sx: {

package/dist/browser/checkout/{OnRampWidget-Dx2XkuTt.js → OnRampWidget-vxPgznQT.js}

@@ -1,6 +1,6 @@
-import { d0 as global, ax as useAnalytics, r as reactExports, bU as ConnectLoaderContext, aQ as EventTargetContext, u as useTranslation, aL as ViewContext, m as SharedViews, d1 as ExchangeType, o as jsx, aX as SimpleLayout, bF as HeaderNavigation, d2 as sendOnRampWidgetCloseEvent, a$ as orchestrationEvents, I as IMTBLWidgetEvents, H as Box, ay as UserJourney, V as ViewActions, bI as FooterLogo, p as jsxs, cA as SimpleTextBody, bi as viewReducer, bj as initialViewState, co as NATIVE, L as LoadingView, d3 as sendOnRampSuccessEvent, bJ as StatusType, cH as StatusView, d4 as sendOnRampFailedEvent } from './index-DVVgTW38.js';
-import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-BBUB2cpE.js';
-import { S as SpendingCapHero } from './SpendingCapHero-BeqEPpR_.js';
+import { d4 as global, ax as useAnalytics, r as reactExports, bY as ConnectLoaderContext, aQ as EventTargetContext, u as useTranslation, aL as ViewContext, m as SharedViews, d5 as ExchangeType, o as jsx, b0 as SimpleLayout, bI as HeaderNavigation, d6 as sendOnRampWidgetCloseEvent, b1 as orchestrationEvents, I as IMTBLWidgetEvents, H as Box, ay as UserJourney, V as ViewActions, bM as FooterLogo, p as jsxs, cE as SimpleTextBody, bk as viewReducer, bl as initialViewState, cs as NATIVE, L as LoadingView, d7 as sendOnRampSuccessEvent, bN as StatusType, cL as StatusView, d8 as sendOnRampFailedEvent } from './index-MiJtNQGp.js';
+import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-DBCanPUb.js';
+import { S as SpendingCapHero } from './SpendingCapHero-BL6pv3Tz.js';
 
 function isNull(arg) {
   return arg === null;