@imtbl/checkout-widgets 2.1.17-alpha.9 → 2.2.1-alpha.0

package/src/widgets/wallet/components/BalanceItem/BalanceItem.tsx

@@ -14,7 +14,6 @@ import { ShowMenuItem } from './BalanceItemStyles';
 import { BalanceInfo } from '../../functions/tokenBalances';
 import { WalletContext } from '../../context/WalletContext';
 import { orchestrationEvents } from '../../../../lib/orchestrationEvents';
-import { getL1ChainId, getL2ChainId } from '../../../../lib/networkUtils';
 import { formatZeroAmount, tokenValueFormat } from '../../../../lib/utils';
 import { ConnectLoaderContext } from '../../../../context/connect-loader-context/ConnectLoaderContext';
 import { isPassportProvider } from '../../../../lib/provider';
@@ -60,11 +59,11 @@ export function BalanceItem({
       if (!checkout) return;
       const onRampTokens = checkout.getTokenAllowList({
         type: TokenFilterTypes.ONRAMP,
-        chainId: getL2ChainId(checkout.config),
+        chainId: checkout.config.l2ChainId,
       });
       const swapTokens = checkout.getTokenAllowList({
         type: TokenFilterTypes.SWAP,
-        chainId: getL2ChainId(checkout.config),
+        chainId: checkout.config.l2ChainId,
       });
 
       const [onRampAllowedTokensResult, swapAllowedTokensResult] = await Promise.all([onRampTokens, swapTokens]);
@@ -84,18 +83,18 @@ export function BalanceItem({
     setIsAddTokensEnabled(enableAddCoin);
 
     const enableBuyCoin = !enableAddCoin
-      && currentChainId === getL2ChainId(checkout.config)
+      && currentChainId === checkout.config.l2ChainId
       && (supportedTopUps?.isOnRampEnabled ?? true);
     setIsOnRampEnabled(enableBuyCoin);
 
     const enableMoveCoin = !enableAddCoin
-      && (currentChainId === getL1ChainId(checkout.config)
-        || currentChainId === getL2ChainId(checkout.config))
+      && (currentChainId === checkout.config.l1ChainId
+        || currentChainId === checkout.config.l2ChainId)
       && (supportedTopUps?.isBridgeEnabled ?? true);
     setIsBridgeEnabled(enableMoveCoin);
 
     const enableSwapCoin = !enableAddCoin
-      && currentChainId === getL2ChainId(checkout.config)
+      && currentChainId === checkout.config.l2ChainId
       && (supportedTopUps?.isSwapEnabled ?? true)
       && (supportedTopUps?.isSwapAvailable ?? true);
     setIsSwapEnabled(enableSwapCoin);

package/src/widgets/wallet/views/WalletBalances.tsx

@@ -21,7 +21,6 @@ import {
   walletBalanceLoadingIconStyles,
   walletBalanceListContainerStyles,
 } from './WalletBalancesStyles';
-import { getL2ChainId } from '../../../lib/networkUtils';
 import { WalletWidgetViews } from '../../../context/view-context/WalletViewContextTypes';
 import {
   ViewActions,
@@ -111,7 +110,7 @@ export function WalletBalances({
   const showAddCoins = useMemo(() => {
     if (!checkout || !network) return false;
     return (
-      Number(network.chainId) === getL2ChainId(checkout.config)
+      Number(network.chainId) === checkout.config.l2ChainId
       && Boolean(
         supportedTopUps?.isBridgeEnabled
         || supportedTopUps?.isSwapEnabled

package/dist/types/lib/networkUtils.d.ts

@@ -1,3 +0,0 @@
-import { ChainId, CheckoutConfiguration } from '@imtbl/checkout-sdk';
-export declare const getL1ChainId: (config: CheckoutConfiguration) => ChainId;
-export declare const getL2ChainId: (config: CheckoutConfiguration) => ChainId;

package/src/lib/networkUtils.ts

@@ -1,22 +0,0 @@
-import { ChainId, CheckoutConfiguration } from '@imtbl/checkout-sdk';
-
-// **************************************************** //
-// **************************************************** //
-// This is duplicated in the sdk project.               //
-// We are not exposing these functions given that this  //
-// to keep the Checkout SDK interface as minimal as     //
-// possible.                                            //
-// **************************************************** //
-export const getL1ChainId = (config: CheckoutConfiguration): ChainId => {
-  // DevMode and Sandbox will both use Sepolia.
-  if (!config.isProduction) return ChainId.SEPOLIA;
-  return ChainId.ETHEREUM;
-};
-
-export const getL2ChainId = (config: CheckoutConfiguration): ChainId => {
-  if (config.isDevelopment) return ChainId.IMTBL_ZKEVM_DEVNET;
-  if (config.isProduction) return ChainId.IMTBL_ZKEVM_MAINNET;
-  return ChainId.IMTBL_ZKEVM_TESTNET;
-};
-// **************************************************** //
-// **************************************************** //