|
1 | 1 | import { useCallback, useEffect, useMemo, useState } from 'react'; |
2 | 2 |
|
3 | | -import { ChainId, ChainName, ChainSlug, Checkout, CheckoutModuleConfiguration, ConnectEventType, WalletProviderRdns, WidgetTheme, WidgetType } from '@imtbl/checkout-sdk'; |
| 3 | +import { Checkout, ConnectEventType, WalletProviderRdns, WidgetTheme, WidgetType } from '@imtbl/checkout-sdk'; |
4 | 4 | import { Environment } from '@imtbl/config'; |
5 | 5 | import { WidgetsFactory } from '@imtbl/checkout-widgets'; |
6 | 6 |
|
7 | | -const ZKEVM_NATIVE_TOKEN = { |
8 | | - name: "IMX", |
9 | | - symbol: "IMX", |
10 | | - decimals: 18, |
11 | | - address: "native", |
12 | | -}; |
13 | | - |
14 | | -const DEV_CHAIN_ID_NETWORK_MAP = new Map([ |
15 | | - [ |
16 | | - ChainId.SEPOLIA, |
17 | | - { |
18 | | - chainIdHex: `0x${ChainId.SEPOLIA.toString(16)}`, |
19 | | - chainName: ChainName.SEPOLIA, |
20 | | - rpcUrls: ["https://checkout-api.dev.immutable.com/v1/rpc/eth-sepolia"], |
21 | | - nativeCurrency: { |
22 | | - name: "Sep Eth", |
23 | | - symbol: "ETH", |
24 | | - decimals: 18, |
25 | | - }, |
26 | | - blockExplorerUrls: ["https://sepolia.etherscan.io/"], |
27 | | - }, |
28 | | - ], |
29 | | - [ |
30 | | - ChainId.IMTBL_ZKEVM_DEVNET, |
31 | | - { |
32 | | - chainIdHex: `0x${ChainId.IMTBL_ZKEVM_DEVNET.toString(16)}`, |
33 | | - chainName: ChainName.IMTBL_ZKEVM_DEVNET, |
34 | | - rpcUrls: ["https://rpc.dev.immutable.com"], |
35 | | - nativeCurrency: ZKEVM_NATIVE_TOKEN, |
36 | | - }, |
37 | | - ], |
38 | | -]); |
39 | | - |
40 | | -const overrides: CheckoutModuleConfiguration["overrides"] = { |
41 | | - baseUrl: "https://api.dev.immutable.com", |
42 | | - chainSlug: ChainSlug.IMTBL_ZKEVM_DEVNET, |
43 | | - l2ChainId: ChainId.IMTBL_ZKEVM_DEVNET, |
44 | | - networkMap: DEV_CHAIN_ID_NETWORK_MAP, |
45 | | - remoteConfigEndpoint: "https://checkout-api.dev.immutable.com", |
46 | | - }; |
47 | | - |
48 | 7 | const CONNECT_TARGET_ID = "connect-widget-target"; |
49 | 8 | function ConnectUI() { |
50 | | - const checkout = useMemo(() => new Checkout({ baseConfig: { environment: Environment.SANDBOX }, overrides }), []); |
| 9 | + const checkout = useMemo(() => new Checkout({ baseConfig: { environment: Environment.SANDBOX } }), []); |
51 | 10 | const [factory, setFactory] = useState<ImmutableCheckoutWidgets.WidgetsFactory>(); |
52 | 11 | const connect = useMemo(() => { |
53 | 12 | if(!factory) return; |
|
0 commit comments