@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/modal/w3m-modal/index.js

@@ -0,0 +1,250 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { AccountController, ApiController, ChainController, CoreHelperUtil, EventsController, ModalController, NetworkController, OptionsController, RouterController, SnackController, ThemeController } from '@reown/appkit-core';
+import { UiHelperUtil, customElement, initializeTheming } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { ConstantsUtil } from '@reown/appkit-common';
+const SCROLL_LOCK = 'scroll-lock';
+let W3mModal = class W3mModal extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.abortController = undefined;
+        this.open = ModalController.state.open;
+        this.caipAddress = AccountController.state.caipAddress;
+        this.caipNetwork = NetworkController.state.caipNetwork;
+        this.isSiweEnabled = OptionsController.state.isSiweEnabled;
+        this.connected = AccountController.state.isConnected;
+        this.loading = ModalController.state.loading;
+        this.shake = ModalController.state.shake;
+        this.initializeTheming();
+        ApiController.prefetch();
+        this.unsubscribe.push(...[
+            ModalController.subscribeKey('open', val => (val ? this.onOpen() : this.onClose())),
+            ModalController.subscribeKey('shake', val => (this.shake = val)),
+            ModalController.subscribeKey('loading', val => this.onLoadingChange(val)),
+            AccountController.subscribeKey('isConnected', val => this.onIsConnectedChange(val)),
+            NetworkController.subscribeKey('caipNetwork', val => this.onNewNetwork(val)),
+            AccountController.subscribeKey('caipAddress', val => this.onNewAddress(val)),
+            AccountController.subscribeKey('siweStatus', val => this.onSiweStatusChange(val)),
+            OptionsController.subscribeKey('isSiweEnabled', val => (this.isSiweEnabled = val))
+        ]);
+        EventsController.sendEvent({ type: 'track', event: 'MODAL_LOADED' });
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        this.onRemoveKeyboardListener();
+    }
+    render() {
+        return this.open
+            ? html `
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            <wui-card
+              shake="${this.shake}"
+              role="alertdialog"
+              aria-modal="true"
+              tabindex="0"
+              data-testid="w3m-modal-card"
+            >
+              <w3m-header></w3m-header>
+              <w3m-router></w3m-router>
+              <w3m-snackbar></w3m-snackbar>
+            </wui-card>
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        `
+            : null;
+    }
+    async onOverlayClick(event) {
+        if (event.target === event.currentTarget) {
+            await this.handleClose();
+        }
+    }
+    async handleClose() {
+        const isSiweSignScreen = RouterController.state.view === 'ConnectingSiwe';
+        const isApproveSignScreen = RouterController.state.view === 'ApproveTransaction';
+        if (this.isSiweEnabled) {
+            const { SIWEController } = await import('@reown/appkit-siwe');
+            const isUnauthenticated = SIWEController.state.status !== 'success';
+            if (isUnauthenticated && (isSiweSignScreen || isApproveSignScreen)) {
+                ModalController.shake();
+            }
+            else {
+                ModalController.close();
+            }
+        }
+        else {
+            ModalController.close();
+        }
+    }
+    initializeTheming() {
+        const { themeVariables, themeMode } = ThemeController.state;
+        const defaultThemeMode = UiHelperUtil.getColorTheme(themeMode);
+        initializeTheming(themeVariables, defaultThemeMode);
+    }
+    onClose() {
+        this.open = false;
+        this.classList.remove('open');
+        this.onScrollUnlock();
+        SnackController.hide();
+        this.onRemoveKeyboardListener();
+    }
+    onOpen() {
+        this.open = true;
+        this.classList.add('open');
+        this.onScrollLock();
+        this.onAddKeyboardListener();
+    }
+    onScrollLock() {
+        const styleTag = document.createElement('style');
+        styleTag.dataset['w3m'] = SCROLL_LOCK;
+        styleTag.textContent = `
+      body {
+        touch-action: none;
+        overflow: hidden;
+        overscroll-behavior: contain;
+      }
+      w3m-modal {
+        pointer-events: auto;
+      }
+    `;
+        document.head.appendChild(styleTag);
+    }
+    onScrollUnlock() {
+        const styleTag = document.head.querySelector(`style[data-w3m="${SCROLL_LOCK}"]`);
+        if (styleTag) {
+            styleTag.remove();
+        }
+    }
+    onAddKeyboardListener() {
+        this.abortController = new AbortController();
+        const card = this.shadowRoot?.querySelector('wui-card');
+        card?.focus();
+        window.addEventListener('keydown', event => {
+            if (event.key === 'Escape') {
+                this.handleClose();
+            }
+            else if (event.key === 'Tab') {
+                const { tagName } = event.target;
+                if (tagName && !tagName.includes('W3M-') && !tagName.includes('WUI-')) {
+                    card?.focus();
+                }
+            }
+        }, this.abortController);
+    }
+    onRemoveKeyboardListener() {
+        this.abortController?.abort();
+        this.abortController = undefined;
+    }
+    async onNewAddress(caipAddress) {
+        if (!this.connected || this.loading) {
+            return;
+        }
+        const previousAddress = CoreHelperUtil.getPlainAddress(this.caipAddress);
+        const newAddress = CoreHelperUtil.getPlainAddress(caipAddress);
+        this.caipAddress = caipAddress;
+        if (this.isSiweEnabled) {
+            const { SIWEController } = await import('@reown/appkit-siwe');
+            const session = await SIWEController.getSession();
+            if (session && previousAddress && newAddress && previousAddress !== newAddress) {
+                if (SIWEController.state._client?.options.signOutOnAccountChange) {
+                    await SIWEController.signOut();
+                    this.onSiweNavigation();
+                }
+            }
+        }
+    }
+    async onIsConnectedChange(nextIsConnected) {
+        const prevIsConnected = this.connected;
+        if (nextIsConnected && this.isSiweEnabled) {
+            const { SIWEController } = await import('@reown/appkit-siwe');
+            const session = await SIWEController.getSession();
+            if (!session) {
+                this.onSiweNavigation();
+            }
+        }
+        else if (!prevIsConnected && nextIsConnected) {
+            ModalController.close();
+            RouterController.reset('Connect');
+        }
+        this.connected = nextIsConnected;
+    }
+    onSiweStatusChange(nextStatus) {
+        if (nextStatus === 'success') {
+            ModalController.close();
+        }
+    }
+    onLoadingChange(nextLoading) {
+        this.loading = nextLoading;
+    }
+    async onNewNetwork(nextCaipNetwork) {
+        if (!this.connected) {
+            this.caipNetwork = nextCaipNetwork;
+            return;
+        }
+        const prevCaipNetworkId = this.caipNetwork?.id;
+        const nextNetworkId = nextCaipNetwork?.id;
+        if (prevCaipNetworkId && nextNetworkId && prevCaipNetworkId !== nextNetworkId) {
+            if (this.isSiweEnabled) {
+                const { SIWEController } = await import('@reown/appkit-siwe');
+                const session = await SIWEController.getSession();
+                if (session) {
+                    if (SIWEController.state._client?.options.signOutOnNetworkChange) {
+                        await SIWEController.signOut();
+                        this.onSiweNavigation();
+                    }
+                }
+            }
+            else {
+                RouterController.goBack();
+            }
+        }
+        this.caipNetwork = nextCaipNetwork;
+    }
+    onSiweNavigation() {
+        const isEIP155Namespace = ChainController.state.activeChain === ConstantsUtil.CHAIN.EVM;
+        if (isEIP155Namespace) {
+            if (this.open) {
+                RouterController.replace('ConnectingSiwe');
+            }
+            else {
+                ModalController.open({
+                    view: 'ConnectingSiwe'
+                });
+            }
+        }
+    }
+};
+W3mModal.styles = styles;
+__decorate([
+    state()
+], W3mModal.prototype, "open", void 0);
+__decorate([
+    state()
+], W3mModal.prototype, "caipAddress", void 0);
+__decorate([
+    state()
+], W3mModal.prototype, "caipNetwork", void 0);
+__decorate([
+    state()
+], W3mModal.prototype, "isSiweEnabled", void 0);
+__decorate([
+    state()
+], W3mModal.prototype, "connected", void 0);
+__decorate([
+    state()
+], W3mModal.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mModal.prototype, "shake", void 0);
+W3mModal = __decorate([
+    customElement('w3m-modal')
+], W3mModal);
+export { W3mModal };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/modal/w3m-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modal/w3m-modal/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACjF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EACL,aAAa,EAId,MAAM,sBAAsB,CAAA;AAG7B,MAAM,WAAW,GAAG,aAAa,CAAA;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAuBtC;QACE,KAAK,EAAE,CAAA;QApBD,gBAAW,GAAmB,EAAE,CAAA;QAEhC,oBAAe,GAAqB,SAAS,CAAA;QAGpC,SAAI,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAA;QAEjC,gBAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAA;QAEjD,gBAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAA;QAEjD,kBAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC,aAAa,CAAA;QAErD,cAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAA;QAE/C,YAAO,GAAG,eAAe,CAAC,KAAK,CAAC,OAAO,CAAA;QAEvC,UAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAA;QAIlD,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,aAAa,CAAC,QAAQ,EAAE,CAAA;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YACnF,eAAe,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;YAChE,eAAe,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YACzE,iBAAiB,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YACnF,iBAAiB,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YAC5E,iBAAiB,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YAC5E,iBAAiB,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;YACjF,iBAAiB,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,CAAC;SACnF,CACF,CAAA;QACD,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAA;IACtE,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QACtD,IAAI,CAAC,wBAAwB,EAAE,CAAA;IACjC,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;6BACiB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;uBAEpC,IAAI,CAAC,KAAK;;;;;;;;;;;;SAYxB;YACH,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;IAGO,KAAK,CAAC,cAAc,CAAC,KAAmB;QAC9C,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;YACzC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;QAC1B,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,WAAW;QACvB,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,KAAK,gBAAgB,CAAA;QACzE,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,KAAK,oBAAoB,CAAA;QAEhF,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAA;YAC7D,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAA;YACnE,IAAI,iBAAiB,IAAI,CAAC,gBAAgB,IAAI,mBAAmB,CAAC,EAAE,CAAC;gBACnE,eAAe,CAAC,KAAK,EAAE,CAAA;YACzB,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,KAAK,EAAE,CAAA;YACzB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC,KAAK,CAAA;QAC3D,MAAM,gBAAgB,GAAG,YAAY,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;QAC9D,iBAAiB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAA;IACrD,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACjB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAC7B,IAAI,CAAC,cAAc,EAAE,CAAA;QACrB,eAAe,CAAC,IAAI,EAAE,CAAA;QACtB,IAAI,CAAC,wBAAwB,EAAE,CAAA;IACjC,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAC1B,IAAI,CAAC,YAAY,EAAE,CAAA;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAA;IAC9B,CAAC;IAEO,YAAY;QAClB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAChD,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,WAAW,CAAA;QACrC,QAAQ,CAAC,WAAW,GAAG;;;;;;;;;KAStB,CAAA;QACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IACrC,CAAC;IAEO,cAAc;QACpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,WAAW,IAAI,CAAC,CAAA;QAChF,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,MAAM,EAAE,CAAA;QACnB,CAAC;IACH,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,eAAe,EAAE,CAAA;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;QACvD,IAAI,EAAE,KAAK,EAAE,CAAA;QACb,MAAM,CAAC,gBAAgB,CACrB,SAAS,EACT,KAAK,CAAC,EAAE;YACN,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,IAAI,CAAC,WAAW,EAAE,CAAA;YACpB,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAqB,CAAA;gBAC/C,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACtE,IAAI,EAAE,KAAK,EAAE,CAAA;gBACf,CAAC;YACH,CAAC;QACH,CAAC,EACD,IAAI,CAAC,eAAe,CACrB,CAAA;IACH,CAAC;IAEO,wBAAwB;QAC9B,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,CAAA;QAC7B,IAAI,CAAC,eAAe,GAAG,SAAS,CAAA;IAClC,CAAC;IAEO,KAAK,CAAC,YAAY,CAAC,WAAyB;QAClD,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,OAAM;QACR,CAAC;QAED,MAAM,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QACxE,MAAM,UAAU,GAAG,cAAc,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;QAC9D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAE9B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAA;YAC7D,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,UAAU,EAAE,CAAA;YAGjD,IAAI,OAAO,IAAI,eAAe,IAAI,UAAU,IAAI,eAAe,KAAK,UAAU,EAAE,CAAC;gBAC/E,IAAI,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,sBAAsB,EAAE,CAAC;oBACjE,MAAM,cAAc,CAAC,OAAO,EAAE,CAAA;oBAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAA;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,mBAAmB,CAAC,eAAwB;QACxD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAA;QAEtC,IAAI,eAAe,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAA;YAC7D,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,UAAU,EAAE,CAAA;YAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACzB,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,eAAe,IAAI,eAAe,EAAE,CAAC;YAC/C,eAAe,CAAC,KAAK,EAAE,CAAA;YACvB,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,eAAe,CAAA;IAClC,CAAC;IAEO,kBAAkB,CAAC,UAAkC;QAC3D,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC7B,eAAe,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC;IACH,CAAC;IAEO,eAAe,CAAC,WAAoB;QAC1C,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;IAC5B,CAAC;IAEO,KAAK,CAAC,YAAY,CAAC,eAAwC;QACjE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,eAAe,CAAA;YAElC,OAAM;QACR,CAAC;QAED,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAA;QAC9C,MAAM,aAAa,GAAG,eAAe,EAAE,EAAE,CAAA;QAEzC,IAAI,iBAAiB,IAAI,aAAa,IAAI,iBAAiB,KAAK,aAAa,EAAE,CAAC;YAC9E,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAA;gBAC7D,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,UAAU,EAAE,CAAA;gBAEjD,IAAI,OAAO,EAAE,CAAC;oBACZ,IAAI,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,sBAAsB,EAAE,CAAC;wBACjE,MAAM,cAAc,CAAC,OAAO,EAAE,CAAA;wBAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAA;oBACzB,CAAC;gBACH,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,MAAM,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,eAAe,CAAA;IACpC,CAAC;IAEO,gBAAgB;QACtB,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,KAAK,aAAa,CAAC,KAAK,CAAC,GAAG,CAAA;QAEvF,IAAI,iBAAiB,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,gBAAgB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;YAC5C,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,IAAI,CAAC;oBACnB,IAAI,EAAE,gBAAgB;iBACvB,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;IACH,CAAC;;AA7PsB,eAAM,GAAG,MAAM,AAAT,CAAS;AAQrB;IAAhB,KAAK,EAAE;sCAA0C;AAEjC;IAAhB,KAAK,EAAE;6CAA0D;AAEjD;IAAhB,KAAK,EAAE;6CAA0D;AAEjD;IAAhB,KAAK,EAAE;+CAA8D;AAErD;IAAhB,KAAK,EAAE;2CAAwD;AAE/C;IAAhB,KAAK,EAAE;yCAAgD;AAEvC;IAAhB,KAAK,EAAE;uCAA4C;AArBzC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA+PpB"}

