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

package/dist/esm/test/modal/w3m-button.test.js

@@ -0,0 +1,110 @@
+import { elementUpdated, fixture, html } from '@open-wc/testing';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { ConstantsUtil } from '@reown/appkit-common';
+import { ChainController, ModalController } from '@reown/appkit-controllers';
+import { W3mButton } from '../../src/modal/w3m-button';
+import { HelpersUtil } from '../utils/HelpersUtil';
+describe('W3mButton', () => {
+    beforeEach(() => {
+        vi.spyOn(ModalController, 'state', 'get').mockReturnValue({
+            loading: false
+        });
+        vi.spyOn(ChainController, 'subscribeKey').mockImplementation(() => () => { });
+        vi.spyOn(ModalController, 'subscribeKey').mockImplementation(() => () => { });
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it('renders connect button when not connected', async () => {
+        const element = await fixture(html `<appkit-button></appkit-button>`);
+        const connectButton = HelpersUtil.querySelect(element, 'appkit-connect-button');
+        const accountButton = HelpersUtil.querySelect(element, 'appkit-account-button');
+        expect(connectButton).to.exist;
+        expect(accountButton).to.not.exist;
+    });
+    it('renders account button when connected', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            activeCaipAddress: 'eip155:1:0x123'
+        });
+        const element = await fixture(html `<appkit-button></appkit-button>`);
+        const accountButton = HelpersUtil.querySelect(element, 'appkit-account-button');
+        const connectButton = HelpersUtil.querySelect(element, 'appkit-connect-button');
+        await element.updateComplete;
+        await elementUpdated(element);
+        expect(accountButton).to.exist;
+        expect(connectButton).to.not.exist;
+    });
+    it('renders connect button when loading', async () => {
+        vi.spyOn(ModalController, 'state', 'get').mockReturnValue({
+            loading: true
+        });
+        const element = await fixture(html `<appkit-button></appkit-button>`);
+        const connectButton = HelpersUtil.querySelect(element, 'appkit-connect-button');
+        expect(connectButton).to.exist;
+    });
+    it('passes properties to account button correctly', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            activeCaipAddress: 'eip155:1:0x123'
+        });
+        const element = await fixture(html `<appkit-button
+        .disabled=${true}
+        balance="1 ETH"
+        .charsStart=${2}
+        .charsEnd=${4}
+      ></appkit-button>`);
+        const accountButton = HelpersUtil.querySelect(element, 'appkit-account-button');
+        expect(accountButton?.getAttribute('balance')).toBe('1 ETH');
+        expect(accountButton?.charsStart).toBe(2);
+        expect(accountButton?.charsEnd).toBe(4);
+        expect(accountButton?.disabled).toBe(true);
+    });
+    it('passes properties to connect button correctly', async () => {
+        const element = await fixture(html `<appkit-button size="md" label="Connect" loadingLabel="Connecting..."></appkit-button>`);
+        const connectButton = HelpersUtil.querySelect(element, 'appkit-connect-button');
+        expect(connectButton?.getAttribute('size')).toBe('md');
+        expect(connectButton?.getAttribute('label')).toBe('Connect');
+        expect(connectButton?.getAttribute('loadingLabel')).toBe('Connecting...');
+    });
+    it('unsubscribe from state changes on disconnect', async () => {
+        const mockUnsubscribeChain = vi.fn();
+        vi.spyOn(ChainController, 'subscribeKey').mockReturnValue(mockUnsubscribeChain);
+        const element = await fixture(html `<appkit-button></appkit-button>`);
+        element.disconnectedCallback();
+        expect(mockUnsubscribeChain).toHaveBeenCalled();
+    });
+    it('should handle initial state with namespace option', async () => {
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeChain: 'solana',
+            chains: new Map([
+                [
+                    ConstantsUtil.CHAIN.SOLANA,
+                    {
+                        accountState: {
+                            caipAddress: 'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:FyTsuBMnCAHKYaBUJ5rkd79rzdPu5VSpMwYh3hPhEuAn'
+                        }
+                    }
+                ],
+                [
+                    ConstantsUtil.CHAIN.EVM,
+                    {
+                        accountState: {
+                            caipAddress: 'eip155:1:0xf5B035287c1465F29C7e08FbB5c3b8a4975Bf831'
+                        }
+                    }
+                ]
+            ])
+        });
+        let element = await fixture(html `<appkit-button namespace="eip155"></appkit-button>`);
+        let w3mAccountButton = HelpersUtil.querySelect(element, 'appkit-account-button');
+        let wuiAccountButton = w3mAccountButton.shadowRoot?.querySelector('wui-account-button');
+        await element.updateComplete;
+        expect(wuiAccountButton?.getAttribute('address')).toBe('0xf5B035287c1465F29C7e08FbB5c3b8a4975Bf831');
+        element = await fixture(html `<appkit-button namespace="solana"></appkit-button>`);
+        w3mAccountButton = HelpersUtil.querySelect(element, 'appkit-account-button');
+        wuiAccountButton = w3mAccountButton.shadowRoot?.querySelector('wui-account-button');
+        await element.updateComplete;
+        expect(wuiAccountButton?.getAttribute('address')).toBe('FyTsuBMnCAHKYaBUJ5rkd79rzdPu5VSpMwYh3hPhEuAn');
+    });
+});
+//# sourceMappingURL=w3m-button.test.js.map

