@imtbl/sdk 1.63.0 → 1.64.0

package/dist/browser/checkout/{useInterval-D42dwhRA.js → useInterval-BfG2xnz-.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, dE as useBrowserLayoutEffect } from './index-Co93fBqn.js';
+import { r as reactExports, dI as useBrowserLayoutEffect } from './index-BjLYItcm.js';
 
 // Inspired by https://usehooks-ts.com/react-hook/use-interval
 function useInterval(callback, delay) {

package/dist/browser/checkout/widgets-esm.js

@@ -1 +1 @@
-export { ec as WidgetsFactory } from './index-Co93fBqn.js';
+export { ec as WidgetsFactory } from './index-BjLYItcm.js';

package/dist/browser/checkout/widgets.js

@@ -133869,6 +133869,9 @@
   		geoBlockError: {
   			buyTokenButton: "Buy tokens",
   			bridgeTokenButton: "Bridge tokens"
+  		},
+  		fees: {
+  			fiatPricePrefix: "≈ USD"
   		}
   	}
   };
@@ -224478,10 +224481,10 @@ function print() { __p += __j.call(arguments, '') }
       return (jsx$1(Box, { sx: responsiveStyles, testId: "simpleLayout", children: jsxs(Box, { testId: testId, sx: merge$2(simpleLayoutStyle, containerSx), children: [header && (jsx$1(Box, { sx: headerStyle(floatHeader), testId: "header", children: header })), jsxs(Box, { sx: contentStyle, testId: "main", children: [heroContent && (jsx$1(Box, { sx: heroContentStyle, children: heroContent })), children && (jsx$1(Box, { sx: { ...bodyStyle$2, ...bodyStyleOverrides }, testId: "children", children: children }))] }), footer && (jsx$1(Box, { sx: footerStyle(footerBackgroundColor), testId: "footer", children: footer }))] }) }));
   }
 
