@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-viem-upgrade-2.0

package/dist/esm/src/views/w3m-switch-active-chain-view/styles.js

@@ -0,0 +1,94 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+
+  wui-visual {
+    border-radius: calc(
+      ${({ borderRadius }) => borderRadius['1']} * 9 - ${({ borderRadius }) => borderRadius['3']}
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  wui-visual::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    inset: 0;
+    border-radius: calc(
+      ${({ borderRadius }) => borderRadius['1']} * 9 - ${({ borderRadius }) => borderRadius['3']}
+    );
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(${({ spacing }) => spacing['1']} * -1);
+    bottom: calc(${({ spacing }) => spacing['1']} * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition:
+      opacity ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      transform ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']};
+    will-change: opacity, transform;
+  }
+
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px ${({ spacing }) => spacing['4']};
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms ${({ easings }) => easings['ease-out-power-2']} both;
+  }
+
+  [data-retry='false'] wui-link {
+    display: none;
+  }
+
+  [data-retry='true'] wui-link {
+    display: block;
+    opacity: 1;
+  }
+
+  wui-link {
+    padding: ${({ spacing }) => spacing['01']} ${({ spacing }) => spacing['2']};
+  }
+
+  .capitalize {
+    text-transform: capitalize;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-switch-active-chain-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-switch-active-chain-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BV,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;;;;;;;;;QAcxF,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;kCAE9D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;kBAKpD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;mBAC5B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;gBAIhC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;kBAChF,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UAC1C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;mBAMnC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;6BASnB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;eAa1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;CAM7E,CAAA"}

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

@@ -0,0 +1,26 @@
+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 { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '../../partials/w3m-activity-list/index.js';
+import styles from './styles.js';
+let W3mTransactionsView = class W3mTransactionsView extends LitElement {
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', '3', '3', '3']} gap="3">
+        <w3m-activity-list page="activity"></w3m-activity-list>
+      </wui-flex>
+    `;
+    }
+};
+W3mTransactionsView.styles = styles;
+W3mTransactionsView = __decorate([
+    customElement('w3m-transactions-view')
+], W3mTransactionsView);
+export { W3mTransactionsView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-transactions-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAElC,OAAO,2CAA2C,CAAA;AAClD,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAIjC,MAAM;QACpB,OAAO,IAAI,CAAA;kDACmC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;;;KAGjE,CAAA;IACH,CAAC;;AATsB,0BAAM,GAAG,MAAM,AAAT,CAAS;AAD3B,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAW/B"}

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

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+export default css `
+  :host > wui-flex:first-child {
+    height: 500px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+  }
+
+  :host > wui-flex:first-child::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,155 @@
+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 { AssetController, AssetUtil, ChainController, ConnectionController, ConnectorController, ConstantsUtil, CoreHelperUtil, EventsController, OptionsController, RouterController, SnackController } 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-list-item';
+import '@reown/appkit-ui/wui-list-network';
+import '@reown/appkit-ui/wui-separator';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mUnsupportedChainView = class W3mUnsupportedChainView extends LitElement {
+    constructor() {
+        super();
+        this.swapUnsupportedChain = RouterController.state.data?.swapUnsupportedChain;
+        this.unsubscribe = [];
+        this.disconnecting = false;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.unsubscribe.push(AssetController.subscribeNetworkImages(() => this.requestUpdate()), OptionsController.subscribeKey('remoteFeatures', val => {
+            this.remoteFeatures = val;
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex class="container" flexDirection="column" gap="0">
+        <wui-flex
+          class="container"
+          flexDirection="column"
+          .padding=${['3', '5', '2', '5']}
+          alignItems="center"
+          gap="5"
+        >
+          ${this.descriptionTemplate()}
+        </wui-flex>
+
+        <wui-flex flexDirection="column" padding="3" gap="2"> ${this.networksTemplate()} </wui-flex>
+
+        <wui-separator text="or"></wui-separator>
+        <wui-flex flexDirection="column" padding="3" gap="2">
+          <wui-list-item
+            variant="icon"
+            iconVariant="overlay"
+            icon="signOut"
+            ?chevron=${false}
+            .loading=${this.disconnecting}
+            @click=${this.onDisconnect.bind(this)}
+            data-testid="disconnect-button"
+          >
+            <wui-text variant="md-medium" color="secondary">Disconnect</wui-text>
+          </wui-list-item>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    descriptionTemplate() {
+        if (this.swapUnsupportedChain) {
+            return html `
+        <wui-text variant="sm-regular" color="secondary" align="center">
+          The swap feature doesn’t support your current network. Switch to an available option to
+          continue.
+        </wui-text>
+      `;
+        }
+        return html `
+      <wui-text variant="sm-regular" color="secondary" align="center">
+        This app doesn’t support your current network. Switch to an available option to continue.
+      </wui-text>
+    `;
+    }
+    networksTemplate() {
+        const requestedCaipNetworks = ChainController.getAllRequestedCaipNetworks();
+        const approvedCaipNetworkIds = ChainController.getAllApprovedCaipNetworkIds();
+        const sortedNetworks = CoreHelperUtil.sortRequestedNetworks(approvedCaipNetworkIds, requestedCaipNetworks);
+        const filteredNetworks = this.swapUnsupportedChain
+            ? sortedNetworks.filter(network => ConstantsUtil.SWAP_SUPPORTED_NETWORKS.includes(network.caipNetworkId))
+            : sortedNetworks;
+        return filteredNetworks.map(network => html `
+        <wui-list-network
+          imageSrc=${ifDefined(AssetUtil.getNetworkImage(network))}
+          name=${network.name ?? 'Unknown'}
+          @click=${() => this.onSwitchNetwork(network)}
+        >
+        </wui-list-network>
+      `);
+    }
+    async onDisconnect() {
+        try {
+            this.disconnecting = true;
+            const namespace = ChainController.state.activeChain;
+            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;
+        }
+    }
+    async onSwitchNetwork(network) {
+        const caipAddress = ChainController.getActiveCaipAddress();
+        const approvedCaipNetworkIds = ChainController.getAllApprovedCaipNetworkIds();
+        const shouldSupportAllNetworks = ChainController.getNetworkProp('supportsAllNetworks', network.chainNamespace);
+        const routerData = RouterController.state.data;
+        if (caipAddress) {
+            if (approvedCaipNetworkIds?.includes(network.caipNetworkId)) {
+                await ChainController.switchActiveNetwork(network);
+            }
+            else if (shouldSupportAllNetworks) {
+                RouterController.push('SwitchNetwork', { ...routerData, network });
+            }
+            else {
+                RouterController.push('SwitchNetwork', { ...routerData, network });
+            }
+        }
+        else if (!caipAddress) {
+            ChainController.setActiveCaipNetwork(network);
+            RouterController.push('Connect');
+        }
+    }
+};
+W3mUnsupportedChainView.styles = styles;
+__decorate([
+    state()
+], W3mUnsupportedChainView.prototype, "disconnecting", void 0);
+__decorate([
+    state()
+], W3mUnsupportedChainView.prototype, "remoteFeatures", void 0);
+W3mUnsupportedChainView = __decorate([
+    customElement('w3m-unsupported-chain-view')
+], W3mUnsupportedChainView);
+export { W3mUnsupportedChainView };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/views/w3m-unsupported-chain-view/styles.js

@@ -0,0 +1,13 @@
+import { css } from 'lit';
+export default css `
+  :host > wui-flex {
+    max-height: clamp(360px, 540px, 80vh);
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  :host > wui-flex::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-unsupported-chain-view/styles.js.map

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

package/dist/esm/src/views/w3m-update-email-primary-otp-view/index.js

@@ -0,0 +1,40 @@
+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, EventsController, RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import { W3mEmailOtpWidget } from '../../utils/w3m-email-otp-widget/index.js';
+let W3mUpdateEmailPrimaryOtpView = class W3mUpdateEmailPrimaryOtpView extends W3mEmailOtpWidget {
+    constructor() {
+        super();
+        this.email = RouterController.state.data?.email;
+        this.onOtpSubmit = async (otp) => {
+            try {
+                if (this.authConnector) {
+                    await this.authConnector.provider.updateEmailPrimaryOtp({ otp });
+                    EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_PASS' });
+                    RouterController.replace('UpdateEmailSecondaryOtp', RouterController.state.data);
+                }
+            }
+            catch (error) {
+                EventsController.sendEvent({
+                    type: 'track',
+                    event: 'EMAIL_VERIFICATION_CODE_FAIL',
+                    properties: { message: CoreHelperUtil.parseError(error) }
+                });
+                throw error;
+            }
+        };
+        this.onStartOver = () => {
+            RouterController.replace('UpdateEmailWallet', RouterController.state.data);
+        };
+    }
+};
+W3mUpdateEmailPrimaryOtpView = __decorate([
+    customElement('w3m-update-email-primary-otp-view')
+], W3mUpdateEmailPrimaryOtpView);
+export { W3mUpdateEmailPrimaryOtpView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-update-email-primary-otp-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-update-email-primary-otp-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAItE,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,iBAAiB;IACjE;QACE,KAAK,EAAE,CAAA;QAIA,UAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAA;QAE1C,gBAAW,GAAkB,KAAK,EAAC,GAAG,EAAC,EAAE;YAChD,IAAI,CAAC;gBACH,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;oBAChE,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CAAA;oBACpF,gBAAgB,CAAC,OAAO,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;gBAClF,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,gBAAgB,CAAC,SAAS,CAAC;oBACzB,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,8BAA8B;oBACrC,UAAU,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;iBAC1D,CAAC,CAAA;gBACF,MAAM,KAAK,CAAA;YACb,CAAC;QACH,CAAC,CAAA;QAEQ,gBAAW,GAAG,GAAG,EAAE;YAC1B,gBAAgB,CAAC,OAAO,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC5E,CAAC,CAAA;IAxBD,CAAC;CAyBF,CAAA;AA5BY,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CA4BxC"}

package/dist/esm/src/views/w3m-update-email-secondary-otp-view/index.js

@@ -0,0 +1,43 @@
+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, EventsController, RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import { W3mEmailOtpWidget } from '../../utils/w3m-email-otp-widget/index.js';
+let W3mUpdateEmailSecondaryOtpView = class W3mUpdateEmailSecondaryOtpView extends W3mEmailOtpWidget {
+    constructor() {
+        super();
+        this.email = RouterController.state.data?.newEmail;
+        this.redirectView = RouterController.state.data?.redirectView;
+        this.onOtpSubmit = async (otp) => {
+            try {
+                if (this.authConnector) {
+                    await this.authConnector.provider.updateEmailSecondaryOtp({ otp });
+                    EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_PASS' });
+                    if (this.redirectView) {
+                        RouterController.reset(this.redirectView);
+                    }
+                }
+            }
+            catch (error) {
+                EventsController.sendEvent({
+                    type: 'track',
+                    event: 'EMAIL_VERIFICATION_CODE_FAIL',
+                    properties: { message: CoreHelperUtil.parseError(error) }
+                });
+                throw error;
+            }
+        };
+        this.onStartOver = () => {
+            RouterController.replace('UpdateEmailWallet', RouterController.state.data);
+        };
+    }
+};
+W3mUpdateEmailSecondaryOtpView = __decorate([
+    customElement('w3m-update-email-secondary-otp-view')
+], W3mUpdateEmailSecondaryOtpView);
+export { W3mUpdateEmailSecondaryOtpView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-update-email-secondary-otp-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-update-email-secondary-otp-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAItE,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,iBAAiB;IACnE;QACE,KAAK,EAAE,CAAA;QAIA,UAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAA;QAE9C,iBAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAA;QAEvD,gBAAW,GAAkB,KAAK,EAAC,GAAG,EAAC,EAAE;YAChD,IAAI,CAAC;gBACH,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;oBAClE,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CAAA;oBAEpF,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;wBACtB,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;oBAC3C,CAAC;gBACH,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,gBAAgB,CAAC,SAAS,CAAC;oBACzB,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,8BAA8B;oBACrC,UAAU,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;iBAC1D,CAAC,CAAA;gBACF,MAAM,KAAK,CAAA;YACb,CAAC;QACH,CAAC,CAAA;QAEQ,gBAAW,GAAG,GAAG,EAAE;YAC1B,gBAAgB,CAAC,OAAO,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC5E,CAAC,CAAA;IA7BD,CAAC;CA8BF,CAAA;AAjCY,8BAA8B;IAD1C,aAAa,CAAC,qCAAqC,CAAC;GACxC,8BAA8B,CAiC1C"}

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

@@ -0,0 +1,132 @@
+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 { createRef, ref } from 'lit/directives/ref.js';
+import { ConnectorController } from '@reown/appkit-controllers';
+import { EventsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-email-input';
+import '@reown/appkit-ui/wui-flex';
+import styles from './styles.js';
+let W3mUpdateEmailWalletView = class W3mUpdateEmailWalletView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.formRef = createRef();
+        this.initialEmail = RouterController.state.data?.email ?? '';
+        this.redirectView = RouterController.state.data?.redirectView;
+        this.email = '';
+        this.loading = false;
+    }
+    firstUpdated() {
+        this.formRef.value?.addEventListener('keydown', event => {
+            if (event.key === 'Enter') {
+                this.onSubmitEmail(event);
+            }
+        });
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" padding="4" gap="4">
+        <form ${ref(this.formRef)} @submit=${this.onSubmitEmail.bind(this)}>
+          <wui-email-input
+            value=${this.initialEmail}
+            .disabled=${this.loading}
+            @inputChange=${this.onEmailInputChange.bind(this)}
+          >
+          </wui-email-input>
+          <input type="submit" hidden />
+        </form>
+        ${this.buttonsTemplate()}
+      </wui-flex>
+    `;
+    }
+    onEmailInputChange(event) {
+        this.email = event.detail;
+    }
+    async onSubmitEmail(event) {
+        try {
+            if (this.loading) {
+                return;
+            }
+            this.loading = true;
+            event.preventDefault();
+            const authConnector = ConnectorController.getAuthConnector();
+            if (!authConnector) {
+                throw new Error('w3m-update-email-wallet: Auth connector not found');
+            }
+            const response = await authConnector.provider.updateEmail({ email: this.email });
+            EventsController.sendEvent({ type: 'track', event: 'EMAIL_EDIT' });
+            if (response.action === 'VERIFY_SECONDARY_OTP') {
+                RouterController.push('UpdateEmailSecondaryOtp', {
+                    email: this.initialEmail,
+                    newEmail: this.email,
+                    redirectView: this.redirectView
+                });
+            }
+            else {
+                RouterController.push('UpdateEmailPrimaryOtp', {
+                    email: this.initialEmail,
+                    newEmail: this.email,
+                    redirectView: this.redirectView
+                });
+            }
+        }
+        catch (error) {
+            SnackController.showError(error);
+            this.loading = false;
+        }
+    }
+    buttonsTemplate() {
+        const showSubmit = !this.loading && this.email.length > 3 && this.email !== this.initialEmail;
+        if (!this.redirectView) {
+            return html `
+        <wui-button
+          size="md"
+          variant="accent-primary"
+          fullWidth
+          @click=${this.onSubmitEmail.bind(this)}
+          .disabled=${!showSubmit}
+          .loading=${this.loading}
+        >
+          Save
+        </wui-button>
+      `;
+        }
+        return html `
+      <wui-flex gap="3">
+        <wui-button size="md" variant="neutral" fullWidth @click=${RouterController.goBack}>
+          Cancel
+        </wui-button>
+
+        <wui-button
+          size="md"
+          variant="accent-primary"
+          fullWidth
+          @click=${this.onSubmitEmail.bind(this)}
+          .disabled=${!showSubmit}
+          .loading=${this.loading}
+        >
+          Save
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+};
+W3mUpdateEmailWalletView.styles = styles;
+__decorate([
+    state()
+], W3mUpdateEmailWalletView.prototype, "email", void 0);
+__decorate([
+    state()
+], W3mUpdateEmailWalletView.prototype, "loading", void 0);
+W3mUpdateEmailWalletView = __decorate([
+    customElement('w3m-update-email-wallet-view')
+], W3mUpdateEmailWalletView);
+export { W3mUpdateEmailWalletView };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/views/w3m-update-email-wallet-view/styles.js

@@ -0,0 +1,13 @@
+import { css } from 'lit';
+export default css `
+  wui-email-input {
+    width: 100%;
+  }
+
+  form {
+    width: 100%;
+    display: block;
+    position: relative;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-update-email-wallet-view/styles.js.map

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

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

@@ -0,0 +1,38 @@
+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 { ConstantsUtil } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-semantic-chip';
+import '@reown/appkit-ui/wui-text';
+let W3mUpgradeWalletView = class W3mUpgradeWalletView extends LitElement {
+    render() {
+        return html `
+      <wui-flex flexDirection="column" alignItems="center" gap="5" padding="5">
+        <wui-text variant="md-regular" color="primary">Follow the instructions on</wui-text>
+        <wui-semantic-chip
+          icon="externalLink"
+          variant="fill"
+          text=${ConstantsUtil.SECURE_SITE_DASHBOARD}
+          href=${ConstantsUtil.SECURE_SITE_DASHBOARD}
+          imageSrc=${ConstantsUtil.SECURE_SITE_FAVICON}
+          data-testid="w3m-secure-website-button"
+        >
+        </wui-semantic-chip>
+        <wui-text variant="sm-regular" color="secondary">
+          You will have to reconnect for security reasons
+        </wui-text>
+      </wui-flex>
+    `;
+    }
+};
+W3mUpgradeWalletView = __decorate([
+    customElement('w3m-upgrade-wallet-view')
+], W3mUpgradeWalletView);
+export { W3mUpgradeWalletView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-upgrade-wallet-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAClC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,2BAA2B,CAAA;AAG3B,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAElC,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;;iBAME,aAAa,CAAC,qBAAqB;iBACnC,aAAa,CAAC,qBAAqB;qBAC/B,aAAa,CAAC,mBAAmB;;;;;;;;KAQjD,CAAA;IACH,CAAC;CACF,CAAA;AArBY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAqBhC"}