@imtbl/sdk 1.62.0 → 1.63.0-alpha.10

package/dist/browser/checkout/{AddFundsWidget-ZVSgslAw.js → AddTokensWidget-_RYa4euh.js}

@@ -1,9 +1,9 @@
-import { _ as _objectWithoutProperties, x as useTheme, y as useForwardLocalDomRef, z as useGetSubcomponentChild, A as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, q as jsxs, j 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, ai as AddFundsEventType, aj as getDefaultExportFromCjs, ak as commonjsGlobal, l as useTranslation, al as MenuItem, am as tokenValueFormat, an as DEFAULT_TOKEN_FORMATTING_DECIMALS, ao as BigNumber, ap as getRemoteVideo, aq as FramedVideo, ar as motion, as as listItemVariants, at as Divider, au as Fragment, av as listVariants, aw as useProvidersContext, ax as Drawer, ay as useAnalytics, az as UserJourney, 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, o as SharedViews, k 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-DvBzy5DX.js';
-import { f as formatUnits, p as parseUnits } from './index-B_wChk6v.js';
-import { E as EllipsizedText, C as Contract } from './EllipsizedText-CvkYzx6o.js';
-import { r as retry, T as TokenImage } from './retry-Bd7qMg0v.js';
-import { H as HandoverContent } from './HandoverContent-Bl4qmdQg.js';
-import { F as FeesBreakdown } from './FeesBreakdown-2gL4cI-R.js';
+import { _ as _objectWithoutProperties, x as useTheme, y as useForwardLocalDomRef, z as useGetSubcomponentChild, A as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, q as jsxs, j 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, ai as AddTokensEventType, aj as getDefaultExportFromCjs, ak as commonjsGlobal, l as useTranslation, al as MenuItem, am as tokenValueFormat, an as DEFAULT_TOKEN_FORMATTING_DECIMALS, ao as BigNumber, ap as getRemoteVideo, aq as FramedVideo, ar as motion, as as listItemVariants, at as Divider, au as Fragment, av as listVariants, aw as useProvidersContext, ax as Drawer, ay as useAnalytics, az as UserJourney, aA as isPassportProvider, aB as Heading, aC as WalletDrawer, aD as UnableToConnectDrawer, aE as ChangedYourMindDrawer, aF as WalletProviderRdns, aG as getProviderSlugFromRdns, aH as Web3Provider, aI as connectEIP6963Provider, aJ as identifyUser, aK as ConnectEIP6963ProviderError, aL as ProvidersContextActions, aM as ViewContext, V as ViewActions, o as SharedViews, k as ChainId, aN as commonjsRequire, aO as getRemoteImage, aP as useHandover, aQ as HandoverTarget, aR as EventTargetContext, aS as getRemoteRive, aT as Trans, aU as Link, aV as useInjectedProviders, aW as getDefaultTokenImage, aX as OverflowDrawerMenu, aY as SimpleLayout, aZ as TokenFilterTypes, h as getL2ChainId, a_ as isNativeToken, a$ as getTokenImageByAddress, b0 as orchestrationEvents, b1 as requireSecp256k1$1, b2 as requireLib_commonjs, b3 as require$$0$2, b4 as bech32$2, b5 as bnExports$1, b6 as require$$0$3, b7 as getAugmentedNamespace, b8 as require$$0$4, b9 as minimalisticAssert, ba as require$$2, bb as hash$6, bc as MaxUint256, bd as merge$3, be as SvgIcon, bf as WalletWarningHero, bg as Environment, bh as t, bi as PriceDisplay, L as LoadingView, bj as viewReducer, bk as initialViewState, bl as isValidAddress, bm as amountInputValidation, bn as CloudImage, E as ErrorView, bo as ServiceUnavailableErrorView, bp as ServiceType } from './index-BjLYItcm.js';
+import { f as formatUnits, p as parseUnits } from './index-CshBDuS0.js';
+import { E as EllipsizedText, C as Contract } from './EllipsizedText-CF9lzi6c.js';
+import { r as retry, T as TokenImage } from './retry-GJcGp5Sw.js';
+import { H as HandoverContent } from './HandoverContent-CESizLWk.js';
+import { F as FeesBreakdown } from './FeesBreakdown-BGnZxcX5.js';
 
 var bannerSx = {
   d: "flex",
@@ -1045,10 +1045,10 @@ HeroFormControl.Caption = FormControlCaption;
 HeroFormControl.inputs = SUPPORTED_INPUT_COMPONENTS_MAP;
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-function sendAddFundsCloseEvent(eventTarget) {
-    const closeWidgetEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_FUNDS_WIDGET_EVENT, {
+function sendAddTokensCloseEvent(eventTarget) {
+    const closeWidgetEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: AddFundsEventType.CLOSE_WIDGET,
+            type: AddTokensEventType.CLOSE_WIDGET,
             data: {},
         },
     });
@@ -1059,9 +1059,9 @@ function sendAddFundsCloseEvent(eventTarget) {
         eventTarget.dispatchEvent(closeWidgetEvent);
 }
 function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, providerInfo) {
-    const successEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_FUNDS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: AddFundsEventType.CONNECT_SUCCESS,
+            type: AddTokensEventType.CONNECT_SUCCESS,
             data: {
                 provider,
                 providerType,
@@ -1075,7 +1075,7 @@ function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, pr
         eventTarget.dispatchEvent(successEvent);
 }
 
-const initialAddFundsState = {
+const initialAddTokensState = {
     allowedTokens: null,
     squid: null,
     chains: null,
@@ -1087,73 +1087,73 @@ const initialAddFundsState = {
     selectedAmount: '',
     isSwapAvailable: false,
 };
-var AddFundsActions;
-(function (AddFundsActions) {
-    AddFundsActions["SET_ALLOWED_TOKENS"] = "SET_ALLOWED_TOKENS";
-    AddFundsActions["SET_SQUID"] = "SET_SQUID";
-    AddFundsActions["SET_CHAINS"] = "SET_CHAINS";
-    AddFundsActions["SET_BALANCES"] = "SET_BALANCES";
-    AddFundsActions["SET_TOKENS"] = "SET_TOKENS";
-    AddFundsActions["SET_ROUTES"] = "SET_ROUTES";
-    AddFundsActions["SET_SELECTED_ROUTE_DATA"] = "SET_SELECTED_ROUTE_DATA";
-    AddFundsActions["SET_SELECTED_TOKEN"] = "SET_SELECTED_TOKEN";
-    AddFundsActions["SET_SELECTED_AMOUNT"] = "SET_SELECTED_AMOUNT";
-    AddFundsActions["SET_IS_SWAP_AVAILABLE"] = "SET_IS_SWAP_AVAILABLE";
-})(AddFundsActions || (AddFundsActions = {}));
+var AddTokensActions;
+(function (AddTokensActions) {
+    AddTokensActions["SET_ALLOWED_TOKENS"] = "SET_ALLOWED_TOKENS";
+    AddTokensActions["SET_SQUID"] = "SET_SQUID";
+    AddTokensActions["SET_CHAINS"] = "SET_CHAINS";
+    AddTokensActions["SET_BALANCES"] = "SET_BALANCES";
+    AddTokensActions["SET_TOKENS"] = "SET_TOKENS";
+    AddTokensActions["SET_ROUTES"] = "SET_ROUTES";
+    AddTokensActions["SET_SELECTED_ROUTE_DATA"] = "SET_SELECTED_ROUTE_DATA";
+    AddTokensActions["SET_SELECTED_TOKEN"] = "SET_SELECTED_TOKEN";
+    AddTokensActions["SET_SELECTED_AMOUNT"] = "SET_SELECTED_AMOUNT";
+    AddTokensActions["SET_IS_SWAP_AVAILABLE"] = "SET_IS_SWAP_AVAILABLE";
+})(AddTokensActions || (AddTokensActions = {}));
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const AddFundsContext = reactExports.createContext({
-    addFundsState: initialAddFundsState,
-    addFundsDispatch: () => { },
+const AddTokensContext = reactExports.createContext({
+    addTokensState: initialAddTokensState,
+    addTokensDispatch: () => { },
 });
-AddFundsContext.displayName = 'AddFundsContext';
-const addFundsReducer = (state, action) => {
+AddTokensContext.displayName = 'AddTokensContext';
+const addTokensReducer = (state, action) => {
     switch (action.payload.type) {
-        case AddFundsActions.SET_ALLOWED_TOKENS:
+        case AddTokensActions.SET_ALLOWED_TOKENS:
             return {
                 ...state,
                 allowedTokens: action.payload.allowedTokens,
             };
-        case AddFundsActions.SET_SQUID:
+        case AddTokensActions.SET_SQUID:
             return {
                 ...state,
                 squid: action.payload.squid,
             };
-        case AddFundsActions.SET_CHAINS:
+        case AddTokensActions.SET_CHAINS:
             return {
                 ...state,
                 chains: action.payload.chains,
             };
-        case AddFundsActions.SET_BALANCES:
+        case AddTokensActions.SET_BALANCES:
             return {
                 ...state,
                 balances: action.payload.balances,
             };
-        case AddFundsActions.SET_TOKENS:
+        case AddTokensActions.SET_TOKENS:
             return {
                 ...state,
                 tokens: action.payload.tokens,
             };
-        case AddFundsActions.SET_ROUTES:
+        case AddTokensActions.SET_ROUTES:
             return {
                 ...state,
                 routes: action.payload.routes,
             };
-        case AddFundsActions.SET_SELECTED_ROUTE_DATA:
+        case AddTokensActions.SET_SELECTED_ROUTE_DATA:
             return {
                 ...state,
                 selectedRouteData: action.payload.selectedRouteData,
             };
-        case AddFundsActions.SET_SELECTED_TOKEN:
+        case AddTokensActions.SET_SELECTED_TOKEN:
             return {
                 ...state,
                 selectedToken: action.payload.selectedToken,
             };
-        case AddFundsActions.SET_SELECTED_AMOUNT:
+        case AddTokensActions.SET_SELECTED_AMOUNT:
             return {
                 ...state,
                 selectedAmount: action.payload.selectedAmount,
             };
-        case AddFundsActions.SET_IS_SWAP_AVAILABLE:
+        case AddTokensActions.SET_IS_SWAP_AVAILABLE:
             return {
                 ...state,
                 isSwapAvailable: action.payload.isSwapAvailable,
@@ -1163,12 +1163,12 @@ const addFundsReducer = (state, action) => {
     }
 };
 
-var AddFundsWidgetViews;
-(function (AddFundsWidgetViews) {
-    AddFundsWidgetViews["ADD_FUNDS"] = "ADD_FUNDS";
-    AddFundsWidgetViews["REVIEW"] = "REVIEW";
-    AddFundsWidgetViews["GEO_BLOCK_ERROR"] = "GEO_BLOCK_ERROR";
-})(AddFundsWidgetViews || (AddFundsWidgetViews = {}));
+var AddTokensWidgetViews;
+(function (AddTokensWidgetViews) {
+    AddTokensWidgetViews["ADD_TOKENS"] = "ADD_TOKENS";
+    AddTokensWidgetViews["REVIEW"] = "REVIEW";
+    AddTokensWidgetViews["GEO_BLOCK_ERROR"] = "GEO_BLOCK_ERROR";
+})(AddTokensWidgetViews || (AddTokensWidgetViews = {}));
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -1563,20 +1563,20 @@ var RiveStateMachineInput;
     RiveStateMachineInput[RiveStateMachineInput["COMPLETED"] = 3] = "COMPLETED";
     RiveStateMachineInput[RiveStateMachineInput["ERROR"] = 4] = "ERROR";
 })(RiveStateMachineInput || (RiveStateMachineInput = {}));
-var AddFundsErrorTypes;
-(function (AddFundsErrorTypes) {
-    AddFundsErrorTypes["DEFAULT"] = "DEFAULT_ERROR";
-    AddFundsErrorTypes["INVALID_PARAMETERS"] = "INVALID_PARAMETERS";
-    AddFundsErrorTypes["SERVICE_BREAKDOWN"] = "SERVICE_BREAKDOWN";
-    AddFundsErrorTypes["TRANSACTION_FAILED"] = "TRANSACTION_FAILED";
-    AddFundsErrorTypes["UNRECOGNISED_CHAIN"] = "UNRECOGNISED_CHAIN";
-    AddFundsErrorTypes["PROVIDER_ERROR"] = "PROVIDER_ERROR";
-    AddFundsErrorTypes["WALLET_FAILED"] = "WALLET_FAILED";
-    AddFundsErrorTypes["WALLET_REJECTED"] = "WALLET_REJECTED";
-    AddFundsErrorTypes["WALLET_REJECTED_NO_FUNDS"] = "WALLET_REJECTED_NO_FUNDS";
-    AddFundsErrorTypes["WALLET_POPUP_BLOCKED"] = "WALLET_POPUP_BLOCKED";
-    AddFundsErrorTypes["ENVIRONMENT_ERROR"] = "ENVIRONMENT_ERROR";
-})(AddFundsErrorTypes || (AddFundsErrorTypes = {}));
+var AddTokensErrorTypes;
+(function (AddTokensErrorTypes) {
+    AddTokensErrorTypes["DEFAULT"] = "DEFAULT_ERROR";
+    AddTokensErrorTypes["INVALID_PARAMETERS"] = "INVALID_PARAMETERS";
+    AddTokensErrorTypes["SERVICE_BREAKDOWN"] = "SERVICE_BREAKDOWN";
+    AddTokensErrorTypes["TRANSACTION_FAILED"] = "TRANSACTION_FAILED";
+    AddTokensErrorTypes["UNRECOGNISED_CHAIN"] = "UNRECOGNISED_CHAIN";
+    AddTokensErrorTypes["PROVIDER_ERROR"] = "PROVIDER_ERROR";
+    AddTokensErrorTypes["WALLET_FAILED"] = "WALLET_FAILED";
+    AddTokensErrorTypes["WALLET_REJECTED"] = "WALLET_REJECTED";
+    AddTokensErrorTypes["WALLET_REJECTED_NO_FUNDS"] = "WALLET_REJECTED_NO_FUNDS";
+    AddTokensErrorTypes["WALLET_POPUP_BLOCKED"] = "WALLET_POPUP_BLOCKED";
+    AddTokensErrorTypes["ENVIRONMENT_ERROR"] = "ENVIRONMENT_ERROR";
+})(AddTokensErrorTypes || (AddTokensErrorTypes = {}));
 
 function FiatOption({ type, onClick, disabled = false, size = 'small', rc = jsx("span", {}), }) {
     const { t } = useTranslation();
@@ -1594,7 +1594,7 @@ function FiatOption({ type, onClick, disabled = false, size = 'small', rc = jsx(
         size,
         rc,
     };
-    return (jsxs(MenuItem, { ...menuItemProps, children: [jsx(MenuItem.FramedIcon, { icon: icon[type], variant: "bold", emphasized: false }), jsx(MenuItem.Label, { children: t(`views.ADD_FUNDS.drawer.options.${type}.heading`) }), jsx(MenuItem.Caption, { children: t(`views.ADD_FUNDS.drawer.options.${type}.${disabled ? 'disabledCaption' : 'caption'}`) }), !disabled && jsx(MenuItem.IntentIcon, {})] }));
+    return (jsxs(MenuItem, { ...menuItemProps, children: [jsx(MenuItem.FramedIcon, { icon: icon[type], variant: "bold", emphasized: false }), jsx(MenuItem.Label, { children: t(`views.ADD_TOKENS.drawer.options.${type}.heading`) }), jsx(MenuItem.Caption, { children: t(`views.ADD_TOKENS.drawer.options.${type}.${disabled ? 'disabledCaption' : 'caption'}`) }), !disabled && jsx(MenuItem.IntentIcon, {})] }));
 }
 
 function getDurationFormatted(estimatedRouteDuration) {
@@ -1695,6 +1695,7 @@ function getRouteAndTokenBalances(routeData) {
 }
 
 function RouteOption({ routeData, onClick, chains, disabled = false, isFastest = false, size = 'small', rc = jsx("span", {}), selected = false, }) {
+    const { t } = useTranslation();
     const { fromToken } = routeData.amountData;
     const { estimate } = routeData.route.route;
     const chain = chains?.find((c) => c.id === fromToken.chainId);
@@ -1712,7 +1713,7 @@ function RouteOption({ routeData, onClick, chains, disabled = false, isFastest =
         size,
         onClick: disabled ? undefined : handleClick,
     };
-    return (jsxs(MenuItem, { ...menuItemProps, children: [jsx(MenuItem.Label, { children: fromToken.name }), chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall" }), jsx(MenuItem.FramedImage, { circularFrame: true, use: jsx("img", { src: fromToken.iconUrl, alt: fromToken.name }) })] })), jsx(MenuItem.Caption, { children: `Balance: USD ${routeBalanceUsd}` }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `USD $${fromAmountUsd}` }) }), jsxs(MenuItem.BottomSlot, { children: [jsx(MenuItem.BottomSlot.Divider, {}), jsxs(Stack, { rc: jsx("span", {}), direction: "row", justifyContent: "space-between", sx: {
+    return (jsxs(MenuItem, { ...menuItemProps, children: [jsx(MenuItem.Label, { children: fromToken.name }), chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall" }), jsx(MenuItem.FramedImage, { circularFrame: true, use: jsx("img", { src: fromToken.iconUrl, alt: fromToken.name }) })] })), jsx(MenuItem.Caption, { children: `Balance ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${routeBalanceUsd}` }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${fromAmountUsd}` }) }), jsxs(MenuItem.BottomSlot, { children: [jsx(MenuItem.BottomSlot.Divider, {}), jsxs(Stack, { rc: jsx("span", {}), direction: "row", justifyContent: "space-between", sx: {
                             w: '100%',
                         }, children: [jsxs(Body, { sx: {
                                     ...hFlex,
@@ -1722,7 +1723,7 @@ function RouteOption({ routeData, onClick, chains, disabled = false, isFastest =
                                 }, size: "xSmall", children: [jsx(Icon, { icon: "Countdown", sx: {
                                             w: 'base.icon.size.200',
                                             fill: 'base.color.text.body.secondary',
-                                        }, variant: "bold" }), estimatedDurationFormatted] }), jsxs(Body, { size: "xSmall", sx: { ...hFlex, ...centerFlexChildren }, children: [isFastest && (jsx(Badge, { badgeContent: "Fastest", variant: "emphasis", sx: { mr: 'base.spacing.x2' } })), `Fee ~ USD $${getFormattedAmounts(totalFeesUsd)}`] })] })] })] }));
+                                        }, variant: "bold" }), estimatedDurationFormatted] }), jsxs(Body, { size: "xSmall", sx: { ...hFlex, ...centerFlexChildren }, children: [isFastest && (jsx(Badge, { badgeContent: "Fastest", variant: "emphasis", sx: { mr: 'base.spacing.x2' } })), `Fee ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${getFormattedAmounts(totalFeesUsd)}`] })] })] })] }));
 }
 
 const defaultFiatOptions = [
@@ -1754,7 +1755,7 @@ function OptionsDrawer({ checkout, routes, visible, onClose, onRouteClick, onCar
 showSwapOption, 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 showBridgeOption, insufficientBalance, }) {
-    const { addFundsState: { chains }, } = reactExports.useContext(AddFundsContext);
+    const { addTokensState: { chains }, } = reactExports.useContext(AddTokensContext);
     const { providersState: { fromProviderInfo, fromAddress }, } = useProvidersContext();
     const selectedRouteIndex = reactExports.useRef(0);
     const handleOnRouteClick = (route, index) => {
@@ -2424,12 +2425,13 @@ const sortRoutesByFastestTime = (routes) => {
 const BASE_SLIPPAGE = 0.02;
 const useRoutes = () => {
     const latestRequestIdRef = reactExports.useRef(0);
-    const { addFundsDispatch } = reactExports.useContext(AddFundsContext);
+    const { addTokensDispatch } = reactExports.useContext(AddTokensContext);
+    const { providersState: { toProvider, }, } = useProvidersContext();
     const { track } = useAnalytics();
     const setRoutes = (routes) => {
-        addFundsDispatch({
+        addTokensDispatch({
             payload: {
-                type: AddFundsActions.SET_ROUTES,
+                type: AddTokensActions.SET_ROUTES,
                 routes,
             },
         });
@@ -2495,6 +2497,7 @@ const useRoutes = () => {
         toAddress,
         quoteOnly,
         enableBoost: true,
+        receiveGasOnDestination: !isPassportProvider(toProvider),
     }), {
         retryIntervalMs: 1000,
         retries: 5,
@@ -2526,7 +2529,7 @@ const useRoutes = () => {
                 return { route: newRoute };
             }
             track({
-                userJourney: UserJourney.ADD_FUNDS,
+                userJourney: UserJourney.ADD_TOKENS,
                 screen: 'Routes',
                 action: 'Failed',
                 extras: {
@@ -2618,6 +2621,7 @@ function SelectedRouteOptionContainer({ children, onClick, selected, }) {
         }, 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, }) {
+    const { t } = useTranslation();
     const { fromToken } = routeData?.amountData ?? {};
     const chain = chains?.find((c) => c.id === fromToken?.chainId);
     const { routeBalanceUsd, fromAmount, fromAmountUsd } = reactExports.useMemo(() => getRouteAndTokenBalances(routeData), [routeData]);
@@ -2654,7 +2658,7 @@ function SelectedRouteOption({ checkout, routeData, chains, loading = false, wit
         }
         return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [jsx(MenuItem.FramedIcon, { icon: icon, variant: "bold", circularFrame: true, emphasized: false }), jsx(MenuItem.Caption, { children: copy })] }));
     }
-    return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall", sx: { bottom: 'base.spacing.x2', right: 'base.spacing.x2' } }), jsx(MenuItem.FramedImage, { circularFrame: true, padded: true, use: jsx("img", { src: fromToken?.iconUrl, alt: fromToken?.name }) })] })), jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { w: '100%' }, children: [jsxs(Stack, { gap: "0px", children: [jsx(MenuItem.Label, { children: fromToken?.name }), jsx(MenuItem.Caption, { children: `Balance USD $${routeBalanceUsd}` })] }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `USD $${fromAmountUsd}` }) })] })] }));
+    return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall", sx: { bottom: 'base.spacing.x2', right: 'base.spacing.x2' } }), jsx(MenuItem.FramedImage, { circularFrame: true, padded: true, use: jsx("img", { src: fromToken?.iconUrl, alt: fromToken?.name }) })] })), jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { w: '100%' }, children: [jsxs(Stack, { gap: "0px", children: [jsx(MenuItem.Label, { children: fromToken?.name }), jsx(MenuItem.Caption, { children: `Balance ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${routeBalanceUsd}` })] }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${fromAmountUsd}` }) })] })] }));
 }
 
 const disabledStyles = {
@@ -2871,7 +2875,7 @@ function PayWithWalletDrawer({ visible, onClose, onConnect, onPayWithCard, walle
                 onPayWithCard?.();
             }, children: [jsx(MenuItem.FramedIcon, { icon: "BankCard", variant: "bold", emphasized: false }), jsx(MenuItem.Label, { children: "Pay with Card" })] }));
     }, [onClose, onPayWithCard]);
-    return (jsx(ConnectWalletDrawer, { heading: insufficientBalance ? 'Choose another option' : 'Pay With', visible: visible, onClose: onClose, providerType: "from", walletOptions: walletOptions, disabledOptions: disabledOptions, bottomSlot: payWithCardItem, onConnect: handleOnConnect, onError: handleOnError }));
+    return (jsx(ConnectWalletDrawer, { heading: insufficientBalance ? 'Choose another option' : 'Send from', visible: visible, onClose: onClose, providerType: "from", walletOptions: walletOptions, disabledOptions: disabledOptions, bottomSlot: payWithCardItem, onConnect: handleOnConnect, onError: handleOnError }));
 }
 
 function convertToUsd(tokens, amount, token) {
@@ -5722,30 +5726,30 @@ var localforage = {exports: {}};
 var localforageExports = localforage.exports;
 var localForage = /*@__PURE__*/getDefaultExportFromCjs(localforageExports);
 
-const addFundsOnboardingCache = localForage.createInstance({
-    name: 'AddFunds Onboarding State',
+const addTokensOnboardingCache = localForage.createInstance({
+    name: 'AddTokens Onboarding State',
     version: 1.0,
     storeName: 'Internal state',
-    description: 'A small IndexDB for storage of state relating to the AddFunds Onboarding Drawer',
+    description: 'A small IndexDB for storage of state relating to the AddTokens Onboarding Drawer',
 });
 const SEEN_ONBOARDING_KEY = 'seen-onboarding';
 async function getCacheItem(key) {
-    const data = await addFundsOnboardingCache.getItem(key);
+    const data = await addTokensOnboardingCache.getItem(key);
     if (!data)
         return null;
     const { value } = data;
     return value;
 }
 async function setCacheItem(key, value) {
-    return addFundsOnboardingCache.setItem(key, {
+    return addTokensOnboardingCache.setItem(key, {
         value,
     });
 }
 
 const HERO_IMAGES = [
-    '/add-funds-onboarding-1.svg',
-    '/add-funds-onboarding-2.svg',
-    '/add-funds-onboarding-3.svg',
+    '/add-tokens-onboarding-1.svg',
+    '/add-tokens-onboarding-2.svg',
+    '/add-tokens-onboarding-3.svg',
 ];
 function OnboardingDrawer({ environment }) {
     const { t } = useTranslation();
@@ -5780,11 +5784,11 @@ function OnboardingDrawer({ environment }) {
                 alignItems: 'center',
                 textAlign: 'center',
                 px: 'base.spacing.x6',
-            }, children: [jsx(Box, { rc: jsx("img", { src: src, alt: HERO_IMAGES[screenIndex - 1] }), sx: { userSelect: 'none' } }), jsx(Divider, { size: "xSmall", textAlign: "center", sx: { mt: 'base.spacing.x6', mb: 'base.spacing.x4' }, children: t(`views.ADD_FUNDS.onboarding.screen${screenIndex}.caption`) }), jsx(Heading, { size: "small", sx: {
+            }, children: [jsx(Box, { rc: jsx("img", { src: src, alt: HERO_IMAGES[screenIndex - 1] }), sx: { userSelect: 'none' } }), jsx(Divider, { size: "xSmall", textAlign: "center", sx: { mt: 'base.spacing.x6', mb: 'base.spacing.x4' }, children: t(`views.ADD_TOKENS.onboarding.screen${screenIndex}.caption`) }), jsx(Heading, { size: "small", sx: {
                         // @NOTE: this preserves newlines inside any strings, which
                         // come out of the translation layer
                         whiteSpace: 'pre-line',
-                    }, children: t(`views.ADD_FUNDS.onboarding.screen${screenIndex}.title`) }), jsx(OnboardingPagination, { disabled: true, size: "small", currentPage: screenIndex, totalPages: 3, sx: { mt: 'base.spacing.x11', mb: 'base.spacing.x8' } }), jsx(Button, { variant: screenIndex === 3 ? 'primary' : 'tertiary', onClick: handleCtaOnClick, size: "large", sx: { alignSelf: 'stretch' }, children: t(`views.ADD_FUNDS.onboarding.screen${screenIndex}.buttonText`) })] }) }));
+                    }, children: t(`views.ADD_TOKENS.onboarding.screen${screenIndex}.title`) }), jsx(OnboardingPagination, { disabled: true, size: "small", currentPage: screenIndex, totalPages: 3, sx: { mt: 'base.spacing.x11', mb: 'base.spacing.x8' } }), jsx(Button, { variant: screenIndex === 3 ? 'primary' : 'tertiary', onClick: handleCtaOnClick, size: "large", sx: { alignSelf: 'stretch' }, children: t(`views.ADD_TOKENS.onboarding.screen${screenIndex}.buttonText`) })] }) }));
 }
 
 const useError = (environment) => {
@@ -5795,94 +5799,94 @@ const useError = (environment) => {
     });
     const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
     const closeWidget = () => {
-        sendAddFundsCloseEvent(eventTarget);
+        sendAddTokensCloseEvent(eventTarget);
     };