-  function LoadingView({ loadingText, textDuration }) {
+  function LoadingView({ loadingText, textDuration, containerSx = {} }) {
       const text = Array.isArray(loadingText) ? loadingText : [loadingText];
       const duration = textDuration || 2500;
-      return (jsx$1(SimpleLayout, { children: jsx$1(LoadingOverlay, { visible: true, children: jsx$1(LoadingOverlay.Content, { children: jsx$1(LoadingOverlay.Content.LoopingText, { text: [...text], textDuration: duration }) }) }) }));
+      return (jsx$1(SimpleLayout, { containerSx: containerSx, children: jsx$1(LoadingOverlay, { visible: true, children: jsx$1(LoadingOverlay.Content, { children: jsx$1(LoadingOverlay.Content.LoopingText, { text: [...text], textDuration: duration }) }) }) }));
   }
 
   /**
@@ -239735,6 +239738,7 @@ function print() { __p += __j.call(arguments, '') }
   }
 
   function RouteOption({ routeData, onClick, chains, disabled = false, isFastest = false, size = 'small', rc = jsx$1("span", {}), selected = false, }) {
+      const { t } = useTranslation();
       const { fromToken } = routeData.amountData;
       const { estimate } = routeData.route.route;
       const chain = chains?.find((c) => c.id === fromToken.chainId);
@@ -239752,7 +239756,7 @@ function print() { __p += __j.call(arguments, '') }
           size,
           onClick: disabled ? undefined : handleClick,
       };
-      return (jsxs(MenuItem, { ...menuItemProps, children: [jsx$1(MenuItem.Label, { children: fromToken.name }), chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx$1(Sticker.FramedImage, { use: jsx$1("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall" }), jsx$1(MenuItem.FramedImage, { circularFrame: true, use: jsx$1("img", { src: fromToken.iconUrl, alt: fromToken.name }) })] })), jsx$1(MenuItem.Caption, { children: `Balance: USD ${routeBalanceUsd}` }), jsx$1(MenuItem.PriceDisplay, { price: fromAmount, children: jsx$1(MenuItem.PriceDisplay.Caption, { children: `USD $${fromAmountUsd}` }) }), jsxs(MenuItem.BottomSlot, { children: [jsx$1(MenuItem.BottomSlot.Divider, {}), jsxs(Stack, { rc: jsx$1("span", {}), direction: "row", justifyContent: "space-between", sx: {
+      return (jsxs(MenuItem, { ...menuItemProps, children: [jsx$1(MenuItem.Label, { children: fromToken.name }), chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx$1(Sticker.FramedImage, { use: jsx$1("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall" }), jsx$1(MenuItem.FramedImage, { circularFrame: true, use: jsx$1("img", { src: fromToken.iconUrl, alt: fromToken.name }) })] })), jsx$1(MenuItem.Caption, { children: `Balance ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${routeBalanceUsd}` }), jsx$1(MenuItem.PriceDisplay, { price: fromAmount, children: jsx$1(MenuItem.PriceDisplay.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${fromAmountUsd}` }) }), jsxs(MenuItem.BottomSlot, { children: [jsx$1(MenuItem.BottomSlot.Divider, {}), jsxs(Stack, { rc: jsx$1("span", {}), direction: "row", justifyContent: "space-between", sx: {
                               w: '100%',
                           }, children: [jsxs(Body, { sx: {
                                       ...hFlex,
@@ -239762,7 +239766,7 @@ function print() { __p += __j.call(arguments, '') }
                                   }, size: "xSmall", children: [jsx$1(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$1(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$1(Badge, { badgeContent: "Fastest", variant: "emphasis", sx: { mr: 'base.spacing.x2' } })), `Fee ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${getFormattedAmounts(totalFeesUsd)}`] })] })] })] }));
   }
 
   const defaultFiatOptions = [
@@ -240507,6 +240511,7 @@ function print() { __p += __j.call(arguments, '') }
   const useRoutes = () => {
       const latestRequestIdRef = reactExports.useRef(0);
       const { addTokensDispatch } = reactExports.useContext(AddTokensContext);
+      const { providersState: { toProvider, }, } = useProvidersContext();
       const { track } = useAnalytics();
       const setRoutes = (routes) => {
           addTokensDispatch({
@@ -240577,6 +240582,7 @@ function print() { __p += __j.call(arguments, '') }
           toAddress,
           quoteOnly,
           enableBoost: true,
+          receiveGasOnDestination: !isPassportProvider(toProvider),
       }), {
           retryIntervalMs: 1000,
           retries: 5,
@@ -240700,6 +240706,7 @@ function print() { __p += __j.call(arguments, '') }
           }, rc: jsx$1("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]);
@@ -240736,7 +240743,7 @@ function print() { __p += __j.call(arguments, '') }
           }
           return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [jsx$1(MenuItem.FramedIcon, { icon: icon, variant: "bold", circularFrame: true, emphasized: false }), jsx$1(MenuItem.Caption, { children: copy })] }));
       }
-      return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx$1(Sticker.FramedImage, { use: jsx$1("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall", sx: { bottom: 'base.spacing.x2', right: 'base.spacing.x2' } }), jsx$1(MenuItem.FramedImage, { circularFrame: true, padded: true, use: jsx$1("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$1(MenuItem.Label, { children: fromToken?.name }), jsx$1(MenuItem.Caption, { children: `Balance USD $${routeBalanceUsd}` })] }), jsx$1(MenuItem.PriceDisplay, { price: fromAmount, children: jsx$1(MenuItem.PriceDisplay.Caption, { children: `USD $${fromAmountUsd}` }) })] })] }));
+      return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx$1(Sticker.FramedImage, { use: jsx$1("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall", sx: { bottom: 'base.spacing.x2', right: 'base.spacing.x2' } }), jsx$1(MenuItem.FramedImage, { circularFrame: true, padded: true, use: jsx$1("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$1(MenuItem.Label, { children: fromToken?.name }), jsx$1(MenuItem.Caption, { children: `Balance ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${routeBalanceUsd}` })] }), jsx$1(MenuItem.PriceDisplay, { price: fromAmount, children: jsx$1(MenuItem.PriceDisplay.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${fromAmountUsd}` }) })] })] }));
   }
 
   const disabledStyles = {
@@ -240953,7 +240960,7 @@ function print() { __p += __j.call(arguments, '') }
                   onPayWithCard?.();
               }, children: [jsx$1(MenuItem.FramedIcon, { icon: "BankCard", variant: "bold", emphasized: false }), jsx$1(MenuItem.Label, { children: "Pay with Card" })] }));
       }, [onClose, onPayWithCard]);
-      return (jsx$1(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$1(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) {
@@ -244028,6 +244035,7 @@ function print() { __p += __j.call(arguments, '') }
       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);
@@ -244188,9 +244196,9 @@ function print() { __p += __j.call(arguments, '') }
                       });
                       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);
                           }
                       }
                       addTokensDispatch({
@@ -244289,8 +244297,8 @@ function print() { __p += __j.call(arguments, '') }
       };
       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]);
@@ -244342,14 +244350,15 @@ function print() { __p += __j.call(arguments, '') }
                                                   boxShadow: ({ base }) => `0 0 0 ${base.border.size[200]} ${base.color.text.body.primary}`,
                                               },
                                           } })),
-                                  }), children: tokenChoiceOptions }), showInitialEmptyState ? (jsx$1(Body, { children: "Add Token" })) : (jsxs(HeroFormControl, { validationStatus: inputValue === '0' ? 'error' : 'success', children: [jsxs(HeroFormControl.Label, { children: ["Add", ' ', selectedToken.symbol] }), jsx$1(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: {
+                                  }), children: tokenChoiceOptions }), showInitialEmptyState ? (jsx$1(Body, { children: "Add Token" })) : (jsxs(HeroFormControl, { validationStatus: inputValue === '0' ? 'error' : 'success', children: [jsxs(HeroFormControl.Label, { children: ["Add", ' ', selectedToken.symbol] }), jsx$1(HeroTextInput, { testId: "add-tokens-amount-input", type: "number", value: inputValue, onChange: (value) => handleOnAmountInputChange(value), placeholder: "0", maxTextSize: "xLarge" }), jsx$1(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) => {
@@ -411633,10 +411642,11 @@ function print() { __p += __j.call(arguments, '') }
   }
 
   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,
@@ -411649,7 +411659,7 @@ function print() { __p += __j.call(arguments, '') }
       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,
@@ -411768,7 +411778,7 @@ function print() { __p += __j.call(arguments, '') }
                       alignItems: 'center',
                       c: 'base.color.text.body.secondary',
                       cursor: 'pointer',
-                  }, children: ["Included fees", ` USD $${getFormattedAmounts(totalFeesUsd)}`, jsx$1(Icon, { icon: "ChevronExpand", sx: { ml: 'base.spacing.x2', w: 'base.icon.size.200' } })] }));
+                  }, children: ["Included fees", ` ${t$b('views.ADD_TOKENS.fees.fiatPricePrefix')} $${getFormattedAmounts(totalFeesUsd)}`, jsx$1(Icon, { icon: "ChevronExpand", sx: { ml: 'base.spacing.x2', w: 'base.icon.size.200' } })] }));
           }
           return (jsx$1(Body, { size: "small", sx: {
                   ...hFlex,
@@ -411848,7 +411858,7 @@ function print() { __p += __j.call(arguments, '') }
       const formattedDuration = route
           ? getDurationFormatted(route.route.estimate.estimatedRouteDuration)
           : '';
-      return (jsxs(SimpleLayout, { header: (jsxs(Stack, { rc: jsx$1("header", {}), direction: "row", sx: {
+      return (jsxs(SimpleLayout, { containerSx: { bg: 'transparent' }, header: (jsxs(Stack, { rc: jsx$1("header", {}), direction: "row", sx: {
                   pt: 'base.spacing.x4',
                   px: 'base.spacing.x5',
                   h: 'base.spacing.x18',
@@ -411865,7 +411875,7 @@ function print() { __p += __j.call(arguments, '') }
                                                                       fontSize: 'inherit',
                                                                       lineHeight: 'inherit',
                                                                       c: 'inherit',
-                                                                  } })] })] }), jsx$1(PriceDisplay, { price: getFormattedNumber(route.route.estimate.fromAmount, route.route.estimate.fromToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx$1(PriceDisplay.Caption, { size: "small", children: `USD $${route?.route.estimate.fromAmountUSD ?? ''}` }) })] }), jsx$1(Stack, { sx: {
+                                                                  } })] })] }), jsx$1(PriceDisplay, { price: getFormattedNumber(route.route.estimate.fromAmount, route.route.estimate.fromToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx$1(PriceDisplay.Caption, { size: "small", children: `${t$b('views.ADD_TOKENS.fees.fiatPricePrefix')} $${route?.route.estimate.fromAmountUSD ?? ''}` }) })] }), jsx$1(Stack, { sx: {
                                               pos: 'relative',
                                               w: 'base.spacing.x16',
                                               ml: 'base.spacing.x7',
@@ -411893,7 +411903,7 @@ function print() { __p += __j.call(arguments, '') }
                                                                       fontSize: 'inherit',
                                                                       lineHeight: 'inherit',
                                                                       c: 'inherit',
-                                                                  } })] })] }), jsx$1(PriceDisplay, { price: getFormattedNumber(route?.route.estimate.toAmount, route?.route.estimate.toToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx$1(PriceDisplay.Caption, { size: "small", children: `USD $${route?.route.estimate.toAmountUSD ?? ''}` }) })] }), jsx$1(Stack, { sx: {
+                                                                  } })] })] }), jsx$1(PriceDisplay, { price: getFormattedNumber(route?.route.estimate.toAmount, route?.route.estimate.toToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx$1(PriceDisplay.Caption, { size: "small", children: `${t$b('views.ADD_TOKENS.fees.fiatPricePrefix')} $${route?.route.estimate.toAmountUSD ?? ''}` }) })] }), jsx$1(Stack, { sx: {
                                               pos: 'relative',
                                               w: 'base.spacing.x16',
                                               ml: 'base.spacing.x7',
@@ -411903,7 +411913,7 @@ function print() { __p += __j.call(arguments, '') }
                                                   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$1(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx$1(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx$1(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx$1(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled ? 'Processing' : 'Proceed' }), jsx$1(SquidFooter, {})] })), !route && !showAddressMissmatchDrawer && jsx$1(LoadingView, { loadingText: "Securing quote" })] }), jsx$1(RouteFees, { routeData: route, visible: showFeeBreakdown, onClose: () => setShowFeeBreakdown(false), totalAmount: totalFees, totalFiatAmount: totalFeesUsd }), jsx$1(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$1(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx$1(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx$1(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx$1(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled ? 'Processing' : 'Proceed' }), jsx$1(SquidFooter, {})] })), !route && !showAddressMissmatchDrawer && (jsx$1(LoadingView, { loadingText: "Securing quote", containerSx: { bg: 'transparent' } }))] }), jsx$1(RouteFees, { routeData: route, visible: showFeeBreakdown, onClose: () => setShowFeeBreakdown(false), totalAmount: totalFees, totalFiatAmount: totalFeesUsd }), jsx$1(AddressMissmatchDrawer, { visible: showAddressMissmatchDrawer, onClick: () => {
                       setShowAddressMissmatchDrawer(false);
                       viewDispatch({
                           payload: {
@@ -413360,7 +413370,7 @@ function print() { __p += __j.call(arguments, '') }
   function TopUpView({ widgetEvent, checkout, 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   provider, // Keep this for future use
-  showOnrampOption, showSwapOption, showBridgeOption, showAddTokensOption, tokenAddress, amount, analytics, onCloseButtonClick, onBackButtonClick, heading, subheading, }) {
+  showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analytics, onCloseButtonClick, onBackButtonClick, heading, subheading, }) {
       const { t } = useTranslation();
       const { userJourney } = analytics;
       const { viewDispatch } = reactExports.useContext(ViewContext);
@@ -413387,15 +413397,6 @@ function print() { __p += __j.call(arguments, '') }
       useMount(() => {
           page({ userJourney, screen: 'TopUp' });
       });
-      // Go to add tokens widget if available
-      useMount(() => {
-          if (showAddTokensOption) {
-              orchestrationEvents$1.sendRequestAddTokensEvent(eventTarget, widgetEvent, {
-                  toTokenAddress: tokenAddress ?? '',
-                  toAmount: amount ?? '',
-              });
-          }
-      }, () => showAddTokensOption !== undefined, [showAddTokensOption]);
       reactExports.useEffect(() => {
           if (!cryptoFiatDispatch)
               return;
@@ -413576,11 +413577,7 @@ function print() { __p += __j.call(arguments, '') }
               isAvailable: true,
               isEnabled: showBridgeOption,
           },
-      ], [showAddTokensOption, showBridgeOption, showOnrampOption, showSwapOption]);
-      // if swap is available, don't show top up view
-      // await for redirect to add tokens widget
-      if (showAddTokensOption)
-          return null;
+      ], [showBridgeOption, showOnrampOption, showSwapOption]);
       return (jsx$1(SimpleLayout, { header: (jsx$1(HeaderNavigation, { onBackButtonClick: onBackButtonClick, onCloseButtonClick: onCloseButtonClick, showBack: true })), children: jsxs(Box, { sx: { paddingX: 'base.spacing.x4', paddingY: 'base.spacing.x4' }, children: [jsx$1(Heading, { size: "small", children: title }), description && (jsx$1(Body, { size: "small", sx: { color: 'base.color.text.body.secondary' }, children: description })), jsx$1(Box, { sx: { paddingY: 'base.spacing.x4' }, children: topUpFeatures
                           .sort((a, b) => Number(b.isAvailable) - Number(a.isAvailable))
                           .map((element) => element.isEnabled && (jsx$1(TopUpMenuItem, { testId: element.testId, icon: element.icon, iconVariant: element.iconVariant, intentIcon: element.intentIcon, heading: t(`${element.textConfigKey}.heading`), caption: !element.isAvailable
@@ -419450,7 +419447,6 @@ function print() { __p += __j.call(arguments, '') }
                       isBridgeEnabled: action.payload.supportedTopUps.isBridgeEnabled ?? true,
                       isAddTokensEnabled: action.payload.supportedTopUps.isAddTokensEnabled ?? true,
                       isSwapAvailable: action.payload.supportedTopUps.isSwapAvailable ?? true,
-                      isAddTokensAvailable: action.payload.supportedTopUps.isAddTokensAvailable ?? true,
                   },
               };
           default:
@@ -419895,12 +419891,7 @@ function print() { __p += __j.call(arguments, '') }
               control: 'AddCoins',
               controlType: 'Button',
           });
-          viewDispatch({
-              payload: {
-                  type: ViewActions.UPDATE_VIEW,
-                  view: { type: SharedViews.TOP_UP_VIEW },
-              },
-          });
+          orchestrationEvents$1.sendRequestAddTokensEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {});
       };
       const handleBridgeToL2OnClick = (address) => {
           orchestrationEvents$1.sendRequestBridgeEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {
@@ -420155,7 +420146,6 @@ function print() { __p += __j.call(arguments, '') }
       const [walletState, walletDispatch] = reactExports.useReducer(walletReducer, { ...initialWalletState, walletConfig: { showDisconnectButton, showNetworkMenu } });
       const walletReducerValues = reactExports.useMemo(() => ({ walletState, walletDispatch }), [walletState, walletDispatch]);
       const viewReducerValues = reactExports.useMemo(() => ({ viewState, viewDispatch }), [viewState, viewDispatch]);
-      const { supportedTopUps } = walletState;
       const { balancesLoading, refreshBalances } = useBalance({
           checkout,
           provider,
@@ -420191,12 +420181,6 @@ function print() { __p += __j.call(arguments, '') }
                   checkSwapAvailable = await checkout.isSwapAvailable();
               }
               catch { /* */ }
