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

package/dist/esm/test/partials/w3m-onramp-provider-item.test.js

@@ -0,0 +1,123 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { ConstantsUtil } from '@reown/appkit-common';
+import { AssetUtil, ChainController } from '@reown/appkit-controllers';
+import { W3mOnRampProviderItem } from '../../src/partials/w3m-onramp-provider-item';
+describe('W3mOnRampProviderItem', () => {
+    beforeEach(() => {
+        const mockNetworks = [
+            {
+                id: '1',
+                name: 'Ethereum',
+                chainNamespace: ConstantsUtil.CHAIN.EVM,
+                caipNetworkId: 'eip155:1',
+                nativeCurrency: {
+                    name: 'Ether',
+                    symbol: 'ETH',
+                    decimals: 18
+                },
+                rpcUrls: {
+                    default: { http: ['https://eth.llamarpc.com'] }
+                },
+                assets: { imageId: 'ethereum', imageUrl: 'ethereum.png' }
+            },
+            {
+                id: '137',
+                name: 'Polygon',
+                chainNamespace: ConstantsUtil.CHAIN.EVM,
+                caipNetworkId: 'eip155:137',
+                nativeCurrency: {
+                    name: 'MATIC',
+                    symbol: 'MATIC',
+                    decimals: 18
+                },
+                rpcUrls: {
+                    default: { http: ['https://polygon.llamarpc.com'] }
+                },
+                assets: { imageId: 'polygon', imageUrl: 'polygon.png' }
+            }
+        ];
+        vi.spyOn(ChainController, 'getAllRequestedCaipNetworks').mockReturnValue(mockNetworks);
+        vi.spyOn(AssetUtil, 'getNetworkImage').mockReturnValue('network-image.png');
+    });
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+    it('should render with default properties', async () => {
+        const element = await fixture(html `<w3m-onramp-provider-item></w3m-onramp-provider-item>`);
+        expect(element.disabled).toBe(false);
+        expect(element.color).toBe('inherit');
+        expect(element.name).toBeUndefined();
+        expect(element.label).toBe('');
+        expect(element.feeRange).toBe('');
+        expect(element.loading).toBe(false);
+        expect(element.onClick).toBeNull();
+    });
+    it('should render with custom properties', async () => {
+        const element = await fixture(html `<w3m-onramp-provider-item
+        name="meld"
+        label="Meld.io"
+        feeRange="1-2%"
+      ></w3m-onramp-provider-item>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const visual = element.shadowRoot?.querySelector('wui-visual');
+        expect(visual?.getAttribute('name')).toBe('meld');
+        const labelText = element.shadowRoot?.querySelector('wui-text[variant="md-regular"]');
+        expect(labelText?.textContent?.trim()).toBe('Meld.io');
+        const feeText = element.shadowRoot?.querySelector('wui-text[variant="sm-medium"]');
+        expect(feeText?.textContent?.trim()).toContain('1-2%');
+    });
+    it('should render loading spinner when loading is true', async () => {
+        const element = await fixture(html `<w3m-onramp-provider-item .loading=${true}></w3m-onramp-provider-item>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const spinner = element.shadowRoot?.querySelector('wui-loading-spinner');
+        expect(spinner).not.toBeNull();
+    });
+    it('should render chevron icon when not loading', async () => {
+        const element = await fixture(html `<w3m-onramp-provider-item .loading=${false}></w3m-onramp-provider-item>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const chevron = element.shadowRoot?.querySelector('wui-icon[name="chevronRight"]');
+        expect(chevron).not.toBeNull();
+    });
+    it('should render payment method icons', async () => {
+        const element = await fixture(html `<w3m-onramp-provider-item></w3m-onramp-provider-item>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const bankIcon = element.shadowRoot?.querySelector('wui-icon[name="bank"]');
+        const cardIcon = element.shadowRoot?.querySelector('wui-icon[name="card"]');
+        expect(bankIcon).not.toBeNull();
+        expect(cardIcon).not.toBeNull();
+    });
+    it('should render network icons', async () => {
+        const element = await fixture(html `<w3m-onramp-provider-item></w3m-onramp-provider-item>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const networkImages = element.shadowRoot?.querySelectorAll('.network-icon wui-image');
+        expect(networkImages?.length).toBe(2);
+        networkImages?.forEach(image => {
+            expect(image.getAttribute('src')).toBe('network-image.png');
+        });
+    });
+    it('should handle disabled state', async () => {
+        const element = await fixture(html `<w3m-onramp-provider-item .disabled=${true}></w3m-onramp-provider-item>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const button = element.shadowRoot?.querySelector('button');
+        expect(button?.disabled).toBe(true);
+    });
+    it('should handle click events', async () => {
+        const onClick = vi.fn();
+        const element = await fixture(html `<w3m-onramp-provider-item></w3m-onramp-provider-item>`);
+        element.onClick = onClick;
+        element.requestUpdate();
+        await elementUpdated(element);
+        const button = element.shadowRoot?.querySelector('button');
+        button?.click();
+        expect(onClick).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=w3m-onramp-provider-item.test.js.map

package/dist/esm/test/partials/w3m-onramp-provider-item.test.js.map

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

package/dist/esm/test/partials/w3m-onramp-providers-footer.test.js

@@ -0,0 +1,117 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { ChainController, EventsController, OptionsController, RouterController } from '@reown/appkit-controllers';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import { W3mOnRampProvidersFooter } from '../../src/partials/w3m-onramp-providers-footer';
+describe('W3mOnRampProvidersFooter', () => {
+    beforeEach(() => {
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            termsConditionsUrl: 'https://terms.com',
+            privacyPolicyUrl: 'https://privacy.com'
+        });
+    });
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+    it('should render null when no terms or privacy URLs are provided', async () => {
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            termsConditionsUrl: '',
+            privacyPolicyUrl: ''
+        });
+        const element = await fixture(html `<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`);
+        await elementUpdated(element);
+        expect(element.shadowRoot?.querySelector('wui-flex')).toBeNull();
+    });
+    it('should render footer content when URLs are provided', async () => {
+        const element = await fixture(html `<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const text = element.shadowRoot?.querySelector('wui-text[color="secondary"]');
+        const textContent = text?.textContent?.replace(/\s+/g, ' ').trim();
+        expect(textContent).toBe('We work with the best providers to give you the lowest fees and best support. More options coming soon!');
+    });
+    it('should render "How does it work?" link', async () => {
+        const element = await fixture(html `<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const link = element.shadowRoot?.querySelector('wui-link');
+        expect(link).not.toBeNull();
+        expect(link?.textContent?.trim()).toBe('How does it work?');
+        const icon = link?.querySelector('wui-icon[name="helpCircle"]');
+        expect(icon).not.toBeNull();
+    });
+    it('should handle "How does it work?" click event', async () => {
+        const eventsControllerSpy = vi.spyOn(EventsController, 'sendEvent');
+        const routerControllerSpy = vi.spyOn(RouterController, 'push');
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            chains: new Map([
+                [
+                    'eip155',
+                    {
+                        accountState: {
+                            preferredAccountType: W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                        }
+                    }
+                ]
+            ]),
+            activeChain: 'eip155',
+            activeCaipNetwork: {
+                chainNamespace: 'eip155',
+                chainId: '1'
+            }
+        });
+        const element = await fixture(html `<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const link = element.shadowRoot?.querySelector('wui-link');
+        link?.click();
+        expect(eventsControllerSpy).toHaveBeenCalledWith({
+            type: 'track',
+            event: 'SELECT_WHAT_IS_A_BUY',
+            properties: {
+                isSmartAccount: true
+            }
+        });
+        expect(routerControllerSpy).toHaveBeenCalledWith('WhatIsABuy');
+    });
+    it('should handle "How does it work?" click event with non-smart account', async () => {
+        const eventsControllerSpy = vi.spyOn(EventsController, 'sendEvent');
+        const routerControllerSpy = vi.spyOn(RouterController, 'push');
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            chains: new Map([
+                [
+                    'eip155',
+                    {
+                        accountState: {
+                            preferredAccountType: W3mFrameRpcConstants.ACCOUNT_TYPES.EOA
+                        }
+                    }
+                ]
+            ]),
+            activeChain: 'eip155',
+            activeCaipNetwork: {
+                chainNamespace: 'eip155',
+                chainId: '1'
+            }
+        });
+        const element = await fixture(html `<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`);
+        element.requestUpdate();
+        await elementUpdated(element);
+        const link = element.shadowRoot?.querySelector('wui-link');
+        link?.click();
+        expect(eventsControllerSpy).toHaveBeenCalledWith({
+            type: 'track',
+            event: 'SELECT_WHAT_IS_A_BUY',
+            properties: {
+                isSmartAccount: false
+            }
+        });
+        expect(routerControllerSpy).toHaveBeenCalledWith('WhatIsABuy');
+    });
+});
+//# sourceMappingURL=w3m-onramp-providers-footer.test.js.map

package/dist/esm/test/partials/w3m-onramp-providers-footer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w3m-onramp-providers-footer.test.js","sourceRoot":"","sources":["../../../../test/partials/w3m-onramp-providers-footer.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAExE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,OAAO,EACL,eAAe,EAEf,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAA;AAEzF,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,CAAC,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YAC1D,GAAG,iBAAiB,CAAC,KAAK;YAC1B,kBAAkB,EAAE,mBAAmB;YACvC,gBAAgB,EAAE,qBAAqB;SACxC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,aAAa,EAAE,CAAA;IACpB,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,EAAE,CAAC,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YAC1D,GAAG,iBAAiB,CAAC,KAAK;YAC1B,kBAAkB,EAAE,EAAE;YACtB,gBAAgB,EAAE,EAAE;SACrB,CAAC,CAAA;QAEF,MAAM,OAAO,GAA6B,MAAM,OAAO,CACrD,IAAI,CAAA,6DAA6D,CAClE,CAAA;QAED,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;QAC7B,MAAM,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;IAClE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,OAAO,GAA6B,MAAM,OAAO,CACrD,IAAI,CAAA,6DAA6D,CAClE,CAAA;QAED,OAAO,CAAC,aAAa,EAAE,CAAA;QACvB,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;QAE7B,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,6BAA6B,CAAC,CAAA;QAC7E,MAAM,WAAW,GAAG,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAA;QAClE,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CACtB,yGAAyG,CAC1G,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,OAAO,GAA6B,MAAM,OAAO,CACrD,IAAI,CAAA,6DAA6D,CAClE,CAAA;QAED,OAAO,CAAC,aAAa,EAAE,CAAA;QACvB,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;QAE7B,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;QAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;QAC3B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;QAE3D,MAAM,IAAI,GAAG,IAAI,EAAE,aAAa,CAAC,6BAA6B,CAAC,CAAA;QAC/D,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;IAC7B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,mBAAmB,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;QACnE,MAAM,mBAAmB,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;QAC9D,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YACxD,GAAG,eAAe,CAAC,KAAK;YACxB,MAAM,EAAE,IAAI,GAAG,CAAC;gBACd;oBACE,QAAQ;oBACR;wBACE,YAAY,EAAE;4BACZ,oBAAoB,EAAE,oBAAoB,CAAC,aAAa,CAAC,aAAa;yBACvE;qBACF;iBACF;aACF,CAAC;YACF,WAAW,EAAE,QAAQ;YACrB,iBAAiB,EAAE;gBACjB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,GAAG;aACa;SACJ,CAAC,CAAA;QAE1B,MAAM,OAAO,GAA6B,MAAM,OAAO,CACrD,IAAI,CAAA,6DAA6D,CAClE,CAAA;QAED,OAAO,CAAC,aAAa,EAAE,CAAA;QACvB,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;QAE7B,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;QAC1D,IAAI,EAAE,KAAK,EAAE,CAAA;QAEb,MAAM,CAAC,mBAAmB,CAAC,CAAC,oBAAoB,CAAC;YAC/C,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,sBAAsB;YAC7B,UAAU,EAAE;gBACV,cAAc,EAAE,IAAI;aACrB;SACF,CAAC,CAAA;QACF,MAAM,CAAC,mBAAmB,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,mBAAmB,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;QACnE,MAAM,mBAAmB,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;QAE9D,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YACxD,GAAG,eAAe,CAAC,KAAK;YACxB,MAAM,EAAE,IAAI,GAAG,CAAC;gBACd;oBACE,QAAQ;oBACR;wBACE,YAAY,EAAE;4BACZ,oBAAoB,EAAE,oBAAoB,CAAC,aAAa,CAAC,GAAG;yBAC7D;qBACF;iBACF;aACF,CAAC;YACF,WAAW,EAAE,QAAQ;YACrB,iBAAiB,EAAE;gBACjB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,GAAG;aACa;SACJ,CAAC,CAAA;QAE1B,MAAM,OAAO,GAA6B,MAAM,OAAO,CACrD,IAAI,CAAA,6DAA6D,CAClE,CAAA;QAED,OAAO,CAAC,aAAa,EAAE,CAAA;QACvB,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;QAE7B,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;QAC1D,IAAI,EAAE,KAAK,EAAE,CAAA;QAEb,MAAM,CAAC,mBAAmB,CAAC,CAAC,oBAAoB,CAAC;YAC/C,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,sBAAsB;YAC7B,UAAU,EAAE;gBACV,cAAc,EAAE,KAAK;aACtB;SACF,CAAC,CAAA;QACF,MAAM,CAAC,mBAAmB,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/esm/test/partials/w3m-recent-emails-widget.test.js

@@ -0,0 +1,162 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { W3mRecentEmailsWidget } from '../../src/partials/w3m-recent-emails-widget/index.js';
+import { HelpersUtil } from '../utils/HelpersUtil';
+describe('W3mRecentEmailsWidget', () => {
+    let element;
+    beforeEach(() => {
+        vi.restoreAllMocks();
+        if (!customElements.get('w3m-recent-emails-widget')) {
+            customElements.define('w3m-recent-emails-widget', W3mRecentEmailsWidget);
+        }
+        document.body.innerHTML = '';
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+        document.body.innerHTML = '';
+    });
+    const createWidget = async (emails = []) => {
+        const widget = document.createElement('w3m-recent-emails-widget');
+        widget.emails = emails;
+        document.body.appendChild(widget);
+        await new Promise(resolve => setTimeout(resolve, 0));
+        await widget.updateComplete;
+        return widget;
+    };
+    describe('Rendering', () => {
+        it('should render nothing when emails array is empty', async () => {
+            element = await createWidget([]);
+            const container = HelpersUtil.querySelect(element, '.recent-emails');
+            expect(container).toBeNull();
+        });
+        it('should render recent emails list when emails are provided', async () => {
+            const emails = ['test@example.com', 'user@domain.com'];
+            element = await createWidget(emails);
+            const container = HelpersUtil.querySelect(element, '.recent-emails');
+            expect(container).toBeTruthy();
+            const heading = HelpersUtil.querySelect(element, '.recent-emails-heading');
+            expect(heading).toBeTruthy();
+            expect(heading?.textContent).toBe('Recently used emails');
+            const listItems = HelpersUtil.querySelectAll(element, 'wui-list-item');
+            expect(listItems.length).toBe(2);
+        });
+        it('should display correct email addresses in list items', async () => {
+            const emails = ['john@example.com', 'jane@test.com', 'admin@company.org'];
+            element = await createWidget(emails);
+            const listItems = HelpersUtil.querySelectAll(element, 'wui-list-item');
+            expect(listItems.length).toBe(3);
+            emails.forEach((email, index) => {
+                const listItem = listItems[index];
+                if (listItem) {
+                    expect(listItem.textContent?.trim()).toBe(email);
+                }
+            });
+        });
+        it('should set correct attributes on list items', async () => {
+            const emails = ['test@example.com'];
+            element = await createWidget(emails);
+            const listItem = HelpersUtil.querySelect(element, 'wui-list-item');
+            expect(listItem).toBeTruthy();
+            expect(listItem?.getAttribute('icon')).toBe('mail');
+            expect(listItem?.getAttribute('iconVariant')).toBe('overlay');
+        });
+    });
+    describe('Event Handling', () => {
+        it('should dispatch select event when list item is clicked', async () => {
+            const emails = ['test@example.com', 'user@domain.com'];
+            element = await createWidget(emails);
+            const eventSpy = vi.fn();
+            element.addEventListener('select', eventSpy);
+            const listItems = HelpersUtil.querySelectAll(element, 'wui-list-item');
+            const firstItem = listItems[0];
+            expect(firstItem).toBeTruthy();
+            firstItem?.click();
+            expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
+                detail: 'test@example.com',
+                bubbles: true,
+                composed: true
+            }));
+        });
+        it('should dispatch correct email when different items are clicked', async () => {
+            const emails = ['first@example.com', 'second@example.com', 'third@example.com'];
+            element = await createWidget(emails);
+            const eventSpy = vi.fn();
+            element.addEventListener('select', eventSpy);
+            const listItems = HelpersUtil.querySelectAll(element, 'wui-list-item');
+            listItems[1]?.click();
+            expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
+                detail: 'second@example.com',
+                bubbles: true,
+                composed: true
+            }));
+            eventSpy.mockClear();
+            listItems[2]?.click();
+            expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
+                detail: 'third@example.com',
+                bubbles: true,
+                composed: true
+            }));
+        });
+        it('should handle click events on multiple items independently', async () => {
+            const emails = ['email1@test.com', 'email2@test.com'];
+            element = await createWidget(emails);
+            const eventSpy = vi.fn();
+            element.addEventListener('select', eventSpy);
+            const listItems = HelpersUtil.querySelectAll(element, 'wui-list-item');
+            listItems[0]?.click();
+            listItems[1]?.click();
+            expect(eventSpy).toHaveBeenCalledTimes(2);
+            expect(eventSpy).toHaveBeenNthCalledWith(1, expect.objectContaining({
+                detail: 'email1@test.com'
+            }));
+            expect(eventSpy).toHaveBeenNthCalledWith(2, expect.objectContaining({
+                detail: 'email2@test.com'
+            }));
+        });
+    });
+    describe('Dynamic Updates', () => {
+        it('should update rendering when emails property changes', async () => {
+            element = await createWidget([]);
+            let container = HelpersUtil.querySelect(element, '.recent-emails');
+            expect(container).toBeNull();
+            element.emails = ['new@example.com'];
+            await element.updateComplete;
+            container = HelpersUtil.querySelect(element, '.recent-emails');
+            expect(container).toBeTruthy();
+            const listItems = HelpersUtil.querySelectAll(element, 'wui-list-item');
+            expect(listItems.length).toBe(1);
+        });
+        it('should handle empty emails after having emails', async () => {
+            element = await createWidget(['test@example.com']);
+            let container = HelpersUtil.querySelect(element, '.recent-emails');
+            expect(container).toBeTruthy();
+            element.emails = [];
+            await element.updateComplete;
+            container = HelpersUtil.querySelect(element, '.recent-emails');
+            expect(container).toBeNull();
+        });
+    });
+    describe('Styling', () => {
+        it('should apply correct CSS classes', async () => {
+            const emails = ['test@example.com'];
+            element = await createWidget(emails);
+            const container = HelpersUtil.querySelect(element, '.recent-emails');
+            expect(container).toBeTruthy();
+            const heading = HelpersUtil.querySelect(element, '.recent-emails-heading');
+            expect(heading).toBeTruthy();
+            const listItem = HelpersUtil.querySelect(element, '.recent-emails-list-item');
+            expect(listItem).toBeTruthy();
+        });
+        it('should set correct text variants and colors', async () => {
+            const emails = ['test@example.com'];
+            element = await createWidget(emails);
+            const heading = HelpersUtil.querySelect(element, '.recent-emails-heading');
+            expect(heading?.getAttribute('variant')).toBe('micro-600');
+            expect(heading?.getAttribute('color')).toBe('fg-200');
+            const textElements = HelpersUtil.querySelectAll(element, 'wui-text');
+            const emailTextElement = Array.from(textElements).find((el) => el !== heading);
+            expect(emailTextElement?.getAttribute('variant')).toBe('paragraph-500');
+            expect(emailTextElement?.getAttribute('color')).toBe('fg-100');
+        });
+    });
+});
+//# sourceMappingURL=w3m-recent-emails-widget.test.js.map

package/dist/esm/test/partials/w3m-recent-emails-widget.test.js.map

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

package/dist/esm/test/partials/w3m-router-container.test.js

@@ -0,0 +1,70 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { beforeAll, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { OptionsController } from '@reown/appkit-controllers';
+import '../../src/partials/w3m-router-container/index';
+describe('W3mRouterContainer', () => {
+    beforeAll(() => {
+        global.ResizeObserver = class {
+            observe() { }
+            unobserve() { }
+            disconnect() { }
+        };
+    });
+    it('should apply transition CSS variables on firstUpdated and updates on prop change', async () => {
+        const el = (await fixture(html `<w3m-router-container
+        transitionDuration="0.2s"
+        transitionFunction="ease-in"
+      ></w3m-router-container>`));
+        const style = el.style.cssText;
+        expect(style).toContain('--local-duration: 0.2s');
+        expect(style).toContain('--local-transition: ease-in');
+        el.transitionDuration = '0.2s';
+        await elementUpdated(el);
+        expect(el.style.cssText).toContain('--local-duration: 0.2s');
+    });
+    it('should compute viewDirection and calls setView on history change', async () => {
+        const setView = vi.fn();
+        const el = await fixture(html `<w3m-router-container
+        transitionDuration="0.01s"
+        .setView=${setView}
+        history="A"
+      ></w3m-router-container>`);
+        expect(el.viewDirection).toBe('');
+        el.history = 'A,B';
+        await elementUpdated(el);
+        expect(el.viewDirection).toContain('next-B');
+        await vi.waitFor(() => {
+            expect(setView).toHaveBeenCalledWith('B');
+            expect(el.viewDirection).toBe('');
+        });
+    });
+    it('should render slot content within page-content', async () => {
+        const el = (await fixture(html `<w3m-router-container><div id="child">child</div></w3m-router-container>`));
+        const child = el.querySelector('#child');
+        expect(child).toBeTruthy();
+    });
+    it('should set the correct properties and values when mobileFullScreen is true', async () => {
+        OptionsController.state.enableMobileFullScreen = true;
+        document.documentElement.style.setProperty('--apkt-footer-height', '16');
+        const el = (await fixture(html `<w3m-router-container transitionDuration="0s" />`));
+        await elementUpdated(el);
+        const container = el.shadowRoot?.querySelector('div.container');
+        const page = el.shadowRoot?.querySelector('div.page');
+        expect(container.getAttribute('data-mobile-fullscreen')).toBe('true');
+        expect(page.getAttribute('data-mobile-fullscreen')).toBe('true');
+        expect(el.style.getPropertyValue('--local-border-bottom-radius').trim()).toBe('0px');
+    });
+    it('should set the correct properties and values mobileFullScreen is false', async () => {
+        OptionsController.state.enableMobileFullScreen = false;
+        document.documentElement.style.setProperty('--apkt-footer-height', '16');
+        const el = (await fixture(html `<w3m-router-container transitionDuration="0s" />`));
+        await elementUpdated(el);
+        const container = el.shadowRoot?.querySelector('div.container');
+        const page = el.shadowRoot?.querySelector('div.page');
+        expect(container.getAttribute('data-mobile-fullscreen')).toBe('false');
+        expect(page.getAttribute('data-mobile-fullscreen')).toBe('false');
+        expect(el.style.getPropertyValue('--local-border-bottom-radius').trim()).toBe('var(--apkt-borderRadius-5)');
+    });
+});
+//# sourceMappingURL=w3m-router-container.test.js.map

package/dist/esm/test/partials/w3m-router-container.test.js.map

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

package/dist/esm/test/partials/w3m-siwx-sign-message-thumbnails.test.js

@@ -0,0 +1,49 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { ChainController, OptionsController } from '@reown/appkit-controllers';
+import '../../src/partials/w3m-siwx-sign-message-thumbnails/index';
+import { HelpersUtil } from '../utils/HelpersUtil';
+describe('W3mSIWXSignMessageThumbnails', () => {
+    beforeAll(() => {
+        Element.prototype.animate = vi.fn();
+    });
+    beforeEach(() => {
+        vi.clearAllMocks();
+        vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
+            ...OptionsController.state,
+            metadata: { icons: ['https://dapp/img.png'] }
+        });
+        vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
+            ...ChainController.state,
+            activeCaipAddress: 'eip155:1:0x1234567890abcdef1234567890abcdef12345678',
+            chains: new Map([
+                [
+                    'eip155',
+                    {
+                        accountState: {
+                            connectedWalletInfo: { icon: 'https://wallet/img.png' }
+                        }
+                    }
+                ]
+            ])
+        });
+        vi.spyOn(ChainController, 'getAccountData').mockReturnValue({
+            connectedWalletInfo: { icon: 'https://wallet/img.png' }
+        });
+    });
+    it('renders two visual thumbnails with correct images and border flag', async () => {
+        const el = await fixture(html `<w3m-siwx-sign-message-thumbnails></w3m-siwx-sign-message-thumbnails>`);
+        const thumbnails = HelpersUtil.querySelectAll(el, 'wui-visual-thumbnail');
+        expect(thumbnails.length).toBe(2);
+        expect(thumbnails[0]?.hasAttribute('borderradiusfull')).toBe(true);
+        expect(thumbnails[0]?.imageSrc).toBe('https://dapp/img.png');
+        expect(thumbnails[1]?.imageSrc).toBe('https://wallet/img.png');
+    });
+    it('triggers animations on firstUpdated', async () => {
+        const el = await fixture(html `<w3m-siwx-sign-message-thumbnails></w3m-siwx-sign-message-thumbnails>`);
+        await elementUpdated(el);
+        expect(Element.prototype.animate).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=w3m-siwx-sign-message-thumbnails.test.js.map

package/dist/esm/test/partials/w3m-siwx-sign-message-thumbnails.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w3m-siwx-sign-message-thumbnails.test.js","sourceRoot":"","sources":["../../../../test/partials/w3m-siwx-sign-message-thumbnails.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAExE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,OAAO,EAGL,eAAe,EAGf,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAGlC,OAAO,2DAA2D,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,CAAC,aAAa,EAAE,CAAA;QAClB,EAAE,CAAC,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YAC1D,GAAG,iBAAiB,CAAC,KAAK;YAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,sBAAsB,CAAC,EAAc;SAC1D,CAAC,CAAA;QACF,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YACxD,GAAG,eAAe,CAAC,KAAK;YACxB,iBAAiB,EAAE,qDAAqD;YACxE,MAAM,EAAE,IAAI,GAAG,CAAC;gBACd;oBACE,QAAQ;oBACR;wBACE,YAAY,EAAE;4BACZ,mBAAmB,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAyB;yBAC/E;qBACF;iBACF;aACF,CAAiD;SACnD,CAAC,CAAA;QACF,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC,eAAe,CAAC;YAC1D,mBAAmB,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAyB;SACpD,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mEAAmE,EAAE,KAAK,IAAI,EAAE;QACjF,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,uEAAuE,CAC5E,CAAA;QACD,MAAM,UAAU,GAAG,WAAW,CAAC,cAAc,CAC3C,EAAE,EACF,sBAAsB,CACY,CAAA;QACpC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACjC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;QAC5D,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,uEAAuE,CAC5E,CAAA;QACD,MAAM,cAAc,CAAC,EAAE,CAAC,CAAA;QACxB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACtD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/esm/test/partials/w3m-snackbar.test.js

@@ -0,0 +1,39 @@
+import { elementUpdated, fixture } from '@open-wc/testing';
+import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
+import { html } from 'lit';
+import { SnackController } from '@reown/appkit-controllers';
+import '../../src/partials/w3m-snackbar/index';
+import { HelpersUtil } from '../utils/HelpersUtil';
+describe('W3mSnackBar', () => {
+    beforeAll(() => {
+        Element.prototype.animate = vi.fn();
+    });
+    beforeEach(() => {
+        vi.clearAllMocks();
+        vi.spyOn(SnackController, 'state', 'get').mockReturnValue({
+            ...SnackController.state,
+            message: 'Hello',
+            variant: 'success',
+            open: false,
+            autoClose: true
+        });
+        vi.spyOn(SnackController, 'hide').mockImplementation(vi.fn());
+    });
+    it('should render message and variant from controller state', async () => {
+        const el = await fixture(html `<w3m-snackbar></w3m-snackbar>`);
+        const snackbar = HelpersUtil.querySelect(el, 'wui-snackbar');
+        expect(snackbar?.getAttribute('message')).toBe('Hello');
+        expect(snackbar?.getAttribute('variant')).toBe('success');
+    });
+    it('should animate on open and schedules auto-close', async () => {
+        vi.spyOn(SnackController, 'state', 'get').mockReturnValue({
+            ...SnackController.state,
+            open: true
+        });
+        const el = await fixture(html `<w3m-snackbar></w3m-snackbar>`);
+        el.onOpen();
+        await elementUpdated(el);
+        expect(Element.prototype.animate).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=w3m-snackbar.test.js.map

package/dist/esm/test/partials/w3m-snackbar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w3m-snackbar.test.js","sourceRoot":"","sources":["../../../../test/partials/w3m-snackbar.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAExE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,uCAAuC,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,CAAC,aAAa,EAAE,CAAA;QAClB,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YACxD,GAAG,eAAe,CAAC,KAAK;YACxB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,IAAI;SAChB,CAAC,CAAA;QACF,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA,+BAA+B,CAAC,CAAA;QAC7D,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,CAAC,EAAE,EAAE,cAAc,CAAC,CAAA;QAE5D,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC3D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC;YACxD,GAAG,eAAe,CAAC,KAAK;YACxB,IAAI,EAAE,IAAI;SACX,CAAC,CAAA;QACF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA,+BAA+B,CAAC,CAE5D;QAAC,EAAU,CAAC,MAAM,EAAE,CAAA;QACrB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAA;QAExB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACtD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}