package/dist/esm/test/modal/w3m-button.test.js.map

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

package/dist/esm/test/modal/w3m-connect-button.test.js

@@ -0,0 +1,100 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { ModalController } from '@reown/appkit-controllers';
+import { W3mConnectButton } from '../../src/modal/w3m-connect-button';
+import { HelpersUtil } from '../utils/HelpersUtil';
+describe('W3mConnectButton', () => {
+    let element;
+    beforeEach(async () => {
+        ModalController.close();
+        ModalController.setLoading(false);
+        element = await fixture(html `<w3m-connect-button></w3m-connect-button>`);
+    });
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+    describe('Rendering', () => {
+        it('renders with default props', async () => {
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            expect(button).toBeTruthy();
+            expect(button?.textContent?.trim()).toBe('Connect Wallet');
+            expect(button?.getAttribute('size')).toBe('md');
+        });
+        it('renders with custom props', async () => {
+            const element = await fixture(html `<w3m-connect-button
+          size="sm"
+          label="Custom Connect"
+          loadingLabel="Custom Loading..."
+        ></w3m-connect-button>`);
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            expect(button?.textContent?.trim()).toBe('Custom Connect');
+            expect(button?.getAttribute('size')).toBe('sm');
+            ModalController.setLoading(true);
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(button?.textContent?.trim()).toBe('Custom Loading...');
+            expect(button?.loading).toBe(true);
+        });
+    });
+    describe('State Changes', () => {
+        it('updates button text when loading', async () => {
+            ModalController.setLoading(true);
+            element.requestUpdate();
+            await elementUpdated(element);
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            expect(button?.textContent?.trim()).toBe('Connecting...');
+            expect(button?.loading).toBe(true);
+        });
+        it('updates button text when modal is open', async () => {
+            await ModalController.open();
+            element.requestUpdate();
+            await elementUpdated(element);
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            expect(button?.textContent?.trim()).toBe('Connecting...');
+            expect(button?.loading).toBe(true);
+        });
+    });
+    describe('Interactions', () => {
+        it('opens modal on click when closed', async () => {
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            button?.click();
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(ModalController.state.open).toBe(true);
+        });
+        it('does not toggle modal when loading', async () => {
+            ModalController.setLoading(true);
+            element.requestUpdate();
+            await elementUpdated(element);
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            button?.click();
+            expect(ModalController.state.open).toBe(false);
+            expect(ModalController.state.loading).toBe(true);
+        });
+        it('closes modal when open', async () => {
+            ModalController.open();
+            element.requestUpdate();
+            await elementUpdated(element);
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            button?.click();
+            expect(ModalController.state.open).toBe(false);
+        });
+    });
+    describe('Cleanup', () => {
+        it('cleans up subscriptions on disconnect', async () => {
+            const unsubscribeSpy = vi.fn();
+            element.unsubscribe = [unsubscribeSpy];
+            element.disconnectedCallback();
+            expect(unsubscribeSpy).toHaveBeenCalled();
+        });
+    });
+    describe('AppKitConnectButton', () => {
+        it('renders same functionality with different tag', async () => {
+            const button = HelpersUtil.getByTestId(element, 'connect-button');
+            expect(button).toBeTruthy();
+            expect(button?.textContent?.trim()).toBe('Connect Wallet');
+        });
+    });
+});
+//# sourceMappingURL=w3m-connect-button.test.js.map