-              let checkAddTokensEnabled = isAddTokensEnabled;
-              try {
-                  const addTokensConfig = await checkout.config.remote.getConfig('addTokens');
-                  checkAddTokensEnabled = addTokensConfig.enabled && isAddTokensEnabled;
-              }
-              catch { /* */ }
               walletDispatch({
                   payload: {
                       type: WalletActions.SET_SUPPORTED_TOP_UPS,
@@ -420205,8 +420189,7 @@ function print() { __p += __j.call(arguments, '') }
                           isSwapEnabled,
                           isOnRampEnabled,
                           isSwapAvailable: checkSwapAvailable,
-                          isAddTokensEnabled: checkAddTokensEnabled,
-                          isAddTokensAvailable: checkSwapAvailable && checkAddTokensEnabled,
+                          isAddTokensEnabled,
                       },
                   },
               });
@@ -420268,7 +420251,7 @@ function print() { __p += __j.call(arguments, '') }
           await initialiseWallet();
       };
       return (jsx$1(ViewContext.Provider, { value: viewReducerValues, children: jsx$1(CryptoFiatProvider, { environment: environment, children: jsxs(WalletContext.Provider, { value: walletReducerValues, children: [viewState.view.type === SharedViews.LOADING_VIEW && (jsx$1(LoadingView, { loadingText: loadingText })), viewState.view.type === WalletWidgetViews.WALLET_BALANCES && (jsx$1(WalletBalances, { balancesLoading: balancesLoading, theme: theme, showNetworkMenu: showNetworkMenu })), viewState.view.type === WalletWidgetViews.SETTINGS
-                          && (jsx$1(Settings, { showDisconnectButton: showDisconnectButton })), viewState.view.type === WalletWidgetViews.COIN_INFO && (jsx$1(CoinInfo, {})), viewState.view.type === SharedViews.ERROR_VIEW && (jsx$1(ErrorView, { actionText: errorActionText, onActionClick: errorAction, onCloseClick: () => sendWalletWidgetCloseEvent(eventTarget) })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx$1(TopUpView, { analytics: { userJourney: UserJourney.WALLET }, widgetEvent: IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, checkout: checkout, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, showAddTokensOption: supportedTopUps?.isAddTokensAvailable, onCloseButtonClick: () => sendWalletWidgetCloseEvent(eventTarget) }))] }) }) }));
+                          && (jsx$1(Settings, { showDisconnectButton: showDisconnectButton })), viewState.view.type === WalletWidgetViews.COIN_INFO && (jsx$1(CoinInfo, {})), viewState.view.type === SharedViews.ERROR_VIEW && (jsx$1(ErrorView, { actionText: errorActionText, onActionClick: errorAction, onCloseClick: () => sendWalletWidgetCloseEvent(eventTarget) }))] }) }) }));
   }
 
   var WalletWidget$1 = /*#__PURE__*/Object.freeze({
@@ -422963,18 +422946,6 @@ function print() { __p += __j.call(arguments, '') }
       const [viewState, viewDispatch] = reactExports.useReducer(viewReducer, initialViewState);
       const viewReducerValues = reactExports.useMemo(() => ({ viewState, viewDispatch }), [viewState, viewDispatch]);
       const loadingText = viewState.view.data?.loadingText || t('views.LOADING_VIEW.text');
-      const isAddTokensAvailable = useAsyncMemo(async () => {
-          if (!checkout)
-              return false;
-          try {
-              const isSwapAvailable = await checkout.isSwapAvailable();
-              const addTokensConfig = (await checkout.config.remote.getConfig('addTokens'));
-              return addTokensConfig.enabled && isSwapAvailable;
-          }
-          catch (error) {
-              return false;
-          }
-      }, [checkout]);
       reactExports.useEffect(() => {
           if (!checkout || !provider)
               return;
@@ -423017,7 +422988,7 @@ function print() { __p += __j.call(arguments, '') }
                   customOrderData,
                   waitFulfillmentSettlements,
                   hideExcludedPaymentTypes,
-              }, children: jsxs(CryptoFiatProvider, { environment: config.environment, children: [viewState.view.type === SharedViews.LOADING_VIEW && (jsx$1(LoadingView, { loadingText: loadingText })), viewState.view.type === SaleWidgetViews.PAYMENT_METHODS && (jsx$1(PaymentMethods, {})), viewState.view.type === SaleWidgetViews.PAY_WITH_CARD && (jsx$1(PayWithCard, {})), viewState.view.type === SaleWidgetViews.PAY_WITH_COINS && (jsx$1(PayWithCoins, {})), viewState.view.type === SaleWidgetViews.SALE_FAIL && (jsx$1(SaleErrorView, { biomeTheme: biomeTheme, errorType: viewState.view.data?.errorType, transactionHash: viewState.view.data?.transactionHash, blockExplorerLink: BlockExplorerService.getTransactionLink(chainId.current, viewState.view.data?.transactionHash) })), viewState.view.type === SaleWidgetViews.ORDER_SUMMARY && (jsx$1(OrderSummary, { subView: viewState.view.subView })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx$1(TopUpView, { analytics: { userJourney: UserJourney.SALE }, widgetEvent: IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT, checkout: checkout, provider: provider, showOnrampOption: config.isOnRampEnabled, showSwapOption: false, showBridgeOption: config.isBridgeEnabled, showAddTokensOption: isAddTokensAvailable, onCloseButtonClick: () => sendSaleWidgetCloseEvent(eventTarget), onBackButtonClick: () => {
+              }, children: jsxs(CryptoFiatProvider, { environment: config.environment, children: [viewState.view.type === SharedViews.LOADING_VIEW && (jsx$1(LoadingView, { loadingText: loadingText })), viewState.view.type === SaleWidgetViews.PAYMENT_METHODS && (jsx$1(PaymentMethods, {})), viewState.view.type === SaleWidgetViews.PAY_WITH_CARD && (jsx$1(PayWithCard, {})), viewState.view.type === SaleWidgetViews.PAY_WITH_COINS && (jsx$1(PayWithCoins, {})), viewState.view.type === SaleWidgetViews.SALE_FAIL && (jsx$1(SaleErrorView, { biomeTheme: biomeTheme, errorType: viewState.view.data?.errorType, transactionHash: viewState.view.data?.transactionHash, blockExplorerLink: BlockExplorerService.getTransactionLink(chainId.current, viewState.view.data?.transactionHash) })), viewState.view.type === SaleWidgetViews.ORDER_SUMMARY && (jsx$1(OrderSummary, { subView: viewState.view.subView })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx$1(TopUpView, { analytics: { userJourney: UserJourney.SALE }, widgetEvent: IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT, checkout: checkout, provider: provider, showOnrampOption: config.isOnRampEnabled, showSwapOption: false, showBridgeOption: config.isBridgeEnabled, onCloseButtonClick: () => sendSaleWidgetCloseEvent(eventTarget), onBackButtonClick: () => {
                               viewDispatch({
                                   payload: {
                                       type: ViewActions.UPDATE_VIEW,

package/dist/{checkout-Dr99AQC1.js → checkout-Cs8dXzsO.js}

@@ -1,4 +1,4 @@
-import { E as Environment$1, t as track, I as ImmutableConfiguration } from './index-CK8NRXyO.js';
+import { E as Environment$1, t as track, I as ImmutableConfiguration } from './index-BDcnlE-I.js';
 import globalAxios, { HttpStatusCode as HttpStatusCode$1 } from 'axios';
 import { ethers, BigNumber as BigNumber$1, ContractFactory, utils as utils$2, Contract as Contract$1 } from 'ethers';
 import { Web3Provider, JsonRpcProvider } from '@ethersproject/providers';
@@ -8,8 +8,8 @@ import assert from 'assert';
 import { FeeAmount, Route, SwapQuoter, Pool, Trade, toHex as toHex$1, encodeRouteToPath } from '@uniswap/v3-sdk';
 import { keccak256 as keccak256$1 } from '@ethersproject/solidity';
 import { SwapRouter, PaymentsExtended } from '@uniswap/router-sdk';
-import { c as constants, O as OrderStatusName, a as Orderbook, A as ActionType, T as TransactionPurpose, S as SignablePurpose } from './index-DWXUkxHc.js';
-import { B as BlockchainData } from './index-BI-lDUrN.js';
+import { c as constants, O as OrderStatusName, a as Orderbook, A as ActionType, T as TransactionPurpose, S as SignablePurpose } from './index-27OfHl8u.js';
+import { B as BlockchainData } from './index-CinJtsQi.js';
 import detectEthereumProvider from '@metamask/detect-provider';
 import semver from 'semver';
 
@@ -19207,7 +19207,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.63.0';
+const SDK_VERSION = '1.64.0';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -24315,7 +24315,7 @@ const IMMUTABLE_ZKVEM_GAS_OVERRIDES = {
     maxPriorityFeePerGas: BigNumber$1.from(10e9),
 };
 
-const SDK_VERSION_MARKER = '1.63.0';
+const SDK_VERSION_MARKER = '1.64.0';
 // This SDK version is replaced by the `yarn build` command ran on the root level
 const globalPackageVersion = () => SDK_VERSION_MARKER;
 

package/dist/checkout.js

@@ -1,5 +1,5 @@
-export { A as AddTokensEventType, B as BlockExplorerService, a as BridgeEventType, C as ChainId, b as ChainName, d as ChainSlug, e as Checkout, f as CheckoutConfiguration, g as CheckoutError, h as CheckoutErrorType, i as CheckoutStatus, j as CommerceEventType, k as CommerceFailureEventType, l as CommerceFlowType, m as CommerceSuccessEventType, n as CommerceUserActionEventType, o as ConnectEventType, p as ConnectTargetLayer, E as ExchangeType, F as FeeType, q as FundingStepType, G as GasEstimateType, r as GasTokenType, I as IMMUTABLE_API_BASE_URL, s as IMTBLWidgetEvents, t as ItemType, N as NetworkFilterTypes, O as OnRampEventType, u as OrchestrationEventType, P as ProviderEventType, R as RoutingOutcomeType, S as SaleEventType, v as SalePaymentTypes, w as SwapDirection, x as SwapEventType, T as TokenFilterTypes, y as TransactionOrGasType, W as WalletEventType, z as WalletFilterTypes, D as WalletProviderName, H as WalletProviderRdns, J as WidgetTheme, K as WidgetType, L as getMetaMaskProviderDetail, M as getPassportProviderDetail, Q as isAddressSanctioned, U as validateProvider } from './checkout-Dr99AQC1.js';
-import './index-CK8NRXyO.js';
+export { A as AddTokensEventType, B as BlockExplorerService, a as BridgeEventType, C as ChainId, b as ChainName, d as ChainSlug, e as Checkout, f as CheckoutConfiguration, g as CheckoutError, h as CheckoutErrorType, i as CheckoutStatus, j as CommerceEventType, k as CommerceFailureEventType, l as CommerceFlowType, m as CommerceSuccessEventType, n as CommerceUserActionEventType, o as ConnectEventType, p as ConnectTargetLayer, E as ExchangeType, F as FeeType, q as FundingStepType, G as GasEstimateType, r as GasTokenType, I as IMMUTABLE_API_BASE_URL, s as IMTBLWidgetEvents, t as ItemType, N as NetworkFilterTypes, O as OnRampEventType, u as OrchestrationEventType, P as ProviderEventType, R as RoutingOutcomeType, S as SaleEventType, v as SalePaymentTypes, w as SwapDirection, x as SwapEventType, T as TokenFilterTypes, y as TransactionOrGasType, W as WalletEventType, z as WalletFilterTypes, D as WalletProviderName, H as WalletProviderRdns, J as WidgetTheme, K as WidgetType, L as getMetaMaskProviderDetail, M as getPassportProviderDetail, Q as isAddressSanctioned, U as validateProvider } from './checkout-Cs8dXzsO.js';
+import './index-BDcnlE-I.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';
@@ -10,13 +10,13 @@ import 'assert';
 import '@uniswap/v3-sdk';
 import '@ethersproject/solidity';
 import '@uniswap/router-sdk';
-import './index-DWXUkxHc.js';
+import './index-27OfHl8u.js';
 import 'form-data';
 import '@opensea/seaport-js/lib/constants';
 import 'ethers-v6';
 import 'merkletreejs';
 import '@opensea/seaport-js';
-import './index-BI-lDUrN.js';
-import './index-B7ZGqefm.js';
+import './index-CinJtsQi.js';
+import './index-CPZC_4-h.js';
 import '@metamask/detect-provider';
 import 'semver';

package/dist/{config-DkJOEY8_.js → config-COmcON31.js}

@@ -1,4 +1,4 @@
-import { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-CK8NRXyO.js';
+import { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-BDcnlE-I.js';
 
 var config = /*#__PURE__*/Object.freeze({
 	__proto__: null,

package/dist/config.js

@@ -1,4 +1,4 @@
-export { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-CK8NRXyO.js';
+export { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-BDcnlE-I.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';

package/dist/{index-DWXUkxHc.js → index-27OfHl8u.js}

@@ -1,4 +1,4 @@
-import { t as track, E as Environment } from './index-CK8NRXyO.js';
+import { t as track, E as Environment } from './index-BDcnlE-I.js';
 import globalAxios from 'axios';
 import FormData from 'form-data';
 import { OrderType as OrderType$1, ItemType as ItemType$1 } from '@opensea/seaport-js/lib/constants';

package/dist/{index-ONuhnAdl.js → index-8JzLLOmv.js}

@@ -1,5 +1,5 @@
 import MessageValidator from 'sns-validator';
-import { E as Environment } from './index-CK8NRXyO.js';
+import { E as Environment } from './index-BDcnlE-I.js';
 
 const validator = new MessageValidator();
 const allowedTopicArnPrefix = {

package/dist/{index-Dvd-bDuR.js → index-B1oIamSp.js}

@@ -1,5 +1,5 @@
-import { d as index$2, I as ImxApiClients } from './index-B7ZGqefm.js';
-import { a as addKeysToHeadersOverride, E as Environment, I as ImmutableConfiguration } from './index-CK8NRXyO.js';
+import { d as index$2, I as ImxApiClients } from './index-CPZC_4-h.js';
+import { a as addKeysToHeadersOverride, E as Environment, I as ImmutableConfiguration } from './index-BDcnlE-I.js';
 import globalAxios from 'axios';
 import { keccak256 } from '@ethersproject/keccak256';
 import { toUtf8Bytes } from '@ethersproject/strings';
@@ -16,7 +16,7 @@ import '@ethersproject/abstract-signer';
 /* eslint-disable @typescript-eslint/naming-convention */
 class ApiConfiguration extends index$2.Configuration {
 }
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.63.0' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.64.0' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -57,7 +57,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.63.0',
+    sdkVersion: 'ts-immutable-sdk-1.64.0',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({

package/dist/{index-CK8NRXyO.js → index-BDcnlE-I.js}

@@ -158,7 +158,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.63.0';
+const SDK_VERSION = '1.64.0';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';

package/dist/{index-B7ZGqefm.js → index-CPZC_4-h.js}

@@ -13527,7 +13527,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.63.0' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.64.0' };
 const createConfig = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');

package/dist/{index-BI-lDUrN.js → index-CinJtsQi.js}

@@ -1,5 +1,5 @@
-import { a as index$1 } from './index-B7ZGqefm.js';
-import { E as Environment, a as addKeysToHeadersOverride } from './index-CK8NRXyO.js';
+import { a as index$1 } from './index-CPZC_4-h.js';
+import { E as Environment, a as addKeysToHeadersOverride } from './index-BDcnlE-I.js';
 import globalAxios from 'axios';
 
 /**
@@ -21,7 +21,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.63.0',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.64.0',
 };
 /**
  * createAPIConfiguration to create a custom Configuration