-    const goBackToAddFundsView = () => {
+    const goBackToAddTokensView = () => {
         closeHandover();
         viewDispatch({
             payload: {
                 type: ViewActions.UPDATE_VIEW,
                 view: {
-                    type: AddFundsWidgetViews.ADD_FUNDS,
+                    type: AddTokensWidgetViews.ADD_TOKENS,
                 },
             },
         });
     };
     const errorConfig = {
-        [AddFundsErrorTypes.DEFAULT]: {
+        [AddTokensErrorTypes.DEFAULT]: {
             headingText: 'Sorry, something went wrong. Please try again later.',
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.INVALID_PARAMETERS]: {
+        [AddTokensErrorTypes.INVALID_PARAMETERS]: {
             headingText: 'Invalid parameters',
             subHeadingText: 'The widget parameters provided are invalid. Please check again.',
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.SERVICE_BREAKDOWN]: {
+        [AddTokensErrorTypes.SERVICE_BREAKDOWN]: {
             headingText: 'Our system is currently down',
             subHeadingText: 'We are currently experiencing technical difficulties. Please try again later.',
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.TRANSACTION_FAILED]: {
+        [AddTokensErrorTypes.TRANSACTION_FAILED]: {
             headingText: 'Transaction failed',
             subHeadingText: 'The transaction failed. Please try again.',
             primaryButtonText: 'Retry',
-            onPrimaryButtonClick: goBackToAddFundsView,
+            onPrimaryButtonClick: goBackToAddTokensView,
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.UNRECOGNISED_CHAIN]: {
+        [AddTokensErrorTypes.UNRECOGNISED_CHAIN]: {
             headingText: 'Unrecognised chain',
             subHeadingText: 'Please add the chain to your account and try again.',
             primaryButtonText: 'Retry',
-            onPrimaryButtonClick: goBackToAddFundsView,
+            onPrimaryButtonClick: goBackToAddTokensView,
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.PROVIDER_ERROR]: {
+        [AddTokensErrorTypes.PROVIDER_ERROR]: {
             headingText: 'Wallet cannot be found',
             subHeadingText: 'Please try to connect your wallet and try again.',
             primaryButtonText: 'Retry',
-            onPrimaryButtonClick: goBackToAddFundsView,
+            onPrimaryButtonClick: goBackToAddTokensView,
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.WALLET_FAILED]: {
+        [AddTokensErrorTypes.WALLET_FAILED]: {
             headingText: 'Transaction failed',
             subHeadingText: 'The transaction failed. Please try again.',
             primaryButtonText: 'Retry',
-            onPrimaryButtonClick: goBackToAddFundsView,
+            onPrimaryButtonClick: goBackToAddTokensView,
             secondaryButtonText: 'Close',
-            onSecondaryButtonClick: goBackToAddFundsView,
+            onSecondaryButtonClick: goBackToAddTokensView,
         },
-        [AddFundsErrorTypes.WALLET_REJECTED]: {
+        [AddTokensErrorTypes.WALLET_REJECTED]: {
             headingText: 'Transaction rejected',
             subHeadingText: "You'll need to approve the transaction in your wallet to proceed.",
             primaryButtonText: 'Retry',
-            onPrimaryButtonClick: goBackToAddFundsView,
+            onPrimaryButtonClick: goBackToAddTokensView,
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.WALLET_REJECTED_NO_FUNDS]: {
+        [AddTokensErrorTypes.WALLET_REJECTED_NO_FUNDS]: {
             headingText: 'Insufficient funds',
             subHeadingText: 'You do not have enough funds to complete the transaction.',
             primaryButtonText: 'Retry',
-            onPrimaryButtonClick: goBackToAddFundsView,
+            onPrimaryButtonClick: goBackToAddTokensView,
             secondaryButtonText: 'Close',
             onSecondaryButtonClick: closeWidget,
         },
-        [AddFundsErrorTypes.WALLET_POPUP_BLOCKED]: {
+        [AddTokensErrorTypes.WALLET_POPUP_BLOCKED]: {
             headingText: "Browser's popup blocked",
             subHeadingText: 'Please allow pop-ups in your browser to proceed.',
             primaryButtonText: 'Retry',
-            onPrimaryButtonClick: goBackToAddFundsView,
+            onPrimaryButtonClick: goBackToAddTokensView,
             secondaryButtonText: 'Close',
-            onSecondaryButtonClick: goBackToAddFundsView,
+            onSecondaryButtonClick: goBackToAddTokensView,
         },
-        [AddFundsErrorTypes.ENVIRONMENT_ERROR]: {
+        [AddTokensErrorTypes.ENVIRONMENT_ERROR]: {
             headingText: 'Unsupported environment',
             subHeadingText: 'This is only supported in production environment.',
             secondaryButtonText: 'Close',
@@ -5892,7 +5896,7 @@ const useError = (environment) => {
     const getErrorConfig = (errorType) => errorConfig[errorType];
     const showErrorHandover = (errorType, data) => {
         page({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'Error',
             extras: {
                 errorType,
@@ -5915,17 +5919,18 @@ function SquidFooter() {
     return (jsx(Body, { size: "xSmall", sx: {
             textAlign: 'center',
             color: 'base.color.text.body.secondary',
-        }, children: jsx(Trans, { i18nKey: t('views.ADD_FUNDS.footer.body'), components: {
+        }, children: jsx(Trans, { i18nKey: t('views.ADD_TOKENS.footer.body'), components: {
                 squidLink: jsx(Link, { size: "xSmall", rc: jsx("a", { target: "_blank", href: " https://app.squidrouter.com", rel: "noreferrer" }) }),
             } }) }));
 }
 
-function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption = true, showSwapOption = true, showBridgeOption = true, onCloseButtonClick, showBackButton, onBackButtonClick, }) {
+function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOption = true, showSwapOption = true, showBridgeOption = true, onCloseButtonClick, showBackButton, onBackButtonClick, }) {
     const { fetchRoutesWithRateLimit, resetRoutes } = useRoutes();
     const { showErrorHandover } = useError(config.environment);
-    const { addFundsState: { squid, chains, balances, tokens, selectedAmount, routes, selectedRouteData, selectedToken, isSwapAvailable, }, addFundsDispatch, } = reactExports.useContext(AddFundsContext);
+    const { addTokensState: { squid, chains, balances, tokens, selectedAmount, routes, selectedRouteData, selectedToken, isSwapAvailable, }, addTokensDispatch, } = reactExports.useContext(AddTokensContext);
     const { viewDispatch } = reactExports.useContext(ViewContext);
     const { track, page } = useAnalytics();
+    const { t } = useTranslation();
     const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
     const [showOptionsDrawer, setShowOptionsDrawer] = reactExports.useState(false);
     const [showPayWithDrawer, setShowPayWithDrawer] = reactExports.useState(false);
@@ -5938,7 +5943,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
     const selectedAmountUsd = reactExports.useMemo(() => convertToUsd(tokens, inputValue, selectedToken), [tokens, inputValue, selectedToken]);
     const setSelectedAmount = reactExports.useMemo(() => debounce$2((value) => {
         track({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
             control: 'AmountInput',
             controlType: 'TextInput',
@@ -5946,16 +5951,16 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                 toAmount: value,
             },
         });
-        addFundsDispatch({
+        addTokensDispatch({
             payload: {
-                type: AddFundsActions.SET_SELECTED_AMOUNT,
+                type: AddTokensActions.SET_SELECTED_AMOUNT,
                 selectedAmount: value,
             },
         });
     }, 2500), []);
     const setSelectedToken = (token) => {
         track({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
             control: 'TokensMenu',
             controlType: 'MenuItem',
@@ -5963,9 +5968,9 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                 tokenAddress: token?.address,
             },
         });
-        addFundsDispatch({
+        addTokensDispatch({
             payload: {
-                type: AddFundsActions.SET_SELECTED_TOKEN,
+                type: AddTokensActions.SET_SELECTED_TOKEN,
                 selectedToken: token,
             },
         });
@@ -5973,7 +5978,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
     const setSelectedRouteData = (route) => {
         if (route) {
             track({
-                userJourney: UserJourney.ADD_FUNDS,
+                userJourney: UserJourney.ADD_TOKENS,
                 screen: 'InputScreen',
                 control: 'RoutesMenu',
                 controlType: 'MenuItem',
@@ -5987,9 +5992,9 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                 },
             });
         }
-        addFundsDispatch({
+        addTokensDispatch({
             payload: {
-                type: AddFundsActions.SET_SELECTED_ROUTE_DATA,
+                type: AddTokensActions.SET_SELECTED_ROUTE_DATA,
                 selectedRouteData: route,
             },
         });
@@ -6020,7 +6025,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
     }), [providers]);
     reactExports.useEffect(() => {
         page({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
             extras: {
                 toAmount,
@@ -6086,21 +6091,21 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                     });
                     setAllowedTokens(updatedTokens);
                     if (toTokenAddress) {
-                        const token = tokenResponse.tokens.find((t) => t.address?.toLowerCase() === toTokenAddress.toLowerCase());
-                        if (token) {
-                            setSelectedToken(token);
+                        const preselectedToken = updatedTokens.find((token) => token.address?.toLowerCase() === toTokenAddress.toLowerCase());
+                        if (preselectedToken) {
+                            setSelectedToken(preselectedToken);
                         }
                     }
-                    addFundsDispatch({
+                    addTokensDispatch({
                         payload: {
-                            type: AddFundsActions.SET_ALLOWED_TOKENS,
+                            type: AddTokensActions.SET_ALLOWED_TOKENS,
                             allowedTokens: tokenResponse.tokens,
                         },
                     });
                 }
             }
             catch (error) {
-                showErrorHandover(AddFundsErrorTypes.SERVICE_BREAKDOWN, { error });
+                showErrorHandover(AddTokensErrorTypes.SERVICE_BREAKDOWN, { error });
             }
         };
         fetchTokens();
@@ -6119,7 +6124,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                 }
             }
             catch (error) {
-                showErrorHandover(AddFundsErrorTypes.SERVICE_BREAKDOWN, { error });
+                showErrorHandover(AddTokensErrorTypes.SERVICE_BREAKDOWN, { error });
             }
         };
         fetchOnRampTokens();
@@ -6130,7 +6135,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
     }, []);
     const handleCardClick = () => {
         track({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
             control: 'PayWithCardMenu',
             controlType: 'MenuItem',
@@ -6144,7 +6149,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
             amount: selectedAmount ?? '',
             showBackButton: true,
         };
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, IMTBLWidgetEvents.IMTBL_ADD_FUNDS_WIDGET_EVENT, data);
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
     };
     const handleRouteClick = (route) => {
         setShowOptionsDrawer(false);
@@ -6156,7 +6161,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
         if (!selectedRouteData || !selectedToken?.address)
             return;
         track({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
             control: 'RoutesMenu',
             controlType: 'MenuItem',
@@ -6173,7 +6178,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
             payload: {
                 type: ViewActions.UPDATE_VIEW,
                 view: {
-                    type: AddFundsWidgetViews.REVIEW,
+                    type: AddTokensWidgetViews.REVIEW,
                     data: {
                         balance: selectedRouteData.amountData.balance,
                         toChainId: ChainId.IMTBL_ZKEVM_MAINNET.toString(),
@@ -6187,8 +6192,8 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
     };
     const shouldShowOnRampOption = reactExports.useMemo(() => {
         if (showOnrampOption && selectedToken) {
-            const token = onRampAllowedTokens.find((t) => t.address?.toLowerCase() === selectedToken.address?.toLowerCase());
-            return !!token;
+            const isAllowedToken = onRampAllowedTokens.find((token) => token.address?.toLowerCase() === selectedToken.address?.toLowerCase());
+            return !!isAllowedToken;
         }
         return false;
     }, [selectedToken, onRampAllowedTokens, showOnrampOption]);
@@ -6205,7 +6210,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
     const readyToReview = routeInputsReady && !!toAddress && !!selectedRouteData && !loading;
     const handleWalletConnected = (providerType, provider, providerInfo) => {
         track({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
             control: 'WalletsMenu',
             controlType: 'MenuItem',
@@ -6240,14 +6245,15 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                                                 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-funds-amount-input", type: "number", value: inputValue, onChange: (value) => handleOnAmountInputChange(value), placeholder: "0", maxTextSize: "xLarge" }), jsxs(HeroFormControl.Caption, { children: ["USD $", getFormattedNumberWithDecimalPlaces(selectedAmountUsd)] })] }))] }), jsxs(Stack, { testId: "bottomSection", sx: {
+                                }), 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')} 
+                $${getFormattedNumberWithDecimalPlaces(selectedAmountUsd)}` })] }))] }), jsxs(Stack, { testId: "bottomSection", sx: {
                         alignSelf: 'stretch',
                         p: 'base.spacing.x3',
                         pb: 'base.spacing.x5',
                         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: "Pay with", providerInfo: {
+                    }, gap: "base.spacing.x4", children: [jsxs(Stack, { gap: "0px", children: [jsxs(SelectedWallet, { label: "Send from", providerInfo: {
                                         ...fromProviderInfo,
                                         address: fromAddress,
                                     }, onClick: (event) => {
@@ -6261,7 +6267,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                                         } }) }), jsx(SelectedWallet, { label: "Deliver to", providerInfo: {
                                         ...toProviderInfo,
                                         address: toAddress,
-                                    }, onClick: () => setShowDeliverToDrawer(true), disabled: lockedToProvider })] }), jsx(Button, { testId: "add-funds-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: () => setShowDeliverToDrawer(false) }), jsx(OnboardingDrawer, { environment: checkout?.config.environment })] })] }) }));
+                                    }, 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: () => setShowDeliverToDrawer(false) }), jsx(OnboardingDrawer, { environment: checkout?.config.environment })] })] }) }));
 }
 
 var dist$2 = {};
@@ -173356,24 +173362,24 @@ const useExecute = (environment) => {
     const { showErrorHandover } = useError(environment);
     const handleTransactionError = (err) => {
         const reason = `${err?.reason || err?.message || ''}`.toLowerCase();
-        let errorType = AddFundsErrorTypes.WALLET_FAILED;
+        let errorType = AddTokensErrorTypes.WALLET_FAILED;
         if (reason.includes('failed') && reason.includes('open confirmation')) {
-            errorType = AddFundsErrorTypes.WALLET_POPUP_BLOCKED;
+            errorType = AddTokensErrorTypes.WALLET_POPUP_BLOCKED;
         }
         if (reason.includes('rejected') && reason.includes('user')) {
-            errorType = AddFundsErrorTypes.WALLET_REJECTED;
+            errorType = AddTokensErrorTypes.WALLET_REJECTED;
         }
         if (reason.includes('failed to submit')
             && reason.includes('highest gas limit')) {
-            errorType = AddFundsErrorTypes.WALLET_REJECTED_NO_FUNDS;
+            errorType = AddTokensErrorTypes.WALLET_REJECTED_NO_FUNDS;
         }
         if (reason.includes('status failed')
             || reason.includes('transaction failed')) {
-            errorType = AddFundsErrorTypes.TRANSACTION_FAILED;
+            errorType = AddTokensErrorTypes.TRANSACTION_FAILED;
         }
         if (reason.includes('unrecognized chain')
             || reason.includes('unrecognized chain')) {
-            errorType = AddFundsErrorTypes.UNRECOGNISED_CHAIN;
+            errorType = AddTokensErrorTypes.UNRECOGNISED_CHAIN;
         }
         const error = {
             type: errorType,
@@ -173429,7 +173435,7 @@ const useExecute = (environment) => {
             return MaxUint256; // no approval is needed for native tokens
         }
         catch (error) {
-            showErrorHandover(AddFundsErrorTypes.DEFAULT, { error });
+            showErrorHandover(AddTokensErrorTypes.DEFAULT, { error });
             return undefined;
         }
     };
@@ -173493,10 +173499,11 @@ function SquidIcon({ sx = {}, className, }) {
 }
 
 function RouteFees({ visible, onClose, routeData, totalAmount, totalFiatAmount, }) {
+    const { t } = useTranslation();
     const feeCosts = reactExports.useMemo(() => routeData?.route.estimate.feeCosts.map((fee) => ({
         label: fee.name,
         amount: getFormattedNumber(fee.amount, fee.token.decimals),
-        fiatAmount: `USD ≈ ${getFormattedAmounts(fee.amountUsd)}`,
+        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')}${getFormattedAmounts(fee.amountUsd)}`,
         token: {
             name: fee.token.name,
             symbol: fee.token.symbol,
@@ -173509,7 +173516,7 @@ function RouteFees({ visible, onClose, routeData, totalAmount, totalFiatAmount,
     const gasCosts = reactExports.useMemo(() => routeData?.route.estimate.gasCosts.map((fee) => ({
         label: 'Gas (transaction)',
         amount: getFormattedNumber(fee.amount, fee.token.decimals),
-        fiatAmount: `USD ≈ ${getFormattedAmounts(fee.amountUsd)}`,
+        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')}${getFormattedAmounts(fee.amountUsd)}`,
         token: {
             name: fee.token.name,
             symbol: fee.token.symbol,
@@ -173578,7 +173585,7 @@ const dividerSx = {
 function Review({ data, showBackButton = false, onBackButtonClick, onCloseButtonClick, }) {
     const { viewDispatch } = reactExports.useContext(ViewContext);
     const { track, page } = useAnalytics();
-    const { addFundsState: { squid, chains, tokens }, } = reactExports.useContext(AddFundsContext);
+    const { addTokensState: { squid, chains, tokens }, } = reactExports.useContext(AddTokensContext);
     const { providersState: { checkout, fromProvider, fromAddress, toAddress, }, } = useProvidersContext();
     const [route, setRoute] = reactExports.useState();
     const [proceedDisabled, setProceedDisabled] = reactExports.useState(true);
@@ -173592,7 +173599,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
     const { checkProviderChain, getAllowance, approve, execute, } = useExecute(checkout?.config.environment || Environment.SANDBOX);
     reactExports.useEffect(() => {
         page({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'Review',
             extras: {
                 toAmount: data.toAmount,
@@ -173628,7 +173635,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                     alignItems: 'center',
                     c: 'base.color.text.body.secondary',
                     cursor: 'pointer',
-                }, children: ["Included fees", ` USD $${getFormattedAmounts(totalFeesUsd)}`, jsx(Icon, { icon: "ChevronExpand", sx: { ml: 'base.spacing.x2', w: 'base.icon.size.200' } })] }));
+                }, children: ["Included fees", ` ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${getFormattedAmounts(totalFeesUsd)}`, jsx(Icon, { icon: "ChevronExpand", sx: { ml: 'base.spacing.x2', w: 'base.icon.size.200' } })] }));
         }
         return (jsx(Body, { size: "small", sx: {
                 ...hFlex,
@@ -173653,7 +173660,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
             currentFromAddress = await fromProvider.getSigner().getAddress();
         }
         catch (error) {
-            showErrorHandover(AddFundsErrorTypes.PROVIDER_ERROR, { error });
+            showErrorHandover(AddTokensErrorTypes.PROVIDER_ERROR, { error });
             return;
         }
         if (currentFromAddress !== fromAddress) {
@@ -173682,7 +173689,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
         const executeTxnReceipt = await execute(squid, changeableProvider, route);
         if (executeTxnReceipt) {
             track({
-                userJourney: UserJourney.ADD_FUNDS,
+                userJourney: UserJourney.ADD_TOKENS,
                 screen: 'FundsAdded',
                 action: 'Succeeded',
                 extras: {
@@ -173708,7 +173715,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
     const formattedDuration = route
         ? getDurationFormatted(route.route.estimate.estimatedRouteDuration)
         : '';
-    return (jsxs(SimpleLayout, { header: (jsxs(Stack, { rc: jsx("header", {}), direction: "row", sx: {
+    return (jsxs(SimpleLayout, { containerSx: { bg: 'transparent' }, header: (jsxs(Stack, { rc: jsx("header", {}), direction: "row", sx: {
                 pt: 'base.spacing.x4',
                 px: 'base.spacing.x5',
                 h: 'base.spacing.x18',
@@ -173725,7 +173732,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                                                                     fontSize: 'inherit',
                                                                     lineHeight: 'inherit',
                                                                     c: 'inherit',
-                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route.route.estimate.fromAmount, route.route.estimate.fromToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `USD $${route?.route.estimate.fromAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
+                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route.route.estimate.fromAmount, route.route.estimate.fromToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${route?.route.estimate.fromAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
                                             pos: 'relative',
                                             w: 'base.spacing.x16',
                                             ml: 'base.spacing.x7',
@@ -173753,7 +173760,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                                                                     fontSize: 'inherit',
                                                                     lineHeight: 'inherit',
                                                                     c: 'inherit',
-                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route?.route.estimate.toAmount, route?.route.estimate.toToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `USD $${route?.route.estimate.toAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
+                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route?.route.estimate.toAmount, route?.route.estimate.toToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${route?.route.estimate.toAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
                                             pos: 'relative',
                                             w: 'base.spacing.x16',
                                             ml: 'base.spacing.x7',
@@ -173763,13 +173770,13 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                                                 top: '-8px',
                                                 h: 'base.spacing.x5',
                                             },
-                                        } }), jsxs(Stack, { direction: "row", gap: "base.spacing.x6", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, alignItems: "center", children: [jsx(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled ? 'Processing' : 'Proceed' }), jsx(SquidFooter, {})] })), !route && !showAddressMissmatchDrawer && jsx(LoadingView, { loadingText: "Securing quote" })] }), jsx(RouteFees, { routeData: route, visible: showFeeBreakdown, onClose: () => setShowFeeBreakdown(false), totalAmount: totalFees, totalFiatAmount: totalFeesUsd }), jsx(AddressMissmatchDrawer, { visible: showAddressMissmatchDrawer, onClick: () => {
+                                        } }), jsxs(Stack, { direction: "row", gap: "base.spacing.x6", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, alignItems: "center", children: [jsx(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled ? 'Processing' : 'Proceed' }), jsx(SquidFooter, {})] })), !route && !showAddressMissmatchDrawer && (jsx(LoadingView, { loadingText: "Securing quote", containerSx: { bg: 'transparent' } }))] }), jsx(RouteFees, { routeData: route, visible: showFeeBreakdown, onClose: () => setShowFeeBreakdown(false), totalAmount: totalFees, totalFiatAmount: totalFeesUsd }), jsx(AddressMissmatchDrawer, { visible: showAddressMissmatchDrawer, onClick: () => {
                     setShowAddressMissmatchDrawer(false);
                     viewDispatch({
                         payload: {
                             type: ViewActions.UPDATE_VIEW,
                             view: {
-                                type: AddFundsWidgetViews.ADD_FUNDS,
+                                type: AddTokensWidgetViews.ADD_TOKENS,
                             },
                         },
                     });
@@ -173853,13 +173860,13 @@ const useTokens = (checkout) => {
     return tokens;
 };
 
-function AddFundsWidget({ showOnrampOption = true, showSwapOption = true, showBridgeOption = true, toTokenAddress, toAmount, showBackButton, config, }) {
+function AddTokensWidget({ showOnrampOption = true, showSwapOption = true, showBridgeOption = true, toTokenAddress, toAmount, showBackButton, config, }) {
     const fetchingBalances = reactExports.useRef(false);
     const { base: { colorMode } } = useTheme();
     const [viewState, viewDispatch] = reactExports.useReducer(viewReducer, {
         ...initialViewState,
-        view: { type: AddFundsWidgetViews.ADD_FUNDS },
-        history: [{ type: AddFundsWidgetViews.ADD_FUNDS }],
+        view: { type: AddTokensWidgetViews.ADD_TOKENS },
+        history: [{ type: AddTokensWidgetViews.ADD_TOKENS }],
     });
     const { t } = useTranslation();
     const { page } = useAnalytics();
@@ -173867,28 +173874,28 @@ function AddFundsWidget({ showOnrampOption = true, showSwapOption = true, showBr
         viewState,
         viewDispatch,
     }), [viewState, viewReducer]);
-    const [addFundsState, addFundsDispatch] = reactExports.useReducer(addFundsReducer, initialAddFundsState);
+    const [addTokensState, addTokensDispatch] = reactExports.useReducer(addTokensReducer, initialAddTokensState);
     const { providersState: { checkout, fromProvider }, } = useProvidersContext();
-    const { squid, chains } = addFundsState;
-    const addFundsReducerValues = reactExports.useMemo(() => ({
-        addFundsState,
-        addFundsDispatch,
-    }), [addFundsState, addFundsDispatch]);
+    const { squid, chains } = addTokensState;
+    const addTokensReducerValues = reactExports.useMemo(() => ({
+        addTokensState,
+        addTokensDispatch,
+    }), [addTokensState, addTokensDispatch]);
     const squidSdk = useSquid(checkout);
     const tokensResponse = useTokens(checkout);
     const { showErrorHandover } = useError(checkout.config.environment);
     reactExports.useEffect(() => {
         if (config.environment !== Environment.PRODUCTION) {
-            showErrorHandover(AddFundsErrorTypes.ENVIRONMENT_ERROR);
+            showErrorHandover(AddTokensErrorTypes.ENVIRONMENT_ERROR);
         }
     }, [config]);
     reactExports.useEffect(() => {
         if (!checkout)
             return;
         (async () => {
-            addFundsDispatch({
+            addTokensDispatch({
                 payload: {
-                    type: AddFundsActions.SET_IS_SWAP_AVAILABLE,
+                    type: AddTokensActions.SET_IS_SWAP_AVAILABLE,
                     isSwapAvailable: await checkout.isSwapAvailable(),
                 },
             });
@@ -173898,15 +173905,15 @@ function AddFundsWidget({ showOnrampOption = true, showSwapOption = true, showBr
         const isInvalidToTokenAddress = toTokenAddress && !isValidAddress(toTokenAddress);
         const isInvalidToAmount = toAmount && !amountInputValidation(toAmount);
         if (isInvalidToTokenAddress || isInvalidToAmount) {
-            showErrorHandover(AddFundsErrorTypes.INVALID_PARAMETERS);
+            showErrorHandover(AddTokensErrorTypes.INVALID_PARAMETERS);
         }
     }, [toTokenAddress, toAmount]);
     reactExports.useEffect(() => {
         (async () => {
             const chainsResponse = await fetchChains();
-            addFundsDispatch({
+            addTokensDispatch({
                 payload: {
-                    type: AddFundsActions.SET_CHAINS,
+                    type: AddTokensActions.SET_CHAINS,
                     chains: chainsResponse,
                 },
             });
@@ -173920,9 +173927,9 @@ function AddFundsWidget({ showOnrampOption = true, showSwapOption = true, showBr
                 fetchingBalances.current = true;
                 const evmChains = chains.filter((chain) => chain.type === 'evm');
                 const balances = await fetchBalances(squid, evmChains, fromProvider);
-                addFundsDispatch({
+                addTokensDispatch({
                     payload: {
-                        type: AddFundsActions.SET_BALANCES,
+                        type: AddTokensActions.SET_BALANCES,
                         balances,
                     },
                 });
@@ -173935,9 +173942,9 @@ function AddFundsWidget({ showOnrampOption = true, showSwapOption = true, showBr
     reactExports.useEffect(() => {
         if (!squidSdk)
             return;
-        addFundsDispatch({
+        addTokensDispatch({
             payload: {
-                type: AddFundsActions.SET_SQUID,
+                type: AddTokensActions.SET_SQUID,
                 squid: squidSdk,
             },
         });
@@ -173945,9 +173952,9 @@ function AddFundsWidget({ showOnrampOption = true, showSwapOption = true, showBr
     reactExports.useEffect(() => {
         if (!tokensResponse)
             return;
-        addFundsDispatch({
+        addTokensDispatch({
             payload: {
-                type: AddFundsActions.SET_TOKENS,
+                type: AddTokensActions.SET_TOKENS,
                 tokens: tokensResponse,
             },
         });
@@ -173957,31 +173964,31 @@ function AddFundsWidget({ showOnrampOption = true, showSwapOption = true, showBr
         viewDispatch({
             payload: {
                 type: ViewActions.UPDATE_VIEW,
-                view: { type: AddFundsWidgetViews.ADD_FUNDS },
+                view: { type: AddTokensWidgetViews.ADD_TOKENS },
             },
         });
     };
-    return (jsx(ViewContext.Provider, { value: viewReducerValues, children: jsx(AddFundsContext.Provider, { value: addFundsReducerValues, children: jsxs(Stack, { sx: { pos: 'relative' }, children: [jsx(CloudImage, { use: (jsx("img", { src: getRemoteImage(config.environment, `/add-funds-bg-texture-${colorMode}.webp`), alt: "blurry bg texture" })), sx: {
+    return (jsx(ViewContext.Provider, { value: viewReducerValues, children: jsx(AddTokensContext.Provider, { value: addTokensReducerValues, children: jsxs(Stack, { sx: { pos: 'relative' }, children: [jsx(CloudImage, { use: (jsx("img", { src: getRemoteImage(config.environment, `/add-tokens-bg-texture-${colorMode}.webp`), alt: "blurry bg texture" })), sx: {
                             pos: 'absolute',
                             h: '100%',
                             w: '100%',
                             objectFit: 'cover',
                             objectPosition: 'center',
-                        } }), viewState.view.type === AddFundsWidgetViews.ADD_FUNDS && (jsx(AddFunds, { config: config, checkout: checkout, toTokenAddress: toTokenAddress, toAmount: toAmount, showBackButton: showBackButton, showOnrampOption: showOnrampOption, showSwapOption: showSwapOption, showBridgeOption: showBridgeOption, onCloseButtonClick: () => sendAddFundsCloseEvent(eventTarget), onBackButtonClick: () => {
-                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, IMTBLWidgetEvents.IMTBL_ADD_FUNDS_WIDGET_EVENT, {});
-                        } })), viewState.view.type === AddFundsWidgetViews.REVIEW && (jsx(Review, { data: viewState.view.data, onCloseButtonClick: () => sendAddFundsCloseEvent(eventTarget), onBackButtonClick: () => {
+                        } }), viewState.view.type === AddTokensWidgetViews.ADD_TOKENS && (jsx(AddTokens, { config: config, checkout: checkout, toTokenAddress: toTokenAddress, toAmount: toAmount, showBackButton: showBackButton, showOnrampOption: showOnrampOption, showSwapOption: showSwapOption, showBridgeOption: showBridgeOption, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
+                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
+                        } })), viewState.view.type === AddTokensWidgetViews.REVIEW && (jsx(Review, { data: viewState.view.data, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
                             viewDispatch({
                                 payload: {
                                     type: ViewActions.GO_BACK,
                                 },
                             });
-                        }, showBackButton: true })), viewState.view.type === SharedViews.ERROR_VIEW && (jsx(ErrorView, { actionText: t('views.ERROR_VIEW.actionText'), onActionClick: errorAction, onCloseClick: () => sendAddFundsCloseEvent(eventTarget), errorEventAction: () => {
+                        }, showBackButton: true })), viewState.view.type === SharedViews.ERROR_VIEW && (jsx(ErrorView, { actionText: t('views.ERROR_VIEW.actionText'), onActionClick: errorAction, onCloseClick: () => sendAddTokensCloseEvent(eventTarget), errorEventAction: () => {
                             page({
-                                userJourney: UserJourney.ADD_FUNDS,
+                                userJourney: UserJourney.ADD_TOKENS,
                                 screen: 'Error',
                             });
                         } })), viewState.view.type
-                        === SharedViews.SERVICE_UNAVAILABLE_ERROR_VIEW && (jsx(ServiceUnavailableErrorView, { service: ServiceType.GENERIC, onCloseClick: () => sendAddFundsCloseEvent(eventTarget) }))] }) }) }));
+                        === SharedViews.SERVICE_UNAVAILABLE_ERROR_VIEW && (jsx(ServiceUnavailableErrorView, { service: ServiceType.GENERIC, onCloseClick: () => sendAddTokensCloseEvent(eventTarget) }))] }) }) }));
 }
 
-export { AddFundsWidget as default };
+export { AddTokensWidget as default };