@imtbl/sdk 1.62.0 → 1.63.0

package/dist/browser/checkout/{AddFundsWidget-ZVSgslAw.js → AddTokensWidget-BfDY0LwB.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 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-Co93fBqn.js';
+import { f as formatUnits, p as parseUnits } from './index-DzrC5Kuy.js';
+import { E as EllipsizedText, C as Contract } from './EllipsizedText-_yDoxF8V.js';
+import { r as retry, T as TokenImage } from './retry-DqIpQ6wO.js';
+import { H as HandoverContent } from './HandoverContent-D0HXf455.js';
+import { F as FeesBreakdown } from './FeesBreakdown-CQVi4M-W.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) {
@@ -1754,7 +1754,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 +2424,12 @@ 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 { track } = useAnalytics();
     const setRoutes = (routes) => {
-        addFundsDispatch({
+        addTokensDispatch({
             payload: {
-                type: AddFundsActions.SET_ROUTES,
+                type: AddTokensActions.SET_ROUTES,
                 routes,
             },
         });
@@ -2526,7 +2526,7 @@ const useRoutes = () => {
                 return { route: newRoute };
             }
             track({
-                userJourney: UserJourney.ADD_FUNDS,
+                userJourney: UserJourney.ADD_TOKENS,
                 screen: 'Routes',
                 action: 'Failed',
                 extras: {
@@ -5722,30 +5722,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 +5780,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 +5795,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 +5892,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,15 +5915,15 @@ 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 { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
@@ -5938,7 +5938,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 +5946,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 +5963,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 +5973,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 +5987,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 +6020,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
     }), [providers]);
     reactExports.useEffect(() => {
         page({
-            userJourney: UserJourney.ADD_FUNDS,
+            userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
             extras: {
                 toAmount,
@@ -6091,16 +6091,16 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                             setSelectedToken(token);
                         }
                     }
-                    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 +6119,7 @@ function AddFunds({ checkout, toAmount, config, toTokenAddress, showOnrampOption
                 }
             }
             catch (error) {
-                showErrorHandover(AddFundsErrorTypes.SERVICE_BREAKDOWN, { error });
+                showErrorHandover(AddTokensErrorTypes.SERVICE_BREAKDOWN, { error });
             }
         };
         fetchOnRampTokens();
@@ -6130,7 +6130,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 +6144,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 +6156,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 +6173,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(),
@@ -6205,7 +6205,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,7 +6240,7 @@ 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" }), jsxs(HeroFormControl.Caption, { children: ["USD $", getFormattedNumberWithDecimalPlaces(selectedAmountUsd)] })] }))] }), jsxs(Stack, { testId: "bottomSection", sx: {
                         alignSelf: 'stretch',
                         p: 'base.spacing.x3',
                         pb: 'base.spacing.x5',
@@ -6261,7 +6261,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 +173356,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 +173429,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;
         }
     };
@@ -173578,7 +173578,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 +173592,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,
@@ -173653,7 +173653,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 +173682,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: {
@@ -173769,7 +173769,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                         payload: {
                             type: ViewActions.UPDATE_VIEW,
                             view: {
-                                type: AddFundsWidgetViews.ADD_FUNDS,
+                                type: AddTokensWidgetViews.ADD_TOKENS,
                             },
                         },
                     });
@@ -173853,13 +173853,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 +173867,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 +173898,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 +173920,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 +173935,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 +173945,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 +173957,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 };