package/dist/esm/test/modal/w3m-connect-button.test.js.map

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

package/dist/esm/test/modal/w3m-footer.test.js

@@ -0,0 +1,68 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { EventsController, RouterController } from '@reown/appkit-controllers';
+import '../../src/modal/w3m-footer';
+import { HelpersUtil } from '../../src/utils/HelpersUtil';
+describe('W3mFooter', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+        global.ResizeObserver = vi.fn().mockImplementation(() => ({
+            observe: vi.fn(),
+            unobserve: vi.fn(),
+            disconnect: vi.fn()
+        }));
+    });
+    it('should not render footer when hasFooter is false', async () => {
+        vi.spyOn(HelpersUtil, 'hasFooter').mockReturnValue(false);
+        RouterController.state.view = 'Connect';
+        const el = await fixture(html `<w3m-footer></w3m-footer>`);
+        await elementUpdated(el);
+        const container = el.shadowRoot?.querySelector('div.container');
+        expect(container).toBeTruthy();
+        expect(container?.getAttribute('status')).toBe('hide');
+        expect(el.shadowRoot?.querySelector('w3m-legal-footer')).toBeNull();
+        expect(el.shadowRoot?.querySelector('w3m-onramp-providers-footer')).toBeNull();
+    });
+    it('should render legal footer for views with legal footer', async () => {
+        vi.spyOn(HelpersUtil, 'hasFooter').mockReturnValue(true);
+        vi.spyOn(RouterController, 'state', 'get').mockReturnValue({
+            ...RouterController.state,
+            view: 'Connect'
+        });
+        const el = await fixture(html `<w3m-footer></w3m-footer>`);
+        await elementUpdated(el);
+        const container = el.shadowRoot?.querySelector('div.container');
+        expect(container?.getAttribute('status')).toBe('show');
+        expect(el.shadowRoot?.querySelector('w3m-legal-footer')).toBeTruthy();
+    });
+    it('should render onramp providers footer for OnRampProviders view', async () => {
+        vi.spyOn(HelpersUtil, 'hasFooter').mockReturnValue(true);
+        vi.spyOn(RouterController, 'state', 'get').mockReturnValue({
+            ...RouterController.state,
+            view: 'OnRampProviders'
+        });
+        const el = await fixture(html `<w3m-footer></w3m-footer>`);
+        await elementUpdated(el);
+        expect(el.shadowRoot?.querySelector('w3m-onramp-providers-footer')).toBeTruthy();
+    });
+    it('should render networks footer and handle help click', async () => {
+        vi.spyOn(HelpersUtil, 'hasFooter').mockReturnValue(true);
+        vi.spyOn(RouterController, 'state', 'get').mockReturnValue({
+            ...RouterController.state,
+            view: 'Networks'
+        });
+        const sendEventSpy = vi.spyOn(EventsController, 'sendEvent');
+        const pushSpy = vi.spyOn(RouterController, 'push');
+        const el = await fixture(html `<w3m-footer></w3m-footer>`);
+        await elementUpdated(el);
+        const text = el.shadowRoot?.querySelector('wui-text');
+        expect(text).toBeTruthy();
+        const link = el.shadowRoot?.querySelector('wui-link');
+        expect(link).toBeTruthy();
+        link?.click();
+        expect(sendEventSpy).toHaveBeenCalledWith({ type: 'track', event: 'CLICK_NETWORK_HELP' });
+        expect(pushSpy).toHaveBeenCalledWith('WhatIsANetwork');
+    });
+});
+//# sourceMappingURL=w3m-footer.test.js.map

