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

package/dist/esm/src/views/w3m-data-capture-otp-confirm-view/index.js

@@ -0,0 +1,48 @@
+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 { state } from 'lit/decorators.js';
+import { ChainController, OptionsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { ReownAuthentication } from '@reown/appkit-controllers/features';
+import { customElement } from '@reown/appkit-ui';
+import { W3mEmailOtpWidget } from '../../utils/w3m-email-otp-widget/index.js';
+let W3mDataCaptureOtpConfirmView = class W3mDataCaptureOtpConfirmView extends W3mEmailOtpWidget {
+    constructor() {
+        super(...arguments);
+        this.siwx = OptionsController.state.siwx;
+        this.onOtpSubmit = async (otp) => {
+            await this.siwx.confirmEmailOtp({ code: otp });
+            RouterController.replace('SIWXSignMessage');
+        };
+        this.onOtpResend = async (email) => {
+            const accountData = ChainController.getAccountData();
+            if (!accountData?.caipAddress) {
+                throw new Error('No account data found');
+            }
+            await this.siwx.requestEmailOtp({
+                email,
+                account: accountData.caipAddress
+            });
+        };
+    }
+    connectedCallback() {
+        if (!this.siwx || !(this.siwx instanceof ReownAuthentication)) {
+            SnackController.showError('ReownAuthentication is not initialized.');
+        }
+        super.connectedCallback();
+    }
+    shouldSubmitOnOtpChange() {
+        return this.otp.length === W3mEmailOtpWidget.OTP_LENGTH;
+    }
+};
+__decorate([
+    state()
+], W3mDataCaptureOtpConfirmView.prototype, "siwx", void 0);
+W3mDataCaptureOtpConfirmView = __decorate([
+    customElement('w3m-data-capture-otp-confirm-view')
+], W3mDataCaptureOtpConfirmView);
+export { W3mDataCaptureOtpConfirmView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-data-capture-otp-confirm-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-data-capture-otp-confirm-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAGL,iBAAiB,EAClB,MAAM,2CAA2C,CAAA;AAG3C,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,iBAAiB;IAA5D;;QACY,SAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAA2B,CAAA;QAUlE,gBAAW,GAAkB,KAAK,EAAC,GAAG,EAAC,EAAE;YAChD,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAA;YAC9C,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QAC7C,CAAC,CAAA;QAMQ,gBAAW,GAAkB,KAAK,EAAC,KAAK,EAAC,EAAE;YAClD,MAAM,WAAW,GAAG,eAAe,CAAC,cAAc,EAAE,CAAA;YAEpD,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC;gBAC9B,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAA;YAC1C,CAAC;YAED,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;gBAC9B,KAAK;gBACL,OAAO,EAAE,WAAW,CAAC,WAAW;aACjC,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;IA7BiB,iBAAiB;QAC/B,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,mBAAmB,CAAC,EAAE,CAAC;YAC9D,eAAe,CAAC,SAAS,CAAC,yCAAyC,CAAC,CAAA;QACtE,CAAC;QAED,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAC3B,CAAC;IAOQ,uBAAuB;QAC9B,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,KAAK,iBAAiB,CAAC,UAAU,CAAA;IACzD,CAAC;CAcF,CAAA;AA/BkB;IAAhB,KAAK,EAAE;0DAAmE;AADhE,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CAgCxC"}

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

@@ -0,0 +1,275 @@
+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 { SafeLocalStorage, SafeLocalStorageKeys } from '@reown/appkit-common';
+import { ChainController, OptionsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { ReownAuthentication } from '@reown/appkit-controllers/features';
+import { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import styles from './styles.js';
+let W3mDataCaptureView = class W3mDataCaptureView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.email = RouterController.state.data?.email ?? ChainController.getAccountData()?.user?.email ?? '';
+        this.address = ChainController.getAccountData()?.address ?? '';
+        this.loading = false;
+        this.appName = OptionsController.state.metadata?.name ?? 'AppKit';
+        this.siwx = OptionsController.state.siwx;
+        this.isRequired = Array.isArray(OptionsController.state.remoteFeatures?.emailCapture) &&
+            OptionsController.state.remoteFeatures?.emailCapture.includes('required');
+        this.recentEmails = this.getRecentEmails();
+    }
+    connectedCallback() {
+        if (!this.siwx || !(this.siwx instanceof ReownAuthentication)) {
+            SnackController.showError('ReownAuthentication is not initialized. Please contact support.');
+        }
+        super.connectedCallback();
+    }
+    firstUpdated() {
+        this.loading = false;
+        this.recentEmails = this.getRecentEmails();
+        if (this.email) {
+            this.onSubmit();
+        }
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['3xs', 'm', 'm', 'm']} gap="l">
+        ${this.hero()} ${this.paragraph()} ${this.emailInput()} ${this.recentEmailsWidget()}
+        ${this.footerActions()}
+      </wui-flex>
+    `;
+    }
+    hero() {
+        return html `
+      <div class="hero" data-state=${this.loading ? 'loading' : 'default'}>
+        ${this.heroRow(['id', 'mail', 'wallet', 'x', 'solana', 'qrCode'])}
+        ${this.heroRow(['mail', 'farcaster', 'wallet', 'discord', 'mobile', 'qrCode'])}
+        <div class="hero-row">
+          ${this.heroIcon('github')} ${this.heroIcon('bank')}
+          <wui-icon-box
+            size="xl"
+            iconSize="xxl"
+            iconColor=${this.loading ? 'fg-100' : 'accent-100'}
+            backgroundColor=${this.loading ? 'fg-100' : 'accent-100'}
+            icon=${this.loading ? 'id' : 'user'}
+            isOpaque
+            class="hero-main-icon"
+            data-state=${this.loading ? 'loading' : 'default'}
+          >
+          </wui-icon-box>
+          ${this.heroIcon('id')} ${this.heroIcon('card')}
+        </div>
+        ${this.heroRow(['google', 'id', 'github', 'verify', 'apple', 'mobile'])}
+      </div>
+    `;
+    }
+    heroRow(icons) {
+        return html `
+      <div class="hero-row" data-state=${this.loading ? 'loading' : 'default'}>
+        ${icons.map(this.heroIcon.bind(this))}
+      </div>
+    `;
+    }
+    heroIcon(icon) {
+        return html `
+      <wui-icon-box
+        size="xl"
+        iconSize="xxl"
+        iconColor="fg-100"
+        backgroundColor="fg-100"
+        icon=${icon}
+        data-state=${this.loading ? 'loading' : 'default'}
+        isOpaque
+        class="hero-row-icon"
+      >
+      </wui-icon-box>
+    `;
+    }
+    paragraph() {
+        if (this.loading) {
+            return html `
+        <wui-text variant="paragraph-400" color="fg-200" align="center"
+          >We are verifying your account with email
+          <wui-text variant="paragraph-600" color="accent-100">${this.email}</wui-text> and address
+          <wui-text variant="paragraph-600" color="fg-100">
+            ${UiHelperUtil.getTruncateString({
+                string: this.address,
+                charsEnd: 4,
+                charsStart: 4,
+                truncate: 'middle'
+            })} </wui-text
+          >, please wait a moment.</wui-text
+        >
+      `;
+        }
+        if (this.isRequired) {
+            return html `
+        <wui-text variant="paragraph-600" color="fg-100" align="center">
+          ${this.appName} requires your email for authentication.
+        </wui-text>
+      `;
+        }
+        return html `
+      <wui-flex flexDirection="column" gap="xs" alignItems="center">
+        <wui-text variant="paragraph-600" color="fg-100" align="center" size>
+          ${this.appName} would like to collect your email.
+        </wui-text>
+
+        <wui-text variant="small-400" color="fg-200" align="center">
+          Don't worry, it's optional&mdash;you can skip this step.
+        </wui-text>
+      </wui-flex>
+    `;
+    }
+    emailInput() {
+        if (this.loading) {
+            return null;
+        }
+        const keydownHandler = (event) => {
+            if (event.key === 'Enter') {
+                this.onSubmit();
+            }
+        };
+        const changeHandler = (event) => {
+            this.email = event.detail;
+        };
+        return html `
+      <wui-flex flexDirection="column">
+        <wui-email-input
+          .value=${this.email}
+          .disabled=${this.loading}
+          @inputChange=${changeHandler}
+          @keydown=${keydownHandler}
+        ></wui-email-input>
+
+        <w3m-email-suffixes-widget
+          .email=${this.email}
+          @change=${changeHandler}
+        ></w3m-email-suffixes-widget>
+      </wui-flex>
+    `;
+    }
+    recentEmailsWidget() {
+        if (this.recentEmails.length === 0 || this.loading) {
+            return null;
+        }
+        const recentEmailSelectHandler = (event) => {
+            this.email = event.detail;
+            this.onSubmit();
+        };
+        return html `
+      <w3m-recent-emails-widget
+        .emails=${this.recentEmails}
+        @select=${recentEmailSelectHandler}
+      ></w3m-recent-emails-widget>
+    `;
+    }
+    footerActions() {
+        return html `
+      <wui-flex flexDirection="row" fullWidth gap="s">
+        ${this.isRequired
+            ? null
+            : html `<wui-button
+              size="lg"
+              variant="neutral"
+              fullWidth
+              .disabled=${this.loading}
+              @click=${this.onSkip.bind(this)}
+              >Skip this step</wui-button
+            >`}
+
+        <wui-button
+          size="lg"
+          variant="main"
+          type="submit"
+          fullWidth
+          .disabled=${!this.email || !this.isValidEmail(this.email)}
+          .loading=${this.loading}
+          @click=${this.onSubmit.bind(this)}
+        >
+          Continue
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+    async onSubmit() {
+        if (!(this.siwx instanceof ReownAuthentication)) {
+            SnackController.showError('ReownAuthentication is not initialized. Please contact support.');
+            return;
+        }
+        const account = ChainController.getActiveCaipAddress();
+        if (!account) {
+            throw new Error('Account is not connected.');
+        }
+        if (!this.isValidEmail(this.email)) {
+            SnackController.showError('Please provide a valid email.');
+            return;
+        }
+        try {
+            this.loading = true;
+            const otp = await this.siwx.requestEmailOtp({
+                email: this.email,
+                account
+            });
+            this.pushRecentEmail(this.email);
+            if (otp.uuid === null) {
+                RouterController.replace('SIWXSignMessage');
+            }
+            else {
+                RouterController.replace('DataCaptureOtpConfirm', { email: this.email });
+            }
+        }
+        catch (error) {
+            SnackController.showError('Failed to send email OTP');
+            this.loading = false;
+        }
+    }
+    onSkip() {
+        RouterController.replace('SIWXSignMessage');
+    }
+    getRecentEmails() {
+        const recentEmails = SafeLocalStorage.getItem(SafeLocalStorageKeys.RECENT_EMAILS);
+        const parsedEmails = recentEmails ? recentEmails.split(',') : [];
+        return parsedEmails.filter(this.isValidEmail.bind(this)).slice(0, 3);
+    }
+    pushRecentEmail(email) {
+        const recentEmails = this.getRecentEmails();
+        const newEmails = Array.from(new Set([email, ...recentEmails])).slice(0, 3);
+        SafeLocalStorage.setItem(SafeLocalStorageKeys.RECENT_EMAILS, newEmails.join(','));
+    }
+    isValidEmail(email) {
+        return /^\S+@\S+\.\S+$/u.test(email);
+    }
+};
+W3mDataCaptureView.styles = [styles];
+__decorate([
+    state()
+], W3mDataCaptureView.prototype, "email", void 0);
+__decorate([
+    state()
+], W3mDataCaptureView.prototype, "address", void 0);
+__decorate([
+    state()
+], W3mDataCaptureView.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mDataCaptureView.prototype, "appName", void 0);
+__decorate([
+    state()
+], W3mDataCaptureView.prototype, "siwx", void 0);
+__decorate([
+    state()
+], W3mDataCaptureView.prototype, "isRequired", void 0);
+__decorate([
+    state()
+], W3mDataCaptureView.prototype, "recentEmails", void 0);
+W3mDataCaptureView = __decorate([
+    customElement('w3m-data-capture-view')
+], W3mDataCaptureView);
+export { W3mDataCaptureView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-data-capture-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,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC7E,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAE9D,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAGY,UAAK,GACpB,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,eAAe,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAA;QAE1E,YAAO,GAAG,eAAe,CAAC,cAAc,EAAE,EAAE,OAAO,IAAI,EAAE,CAAA;QAEzD,YAAO,GAAG,KAAK,CAAA;QAEf,YAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,QAAQ,CAAA;QAE5D,SAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAA2B,CAAA;QAE1D,eAAU,GACzB,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC;YACnE,iBAAiB,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;QAE1D,iBAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;IA+PxD,CAAC;IA7PiB,iBAAiB;QAC/B,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,mBAAmB,CAAC,EAAE,CAAC;YAC9D,eAAe,CAAC,SAAS,CAAC,iEAAiE,CAAC,CAAA;QAC9F,CAAC;QAED,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAC3B,CAAC;IAEe,YAAY;QAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QAE1C,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,QAAQ,EAAE,CAAA;QACjB,CAAC;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,IAAI,CAAA;kDACmC,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;UACvE,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,kBAAkB,EAAE;UACjF,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAA;IACH,CAAC;IAEO,IAAI;QACV,OAAO,IAAI,CAAA;qCACsB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;UAC/D,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;UAC/D,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;;YAE1E,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;wBAIpC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;8BAChC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;mBACjD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;;;yBAGtB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;;YAGjD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;;UAE9C,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;;KAE1E,CAAA;IACH,CAAC;IAEO,OAAO,CAAC,KAAe;QAC7B,OAAO,IAAI,CAAA;yCAC0B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;UACnE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;KAExC,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,IAAY;QAC3B,OAAO,IAAI,CAAA;;;;;;eAMA,IAAI;qBACE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;;;;KAKpD,CAAA;IACH,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA;;;iEAGgD,IAAI,CAAC,KAAK;;cAE7D,YAAY,CAAC,iBAAiB,CAAC;gBAC/B,MAAM,EAAE,IAAI,CAAC,OAAO;gBACpB,QAAQ,EAAE,CAAC;gBACX,UAAU,EAAE,CAAC;gBACb,QAAQ,EAAE,QAAQ;aACnB,CAAC;;;OAGP,CAAA;QACH,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAA;;YAEL,IAAI,CAAC,OAAO;;OAEjB,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,OAAO;;;;;;;KAOnB,CAAA;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC9C,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC1B,IAAI,CAAC,QAAQ,EAAE,CAAA;YACjB,CAAC;QACH,CAAC,CAAA;QAED,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;YACnD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAA;QAC3B,CAAC,CAAA;QAED,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,KAAK;sBACP,IAAI,CAAC,OAAO;yBACT,aAAa;qBACjB,cAAc;;;;mBAIhB,IAAI,CAAC,KAAK;oBACT,aAAa;;;KAG5B,CAAA;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACnD,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,wBAAwB,GAAG,CAAC,KAA0B,EAAE,EAAE;YAC9D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAA;YACzB,IAAI,CAAC,QAAQ,EAAE,CAAA;QACjB,CAAC,CAAA;QAED,OAAO,IAAI,CAAA;;kBAEG,IAAI,CAAC,YAAY;kBACjB,wBAAwB;;KAErC,CAAA;IACH,CAAC;IAEO,aAAa;QACnB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,CAAA;;;;0BAIU,IAAI,CAAC,OAAO;uBACf,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;cAE/B;;;;;;;sBAOQ,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;qBAC9C,IAAI,CAAC,OAAO;mBACd,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;KAKtC,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,QAAQ;QACpB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,mBAAmB,CAAC,EAAE,CAAC;YAChD,eAAe,CAAC,SAAS,CAAC,iEAAiE,CAAC,CAAA;YAE5F,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,eAAe,CAAC,oBAAoB,EAAE,CAAA;QAEtD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;QAC9C,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,eAAe,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAA;YAE1D,OAAM;QACR,CAAC;QAED,IAAI,CAAC;YACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;gBAC1C,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO;aACR,CAAC,CAAA;YAEF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAEhC,IAAI,GAAG,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;gBACtB,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;YAC7C,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,OAAO,CAAC,uBAAuB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;YAC1E,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,eAAe,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAA;YAErD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;IAEO,MAAM;QACZ,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;IAC7C,CAAC;IAEO,eAAe;QACrB,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAA;QACjF,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAEhE,OAAO,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC;IAEO,eAAe,CAAC,KAAa;QACnC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAC3E,gBAAgB,CAAC,OAAO,CAAC,oBAAoB,CAAC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;IACnF,CAAC;IAEO,YAAY,CAAC,KAAa;QAChC,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACtC,CAAC;;AA/QsB,yBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAW;AAEvB;IAAhB,KAAK,EAAE;iDACmF;AAE1E;IAAhB,KAAK,EAAE;mDAAkE;AAEzD;IAAhB,KAAK,EAAE;mDAAwB;AAEf;IAAhB,KAAK,EAAE;mDAAqE;AAE5D;IAAhB,KAAK,EAAE;gDAAmE;AAE1D;IAAhB,KAAK,EAAE;sDAEmE;AAE1D;IAAhB,KAAK,EAAE;wDAA8C;AAlB3C,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAiR9B"}

package/dist/esm/src/views/w3m-data-capture-view/styles.js

@@ -0,0 +1,88 @@
+import { css } from 'lit';
+export default css `
+  .hero {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wui-spacing-3xs);
+
+    transition-property: margin, height;
+    transition-duration: var(--wui-duration-md);
+    transition-timing-function: var(--wui-ease-out-power-1);
+    margin-top: -100px;
+
+    &[data-state='loading'] {
+      margin-top: 0px;
+    }
+
+    position: relative;
+    &:after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      height: 252px;
+      width: 360px;
+      background: radial-gradient(
+        96.11% 53.95% at 50% 51.28%,
+        transparent 0%,
+        color-mix(in srgb, var(--wui-color-bg-100) 5%, transparent) 49%,
+        color-mix(in srgb, var(--wui-color-bg-100) 65%, transparent) 99.43%
+      );
+    }
+  }
+
+  .hero-main-icon {
+    width: 176px;
+    transition-property: background-color;
+    transition-duration: var(--wui-duration-lg);
+    transition-timing-function: var(--wui-ease-out-power-1);
+
+    &[data-state='loading'] {
+      width: 56px;
+    }
+  }
+
+  .hero-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wui-spacing-3xs);
+    flex-wrap: nowrap;
+    min-width: fit-content;
+
+    &:nth-child(1) {
+      transform: translateX(-30px);
+    }
+
+    &:nth-child(2) {
+      transform: translateX(30px);
+    }
+
+    &:nth-child(4) {
+      transform: translateX(40px);
+    }
+
+    transition-property: height;
+    transition-duration: var(--wui-duration-md);
+    transition-timing-function: var(--wui-ease-out-power-1);
+    height: 68px;
+
+    &[data-state='loading'] {
+      height: 0px;
+    }
+  }
+
+  .hero-row-icon {
+    opacity: 0.1;
+    transition-property: opacity;
+    transition-duration: var(--wui-duration-md);
+    transition-timing-function: var(--wui-ease-out-power-1);
+
+    &[data-state='loading'] {
+      opacity: 0;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-data-capture-view/styles.js.map

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

package/dist/esm/src/views/w3m-deposit-from-exchange-select-asset-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 { state } from 'lit/decorators.js';
+import { CoreHelperUtil, ExchangeController, RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-input-text';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-list-token';
+import '@reown/appkit-ui/wui-separator';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mDepositFromExchangeSelectAssetView = class W3mDepositFromExchangeSelectAssetView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.assets = ExchangeController.state.assets;
+        this.search = '';
+        this.onDebouncedSearch = CoreHelperUtil.debounce((value) => {
+            this.search = value;
+        });
+        this.unsubscribe.push(...[
+            ExchangeController.subscribe(val => {
+                this.assets = val.assets;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column">
+        ${this.templateSearchInput()} <wui-separator></wui-separator> ${this.templateTokens()}
+      </wui-flex>
+    `;
+    }
+    templateSearchInput() {
+        return html `
+      <wui-flex gap="2" padding="3">
+        <wui-input-text
+          @inputChange=${this.onInputChange.bind(this)}
+          class="network-search-input"
+          size="sm"
+          placeholder="Search token"
+          icon="search"
+        ></wui-input-text>
+      </wui-flex>
+    `;
+    }
+    templateTokens() {
+        const filteredAssets = this.assets.filter(asset => asset.metadata.name.toLowerCase().includes(this.search.toLowerCase()));
+        const hasAssets = filteredAssets.length > 0;
+        return html `
+      <wui-flex
+        class="contentContainer"
+        flexDirection="column"
+        .padding=${['0', '3', '0', '3']}
+      >
+        <wui-flex justifyContent="flex-start" .padding=${['4', '3', '3', '3']}>
+          <wui-text variant="md-medium" color="secondary">Available tokens</wui-text>
+        </wui-flex>
+        <wui-flex flexDirection="column" gap="2">
+          ${hasAssets
+            ? filteredAssets.map(asset => html `<wui-list-item
+                    .imageSrc=${asset.metadata.iconUrl}
+                    ?clickable=${true}
+                    @click=${this.handleTokenClick.bind(this, asset)}
+                  >
+                    <wui-text variant="md-medium" color="primary">${asset.metadata.name}</wui-text>
+                    <wui-text variant="md-regular" color="secondary"
+                      >${asset.metadata.symbol}</wui-text
+                    >
+                  </wui-list-item>`)
+            : html `<wui-flex
+                .padding=${['20', '0', '0', '0']}
+                alignItems="center"
+                flexDirection="column"
+                gap="4"
+              >
+                <wui-icon-box icon="coinPlaceholder" color="default" size="lg"></wui-icon-box>
+                <wui-flex
+                  class="textContent"
+                  gap="2"
+                  flexDirection="column"
+                  justifyContent="center"
+                >
+                  <wui-text variant="lg-medium" align="center" color="primary">
+                    No tokens found
+                  </wui-text>
+                </wui-flex>
+                <wui-link @click=${this.onBuyClick.bind(this)}>Buy</wui-link>
+              </wui-flex>`}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    onBuyClick() {
+        RouterController.push('OnRampProviders');
+    }
+    onInputChange(event) {
+        this.onDebouncedSearch(event.detail);
+    }
+    handleTokenClick(asset) {
+        ExchangeController.setPaymentAsset(asset);
+        RouterController.goBack();
+    }
+};
+W3mDepositFromExchangeSelectAssetView.styles = styles;
+__decorate([
+    state()
+], W3mDepositFromExchangeSelectAssetView.prototype, "assets", void 0);
+__decorate([
+    state()
+], W3mDepositFromExchangeSelectAssetView.prototype, "search", void 0);
+W3mDepositFromExchangeSelectAssetView = __decorate([
+    customElement('w3m-deposit-from-exchange-select-asset-view')
+], W3mDepositFromExchangeSelectAssetView);
+export { W3mDepositFromExchangeSelectAssetView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-deposit-from-exchange-select-asset-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,cAAc,EACd,kBAAkB,EAElB,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAClC,OAAO,+BAA+B,CAAA;AACtC,OAAO,iCAAiC,CAAA;AACxC,OAAO,2BAA2B,CAAA;AAClC,OAAO,iCAAiC,CAAA;AACxC,OAAO,gCAAgC,CAAA;AACvC,OAAO,2BAA2B,CAAA;AAElC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,qCAAqC,GAA3C,MAAM,qCAAsC,SAAQ,UAAU;IAYnE;QACE,KAAK,EAAE,CAAA;QATD,gBAAW,GAAmB,EAAE,CAAA;QAGvB,WAAM,GAAmB,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAA;QAExD,WAAM,GAAG,EAAE,CAAA;QAuGpB,sBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;YACpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACrB,CAAC,CAAC,CAAA;QApGA,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBACjC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAA;YAC1B,CAAC,CAAC;SACH,CACF,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,mBAAmB,EAAE,oCAAoC,IAAI,CAAC,cAAc,EAAE;;KAExF,CAAA;IACH,CAAC;IAGO,mBAAmB;QACzB,OAAO,IAAI,CAAA;;;yBAGU,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;KAOjD,CAAA;IACH,CAAC;IAEO,cAAc;QACpB,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAChD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACtE,CAAA;QACD,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAA;QAE3C,OAAO,IAAI,CAAA;;;;mBAII,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;yDAES,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;YAI1E,SAAS;YACT,CAAC,CAAC,cAAc,CAAC,GAAG,CAChB,KAAK,CAAC,EAAE,CACN,IAAI,CAAA;gCACU,KAAK,CAAC,QAAQ,CAAC,OAAO;iCACrB,IAAI;6BACR,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;;oEAEA,KAAK,CAAC,QAAQ,CAAC,IAAI;;yBAE9D,KAAK,CAAC,QAAQ,CAAC,MAAM;;mCAEX,CACpB;YACH,CAAC,CAAC,IAAI,CAAA;2BACS,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;;;;;;;;;;;mCAgBtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;0BACnC;;;KAGrB,CAAA;IACH,CAAC;IAEO,UAAU;QAChB,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC1C,CAAC;IACO,aAAa,CAAC,KAA0B;QAC9C,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAMO,gBAAgB,CAAC,KAAmB;QAC1C,kBAAkB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACzC,gBAAgB,CAAC,MAAM,EAAE,CAAA;IAC3B,CAAC;;AAtHsB,4CAAM,GAAG,MAAM,AAAT,CAAS;AAMrB;IAAhB,KAAK,EAAE;qEAAiE;AAExD;IAAhB,KAAK,EAAE;qEAAoB;AATjB,qCAAqC;IADjD,aAAa,CAAC,6CAA6C,CAAC;GAChD,qCAAqC,CAwHjD"}

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

@@ -0,0 +1,19 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  .contentContainer {
+    height: 440px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: ${({ borderRadius }) => borderRadius['3']};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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