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

package/dist/esm/src/utils/w3m-email-otp-widget/index.js

@@ -0,0 +1,175 @@
+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;
+};
+var W3mEmailOtpWidget_1;
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ConnectorController, CoreHelperUtil, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-loading-spinner';
+import '@reown/appkit-ui/wui-otp';
+import '@reown/appkit-ui/wui-text';
+import { W3mFrameHelpers } from '@reown/appkit-wallet';
+import styles from './styles.js';
+let W3mEmailOtpWidget = W3mEmailOtpWidget_1 = class W3mEmailOtpWidget extends LitElement {
+    firstUpdated() {
+        this.startOTPTimeout();
+    }
+    disconnectedCallback() {
+        clearTimeout(this.OTPTimeout);
+    }
+    constructor() {
+        super();
+        this.loading = false;
+        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+        this.error = '';
+        this.otp = '';
+        this.email = RouterController.state.data?.email;
+        this.authConnector = ConnectorController.getAuthConnector();
+    }
+    render() {
+        if (!this.email) {
+            throw new Error('w3m-email-otp-widget: No email provided');
+        }
+        const isResendDisabled = Boolean(this.timeoutTimeLeft);
+        const footerLabels = this.getFooterLabels(isResendDisabled);
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['4', '0', '4', '0']}
+        gap="4"
+      >
+        <wui-flex
+          class="email-display"
+          flexDirection="column"
+          alignItems="center"
+          .padding=${['0', '5', '0', '5']}
+        >
+          <wui-text variant="md-regular" color="primary" align="center">
+            Enter the code we sent to
+          </wui-text>
+          <wui-text variant="md-medium" color="primary" lineClamp="1" align="center">
+            ${this.email}
+          </wui-text>
+        </wui-flex>
+
+        <wui-text variant="sm-regular" color="secondary">The code expires in 20 minutes</wui-text>
+
+        ${this.loading
+            ? html `<wui-loading-spinner size="xl" color="accent-primary"></wui-loading-spinner>`
+            : html ` <wui-flex flexDirection="column" alignItems="center" gap="2">
+              <wui-otp
+                dissabled
+                length="6"
+                @inputChange=${this.onOtpInputChange.bind(this)}
+                .otp=${this.otp}
+              ></wui-otp>
+              ${this.error
+                ? html `
+                    <wui-text variant="sm-regular" align="center" color="error">
+                      ${this.error}. Try Again
+                    </wui-text>
+                  `
+                : null}
+            </wui-flex>`}
+
+        <wui-flex alignItems="center" gap="2">
+          <wui-text variant="sm-regular" color="secondary">${footerLabels.title}</wui-text>
+          <wui-link @click=${this.onResendCode.bind(this)} .disabled=${isResendDisabled}>
+            ${footerLabels.action}
+          </wui-link>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    startOTPTimeout() {
+        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+        this.OTPTimeout = setInterval(() => {
+            if (this.timeoutTimeLeft > 0) {
+                this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+            }
+            else {
+                clearInterval(this.OTPTimeout);
+            }
+        }, 1000);
+    }
+    async onOtpInputChange(event) {
+        try {
+            if (!this.loading) {
+                this.otp = event.detail;
+                if (this.shouldSubmitOnOtpChange()) {
+                    this.loading = true;
+                    await this.onOtpSubmit?.(this.otp);
+                }
+            }
+        }
+        catch (error) {
+            this.error = CoreHelperUtil.parseError(error);
+            this.loading = false;
+        }
+    }
+    async onResendCode() {
+        try {
+            if (this.onOtpResend) {
+                if (!this.loading && !this.timeoutTimeLeft) {
+                    this.error = '';
+                    this.otp = '';
+                    const authConnector = ConnectorController.getAuthConnector();
+                    if (!authConnector || !this.email) {
+                        throw new Error('w3m-email-otp-widget: Unable to resend email');
+                    }
+                    this.loading = true;
+                    await this.onOtpResend(this.email);
+                    this.startOTPTimeout();
+                    SnackController.showSuccess('Code email resent');
+                }
+            }
+            else if (this.onStartOver) {
+                this.onStartOver();
+            }
+        }
+        catch (error) {
+            SnackController.showError(error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    getFooterLabels(isResendDisabled) {
+        if (this.onStartOver) {
+            return {
+                title: 'Something wrong?',
+                action: `Try again ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : ''}`
+            };
+        }
+        return {
+            title: `Didn't receive it?`,
+            action: `Resend ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : 'Code'}`
+        };
+    }
+    shouldSubmitOnOtpChange() {
+        return this.authConnector && this.otp.length === W3mEmailOtpWidget_1.OTP_LENGTH;
+    }
+};
+W3mEmailOtpWidget.OTP_LENGTH = 6;
+W3mEmailOtpWidget.styles = styles;
+__decorate([
+    state()
+], W3mEmailOtpWidget.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mEmailOtpWidget.prototype, "timeoutTimeLeft", void 0);
+__decorate([
+    state()
+], W3mEmailOtpWidget.prototype, "error", void 0);
+W3mEmailOtpWidget = W3mEmailOtpWidget_1 = __decorate([
+    customElement('w3m-email-otp-widget')
+], W3mEmailOtpWidget);
+export { W3mEmailOtpWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/utils/w3m-email-otp-widget/index.js.map

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

package/dist/esm/src/utils/w3m-email-otp-widget/styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export default css `
+  wui-loading-spinner {
+    margin: 9px auto;
+  }
+
+  .email-display,
+  .email-display wui-text {
+    max-width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/utils/w3m-email-otp-widget/styles.js.map

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

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

@@ -0,0 +1,266 @@
+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 { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common';
+import { AssetController, ChainController, ConnectionController, ConnectorController, ConstantsUtil, CoreHelperUtil, EventsController, OptionsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-avatar';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon-link';
+import '@reown/appkit-ui/wui-list-item';
+import '@reown/appkit-ui/wui-notice-card';
+import '@reown/appkit-ui/wui-text';
+import '../../partials/w3m-account-auth-button/index.js';
+let W3mAccountSettingsView = class W3mAccountSettingsView extends LitElement {
+    constructor() {
+        super();
+        this.usubscribe = [];
+        this.networkImages = AssetController.state.networkImages;
+        this.address = ChainController.getAccountData()?.address;
+        this.profileImage = ChainController.getAccountData()?.profileImage;
+        this.profileName = ChainController.getAccountData()?.profileName;
+        this.network = ChainController.state.activeCaipNetwork;
+        this.disconnecting = false;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.usubscribe.push(...[
+            ChainController.subscribeChainProp('accountState', val => {
+                if (val) {
+                    this.address = val.address;
+                    this.profileImage = val.profileImage;
+                    this.profileName = val.profileName;
+                }
+            }),
+            ChainController.subscribeKey('activeCaipNetwork', val => {
+                if (val?.id) {
+                    this.network = val;
+                }
+            }),
+            OptionsController.subscribeKey('remoteFeatures', val => {
+                this.remoteFeatures = 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?.assets?.imageId ?? ''];
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        gap="4"
+        .padding=${['0', '5', '3', '5']}
+      >
+        <wui-avatar
+          alt=${this.address}
+          address=${this.address}
+          imageSrc=${ifDefined(this.profileImage)}
+          size="lg"
+        ></wui-avatar>
+        <wui-flex flexDirection="column" alignItems="center">
+          <wui-flex gap="1" alignItems="center" justifyContent="center">
+            <wui-text variant="h5-medium" color="primary" data-testid="account-settings-address">
+              ${UiHelperUtil.getTruncateString({
+            string: this.address,
+            charsStart: 4,
+            charsEnd: 6,
+            truncate: 'middle'
+        })}
+            </wui-text>
+            <wui-icon-link
+              size="md"
+              icon="copy"
+              iconColor="default"
+              @click=${this.onCopyAddress}
+            ></wui-icon-link>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+      <wui-flex flexDirection="column" gap="4">
+        <wui-flex flexDirection="column" gap="2" .padding=${['6', '4', '3', '4']}>
+          ${this.authCardTemplate()}
+          <w3m-account-auth-button></w3m-account-auth-button>
+          <wui-list-item
+            imageSrc=${ifDefined(networkImage)}
+            ?chevron=${this.isAllowedNetworkSwitch()}
+            ?fullSize=${true}
+            ?rounded=${true}
+            @click=${this.onNetworks.bind(this)}
+            data-testid="account-switch-network-button"
+          >
+            <wui-text variant="lg-regular" color="primary">
+              ${this.network?.name ?? 'Unknown'}
+            </wui-text>
+          </wui-list-item>
+          ${this.smartAccountSettingsTemplate()} ${this.chooseNameButtonTemplate()}
+          <wui-list-item
+            ?rounded=${true}
+            icon="power"
+            iconColor="error"
+            ?chevron=${false}
+            .loading=${this.disconnecting}
+            @click=${this.onDisconnect.bind(this)}
+            data-testid="disconnect-button"
+          >
+            <wui-text variant="lg-regular" color="primary">Disconnect</wui-text>
+          </wui-list-item>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    chooseNameButtonTemplate() {
+        const namespace = this.network?.chainNamespace;
+        const connectorId = ConnectorController.getConnectorId(namespace);
+        const authConnector = ConnectorController.getAuthConnector();
+        const hasNetworkSupport = ChainController.checkIfNamesSupported();
+        if (!hasNetworkSupport ||
+            !authConnector ||
+            connectorId !== CommonConstantsUtil.CONNECTOR_ID.AUTH ||
+            this.profileName) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        icon="id"
+        ?rounded=${true}
+        ?chevron=${true}
+        @click=${this.onChooseName.bind(this)}
+        data-testid="account-choose-name-button"
+      >
+        <wui-text variant="lg-regular" color="primary">Choose account name </wui-text>
+      </wui-list-item>
+    `;
+    }
+    authCardTemplate() {
+        const connectorId = ConnectorController.getConnectorId(this.network?.chainNamespace);
+        const authConnector = ConnectorController.getAuthConnector();
+        const { origin } = location;
+        if (!authConnector ||
+            connectorId !== CommonConstantsUtil.CONNECTOR_ID.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 = ChainController.getAllRequestedCaipNetworks();
+        const isMultiNetwork = requestedCaipNetworks ? requestedCaipNetworks.length > 1 : false;
+        const isValidNetwork = requestedCaipNetworks?.find(({ id }) => id === this.network?.id);
+        return isMultiNetwork || !isValidNetwork;
+    }
+    onCopyAddress() {
+        try {
+            if (this.address) {
+                CoreHelperUtil.copyToClopboard(this.address);
+                SnackController.showSuccess('Address copied');
+            }
+        }
+        catch {
+            SnackController.showError('Failed to copy');
+        }
+    }
+    smartAccountSettingsTemplate() {
+        const namespace = this.network?.chainNamespace;
+        const isNetworkEnabled = ChainController.checkIfSmartAccountEnabled();
+        const connectorId = ConnectorController.getConnectorId(namespace);
+        const authConnector = ConnectorController.getAuthConnector();
+        if (!authConnector ||
+            connectorId !== CommonConstantsUtil.CONNECTOR_ID.AUTH ||
+            !isNetworkEnabled) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        icon="user"
+        ?rounded=${true}
+        ?chevron=${true}
+        @click=${this.onSmartAccountSettings.bind(this)}
+        data-testid="account-smart-account-settings-button"
+      >
+        <wui-text variant="lg-regular" color="primary">Smart Account Settings</wui-text>
+      </wui-list-item>
+    `;
+    }
+    onChooseName() {
+        RouterController.push('ChooseAccountName');
+    }
+    onNetworks() {
+        if (this.isAllowedNetworkSwitch()) {
+            RouterController.push('Networks');
+        }
+    }
+    async onDisconnect() {
+        try {
+            this.disconnecting = true;
+            const namespace = this.network?.chainNamespace;
+            const connectionsByNamespace = ConnectionController.getConnections(namespace);
+            const hasConnections = connectionsByNamespace.length > 0;
+            const connectorId = namespace && ConnectorController.state.activeConnectorIds[namespace];
+            const isMultiWalletEnabled = this.remoteFeatures?.multiWallet;
+            await ConnectionController.disconnect(isMultiWalletEnabled ? { id: connectorId, namespace } : {});
+            if (hasConnections && isMultiWalletEnabled) {
+                RouterController.push('ProfileWallets');
+                SnackController.showSuccess('Wallet deleted');
+            }
+        }
+        catch {
+            EventsController.sendEvent({
+                type: 'track',
+                event: 'DISCONNECT_ERROR',
+                properties: { message: 'Failed to disconnect' }
+            });
+            SnackController.showError('Failed to disconnect');
+        }
+        finally {
+            this.disconnecting = false;
+        }
+    }
+    onGoToUpgradeView() {
+        EventsController.sendEvent({ type: 'track', event: 'EMAIL_UPGRADE_FROM_MODAL' });
+        RouterController.push('UpgradeEmailWallet');
+    }
+    onSmartAccountSettings() {
+        RouterController.push('SmartAccountSettings');
+    }
+};
+__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, "disconnecting", void 0);
+__decorate([
+    state()
+], W3mAccountSettingsView.prototype, "remoteFeatures", 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,49 @@
+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 { ChainController, ConnectorController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '../../partials/w3m-account-default-widget/index.js';
+import '../../partials/w3m-account-wallet-features-widget/index.js';
+let W3mAccountView = class W3mAccountView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.namespace = ChainController.state.activeChain;
+        this.unsubscribe.push(ChainController.subscribeKey('activeChain', namespace => {
+            this.namespace = namespace;
+        }));
+    }
+    render() {
+        if (!this.namespace) {
+            return null;
+        }
+        const connectorId = ConnectorController.getConnectorId(this.namespace);
+        const authConnector = ConnectorController.getAuthConnector();
+        return html `
+      ${authConnector && connectorId === CommonConstantsUtil.CONNECTOR_ID.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>`;
+    }
+};
+__decorate([
+    state()
+], W3mAccountView.prototype, "namespace", void 0);
+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,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,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,oDAAoD,CAAA;AAC3D,OAAO,4DAA4D,CAAA;AAG5D,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAO5C;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAE/B,cAAS,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;QAKpD,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,eAAe,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE;YACtD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;QAC5B,CAAC,CAAC,CACH,CAAA;IACH,CAAC;IAIe,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,WAAW,GAAG,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACtE,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,CAAA;QAE5D,OAAO,IAAI,CAAA;QACP,aAAa,IAAI,WAAW,KAAK,mBAAmB,CAAC,YAAY,CAAC,IAAI;YACtE,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;AArCU;IAAR,KAAK,EAAE;iDAA8C;AAJ3C,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAyC1B"}

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

@@ -0,0 +1,91 @@
+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, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-certified-switch';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-search-bar';
+import '../../partials/w3m-all-wallets-list/index.js';
+import '../../partials/w3m-all-wallets-search/index.js';
+let W3mAllWalletsView = class W3mAllWalletsView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.search = '';
+        this.badge = undefined;
+        this.onDebouncedSearch = CoreHelperUtil.debounce((value) => {
+            this.search = value;
+        });
+    }
+    render() {
+        const isSearch = this.search.length >= 2;
+        return html `
+      <wui-flex .padding=${['1', '3', '3', '3']} gap="2" alignItems="center">
+        <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
+        <wui-certified-switch
+          ?checked=${this.badge === 'certified'}
+          @certifiedSwitchChange=${this.onCertifiedSwitchChange.bind(this)}
+          data-testid="wui-certified-switch"
+        ></wui-certified-switch>
+        ${this.qrButtonTemplate()}
+      </wui-flex>
+      ${isSearch || this.badge
+            ? html `<w3m-all-wallets-search
+            query=${this.search}
+            .badge=${this.badge}
+          ></w3m-all-wallets-search>`
+            : html `<w3m-all-wallets-list .badge=${this.badge}></w3m-all-wallets-list>`}
+    `;
+    }
+    onInputChange(event) {
+        this.onDebouncedSearch(event.detail);
+    }
+    onCertifiedSwitchChange(event) {
+        if (event.detail) {
+            this.badge = 'certified';
+            SnackController.showSvg('Only WalletConnect certified', {
+                icon: 'walletConnectBrown',
+                iconColor: 'accent-100'
+            });
+        }
+        else {
+            this.badge = undefined;
+        }
+    }
+    qrButtonTemplate() {
+        if (CoreHelperUtil.isMobile()) {
+            return html `
+        <wui-icon-box
+          size="xl"
+          iconSize="xl"
+          color="accent-primary"
+          icon="qrCode"
+          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);
+__decorate([
+    state()
+], W3mAllWalletsView.prototype, "badge", 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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAEL,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,uCAAuC,CAAA;AAC9C,OAAO,2BAA2B,CAAA;AAClC,OAAO,+BAA+B,CAAA;AACtC,OAAO,iCAAiC,CAAA;AAExC,OAAO,8CAA8C,CAAA;AACrD,OAAO,gDAAgD,CAAA;AAGhD,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAEY,WAAM,GAAG,EAAE,CAAA;QAEX,UAAK,GAA0B,SAAS,CAAA;QA0CjD,sBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;YACpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACrB,CAAC,CAAC,CAAA;IAuBJ,CAAC;IAhEiB,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,CAAU;uCACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;qBAE/C,IAAI,CAAC,KAAK,KAAK,WAAW;mCACZ,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC;;;UAGhE,IAAI,CAAC,gBAAgB,EAAE;;QAEzB,QAAQ,IAAI,IAAI,CAAC,KAAK;YACtB,CAAC,CAAC,IAAI,CAAA;oBACM,IAAI,CAAC,MAAM;qBACV,IAAI,CAAC,KAAK;qCACM;YAC7B,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,0BAA0B;KAC7E,CAAA;IACH,CAAC;IAGO,aAAa,CAAC,KAA0B;QAC9C,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAEO,uBAAuB,CAAC,KAA2B;QACzD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,WAAW,CAAA;YACxB,eAAe,CAAC,OAAO,CAAC,8BAA8B,EAAE;gBACtD,IAAI,EAAE,oBAAoB;gBAC1B,SAAS,EAAE,YAAY;aACxB,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;QACxB,CAAC;IACH,CAAC;IAMO,gBAAgB;QACtB,IAAI,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA;;;;;;;;mBAQE,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;AArEkB;IAAhB,KAAK,EAAE;iDAAoB;AAEX;IAAhB,KAAK,EAAE;gDAAiD;AAJ9C,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAuE7B"}