package/dist/esm/test/modal/w3m-footer.test.js.map

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

package/dist/esm/test/modal/w3m-modal.test.js

@@ -0,0 +1,322 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { afterEach, beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import {} from '@reown/appkit-common';
+import { AlertController, ApiController, ChainController, ModalController, OptionsController, RouterController, SIWXUtil } from '@reown/appkit-controllers';
+import { ErrorUtil } from '@reown/appkit-utils';
+import { W3mModal } from '../../src/modal/w3m-modal';
+import { HelpersUtil } from '../utils/HelpersUtil';
+const mainnet = {
+    id: 1,
+    name: 'Ethereum',
+    caipNetworkId: 'eip155:1',
+    chainNamespace: 'eip155'
+};
+const polygon = {
+    id: 137,
+    name: 'Polygon',
+    caipNetworkId: 'eip155:137',
+    chainNamespace: 'eip155'
+};
+beforeAll(() => {
+    global.ResizeObserver = vi.fn().mockImplementation(() => ({
+        observe: vi.fn(),
+        unobserve: vi.fn(),
+        disconnect: vi.fn()
+    }));
+});
+describe('W3mModal', () => {
+    describe('Embedded Mode', () => {
+        let element;
+        beforeEach(async () => {
+            Element.prototype.animate = vi.fn().mockReturnValue({ finished: true });
+            vi.spyOn(ApiController, 'prefetch').mockImplementation(() => Promise.resolve([]));
+            vi.spyOn(ApiController, 'fetchWalletsByPage').mockImplementation(() => Promise.resolve());
+            vi.spyOn(ApiController, 'prefetchAnalyticsConfig').mockImplementation(() => Promise.resolve());
+            OptionsController.setEnableEmbedded(true);
+            ModalController.close();
+            element = await fixture(html `<w3m-modal .enableEmbedded=${true}></w3m-modal>`);
+        });
+        afterEach(() => {
+            vi.clearAllMocks();
+        });
+        it('should be visible when embedded is enabled', () => {
+            expect(element).toBeTruthy();
+            const card = HelpersUtil.getByTestId(element, 'w3m-modal-card');
+            expect(card).toBeTruthy();
+            expect(HelpersUtil.querySelect(element, 'w3m-header')).toBeTruthy();
+            expect(HelpersUtil.querySelect(element, 'w3m-router')).toBeTruthy();
+            expect(HelpersUtil.querySelect(element, 'w3m-snackbar')).toBeTruthy();
+            expect(HelpersUtil.querySelect(element, 'w3m-alertbar')).toBeTruthy();
+            expect(HelpersUtil.querySelect(element, 'w3m-tooltip')).toBeTruthy();
+        });
+        it('should not render overlay in embedded mode', () => {
+            const overlay = HelpersUtil.getByTestId(element, 'w3m-modal-overlay');
+            expect(overlay).toBeNull();
+        });
+        it('should close modal when wallet is connected', async () => {
+            ChainController.state.activeCaipAddress = 'eip155:1:0x123...';
+            await fixture(html `<w3m-modal .enableEmbedded=${true}></w3m-modal>`);
+            ChainController.state.activeCaipAddress = undefined;
+            expect(ModalController.state.open).toBe(false);
+        });
+        it('should prefetch when modal is open', async () => {
+            element = await fixture(html `<w3m-modal .enableEmbedded=${true}></w3m-modal>`);
+            expect(ApiController.prefetch).toHaveBeenCalled();
+        });
+    });
+    describe('Standard Mode', () => {
+        let element;
+        beforeEach(async () => {
+            vi.spyOn(ApiController, 'prefetch').mockImplementation(() => Promise.resolve([]));
+            vi.spyOn(ApiController, 'fetchWalletsByPage').mockImplementation(() => Promise.resolve());
+            vi.spyOn(ApiController, 'prefetchAnalyticsConfig').mockImplementation(() => Promise.resolve());
+            OptionsController.setEnableEmbedded(false);
+            ModalController.close();
+            element = await fixture(html `<w3m-modal></w3m-modal>`);
+        });
+        afterEach(() => {
+            vi.clearAllMocks();
+        });
+        it('should not be visible when closed', () => {
+            expect(HelpersUtil.getByTestId(element, 'w3m-modal-overlay')).toBeNull();
+        });
+        it('should prefetch when modal is open', async () => {
+            await ModalController.open();
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(ApiController.prefetch).toHaveBeenCalled();
+        });
+        it('should be visible when opened', async () => {
+            await ModalController.open();
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(HelpersUtil.getByTestId(element, 'w3m-modal-overlay')).toBeTruthy();
+            expect(HelpersUtil.getByTestId(element, 'w3m-modal-card')).toBeTruthy();
+        });
+        it('should handle overlay click', async () => {
+            ModalController.open();
+            element.requestUpdate();
+            await elementUpdated(element);
+            const overlay = HelpersUtil.getByTestId(element, 'w3m-modal-overlay');
+            overlay?.click();
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(ModalController.state.open).toBe(false);
+        });
+        it('should add shake class when shaking', async () => {
+            ModalController.open();
+            element.requestUpdate();
+            await elementUpdated(element);
+            ModalController.shake();
+            element.requestUpdate();
+            await elementUpdated(element);
+            const card = HelpersUtil.getByTestId(element, 'w3m-modal-card');
+            expect(card?.getAttribute('shake')).toBe('true');
+        });
+        it('prevents closing on unsupported chain', async () => {
+            const shakeSpy = vi.spyOn(ModalController, 'shake');
+            ModalController.open({ view: 'UnsupportedChain' });
+            element.requestUpdate();
+            await elementUpdated(element);
+            const overlay = HelpersUtil.getByTestId(element, 'w3m-modal-overlay');
+            overlay?.click();
+            expect(shakeSpy).toHaveBeenCalled();
+            expect(ModalController.state.open).toBe(true);
+        });
+    });
+    describe('Network Changes', () => {
+        let element;
+        beforeEach(async () => {
+            vi.restoreAllMocks();
+            global.ResizeObserver = vi.fn().mockImplementation(() => ({
+                observe: vi.fn(),
+                unobserve: vi.fn(),
+                disconnect: vi.fn()
+            }));
+            vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+                ...ChainController.state,
+                activeChain: 'eip155'
+            });
+            vi.spyOn(ChainController, 'getAccountData').mockReturnValue({
+                caipAddress: 'eip155:1:0x123'
+            });
+            vi.spyOn(ApiController, 'prefetch').mockImplementation(() => Promise.resolve([]));
+            vi.spyOn(ApiController, 'fetchWalletsByPage').mockImplementation(() => Promise.resolve());
+            vi.spyOn(ApiController, 'prefetchAnalyticsConfig').mockImplementation(() => Promise.resolve());
+            OptionsController.setEnableEmbedded(false);
+            element = await fixture(html `<w3m-modal></w3m-modal>`);
+        });
+        afterEach(() => {
+            vi.clearAllMocks();
+        });
+        it('should handle network change when not connected', async () => {
+            ModalController.close();
+            const goBackSpy = vi.spyOn(RouterController, 'goBack');
+            element.caipAddress = undefined;
+            element.caipNetwork = mainnet;
+            ChainController.setActiveCaipNetwork(polygon);
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(goBackSpy).not.toHaveBeenCalled();
+        });
+        it('should call goBack when network changed and page is UnsupportedChain', async () => {
+            ModalController.open({ view: 'UnsupportedChain' });
+            const goBackSpy = vi.spyOn(RouterController, 'goBack');
+            ChainController.setActiveCaipNetwork(mainnet);
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(goBackSpy).toHaveBeenCalled();
+        });
+        it('should handle network change when connected', async () => {
+            ModalController.close();
+            const goBackSpy = vi.spyOn(RouterController, 'goBack');
+            element.caipAddress = 'eip155:137:0x123';
+            element.caipNetwork = polygon;
+            ChainController.setActiveCaipNetwork(mainnet);
+            element.requestUpdate();
+            await elementUpdated(element);
+            expect(goBackSpy).not.toHaveBeenCalled();
+        });
+    });
+    describe('Initialization', () => {
+        it('should prefetch analytics config on page load', async () => {
+            const prefetchSpy = vi.spyOn(ApiController, 'prefetchAnalyticsConfig');
+            await fixture(html `<w3m-modal></w3m-modal>`);
+            expect(prefetchSpy).toHaveBeenCalled();
+        });
+        it('should clean up subscriptions on disconnect', async () => {
+            const element = await fixture(html `<w3m-modal></w3m-modal>`);
+            const abortSpy = vi.fn();
+            element.abortController = { abort: abortSpy };
+            element.disconnectedCallback();
+            expect(abortSpy).toHaveBeenCalled();
+        });
+    });
+    describe('SIWX/SIWE', () => {
+        beforeAll(() => {
+            const w3mFrame = document.createElement('iframe');
+            w3mFrame.id = 'w3m-iframe';
+            document.body.appendChild(w3mFrame);
+        });
+        it('should prevent the user from closing the modal when required is set to true', async () => {
+            ModalController.open({ view: 'ApproveTransaction' });
+            vi.useFakeTimers();
+            vi.spyOn(SIWXUtil, 'getSIWX').mockReturnValue({
+                getRequired: vi.fn().mockReturnValue(true),
+                getSessions: vi.fn().mockResolvedValue([])
+            });
+            const element = await fixture(html `<w3m-modal></w3m-modal>`);
+            const shakeSpy = vi.spyOn(ModalController, 'shake');
+            const closeSpy = vi.spyOn(ModalController, 'close');
+            const overlay = HelpersUtil.getByTestId(element, 'w3m-modal-overlay');
+            overlay.click();
+            await vi.advanceTimersByTimeAsync(200);
+            expect(closeSpy).not.toHaveBeenCalled();
+            expect(shakeSpy).toHaveBeenCalled();
+        });
+        it('should allow the user to close the modal when required is set to false', async () => {
+            ModalController.open({ view: 'ApproveTransaction' });
+            vi.useFakeTimers();
+            vi.spyOn(SIWXUtil, 'getSIWX').mockReturnValue({
+                getRequired: vi.fn().mockReturnValue(false),
+                getSessions: vi.fn().mockResolvedValue([])
+            });
+            const element = await fixture(html `<w3m-modal></w3m-modal>`);
+            const shakeSpy = vi.spyOn(ModalController, 'shake');
+            const closeSpy = vi.spyOn(ModalController, 'close');
+            const overlay = HelpersUtil.getByTestId(element, 'w3m-modal-overlay');
+            overlay.click();
+            await vi.advanceTimersByTimeAsync(200);
+            expect(shakeSpy).not.toHaveBeenCalled();
+            expect(closeSpy).toHaveBeenCalled();
+        });
+    });
+    describe('Debug Mode', () => {
+        let element;
+        beforeAll(() => {
+            ModalController.open();
+        });
+        beforeEach(async () => {
+            vi.spyOn(ApiController, 'prefetch').mockImplementation(() => Promise.resolve([]));
+            vi.spyOn(ApiController, 'fetchWalletsByPage').mockImplementation(() => Promise.resolve());
+            vi.spyOn(ApiController, 'prefetchAnalyticsConfig').mockImplementation(() => Promise.resolve());
+            vi.spyOn(AlertController, 'open');
+            AlertController.close();
+        });
+        afterEach(() => {
+            vi.clearAllMocks();
+        });
+        it('should display alert when debug mode is enabled and project ID is not configured', async () => {
+            OptionsController.setDebug(true);
+            AlertController.open(ErrorUtil.ALERT_ERRORS.PROJECT_ID_NOT_CONFIGURED, 'error');
+            element = await fixture(html `<w3m-modal></w3m-modal>`);
+            await elementUpdated(element);
+            const alertbar = HelpersUtil.querySelect(element, 'w3m-alertbar');
+            expect(alertbar).toBeTruthy();
+            expect(AlertController.state.open).toBe(true);
+            expect(AlertController.state.message).toBe('Project ID Missing');
+            expect(AlertController.state.variant).toBe('error');
+        });
+        it('should not display alert when debug mode is disabled', async () => {
+            OptionsController.setDebug(false);
+            AlertController.open(ErrorUtil.ALERT_ERRORS.PROJECT_ID_NOT_CONFIGURED, 'error');
+            element = await fixture(html `<w3m-modal></w3m-modal>`);
+            await elementUpdated(element);
+            expect(AlertController.state.open).toBe(false);
+        });
+    });
+    describe('onNewAddress', () => {
+        let element;
+        beforeEach(async () => {
+            vi.spyOn(ApiController, 'prefetch').mockImplementation(() => Promise.resolve([]));
+            vi.spyOn(ApiController, 'fetchWalletsByPage').mockImplementation(() => Promise.resolve());
+            vi.spyOn(ApiController, 'prefetchAnalyticsConfig').mockImplementation(() => Promise.resolve());
+            vi.spyOn(SIWXUtil, 'initializeIfEnabled').mockImplementation(() => Promise.resolve());
+            vi.spyOn(SIWXUtil, 'getSessions').mockImplementation(() => Promise.resolve([]));
+            vi.spyOn(ChainController, 'setIsSwitchingNamespace');
+            vi.spyOn(ModalController, 'close');
+            vi.spyOn(RouterController, 'goBack');
+            element = await fixture(html `<w3m-modal></w3m-modal>`);
+        });
+        afterEach(() => {
+            vi.clearAllMocks();
+            RouterController.state.view = 'Connect';
+            ChainController.state.isSwitchingNamespace = false;
+        });
+        it('should close modal when address is undefined and not in special states', async () => {
+            await element.onNewAddress(undefined);
+            expect(ModalController.close).toHaveBeenCalled();
+            expect(ChainController.setIsSwitchingNamespace).toHaveBeenCalledWith(false);
+            expect(SIWXUtil.initializeIfEnabled).toHaveBeenCalled();
+        });
+        it('should not close modal when address is undefined but switching namespace', async () => {
+            ChainController.state.isSwitchingNamespace = true;
+            element.caipAddress = 'eip155:1:0x123';
+            await element.onNewAddress(undefined);
+            expect(ModalController.close).not.toHaveBeenCalled();
+            expect(ChainController.setIsSwitchingNamespace).toHaveBeenCalledWith(false);
+            expect(SIWXUtil.initializeIfEnabled).toHaveBeenCalled();
+        });
+        it('should handle namespace switching with authenticated session', async () => {
+            ChainController.state.isSwitchingNamespace = true;
+            vi.spyOn(SIWXUtil, 'getSIWX').mockReturnValue({
+                getRequired: vi.fn().mockReturnValue(true)
+            });
+            vi.spyOn(SIWXUtil, 'getSessions').mockResolvedValue([
+                { data: { accountAddress: '0x123' } }
+            ]);
+            await element.onNewAddress('eip155:1:0x123');
+            expect(SIWXUtil.initializeIfEnabled).toHaveBeenCalledOnce();
+            expect(ChainController.setIsSwitchingNamespace).toHaveBeenCalledWith(false);
+        });
+        it('should not navigate when in profile view with new address', async () => {
+            RouterController.state.view = 'ProfileWallets';
+            await element.onNewAddress('eip155:1:0x123');
+            expect(RouterController.goBack).not.toHaveBeenCalled();
+            expect(ModalController.close).not.toHaveBeenCalled();
+            expect(ChainController.setIsSwitchingNamespace).toHaveBeenCalledWith(false);
+        });
+    });
+});
+//# sourceMappingURL=w3m-modal.test.js.map