@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/views/w3m-account-settings-view/index.js

@@ -0,0 +1,294 @@
+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, ConnectionController, AssetController, CoreHelperUtil, EventsController, ModalController, NetworkController, RouterController, SnackController, StorageUtil, ConnectorController, SendController, ConstantsUtil } from '@reown/appkit-core';
+import { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+let W3mAccountSettingsView = class W3mAccountSettingsView extends LitElement {
+    constructor() {
+        super();
+        this.usubscribe = [];
+        this.networkImages = AssetController.state.networkImages;
+        this.address = AccountController.state.address;
+        this.profileImage = AccountController.state.profileImage;
+        this.profileName = AccountController.state.profileName;
+        this.network = NetworkController.state.caipNetwork;
+        this.preferredAccountType = AccountController.state.preferredAccountType;
+        this.disconnecting = false;
+        this.loading = false;
+        this.switched = false;
+        this.text = '';
+        this.usubscribe.push(...[
+            AccountController.subscribe(val => {
+                if (val.address) {
+                    this.address = val.address;
+                    this.profileImage = val.profileImage;
+                    this.profileName = val.profileName;
+                    this.preferredAccountType = val.preferredAccountType;
+                }
+                else {
+                    ModalController.close();
+                }
+            }),
+            AccountController.subscribeKey('preferredAccountType', val => (this.preferredAccountType = val)),
+            NetworkController.subscribeKey('caipNetwork', val => {
+                if (val?.id) {
+                    this.network = val;
+                }
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.usubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        if (!this.address) {
+            throw new Error('w3m-account-settings-view: No account provided');
+        }
+        const networkImage = this.networkImages[this.network?.imageId ?? ''];
+        const name = this.profileName?.split('.')[0];
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        gap="l"
+        .padding=${['0', 'xl', 'm', 'xl']}
+      >
+        <wui-avatar
+          alt=${this.address}
+          address=${this.address}
+          imageSrc=${ifDefined(this.profileImage)}
+          size="2lg"
+        ></wui-avatar>
+        <wui-flex flexDirection="column" alignItems="center">
+          <wui-flex gap="3xs" alignItems="center" justifyContent="center">
+            <wui-text variant="title-6-600" color="fg-100" data-testid="account-settings-address">
+              ${name
+            ? UiHelperUtil.getTruncateString({
+                string: name,
+                charsStart: 20,
+                charsEnd: 0,
+                truncate: 'end'
+            })
+            : UiHelperUtil.getTruncateString({
+                string: this.address,
+                charsStart: 4,
+                charsEnd: 6,
+                truncate: 'middle'
+            })}
+            </wui-text>
+            <wui-icon-link
+              size="md"
+              icon="copy"
+              iconColor="fg-200"
+              @click=${this.onCopyAddress}
+            ></wui-icon-link>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+      <wui-flex flexDirection="column" gap="m">
+        <wui-flex flexDirection="column" gap="xs" .padding=${['0', 'l', 'm', 'l']}>
+          ${this.authCardTemplate()}
+          <w3m-account-auth-button></w3m-account-auth-button>
+          <wui-list-item
+            .variant=${networkImage ? 'image' : 'icon'}
+            iconVariant="overlay"
+            icon="networkPlaceholder"
+            imageSrc=${ifDefined(networkImage)}
+            ?chevron=${this.isAllowedNetworkSwitch()}
+            @click=${this.onNetworks.bind(this)}
+            data-testid="account-switch-network-button"
+          >
+            <wui-text variant="paragraph-500" color="fg-100">
+              ${this.network?.name ?? 'Unknown'}
+            </wui-text>
+          </wui-list-item>
+          ${this.togglePreferredAccountBtnTemplate()} ${this.chooseNameButtonTemplate()}
+          <wui-list-item
+            variant="icon"
+            iconVariant="overlay"
+            icon="disconnect"
+            ?chevron=${false}
+            .loading=${this.disconnecting}
+            @click=${this.onDisconnect.bind(this)}
+            data-testid="disconnect-button"
+          >
+            <wui-text variant="paragraph-500" color="fg-200">Disconnect</wui-text>
+          </wui-list-item>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    chooseNameButtonTemplate() {
+        const type = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        if (!authConnector || type !== 'AUTH' || this.profileName) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        variant="icon"
+        iconVariant="overlay"
+        icon="id"
+        iconSize="sm"
+        ?chevron=${true}
+        @click=${this.onChooseName.bind(this)}
+        data-testid="account-choose-name-button"
+      >
+        <wui-text variant="paragraph-500" color="fg-100">Choose account name </wui-text>
+      </wui-list-item>
+    `;
+    }
+    authCardTemplate() {
+        const type = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        const { origin } = location;
+        if (!authConnector || type !== 'AUTH' || origin.includes(ConstantsUtil.SECURE_SITE)) {
+            return null;
+        }
+        return html `
+      <wui-notice-card
+        @click=${this.onGoToUpgradeView.bind(this)}
+        label="Upgrade your wallet"
+        description="Transition to a self-custodial wallet"
+        icon="wallet"
+        data-testid="w3m-wallet-upgrade-card"
+      ></wui-notice-card>
+    `;
+    }
+    isAllowedNetworkSwitch() {
+        const requestedCaipNetworks = NetworkController.getRequestedCaipNetworks();
+        const isMultiNetwork = requestedCaipNetworks ? requestedCaipNetworks.length > 1 : false;
+        const isValidNetwork = requestedCaipNetworks?.find(({ id }) => id === this.network?.id);
+        return isMultiNetwork || !isValidNetwork;
+    }
+    onCopyAddress() {
+        try {
+            if (this.profileName) {
+                CoreHelperUtil.copyToClopboard(this.profileName);
+                SnackController.showSuccess('Name copied');
+            }
+            else if (this.address) {
+                CoreHelperUtil.copyToClopboard(this.address);
+                SnackController.showSuccess('Address copied');
+            }
+        }
+        catch {
+            SnackController.showError('Failed to copy');
+        }
+    }
+    togglePreferredAccountBtnTemplate() {
+        const networkEnabled = NetworkController.checkIfSmartAccountEnabled();
+        const type = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        if (!authConnector || type !== 'AUTH' || !networkEnabled) {
+            return null;
+        }
+        if (!this.switched) {
+            this.text =
+                this.preferredAccountType === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                    ? 'Switch to your EOA'
+                    : 'Switch to your smart account';
+        }
+        return html `
+      <wui-list-item
+        variant="icon"
+        iconVariant="overlay"
+        icon="swapHorizontalBold"
+        iconSize="sm"
+        ?chevron=${true}
+        ?loading=${this.loading}
+        @click=${this.changePreferredAccountType.bind(this)}
+        data-testid="account-toggle-preferred-account-type"
+      >
+        <wui-text variant="paragraph-500" color="fg-100">${this.text}</wui-text>
+      </wui-list-item>
+    `;
+    }
+    onChooseName() {
+        RouterController.push('ChooseAccountName');
+    }
+    async changePreferredAccountType() {
+        const smartAccountEnabled = NetworkController.checkIfSmartAccountEnabled();
+        const accountTypeTarget = this.preferredAccountType === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT ||
+            !smartAccountEnabled
+            ? W3mFrameRpcConstants.ACCOUNT_TYPES.EOA
+            : W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT;
+        const authConnector = ConnectorController.getAuthConnector();
+        if (!authConnector) {
+            return;
+        }
+        this.loading = true;
+        await ConnectionController.setPreferredAccountType(accountTypeTarget);
+        this.text =
+            accountTypeTarget === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                ? 'Switch to your EOA'
+                : 'Switch to your smart account';
+        this.switched = true;
+        SendController.resetSend();
+        this.loading = false;
+        this.requestUpdate();
+    }
+    onNetworks() {
+        if (this.isAllowedNetworkSwitch()) {
+            RouterController.push('Networks');
+        }
+    }
+    async onDisconnect() {
+        try {
+            this.disconnecting = true;
+            await ConnectionController.disconnect();
+            EventsController.sendEvent({ type: 'track', event: 'DISCONNECT_SUCCESS' });
+            ModalController.close();
+        }
+        catch {
+            EventsController.sendEvent({ type: 'track', event: 'DISCONNECT_ERROR' });
+            SnackController.showError('Failed to disconnect');
+        }
+        finally {
+            this.disconnecting = false;
+        }
+    }
+    onGoToUpgradeView() {
+        EventsController.sendEvent({ type: 'track', event: 'EMAIL_UPGRADE_FROM_MODAL' });
+        RouterController.push('UpgradeEmailWallet');
+    }
+};
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "address", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "profileImage", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "profileName", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "preferredAccountType", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "disconnecting", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "switched", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "text", void 0);
+W3mAccountSettingsView = __decorate([
+    customElement('w3m-account-settings-view')
+], W3mAccountSettingsView);
+export { W3mAccountSettingsView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-account-settings-view/index.js.map

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

package/dist/esm/src/views/w3m-account-view/index.js

@@ -0,0 +1,31 @@
+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 { ConnectorController, StorageUtil } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+let W3mAccountView = class W3mAccountView extends LitElement {
+    render() {
+        const connectedConnectorType = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        return html `
+      ${authConnector && connectedConnectorType === 'AUTH'
+            ? this.walletFeaturesTemplate()
+            : this.defaultTemplate()}
+    `;
+    }
+    walletFeaturesTemplate() {
+        return html `<w3m-account-wallet-features-widget></w3m-account-wallet-features-widget>`;
+    }
+    defaultTemplate() {
+        return html `<w3m-account-default-widget></w3m-account-default-widget>`;
+    }
+};
+W3mAccountView = __decorate([
+    customElement('w3m-account-view')
+], W3mAccountView);
+export { W3mAccountView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-account-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-account-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG/B,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAG5B,MAAM;QACpB,MAAM,sBAAsB,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAA;QAClE,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,CAAA;QAE5D,OAAO,IAAI,CAAA;QACP,aAAa,IAAI,sBAAsB,KAAK,MAAM;YAClD,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAC/B,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;KAC3B,CAAA;IACH,CAAC;IAGO,sBAAsB;QAC5B,OAAO,IAAI,CAAA,2EAA2E,CAAA;IACxF,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA,2DAA2D,CAAA;IACxE,CAAC;CACF,CAAA;AAtBY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAsB1B"}

package/dist/esm/src/views/w3m-all-wallets-view/index.js

@@ -0,0 +1,63 @@
+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 { CoreHelperUtil, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+let W3mAllWalletsView = class W3mAllWalletsView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.search = '';
+        this.onDebouncedSearch = CoreHelperUtil.debounce((value) => {
+            this.search = value;
+        });
+    }
+    render() {
+        const isSearch = this.search.length >= 2;
+        return html `
+      <wui-flex .padding=${['0', 's', 's', 's']} gap="s">
+        <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
+        ${this.qrButtonTemplate()}
+      </wui-flex>
+      ${isSearch
+            ? html `<w3m-all-wallets-search query=${this.search}></w3m-all-wallets-search>`
+            : html `<w3m-all-wallets-list></w3m-all-wallets-list>`}
+    `;
+    }
+    onInputChange(event) {
+        this.onDebouncedSearch(event.detail);
+    }
+    qrButtonTemplate() {
+        if (CoreHelperUtil.isMobile()) {
+            return html `
+        <wui-icon-box
+          size="lg"
+          iconSize="xl"
+          iconColor="accent-100"
+          backgroundColor="accent-100"
+          icon="qrCode"
+          background="transparent"
+          border
+          borderColor="wui-accent-glass-010"
+          @click=${this.onWalletConnectQr.bind(this)}
+        ></wui-icon-box>
+      `;
+        }
+        return null;
+    }
+    onWalletConnectQr() {
+        RouterController.push('ConnectingWalletConnect');
+    }
+};
+__decorate([
+    state()
+], W3mAllWalletsView.prototype, "search", void 0);
+W3mAllWalletsView = __decorate([
+    customElement('w3m-all-wallets-view')
+], W3mAllWalletsView);
+export { W3mAllWalletsView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-all-wallets-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-all-wallets-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGlC,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAEY,WAAM,GAAG,EAAE,CAAA;QAsBpB,sBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;YACpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACrB,CAAC,CAAC,CAAA;IAyBJ,CAAC;IA9CiB,MAAM;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,CAAA;QAExC,OAAO,IAAI,CAAA;2BACY,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;uCACR,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;UAC1D,IAAI,CAAC,gBAAgB,EAAE;;QAEzB,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA,iCAAiC,IAAI,CAAC,MAAM,4BAA4B;YAC9E,CAAC,CAAC,IAAI,CAAA,+CAA+C;KACxD,CAAA;IACH,CAAC;IAGO,aAAa,CAAC,KAA0B;QAC9C,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAMO,gBAAgB;QACtB,IAAI,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA;;;;;;;;;;mBAUE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;;OAE7C,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAEO,iBAAiB;QACvB,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;IAClD,CAAC;CACF,CAAA;AAjDkB;IAAhB,KAAK,EAAE;iDAAoB;AAFjB,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAmD7B"}

package/dist/esm/src/views/w3m-approve-transaction-view/index.js

@@ -0,0 +1,102 @@
+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 { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { ModalController, ConnectorController, ThemeController, RouterController } from '@reown/appkit-core';
+import { getW3mThemeVariables } from '@reown/appkit-common';
+const PAGE_HEIGHT = 400;
+const PAGE_WIDTH = 360;
+const HEADER_HEIGHT = 64;
+let W3mApproveTransactionView = class W3mApproveTransactionView extends LitElement {
+    constructor() {
+        super();
+        this.bodyObserver = undefined;
+        this.unsubscribe = [];
+        this.iframe = document.getElementById('w3m-iframe');
+        this.ready = false;
+        this.unsubscribe.push(...[
+            ModalController.subscribeKey('open', isOpen => {
+                if (!isOpen) {
+                    this.onHideIframe();
+                    RouterController.popTransactionStack();
+                }
+            }),
+            ModalController.subscribeKey('shake', val => {
+                if (val) {
+                    this.iframe.style.animation = `w3m-shake 500ms var(--wui-ease-out-power-2)`;
+                }
+                else {
+                    this.iframe.style.animation = 'none';
+                }
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.onHideIframe();
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        this.bodyObserver?.unobserve(window.document.body);
+    }
+    async firstUpdated() {
+        await this.syncTheme();
+        this.iframe.style.display = 'block';
+        this.bodyObserver = new ResizeObserver(entries => {
+            const contentBoxSize = entries?.[0]?.contentBoxSize;
+            const width = contentBoxSize?.[0]?.inlineSize;
+            this.iframe.style.height = `${PAGE_HEIGHT}px`;
+            if (width && width <= 430) {
+                this.iframe.style.width = '100%';
+                this.iframe.style.left = '0px';
+                this.iframe.style.bottom = '0px';
+                this.iframe.style.top = 'unset';
+            }
+            else {
+                this.iframe.style.width = `${PAGE_WIDTH}px`;
+                this.iframe.style.left = `calc(50% - ${PAGE_WIDTH / 2}px)`;
+                this.iframe.style.top = `calc(50% - ${PAGE_HEIGHT / 2}px + ${HEADER_HEIGHT / 2}px)`;
+                this.iframe.style.bottom = 'unset';
+            }
+            this.ready = true;
+            this.onShowIframe();
+        });
+        this.bodyObserver.observe(window.document.body);
+    }
+    render() {
+        return html `<div data-ready=${this.ready}></div>`;
+    }
+    onShowIframe() {
+        const isMobile = window.innerWidth <= 430;
+        this.iframe.style.animation = isMobile
+            ? 'w3m-iframe-zoom-in-mobile 200ms var(--wui-ease-out-power-2)'
+            : 'w3m-iframe-zoom-in 200ms var(--wui-ease-out-power-2)';
+    }
+    onHideIframe() {
+        this.iframe.style.display = 'none';
+        this.iframe.style.animation = 'w3m-iframe-fade-out 200ms var(--wui-ease-out-power-2)';
+    }
+    async syncTheme() {
+        const authConnector = ConnectorController.getAuthConnector();
+        if (authConnector) {
+            const themeMode = ThemeController.getSnapshot().themeMode;
+            const themeVariables = ThemeController.getSnapshot().themeVariables;
+            await authConnector.provider.syncTheme({
+                themeVariables,
+                w3mThemeVariables: getW3mThemeVariables(themeVariables, themeMode)
+            });
+        }
+    }
+};
+W3mApproveTransactionView.styles = styles;
+__decorate([
+    state()
+], W3mApproveTransactionView.prototype, "ready", void 0);
+W3mApproveTransactionView = __decorate([
+    customElement('w3m-approve-transaction-view')
+], W3mApproveTransactionView);
+export { W3mApproveTransactionView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-approve-transaction-view/index.js.map

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

package/dist/esm/src/views/w3m-approve-transaction-view/styles.js

@@ -0,0 +1,18 @@
+import { css } from 'lit';
+export default css `
+  div {
+    width: 100%;
+    height: 400px;
+  }
+
+  [data-ready='false'] {
+    transform: scale(1.05);
+  }
+
+  @media (max-width: 430px) {
+    [data-ready='false'] {
+      transform: translateY(-50px);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-approve-transaction-view/styles.js.map

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