package/dist/esm/src/modal/w3m-modal/styles.js

@@ -0,0 +1,127 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    z-index: var(--w3m-z-index);
+    display: block;
+    backface-visibility: hidden;
+    will-change: opacity;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    opacity: 0;
+    background-color: var(--wui-cover);
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host(.open) {
+    opacity: 1;
+  }
+
+  wui-card {
+    max-width: var(--w3m-modal-width);
+    width: 100%;
+    position: relative;
+    animation: zoom-in 0.2s var(--wui-ease-out-power-2);
+    animation-fill-mode: backwards;
+    outline: none;
+  }
+
+  wui-card[shake='true'] {
+    animation:
+      zoom-in 0.2s var(--wui-ease-out-power-2),
+      w3m-shake 0.5s var(--wui-ease-out-power-2);
+  }
+
+  wui-flex {
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (max-height: 700px) and (min-width: 431px) {
+    wui-flex {
+      align-items: flex-start;
+    }
+
+    wui-card {
+      margin: var(--wui-spacing-xxl) 0px;
+    }
+  }
+
+  @media (max-width: 430px) {
+    wui-flex {
+      align-items: flex-end;
+    }
+
+    wui-card {
+      max-width: 100%;
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+      border-bottom: none;
+      animation: slide-in 0.2s var(--wui-ease-out-power-2);
+    }
+
+    wui-card[shake='true'] {
+      animation:
+        slide-in 0.2s var(--wui-ease-out-power-2),
+        w3m-shake 0.5s var(--wui-ease-out-power-2);
+    }
+  }
+
+  @keyframes zoom-in {
+    0% {
+      transform: scale(0.95) translateY(0);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes slide-in {
+    0% {
+      transform: scale(1) translateY(50px);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes w3m-shake {
+    0% {
+      transform: scale(1) rotate(0deg);
+    }
+    20% {
+      transform: scale(1) rotate(-1deg);
+    }
+    40% {
+      transform: scale(1) rotate(1.5deg);
+    }
+    60% {
+      transform: scale(1) rotate(-1.5deg);
+    }
+    80% {
+      transform: scale(1) rotate(1deg);
+    }
+    100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }
+
+  @keyframes w3m-view-height {
+    from {
+      height: var(--prev-height);
+    }
+    to {
+      height: var(--new-height);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/modal/w3m-modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/modal/w3m-modal/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4HjB,CAAA"}

package/dist/esm/src/modal/w3m-network-button/index.js

@@ -0,0 +1,105 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { AccountController, AssetController, AssetUtil, EventsController, ModalController, NetworkController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import styles from './styles.js';
+let W3mNetworkButton = class W3mNetworkButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.unsubscribe = [];
+        this.disabled = false;
+        this.network = NetworkController.state.caipNetwork;
+        this.networkImage = this.network ? AssetUtil.getNetworkImage(this.network) : undefined;
+        this.connected = AccountController.state.isConnected;
+        this.loading = ModalController.state.loading;
+        this.isUnsupportedChain = NetworkController.state.isUnsupportedChain;
+    }
+    firstUpdated() {
+        this.unsubscribe.push(...[
+            AssetController.subscribeNetworkImages(() => {
+                this.networkImage = this.network?.imageId
+                    ? AssetUtil.getNetworkImage(this.network)
+                    : undefined;
+            }),
+            NetworkController.subscribeKey('caipNetwork', val => {
+                this.network = val;
+                this.networkImage = val?.imageId ? AssetUtil.getNetworkImage(val) : undefined;
+            }),
+            AccountController.subscribeKey('isConnected', val => (this.connected = val)),
+            ModalController.subscribeKey('loading', val => (this.loading = val)),
+            NetworkController.subscribeKey('isUnsupportedChain', val => (this.isUnsupportedChain = val))
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-network-button
+        data-testid="wui-network-button"
+        .disabled=${Boolean(this.disabled || this.loading)}
+        .isUnsupportedChain=${this.isUnsupportedChain}
+        imageSrc=${ifDefined(this.networkImage)}
+        @click=${this.onClick.bind(this)}
+      >
+        ${this.getLabel()}
+        <slot></slot>
+      </wui-network-button>
+    `;
+    }
+    getLabel() {
+        if (this.label) {
+            return this.label;
+        }
+        if (this.isUnsupportedChain) {
+            return 'Switch Network';
+        }
+        if (this.network) {
+            return this.network.name;
+        }
+        if (this.connected) {
+            return 'Unknown Network';
+        }
+        return 'Select Network';
+    }
+    onClick() {
+        if (!this.loading) {
+            EventsController.sendEvent({ type: 'track', event: 'CLICK_NETWORKS' });
+            ModalController.open({ view: 'Networks' });
+        }
+    }
+};
+W3mNetworkButton.styles = styles;
+__decorate([
+    property({ type: Boolean })
+], W3mNetworkButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], W3mNetworkButton.prototype, "label", void 0);
+__decorate([
+    state()
+], W3mNetworkButton.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mNetworkButton.prototype, "networkImage", void 0);
+__decorate([
+    state()
+], W3mNetworkButton.prototype, "connected", void 0);
+__decorate([
+    state()
+], W3mNetworkButton.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mNetworkButton.prototype, "isUnsupportedChain", void 0);
+W3mNetworkButton = __decorate([
+    customElement('w3m-network-button')
+], W3mNetworkButton);
+export { W3mNetworkButton };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/modal/w3m-network-button/index.js.map

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

package/dist/esm/src/modal/w3m-network-button/styles.js

@@ -0,0 +1,8 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: max-content;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/modal/w3m-network-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/modal/w3m-network-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;CAKjB,CAAA"}

package/dist/esm/src/modal/w3m-onramp-widget/index.js

@@ -0,0 +1,140 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { AccountController, ModalController, OnRampController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import styles from './styles.js';
+const PAYMENT_CURRENCY_SYMBOLS = {
+    USD: '$',
+    EUR: '€',
+    GBP: '£'
+};
+const BUY_PRESET_AMOUNTS = [100, 250, 500, 1000];
+let W3mOnrampWidget = class W3mOnrampWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.disabled = false;
+        this.connected = AccountController.state.isConnected;
+        this.loading = ModalController.state.loading;
+        this.paymentCurrency = OnRampController.state.paymentCurrency;
+        this.paymentAmount = OnRampController.state.paymentAmount;
+        this.purchaseAmount = OnRampController.state.purchaseAmount;
+        this.quoteLoading = OnRampController.state.quotesLoading;
+        this.unsubscribe.push(...[
+            AccountController.subscribeKey('isConnected', val => {
+                this.connected = val;
+            }),
+            ModalController.subscribeKey('loading', val => {
+                this.loading = val;
+            }),
+            OnRampController.subscribe(val => {
+                this.paymentCurrency = val.paymentCurrency;
+                this.paymentAmount = val.paymentAmount;
+                this.purchaseAmount = val.purchaseAmount;
+                this.quoteLoading = val.quotesLoading;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" justifyContent="center" alignItems="center">
+        <wui-flex flexDirection="column" alignItems="center" gap="xs">
+          <w3m-onramp-input
+            type="Fiat"
+            @inputChange=${this.onPaymentAmountChange.bind(this)}
+            .value=${this.paymentAmount || 0}
+          ></w3m-onramp-input>
+          <w3m-onramp-input
+            type="Token"
+            .value=${this.purchaseAmount || 0}
+            .loading=${this.quoteLoading}
+          ></w3m-onramp-input>
+          <wui-flex justifyContent="space-evenly" class="amounts-container" gap="xs">
+            ${BUY_PRESET_AMOUNTS.map(amount => html `<wui-button
+                  variant=${this.paymentAmount === amount ? 'accent' : 'neutral'}
+                  size="md"
+                  textVariant="paragraph-600"
+                  fullWidth
+                  @click=${() => this.selectPresetAmount(amount)}
+                  >${`${PAYMENT_CURRENCY_SYMBOLS[this.paymentCurrency?.id || 'USD']} ${amount}`}</wui-button
+                >`)}
+          </wui-flex>
+          ${this.templateButton()}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    templateButton() {
+        return this.connected
+            ? html `<wui-button
+          @click=${this.getQuotes.bind(this)}
+          variant="main"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Get quotes
+        </wui-button>`
+            : html `<wui-button
+          @click=${this.openModal.bind(this)}
+          variant="accent"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Connect wallet
+        </wui-button>`;
+    }
+    getQuotes() {
+        if (!this.loading) {
+            ModalController.open({ view: 'OnRampProviders' });
+        }
+    }
+    openModal() {
+        ModalController.open({ view: 'Connect' });
+    }
+    async onPaymentAmountChange(event) {
+        OnRampController.setPaymentAmount(Number(event.detail));
+        await OnRampController.getQuote();
+    }
+    async selectPresetAmount(amount) {
+        OnRampController.setPaymentAmount(amount);
+        await OnRampController.getQuote();
+    }
+};
+W3mOnrampWidget.styles = styles;
+__decorate([
+    property({ type: Boolean })
+], W3mOnrampWidget.prototype, "disabled", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "connected", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "paymentCurrency", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "paymentAmount", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "purchaseAmount", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "quoteLoading", void 0);
+W3mOnrampWidget = __decorate([
+    customElement('w3m-onramp-widget')
+], W3mOnrampWidget);
+export { W3mOnrampWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/modal/w3m-onramp-widget/index.js.map

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