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

package/dist/esm/src/views/w3m-deposit-from-exchange-view/index.js

@@ -0,0 +1,267 @@
+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 { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { AssetUtil, ChainController, ConnectionController, ExchangeController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-chip-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon-link';
+import '@reown/appkit-ui/wui-image';
+import '@reown/appkit-ui/wui-list-item';
+import '@reown/appkit-ui/wui-shimmer';
+import '@reown/appkit-ui/wui-text';
+import '../../partials/w3m-fund-input/index.js';
+import styles from './styles.js';
+const PRESET_AMOUNTS = [10, 50, 100];
+const MAX_DECIMALS = 6;
+const MAX_INTEGERS = 10;
+let W3mDepositFromExchangeView = class W3mDepositFromExchangeView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.network = ChainController.state.activeCaipNetwork;
+        this.exchanges = ExchangeController.state.exchanges;
+        this.isLoading = ExchangeController.state.isLoading;
+        this.amount = ExchangeController.state.amount;
+        this.tokenAmount = ExchangeController.state.tokenAmount;
+        this.priceLoading = ExchangeController.state.priceLoading;
+        this.isPaymentInProgress = ExchangeController.state.isPaymentInProgress;
+        this.currentPayment = ExchangeController.state.currentPayment;
+        this.paymentId = ExchangeController.state.paymentId;
+        this.paymentAsset = ExchangeController.state.paymentAsset;
+        this.unsubscribe.push(ChainController.subscribeKey('activeCaipNetwork', val => {
+            this.network = val;
+            this.setDefaultPaymentAsset();
+        }), ExchangeController.subscribe(exchangeState => {
+            this.exchanges = exchangeState.exchanges;
+            this.isLoading = exchangeState.isLoading;
+            this.amount = exchangeState.amount;
+            this.tokenAmount = exchangeState.tokenAmount;
+            this.priceLoading = exchangeState.priceLoading;
+            this.paymentId = exchangeState.paymentId;
+            this.isPaymentInProgress = exchangeState.isPaymentInProgress;
+            this.currentPayment = exchangeState.currentPayment;
+            this.paymentAsset = exchangeState.paymentAsset;
+            const shouldHandlePaymentInProgress = exchangeState.isPaymentInProgress &&
+                exchangeState.currentPayment?.exchangeId &&
+                exchangeState.currentPayment?.sessionId &&
+                exchangeState.paymentId;
+            if (shouldHandlePaymentInProgress) {
+                this.handlePaymentInProgress();
+            }
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        const isInProgress = ExchangeController.state.isPaymentInProgress;
+        if (!isInProgress) {
+            ExchangeController.reset();
+        }
+    }
+    async firstUpdated() {
+        await this.getPaymentAssets();
+        if (!this.paymentAsset) {
+            await this.setDefaultPaymentAsset();
+        }
+        ExchangeController.setAmount(PRESET_AMOUNTS[0]);
+        await ExchangeController.fetchExchanges();
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" class="container">
+        ${this.amountInputTemplate()} ${this.exchangesTemplate()}
+      </wui-flex>
+    `;
+    }
+    exchangesLoadingTemplate() {
+        return Array.from({ length: 2 }).map(() => html `<wui-shimmer width="100%" height="65px" borderRadius="xxs"></wui-shimmer>`);
+    }
+    _exchangesTemplate() {
+        return this.exchanges.length > 0
+            ? this.exchanges.map(exchange => html `<wui-list-item
+              @click=${() => this.onExchangeClick(exchange)}
+              chevron
+              variant="image"
+              imageSrc=${exchange.imageUrl}
+              ?loading=${this.isLoading}
+            >
+              <wui-text variant="md-regular" color="primary">
+                Deposit from ${exchange.name}
+              </wui-text>
+            </wui-list-item>`)
+            : html `<wui-flex flexDirection="column" alignItems="center" gap="4" padding="4">
+          <wui-text variant="lg-medium" align="center" color="primary">
+            No exchanges support this asset on this network
+          </wui-text>
+        </wui-flex>`;
+    }
+    exchangesTemplate() {
+        return html `<wui-flex
+      flexDirection="column"
+      gap="2"
+      .padding=${['3', '3', '3', '3']}
+      class="exchanges-container"
+    >
+      ${this.isLoading ? this.exchangesLoadingTemplate() : this._exchangesTemplate()}
+    </wui-flex>`;
+    }
+    amountInputTemplate() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        .padding=${['0', '3', '3', '3']}
+        class="amount-input-container"
+      >
+        <wui-flex
+          justifyContent="space-between"
+          alignItems="center"
+          .margin=${['0', '0', '6', '0']}
+        >
+          <wui-text variant="md-medium" color="secondary">Asset</wui-text>
+          <wui-token-button
+            data-testid="deposit-from-exchange-asset-button"
+            flexDirection="row-reverse"
+            text=${this.paymentAsset?.metadata.symbol || ''}
+            imageSrc=${this.paymentAsset?.metadata.iconUrl || ''}
+            @click=${() => RouterController.push('PayWithExchangeSelectAsset')}
+            size="lg"
+            .chainImageSrc=${ifDefined(AssetUtil.getNetworkImage(this.network))}
+          >
+          </wui-token-button>
+        </wui-flex>
+        <wui-flex
+          flexDirection="column"
+          alignItems="center"
+          justifyContent="center"
+          .margin=${['0', '0', '4', '0']}
+        >
+          <w3m-fund-input
+            @inputChange=${this.onAmountChange.bind(this)}
+            .amount=${this.amount}
+            .maxDecimals=${MAX_DECIMALS}
+            .maxIntegers=${MAX_INTEGERS}
+          >
+          </w3m-fund-input>
+          ${this.tokenAmountTemplate()}
+        </wui-flex>
+        <wui-flex justifyContent="center" gap="2">
+          ${PRESET_AMOUNTS.map(amount => html `<wui-chip-button
+                @click=${() => ExchangeController.setAmount(amount)}
+                type="neutral"
+                size="lg"
+                text=${`$${amount}`}
+              ></wui-chip-button>`)}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    tokenAmountTemplate() {
+        if (this.priceLoading) {
+            return html `<wui-shimmer
+        width="65px"
+        height="20px"
+        borderRadius="xxs"
+        variant="light"
+      ></wui-shimmer>`;
+        }
+        return html `
+      <wui-text variant="md-regular" color="secondary">
+        ${this.tokenAmount.toFixed(4)} ${this.paymentAsset?.metadata.symbol}
+      </wui-text>
+    `;
+    }
+    async onExchangeClick(exchange) {
+        if (!this.amount) {
+            SnackController.showError('Please enter an amount');
+            return;
+        }
+        await ExchangeController.handlePayWithExchange(exchange.id);
+    }
+    handlePaymentInProgress() {
+        const namespace = ChainController.state.activeChain;
+        const { redirectView = 'Account' } = RouterController.state.data ?? {};
+        if (this.isPaymentInProgress &&
+            this.currentPayment?.exchangeId &&
+            this.currentPayment?.sessionId &&
+            this.paymentId) {
+            ExchangeController.waitUntilComplete({
+                exchangeId: this.currentPayment.exchangeId,
+                sessionId: this.currentPayment.sessionId,
+                paymentId: this.paymentId
+            }).then(status => {
+                if (status.status === 'SUCCESS') {
+                    SnackController.showSuccess('Deposit completed');
+                    ExchangeController.reset();
+                    if (namespace) {
+                        ChainController.fetchTokenBalance();
+                        ConnectionController.updateBalance(namespace);
+                    }
+                    RouterController.replace('Transactions');
+                }
+                else if (status.status === 'FAILED') {
+                    SnackController.showError('Deposit failed');
+                }
+            });
+            SnackController.showLoading('Deposit in progress...');
+            RouterController.replace(redirectView);
+        }
+    }
+    onAmountChange({ detail }) {
+        ExchangeController.setAmount(detail ? Number(detail) : null);
+    }
+    async getPaymentAssets() {
+        if (this.network) {
+            await ExchangeController.getAssetsForNetwork(this.network.caipNetworkId);
+        }
+    }
+    async setDefaultPaymentAsset() {
+        if (this.network) {
+            const paymentAssets = await ExchangeController.getAssetsForNetwork(this.network.caipNetworkId);
+            if (paymentAssets[0]) {
+                ExchangeController.setPaymentAsset(paymentAssets[0]);
+            }
+        }
+    }
+};
+W3mDepositFromExchangeView.styles = styles;
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "exchanges", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "isLoading", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "amount", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "tokenAmount", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "priceLoading", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "isPaymentInProgress", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "currentPayment", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "paymentId", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeView.prototype, "paymentAsset", void 0);
+W3mDepositFromExchangeView = __decorate([
+    customElement('w3m-deposit-from-exchange-view')
+], W3mDepositFromExchangeView);
+export { W3mDepositFromExchangeView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-deposit-from-exchange-view/index.js.map

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

package/dist/esm/src/views/w3m-deposit-from-exchange-view/styles.js

@@ -0,0 +1,15 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  .amount-input-container {
+    border-radius: ${({ borderRadius }) => borderRadius['6']};
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    padding: ${({ spacing }) => spacing[1]};
+  }
+
+  .container {
+    border-radius: 30px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-deposit-from-exchange-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-deposit-from-exchange-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;qBAEG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;wBAGpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;eACvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;CAMzC,CAAA"}

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

@@ -0,0 +1,127 @@
+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 { LitElement, html } from 'lit';
+import { CoreHelperUtil, EventsController, RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-item';
+import '@reown/appkit-ui/wui-text';
+let W3mDownloadsView = class W3mDownloadsView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.wallet = RouterController.state.data?.wallet;
+    }
+    render() {
+        if (!this.wallet) {
+            throw new Error('w3m-downloads-view');
+        }
+        return html `
+      <wui-flex gap="2" flexDirection="column" .padding=${['3', '3', '4', '3']}>
+        ${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()}
+        ${this.homepageTemplate()}
+      </wui-flex>
+    `;
+    }
+    chromeTemplate() {
+        if (!this.wallet?.chrome_store) {
+            return null;
+        }
+        return html `<wui-list-item
+      variant="icon"
+      icon="chromeStore"
+      iconVariant="square"
+      @click=${this.onChromeStore.bind(this)}
+      chevron
+    >
+      <wui-text variant="md-medium" color="primary">Chrome Extension</wui-text>
+    </wui-list-item>`;
+    }
+    iosTemplate() {
+        if (!this.wallet?.app_store) {
+            return null;
+        }
+        return html `<wui-list-item
+      variant="icon"
+      icon="appStore"
+      iconVariant="square"
+      @click=${this.onAppStore.bind(this)}
+      chevron
+    >
+      <wui-text variant="md-medium" color="primary">iOS App</wui-text>
+    </wui-list-item>`;
+    }
+    androidTemplate() {
+        if (!this.wallet?.play_store) {
+            return null;
+        }
+        return html `<wui-list-item
+      variant="icon"
+      icon="playStore"
+      iconVariant="square"
+      @click=${this.onPlayStore.bind(this)}
+      chevron
+    >
+      <wui-text variant="md-medium" color="primary">Android App</wui-text>
+    </wui-list-item>`;
+    }
+    homepageTemplate() {
+        if (!this.wallet?.homepage) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        variant="icon"
+        icon="browser"
+        iconVariant="square-blue"
+        @click=${this.onHomePage.bind(this)}
+        chevron
+      >
+        <wui-text variant="md-medium" color="primary">Website</wui-text>
+      </wui-list-item>
+    `;
+    }
+    openStore(params) {
+        if (params.href && this.wallet) {
+            EventsController.sendEvent({
+                type: 'track',
+                event: 'GET_WALLET',
+                properties: {
+                    name: this.wallet.name,
+                    walletRank: this.wallet.order,
+                    explorerId: this.wallet.id,
+                    type: params.type
+                }
+            });
+            CoreHelperUtil.openHref(params.href, '_blank');
+        }
+    }
+    onChromeStore() {
+        if (this.wallet?.chrome_store) {
+            this.openStore({ href: this.wallet.chrome_store, type: 'chrome_store' });
+        }
+    }
+    onAppStore() {
+        if (this.wallet?.app_store) {
+            this.openStore({ href: this.wallet.app_store, type: 'app_store' });
+        }
+    }
+    onPlayStore() {
+        if (this.wallet?.play_store) {
+            this.openStore({ href: this.wallet.play_store, type: 'play_store' });
+        }
+    }
+    onHomePage() {
+        if (this.wallet?.homepage) {
+            this.openStore({ href: this.wallet.homepage, type: 'homepage' });
+        }
+    }
+};
+W3mDownloadsView = __decorate([
+    customElement('w3m-downloads-view')
+], W3mDownloadsView);
+export { W3mDownloadsView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-downloads-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,2BAA2B,CAAA;AAG3B,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAEG,WAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAA;IA6HtD,CAAC;IA1HiB,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAA;QACvC,CAAC;QAED,OAAO,IAAI,CAAA;0DAC2C,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;UAC7E,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE;UACrE,IAAI,CAAC,gBAAgB,EAAE;;KAE5B,CAAA;IACH,CAAC;IAGO,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;;;eAIA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;;;qBAIvB,CAAA;IACnB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;;;eAIA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;;qBAIpB,CAAA;IACnB,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;;;eAIA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;;;qBAIrB,CAAA;IACnB,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;;;;iBAKE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;KAKtC,CAAA;IACH,CAAC;IAEO,SAAS,CAAC,MAGjB;QACC,IAAI,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC/B,gBAAgB,CAAC,SAAS,CAAC;gBACzB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,YAAY;gBACnB,UAAU,EAAE;oBACV,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI;oBACtB,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;oBAC7B,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;oBAC1B,IAAI,EAAE,MAAM,CAAC,IAAI;iBAClB;aACF,CAAC,CAAA;YACF,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QAChD,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC;YAC9B,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;QAC1E,CAAC;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;QACpE,CAAC;IACH,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;QACtE,CAAC;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;QAClE,CAAC;IACH,CAAC;CACF,CAAA;AA/HY,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CA+H5B"}

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

@@ -0,0 +1,51 @@
+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 { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common';
+import { ConnectorController, OptionsController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import { ConstantsUtil as AppKitConstantsUtil } from '@reown/appkit-utils';
+let W3mEmailLoginView = class W3mEmailLoginView extends LitElement {
+    constructor() {
+        super();
+        this.authConnector = ConnectorController.getAuthConnector();
+        this.isEmailEnabled = OptionsController.state.remoteFeatures?.email;
+        this.isAuthEnabled = this.checkIfAuthEnabled(ConnectorController.state.connectors);
+        this.connectors = ConnectorController.state.connectors;
+        ConnectorController.subscribeKey('connectors', val => {
+            this.connectors = val;
+            this.isAuthEnabled = this.checkIfAuthEnabled(this.connectors);
+        });
+    }
+    render() {
+        if (!this.isEmailEnabled) {
+            throw new Error('w3m-email-login-view: Email is not enabled');
+        }
+        if (!this.isAuthEnabled) {
+            throw new Error('w3m-email-login-view: No auth connector provided');
+        }
+        return html `<wui-flex flexDirection="column" .padding=${['1', '3', '3', '3']} gap="4">
+      <w3m-email-login-widget></w3m-email-login-widget>
+    </wui-flex> `;
+    }
+    checkIfAuthEnabled(connectors) {
+        const namespacesWithAuthConnector = connectors
+            .filter(c => c.type === AppKitConstantsUtil.CONNECTOR_TYPE_AUTH)
+            .map(i => i.chain);
+        const authSupportedNamespaces = CommonConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS;
+        return authSupportedNamespaces.some(ns => namespacesWithAuthConnector.includes(ns));
+    }
+};
+__decorate([
+    state()
+], W3mEmailLoginView.prototype, "connectors", void 0);
+W3mEmailLoginView = __decorate([
+    customElement('w3m-email-login-view')
+], W3mEmailLoginView);
+export { W3mEmailLoginView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-email-login-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC3E,OAAO,EAAkB,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGnE,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAW/C;QACE,KAAK,EAAE,CAAA;QAVC,kBAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,CAAA;QAExD,mBAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAA;QAE9D,kBAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QAGpE,eAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAA;QAIhE,mBAAmB,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE;YACnD,IAAI,CAAC,UAAU,GAAG,GAAG,CAAA;YACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC/D,CAAC,CAAC,CAAA;IACJ,CAAC;IAGe,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;QAC/D,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAA;QACrE,CAAC;QAED,OAAO,IAAI,CAAA,6CAA6C,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;iBAExE,CAAA;IACf,CAAC;IAGO,kBAAkB,CAAC,UAAuB;QAChD,MAAM,2BAA2B,GAAG,UAAU;aAC3C,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,mBAAmB,CAAC,mBAAmB,CAAC;aAC/D,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QACpB,MAAM,uBAAuB,GAAG,mBAAmB,CAAC,+BAA+B,CAAA;QAEnF,OAAO,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,2BAA2B,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;IACrF,CAAC;CACF,CAAA;AAlCkB;IAAhB,KAAK,EAAE;qDAA0D;AATvD,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CA2C7B"}

package/dist/esm/src/views/w3m-email-verify-device-view/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 { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ConnectorController, EventsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mEmailVerifyDeviceView = class W3mEmailVerifyDeviceView extends LitElement {
+    constructor() {
+        super();
+        this.email = RouterController.state.data?.email;
+        this.authConnector = ConnectorController.getAuthConnector();
+        this.loading = false;
+        this.listenForDeviceApproval();
+    }
+    render() {
+        if (!this.email) {
+            throw new Error('w3m-email-verify-device-view: No email provided');
+        }
+        if (!this.authConnector) {
+            throw new Error('w3m-email-verify-device-view: No auth connector provided');
+        }
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['6', '3', '6', '3']}
+        gap="4"
+      >
+        <wui-icon-box size="xl" color="accent-primary" icon="sealCheck"></wui-icon-box>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="3">
+          <wui-flex flexDirection="column" alignItems="center">
+            <wui-text variant="md-regular" color="primary">
+              Approve the login link we sent to
+            </wui-text>
+            <wui-text variant="md-regular" color="primary"><b>${this.email}</b></wui-text>
+          </wui-flex>
+
+          <wui-text variant="sm-regular" color="secondary" align="center">
+            The code expires in 20 minutes
+          </wui-text>
+
+          <wui-flex alignItems="center" id="w3m-resend-section" gap="2">
+            <wui-text variant="sm-regular" color="primary" align="center">
+              Didn't receive it?
+            </wui-text>
+            <wui-link @click=${this.onResendCode.bind(this)} .disabled=${this.loading}>
+              Resend email
+            </wui-link>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    async listenForDeviceApproval() {
+        if (this.authConnector) {
+            try {
+                await this.authConnector.provider.connectDevice();
+                EventsController.sendEvent({ type: 'track', event: 'DEVICE_REGISTERED_FOR_EMAIL' });
+                EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_SENT' });
+                RouterController.replace('EmailVerifyOtp', { email: this.email });
+            }
+            catch (error) {
+                RouterController.goBack();
+            }
+        }
+    }
+    async onResendCode() {
+        try {
+            if (!this.loading) {
+                if (!this.authConnector || !this.email) {
+                    throw new Error('w3m-email-login-widget: Unable to resend email');
+                }
+                this.loading = true;
+                await this.authConnector.provider.connectEmail({ email: this.email });
+                this.listenForDeviceApproval();
+                SnackController.showSuccess('Code email resent');
+            }
+        }
+        catch (error) {
+            SnackController.showError(error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+};
+W3mEmailVerifyDeviceView.styles = styles;
+__decorate([
+    state()
+], W3mEmailVerifyDeviceView.prototype, "loading", void 0);
+W3mEmailVerifyDeviceView = __decorate([
+    customElement('w3m-email-verify-device-view')
+], W3mEmailVerifyDeviceView);
+export { W3mEmailVerifyDeviceView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-email-verify-device-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAClC,OAAO,+BAA+B,CAAA;AACtC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAElC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAQtD;QACE,KAAK,EAAE,CAAA;QALU,UAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAA;QAE1C,kBAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,CAAA;QAQxD,YAAO,GAAG,KAAK,CAAA;QAJ9B,IAAI,CAAC,uBAAuB,EAAE,CAAA;IAChC,CAAC;IAMe,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAA;QACpE,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAA;QAC7E,CAAC;QAED,OAAO,IAAI,CAAA;;;;mBAII,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;;;;;gEAUgB,IAAI,CAAC,KAAK;;;;;;;;;;;+BAW3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,OAAO;;;;;;KAMhF,CAAA;IACH,CAAC;IAGO,KAAK,CAAC,uBAAuB;QACnC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC;gBACH,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAA;gBACjD,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,6BAA6B,EAAE,CAAC,CAAA;gBACnF,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CAAA;gBACpF,gBAAgB,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;YAEnE,CAAC;YAAC,OAAO,KAAU,EAAE,CAAC;gBACpB,gBAAgB,CAAC,MAAM,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,YAAY;QACxB,IAAI,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;oBACvC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAA;gBACnE,CAAC;gBACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;gBACnB,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;gBACrE,IAAI,CAAC,uBAAuB,EAAE,CAAA;gBAC9B,eAAe,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAA;YAClD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAClC,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;;AAzFsB,+BAAM,GAAG,MAAM,AAAT,CAAS;AAarB;IAAhB,KAAK,EAAE;yDAAwB;AAdrB,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CA2FpC"}

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

@@ -0,0 +1,8 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  wui-icon-box {
+    height: ${({ spacing }) => spacing['16']};
+    width: ${({ spacing }) => spacing['16']};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-email-verify-device-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;cAEJ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;aAC/B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;CAE1C,CAAA"}