@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/test/views/w3m-email-verify-device-view.test.js

@@ -0,0 +1,141 @@
+import { fixture } from '@open-wc/testing';
+import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { ConnectorController, EventsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { W3mEmailVerifyDeviceView } from '../../src/views/w3m-email-verify-device-view/index';
+import { HelpersUtil } from '../utils/HelpersUtil';
+const FLEX_CONTAINER_SELECTOR = 'wui-flex';
+const ICON_BOX_SELECTOR = 'wui-icon-box';
+const TEXT_SELECTOR = 'wui-text';
+const LINK_SELECTOR = 'wui-link';
+const MOCK_EMAIL = 'user@example.com';
+const MOCK_AUTH_CONNECTOR = {
+    provider: {
+        connectDevice: vi.fn().mockResolvedValue(undefined),
+        connectEmail: vi.fn().mockResolvedValue(undefined)
+    }
+};
+beforeAll(() => {
+    ;
+    global.ResizeObserver = class {
+        observe() { }
+        unobserve() { }
+        disconnect() { }
+    };
+});
+describe('W3mEmailVerifyDeviceView', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+        vi.spyOn(RouterController, 'state', 'get').mockReturnValue({
+            ...RouterController.state,
+            data: { email: MOCK_EMAIL }
+        });
+        vi.spyOn(ConnectorController, 'getAuthConnector').mockReturnValue(MOCK_AUTH_CONNECTOR);
+        vi.spyOn(EventsController, 'sendEvent').mockImplementation(vi.fn());
+        vi.spyOn(SnackController, 'showSuccess').mockImplementation(vi.fn());
+        vi.spyOn(SnackController, 'showError').mockImplementation(vi.fn());
+        vi.spyOn(RouterController, 'replace').mockImplementation(vi.fn());
+        vi.spyOn(RouterController, 'goBack').mockImplementation(vi.fn());
+    });
+    it('should render', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        expect(element).toBeTruthy();
+    });
+    it('should render email verification UI with correct content', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        const container = HelpersUtil.querySelect(element, FLEX_CONTAINER_SELECTOR);
+        const iconBox = HelpersUtil.querySelect(element, ICON_BOX_SELECTOR);
+        const texts = HelpersUtil.querySelectAll(element, TEXT_SELECTOR);
+        const link = HelpersUtil.querySelect(element, LINK_SELECTOR);
+        expect(container).toBeTruthy();
+        expect(iconBox).toBeTruthy();
+        expect(texts).toHaveLength(4);
+        expect(link).toBeTruthy();
+        const emailText = Array.from(texts || []).find(text => text.textContent?.includes(MOCK_EMAIL));
+        expect(emailText).toBeTruthy();
+    });
+    it('should throw if no email provided', async () => {
+        vi.spyOn(RouterController, 'state', 'get').mockReturnValue({
+            ...RouterController.state,
+            data: {}
+        });
+        await expect(fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`)).rejects.toThrowError(/No email provided/);
+    });
+    it('should throw if no auth connector provided', async () => {
+        vi.spyOn(ConnectorController, 'getAuthConnector').mockReturnValue(undefined);
+        await expect(fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`)).rejects.toThrowError(/No auth connector provided/);
+    });
+    it('should trigger resend flow and success snackbar', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        const link = HelpersUtil.querySelect(element, LINK_SELECTOR);
+        await link?.click();
+        expect(MOCK_AUTH_CONNECTOR.provider.connectEmail).toHaveBeenCalledWith({ email: MOCK_EMAIL });
+        expect(SnackController.showSuccess).toHaveBeenCalledWith('Code email resent');
+    });
+    it('should handle resend error and show error snackbar', async () => {
+        const errorMessage = 'Failed to resend email';
+        MOCK_AUTH_CONNECTOR.provider.connectEmail.mockRejectedValueOnce(new Error(errorMessage));
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        const link = HelpersUtil.querySelect(element, LINK_SELECTOR);
+        await link?.click();
+        expect(SnackController.showError).toHaveBeenCalledWith(new Error(errorMessage));
+    });
+    it('should disable resend link when loading', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        element.loading = true;
+        await element.updateComplete;
+        const link = HelpersUtil.querySelect(element, LINK_SELECTOR);
+        expect(link?.disabled).toBe(true);
+    });
+    it('should not trigger resend when already loading', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        element.loading = true;
+        await element.updateComplete;
+        const link = HelpersUtil.querySelect(element, LINK_SELECTOR);
+        await link?.click();
+        expect(MOCK_AUTH_CONNECTOR.provider.connectEmail).not.toHaveBeenCalled();
+    });
+    it('should handle device approval success flow', async () => {
+        await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        expect(MOCK_AUTH_CONNECTOR.provider.connectDevice).toHaveBeenCalled();
+        expect(EventsController.sendEvent).toHaveBeenCalledWith({
+            type: 'track',
+            event: 'DEVICE_REGISTERED_FOR_EMAIL'
+        });
+        expect(EventsController.sendEvent).toHaveBeenCalledWith({
+            type: 'track',
+            event: 'EMAIL_VERIFICATION_CODE_SENT'
+        });
+        expect(RouterController.replace).toHaveBeenCalledWith('EmailVerifyOtp', { email: MOCK_EMAIL });
+    });
+    it('should handle device approval error and go back', async () => {
+        MOCK_AUTH_CONNECTOR.provider.connectDevice.mockRejectedValueOnce(new Error('Device approval failed'));
+        await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        expect(RouterController.goBack).toHaveBeenCalled();
+    });
+    it('should show correct email in the UI', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        const texts = HelpersUtil.querySelectAll(element, TEXT_SELECTOR);
+        const emailText = Array.from(texts || []).find(text => text.textContent?.includes(MOCK_EMAIL));
+        expect(emailText).toBeTruthy();
+        expect(emailText?.textContent).toContain(MOCK_EMAIL);
+    });
+    it('should show correct resend link text', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        const link = HelpersUtil.querySelect(element, LINK_SELECTOR);
+        expect(link?.textContent?.trim()).toBe('Resend email');
+    });
+    it('should show correct instruction text', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        const texts = HelpersUtil.querySelectAll(element, TEXT_SELECTOR);
+        const instructionText = Array.from(texts || []).find(text => text.textContent?.includes('Approve the login link we sent to'));
+        expect(instructionText).toBeTruthy();
+    });
+    it('should show expiration message', async () => {
+        const element = await fixture(html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`);
+        const texts = HelpersUtil.querySelectAll(element, TEXT_SELECTOR);
+        const expirationText = Array.from(texts || []).find(text => text.textContent?.includes('The code expires in 20 minutes'));
+        expect(expirationText).toBeTruthy();
+    });
+});
+//# sourceMappingURL=w3m-email-verify-device-view.test.js.map

package/dist/esm/test/views/w3m-email-verify-device-view.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w3m-email-verify-device-view.test.js","sourceRoot":"","sources":["../../../../test/views/w3m-email-verify-device-view.test.ts"],"names":[],"mappings":"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"}

package/dist/esm/test/views/w3m-email-verify-otp-view.test.js

@@ -0,0 +1,125 @@
+import { fixture } from '@open-wc/testing';
+import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { ChainController, ConnectionController, ConnectorController, ModalController, OptionsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { W3mEmailVerifyOtpView } from '../../src/views/w3m-email-verify-otp-view/index';
+const TEST_CHAIN = 'eip155';
+const MOCK_AUTH_CONNECTOR = {
+    id: 'auth-connector',
+    name: 'AuthConnector',
+    type: 'AUTH',
+    chain: TEST_CHAIN,
+    provider: {
+        connectOtp: vi.fn().mockResolvedValue({})
+    }
+};
+const MOCK_CONNECTION = {
+    connectorId: 'other-connector',
+    accounts: [{ address: '0x123', type: 'eoa' }]
+};
+beforeAll(() => {
+    global.ResizeObserver = vi.fn().mockImplementation(() => ({
+        observe: vi.fn(),
+        unobserve: vi.fn(),
+        disconnect: vi.fn()
+    }));
+});
+describe('W3mEmailVerifyOtpView', () => {
+    describe('Connection Logic', () => {
+        let element;
+        beforeEach(async () => {
+            vi.clearAllMocks();
+            vi.spyOn(ConnectorController, 'getAuthConnector').mockReturnValue(MOCK_AUTH_CONNECTOR);
+            vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+                ...ChainController.state,
+                activeChain: TEST_CHAIN
+            });
+            vi.spyOn(ConnectionController, 'connectExternal').mockResolvedValue(undefined);
+            vi.spyOn(ConnectionController, 'state', 'get').mockReturnValue({
+                ...ConnectionController.state,
+                connections: new Map([[TEST_CHAIN, []]]),
+                recentConnections: new Map()
+            });
+            vi.spyOn(RouterController, 'state', 'get').mockReturnValue({
+                ...RouterController.state,
+                data: { email: 'test@example.com' }
+            });
+            vi.spyOn(RouterController, 'reset').mockImplementation(() => { });
+            vi.spyOn(RouterController, 'push').mockImplementation(() => { });
+            vi.spyOn(RouterController, 'replace').mockImplementation(() => { });
+            vi.spyOn(ModalController, 'close').mockImplementation(() => { });
+            vi.spyOn(SnackController, 'showSuccess').mockImplementation(() => { });
+            vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+                ...OptionsController.state,
+                remoteFeatures: { multiWallet: true },
+                siwx: undefined
+            });
+            element = await fixture(html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`);
+        });
+        it('should navigate to ProfileWallets and show success message when has connections and multiWallet is enabled', async () => {
+            vi.spyOn(ConnectionController, 'getConnections').mockReturnValue([MOCK_CONNECTION]);
+            vi.spyOn(ConnectionController, 'connectExternal').mockResolvedValue(undefined);
+            await element.onOtpSubmit('123456');
+            expect(RouterController.replace).toHaveBeenCalledWith('ProfileWallets');
+            expect(SnackController.showSuccess).toHaveBeenCalledWith('New Wallet Added');
+            expect(ModalController.close).not.toHaveBeenCalled();
+        });
+        it('should not close modal when siwx is enabled and email capture is enabled', async () => {
+            vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+                ...OptionsController.state,
+                remoteFeatures: { multiWallet: true, emailCapture: true },
+                siwx: {}
+            });
+            await element.onOtpSubmit('123456');
+            expect(ModalController.close).not.toHaveBeenCalled();
+            expect(RouterController.reset).not.toHaveBeenCalled();
+            expect(RouterController.push).not.toHaveBeenCalled();
+            expect(SnackController.showSuccess).not.toHaveBeenCalled();
+        });
+        it('should close modal when has no connections and multiWallet is enabled', async () => {
+            vi.spyOn(ConnectionController, 'getConnections').mockReturnValue([]);
+            vi.spyOn(ConnectionController, 'connectExternal').mockResolvedValue(undefined);
+            await element.onOtpSubmit('123456');
+            expect(ModalController.close).toHaveBeenCalled();
+            expect(RouterController.reset).not.toHaveBeenCalled();
+            expect(RouterController.push).not.toHaveBeenCalled();
+            expect(SnackController.showSuccess).not.toHaveBeenCalled();
+        });
+        it('should close modal when multiWallet is disabled even with existing connections', async () => {
+            vi.spyOn(ConnectionController, 'state', 'get').mockReturnValue({
+                ...ConnectionController.state,
+                connections: new Map([[TEST_CHAIN, [MOCK_CONNECTION]]])
+            });
+            vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+                ...OptionsController.state,
+                remoteFeatures: { multiWallet: false },
+                siwx: undefined
+            });
+            vi.spyOn(ConnectionController, 'connectExternal').mockResolvedValue(undefined);
+            element = await fixture(html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`);
+            await element.onOtpSubmit('123456');
+            expect(ModalController.close).toHaveBeenCalled();
+            expect(RouterController.reset).not.toHaveBeenCalled();
+            expect(RouterController.push).not.toHaveBeenCalled();
+            expect(SnackController.showSuccess).not.toHaveBeenCalled();
+        });
+        it('should not navigate when siwx is enabled', async () => {
+            vi.spyOn(ConnectionController, 'state', 'get').mockReturnValue({
+                ...ConnectionController.state,
+                connections: new Map([[TEST_CHAIN, [MOCK_CONNECTION]]])
+            });
+            vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+                ...OptionsController.state,
+                remoteFeatures: { multiWallet: true },
+                siwx: true
+            });
+            vi.spyOn(ConnectionController, 'connectExternal').mockResolvedValue(undefined);
+            element = await fixture(html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`);
+            await element.onOtpSubmit('123456');
+            expect(RouterController.reset).not.toHaveBeenCalled();
+            expect(RouterController.push).not.toHaveBeenCalled();
+            expect(SnackController.showSuccess).not.toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=w3m-email-verify-otp-view.test.js.map

package/dist/esm/test/views/w3m-email-verify-otp-view.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w3m-email-verify-otp-view.test.js","sourceRoot":"","sources":["../../../../test/views/w3m-email-verify-otp-view.test.ts"],"names":[],"mappings":"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"}

package/dist/esm/test/views/w3m-fund-wallet-view.test.js

@@ -0,0 +1,363 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common';
+import { ChainController, ExchangeController, OptionsController, RouterController } from '@reown/appkit-controllers';
+import { W3mFundWalletView } from '../../src/views/w3m-fund-wallet-view';
+import { HelpersUtil } from '../utils/HelpersUtil';
+const DEPOSIT_FROM_EXCHANGE_BUTTON_TEST_ID = 'wallet-features-deposit-from-exchange-button';
+describe('W3mFundWalletView', () => {
+    beforeEach(() => {
+        vi.restoreAllMocks();
+        vi.spyOn(ExchangeController, 'getAssetsForNetwork').mockResolvedValue([]);
+        vi.spyOn(ExchangeController, 'setPaymentAsset').mockImplementation(() => { });
+        vi.spyOn(ExchangeController, 'fetchExchanges').mockResolvedValue();
+    });
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+    it('should render the component with basic structure', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            features: {
+                receive: true,
+                send: true
+            },
+            remoteFeatures: {
+                onramp: ['meld'],
+                swaps: ['1inch']
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        expect(element).toBeDefined();
+        expect(element.shadowRoot).toBeDefined();
+    });
+    it('should show buy crypto option when onramp is available', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM,
+            activeCaipNetwork: {
+                id: '1',
+                caipNetworkId: 'eip155:1',
+                chainNamespace: 'eip155',
+                name: 'Mainnet'
+            }
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            features: {
+                receive: true
+            },
+            remoteFeatures: {
+                onramp: ['meld']
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const buyCryptoButton = HelpersUtil.querySelect(element, '[data-testid="wallet-features-onramp-button"]');
+        expect(buyCryptoButton).toBeTruthy();
+    });
+    it('should show receive funds option when receive feature is enabled', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            features: {
+                receive: true
+            },
+            remoteFeatures: {
+                onramp: ['meld']
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const receiveFundsButton = HelpersUtil.querySelect(element, '[data-testid="wallet-features-receive-button"]');
+        expect(receiveFundsButton).toBeTruthy();
+    });
+    it('should navigate to buy crypto when buy crypto button is clicked', async () => {
+        const pushSpy = vi.spyOn(RouterController, 'push');
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM,
+            activeCaipNetwork: {
+                id: '1',
+                caipNetworkId: 'eip155:1',
+                chainNamespace: 'eip155',
+                name: 'Mainnet'
+            }
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            features: {
+                receive: true
+            },
+            remoteFeatures: {
+                onramp: ['meld']
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const buyCryptoButton = HelpersUtil.querySelect(element, '[data-testid="wallet-features-onramp-button"]');
+        expect(buyCryptoButton).toBeTruthy();
+        buyCryptoButton?.click();
+        await elementUpdated(element);
+        expect(pushSpy).toHaveBeenCalledWith('OnRampProviders');
+    });
+    it('should navigate to receive funds when receive funds button is clicked', async () => {
+        const pushSpy = vi.spyOn(RouterController, 'push');
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            features: {
+                receive: true
+            },
+            remoteFeatures: {
+                onramp: ['meld']
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const receiveFundsButton = HelpersUtil.querySelect(element, '[data-testid="wallet-features-receive-button"]');
+        expect(receiveFundsButton).toBeTruthy();
+        receiveFundsButton?.click();
+        await elementUpdated(element);
+        expect(pushSpy).toHaveBeenCalledWith('WalletReceive');
+    });
+    it('should hide buy crypto option when onramp is not available', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            features: {
+                receive: true
+            },
+            remoteFeatures: {
+                onramp: false
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const buyCryptoButton = HelpersUtil.querySelect(element, '[data-testid="wallet-features-onramp-button"]');
+        expect(buyCryptoButton).toBeFalsy();
+    });
+    it('should hide receive funds option when receive feature is disabled', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            features: {
+                receive: false
+            },
+            remoteFeatures: {
+                onramp: ['meld']
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const receiveFundsButton = HelpersUtil.querySelect(element, '[data-testid="wallet-features-receive-button"]');
+        expect(receiveFundsButton).toBeFalsy();
+    });
+    it('should not show deposit from exchange option when payWithExchange is disabled', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            remoteFeatures: {
+                payWithExchange: false
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const depositFromExchangeButton = HelpersUtil.getByTestId(element, DEPOSIT_FROM_EXCHANGE_BUTTON_TEST_ID);
+        expect(depositFromExchangeButton).toBeFalsy();
+    });
+    it('should show deposit from exchange option when payWithExchange is enabled', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM,
+            activeCaipNetwork: {
+                id: '1',
+                caipNetworkId: 'eip155:1',
+                chainNamespace: 'eip155',
+                name: 'Mainnet'
+            }
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            remoteFeatures: {
+                payWithExchange: true
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const depositFromExchangeButton = HelpersUtil.getByTestId(element, DEPOSIT_FROM_EXCHANGE_BUTTON_TEST_ID);
+        expect(depositFromExchangeButton).toBeTruthy();
+    });
+    it('should not show deposit from exchange option when chain is not supported and payWithExchange is enabled', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.BITCOIN
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            remoteFeatures: {
+                payWithExchange: true
+            }
+        });
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const depositFromExchangeButton = HelpersUtil.getByTestId(element, DEPOSIT_FROM_EXCHANGE_BUTTON_TEST_ID);
+        expect(depositFromExchangeButton).toBeNull();
+    });
+    it('should fetch exchanges and set default payment asset on first update', async () => {
+        const mockNetwork = {
+            id: '1',
+            caipNetworkId: 'eip155:1',
+            chainNamespace: 'eip155',
+            name: 'Mainnet'
+        };
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM,
+            activeCaipNetwork: mockNetwork
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            remoteFeatures: {
+                payWithExchange: true
+            }
+        });
+        const getAssetsForNetworkSpy = vi
+            .spyOn(ExchangeController, 'getAssetsForNetwork')
+            .mockResolvedValue([
+            {
+                network: 'eip155:1',
+                asset: 'native',
+                price: 1,
+                metadata: {
+                    iconUrl: 'https://img.solana.com/solana-logo-full.svg',
+                    name: 'Ethereum',
+                    symbol: 'ETH',
+                    decimals: 18
+                }
+            }
+        ]);
+        const setPaymentAssetSpy = vi.spyOn(ExchangeController, 'setPaymentAsset');
+        const fetchExchangesSpy = vi.spyOn(ExchangeController, 'fetchExchanges').mockResolvedValue();
+        await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        expect(getAssetsForNetworkSpy).toHaveBeenCalledWith('eip155:1');
+        expect(setPaymentAssetSpy).toHaveBeenCalled();
+        expect(fetchExchangesSpy).toHaveBeenCalled();
+    });
+    it('should disable deposit from exchange button when no exchanges available', async () => {
+        const mockNetwork = {
+            id: '1',
+            caipNetworkId: 'eip155:1',
+            chainNamespace: 'eip155',
+            name: 'Mainnet'
+        };
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM,
+            activeCaipNetwork: mockNetwork
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            remoteFeatures: {
+                payWithExchange: true
+            }
+        });
+        ExchangeController.state.exchanges = [];
+        ExchangeController.state.isLoading = false;
+        vi.spyOn(ExchangeController, 'getAssetsForNetwork').mockResolvedValue([]);
+        vi.spyOn(ExchangeController, 'fetchExchanges').mockResolvedValue();
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const depositFromExchangeButton = HelpersUtil.getByTestId(element, DEPOSIT_FROM_EXCHANGE_BUTTON_TEST_ID);
+        expect(depositFromExchangeButton).toBeTruthy();
+        expect(depositFromExchangeButton?.hasAttribute('disabled')).toBe(true);
+    });
+    it('should show loading state on deposit from exchange button while fetching exchanges', async () => {
+        const mockNetwork = {
+            id: '1',
+            caipNetworkId: 'eip155:1',
+            chainNamespace: 'eip155',
+            name: 'Mainnet'
+        };
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM,
+            activeCaipNetwork: mockNetwork
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            remoteFeatures: {
+                payWithExchange: true
+            }
+        });
+        ExchangeController.state.isLoading = true;
+        ExchangeController.state.exchanges = [];
+        vi.spyOn(ExchangeController, 'getAssetsForNetwork').mockResolvedValue([]);
+        vi.spyOn(ExchangeController, 'fetchExchanges').mockResolvedValue();
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const depositFromExchangeButton = HelpersUtil.getByTestId(element, DEPOSIT_FROM_EXCHANGE_BUTTON_TEST_ID);
+        expect(depositFromExchangeButton).toBeTruthy();
+        expect(depositFromExchangeButton?.hasAttribute('loading')).toBe(true);
+    });
+    it('should navigate to PayWithExchange and reset exchange state when deposit from exchange button is clicked', async () => {
+        const resetSpy = vi.spyOn(ExchangeController, 'reset');
+        const mockNetwork = {
+            id: '1',
+            caipNetworkId: 'eip155:1',
+            chainNamespace: 'eip155',
+            name: 'Mainnet'
+        };
+        const pushSpy = vi.spyOn(RouterController, 'push');
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: CommonConstantsUtil.CHAIN.EVM,
+            activeCaipNetwork: mockNetwork
+        });
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            remoteFeatures: {
+                payWithExchange: true
+            }
+        });
+        ExchangeController.state.exchanges = [
+            { id: 'ex1', imageUrl: 'https://img1', name: 'Exchange One' }
+        ];
+        ExchangeController.state.isLoading = false;
+        vi.spyOn(ExchangeController, 'getAssetsForNetwork').mockResolvedValue([]);
+        vi.spyOn(ExchangeController, 'fetchExchanges').mockResolvedValue();
+        const element = await fixture(html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`);
+        await elementUpdated(element);
+        const depositFromExchangeButton = HelpersUtil.getByTestId(element, DEPOSIT_FROM_EXCHANGE_BUTTON_TEST_ID);
+        expect(depositFromExchangeButton).toBeTruthy();
+        expect(depositFromExchangeButton?.hasAttribute('disabled')).toBe(false);
+        depositFromExchangeButton?.click();
+        await elementUpdated(element);
+        expect(pushSpy).toHaveBeenCalledWith('PayWithExchange', {
+            redirectView: undefined
+        });
+        expect(resetSpy).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=w3m-fund-wallet-view.test.js.map