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

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

@@ -0,0 +1,59 @@
+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 { RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mUsageExceededView = class W3mUsageExceededView extends LitElement {
+    constructor() {
+        super();
+    }
+    render() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        gap="4"
+        .padding="${['1', '3', '4', '3']}"
+      >
+        <wui-flex justifyContent="center" alignItems="center" class="icon-box">
+          <wui-icon size="xxl" color="error" name="warningCircle"></wui-icon>
+        </wui-flex>
+
+        <wui-text variant="lg-medium" color="primary" align="center">
+          The app isn't responding as expected
+        </wui-text>
+        <wui-text variant="md-regular" color="secondary" align="center">
+          Try again or reach out to the app team for help.
+        </wui-text>
+
+        <wui-button
+          variant="neutral-secondary"
+          size="md"
+          @click=${this.onTryAgainClick.bind(this)}
+          data-testid="w3m-usage-exceeded-button"
+        >
+          <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
+          Try Again
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+    onTryAgainClick() {
+        RouterController.goBack();
+    }
+};
+W3mUsageExceededView.styles = styles;
+W3mUsageExceededView = __decorate([
+    customElement('w3m-usage-exceeded-view')
+], W3mUsageExceededView);
+export { W3mUsageExceededView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-usage-exceeded-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAElC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAGlD;QACE,KAAK,EAAE,CAAA;IACT,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;oBAKK,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;;;;;;;;;;;mBAgB9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;KAO7C,CAAA;IACH,CAAC;IAGO,eAAe;QACrB,gBAAgB,CAAC,MAAM,EAAE,CAAA;IAC3B,CAAC;;AA1CsB,2BAAM,GAAG,MAAM,AAAT,CAAS;AAD3B,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA4ChC"}

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

@@ -0,0 +1,10 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  .icon-box {
+    width: 64px;
+    height: 64px;
+    border-radius: ${({ borderRadius }) => borderRadius[5]};
+    background-color: ${({ colors }) => colors.semanticError010};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-usage-exceeded-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;qBAIG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB;;CAE9D,CAAA"}

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

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { AssetUtil, ChainController, CoreHelperUtil, getPreferredAccountType } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-banner';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-network';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import styles from './styles.js';
+let W3mWalletCompatibleNetworksView = class W3mWalletCompatibleNetworksView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html ` <wui-flex flexDirection="column" .padding=${['2', '3', '3', '3']} gap="2">
+      <wui-banner
+        icon="warningCircle"
+        text="You can only receive assets on these networks"
+      ></wui-banner>
+      ${this.networkTemplate()}
+    </wui-flex>`;
+    }
+    networkTemplate() {
+        const requestedCaipNetworks = ChainController.getAllRequestedCaipNetworks();
+        const approvedCaipNetworkIds = ChainController.getAllApprovedCaipNetworkIds();
+        const caipNetwork = ChainController.state.activeCaipNetwork;
+        const isNetworkEnabledForSmartAccounts = ChainController.checkIfSmartAccountEnabled();
+        let sortedNetworks = CoreHelperUtil.sortRequestedNetworks(approvedCaipNetworkIds, requestedCaipNetworks);
+        if (isNetworkEnabledForSmartAccounts &&
+            getPreferredAccountType(caipNetwork?.chainNamespace) ===
+                W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT) {
+            if (!caipNetwork) {
+                return null;
+            }
+            sortedNetworks = [caipNetwork];
+        }
+        const namespaceNetworks = sortedNetworks.filter(network => network.chainNamespace === caipNetwork?.chainNamespace);
+        return namespaceNetworks.map(network => html `
+        <wui-list-network
+          imageSrc=${ifDefined(AssetUtil.getNetworkImage(network))}
+          name=${network.name ?? 'Unknown'}
+          ?transparent=${true}
+        >
+        </wui-list-network>
+      `);
+    }
+};
+W3mWalletCompatibleNetworksView.styles = styles;
+W3mWalletCompatibleNetworksView = __decorate([
+    customElement('w3m-wallet-compatible-networks-view')
+], W3mWalletCompatibleNetworksView);
+export { W3mWalletCompatibleNetworksView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-wallet-compatible-networks-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EACL,SAAS,EACT,eAAe,EACf,cAAc,EACd,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAClC,OAAO,mCAAmC,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,UAAU;IAM7D;QACE,KAAK,EAAE,CAAA;QAHD,gBAAW,GAAmB,EAAE,CAAA;IAIxC,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,8CAA8C,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;QAKlF,IAAI,CAAC,eAAe,EAAE;gBACd,CAAA;IACd,CAAC;IAGD,eAAe;QACb,MAAM,qBAAqB,GAAG,eAAe,CAAC,2BAA2B,EAAE,CAAA;QAC3E,MAAM,sBAAsB,GAAG,eAAe,CAAC,4BAA4B,EAAE,CAAA;QAC7E,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,iBAAiB,CAAA;QAC3D,MAAM,gCAAgC,GAAG,eAAe,CAAC,0BAA0B,EAAE,CAAA;QAErF,IAAI,cAAc,GAAG,cAAc,CAAC,qBAAqB,CACvD,sBAAsB,EACtB,qBAAqB,CACtB,CAAA;QAGD,IACE,gCAAgC;YAChC,uBAAuB,CAAC,WAAW,EAAE,cAAc,CAAC;gBAClD,oBAAoB,CAAC,aAAa,CAAC,aAAa,EAClD,CAAC;YACD,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,cAAc,GAAG,CAAC,WAAW,CAAC,CAAA;QAChC,CAAC;QAED,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,CAC7C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,KAAK,WAAW,EAAE,cAAc,CAClE,CAAA;QAED,OAAO,iBAAiB,CAAC,GAAG,CAC1B,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;qBAEA,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;iBACjD,OAAO,CAAC,IAAI,IAAI,SAAS;yBACjB,IAAI;;;OAGtB,CACF,CAAA;IACH,CAAC;;AA9DsB,sCAAM,GAAG,MAAM,AAAT,CAAS;AAD3B,+BAA+B;IAD3C,aAAa,CAAC,qCAAqC,CAAC;GACxC,+BAA+B,CAgE3C"}

package/dist/esm/src/views/w3m-wallet-compatible-networks-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-wallet-compatible-networks-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-wallet-compatible-networks-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-wallet-receive-view/index.js

@@ -0,0 +1,150 @@
+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, CoreHelperUtil, RouterController, SnackController, ThemeController, getPreferredAccountType } from '@reown/appkit-controllers';
+import { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-compatible-network';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-qr-code';
+import '@reown/appkit-ui/wui-text';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import styles from './styles.js';
+let W3mWalletReceiveView = class W3mWalletReceiveView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.address = ChainController.getAccountData()?.address;
+        this.profileName = ChainController.getAccountData()?.profileName;
+        this.network = ChainController.state.activeCaipNetwork;
+        this.unsubscribe.push(...[
+            ChainController.subscribeChainProp('accountState', val => {
+                if (val) {
+                    this.address = val.address;
+                    this.profileName = val.profileName;
+                }
+                else {
+                    SnackController.showError('Account not found');
+                }
+            })
+        ], ChainController.subscribeKey('activeCaipNetwork', val => {
+            if (val?.id) {
+                this.network = val;
+            }
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        if (!this.address) {
+            throw new Error('w3m-wallet-receive-view: No account provided');
+        }
+        const networkImage = AssetUtil.getNetworkImage(this.network);
+        return html ` <wui-flex
+      flexDirection="column"
+      .padding=${['0', '4', '4', '4']}
+      alignItems="center"
+    >
+      <wui-chip-button
+        data-testid="receive-address-copy-button"
+        @click=${this.onCopyClick.bind(this)}
+        text=${UiHelperUtil.getTruncateString({
+            string: this.profileName || this.address || '',
+            charsStart: this.profileName ? 18 : 4,
+            charsEnd: this.profileName ? 0 : 4,
+            truncate: this.profileName ? 'end' : 'middle'
+        })}
+        icon="copy"
+        size="sm"
+        imageSrc=${networkImage ? networkImage : ''}
+        variant="gray"
+      ></wui-chip-button>
+      <wui-flex
+        flexDirection="column"
+        .padding=${['4', '0', '0', '0']}
+        alignItems="center"
+        gap="4"
+      >
+        <wui-qr-code
+          size=${232}
+          theme=${ThemeController.state.themeMode}
+          uri=${this.address}
+          ?arenaClear=${true}
+          color=${ifDefined(ThemeController.state.themeVariables['--apkt-qr-color'] ??
+            ThemeController.state.themeVariables['--w3m-qr-color'])}
+          data-testid="wui-qr-code"
+        ></wui-qr-code>
+        <wui-text variant="lg-regular" color="primary" align="center">
+          Copy your address or scan this QR code
+        </wui-text>
+        <wui-button @click=${this.onCopyClick.bind(this)} size="sm" variant="neutral-secondary">
+          <wui-icon slot="iconLeft" size="sm" color="inherit" name="copy"></wui-icon>
+          <wui-text variant="md-regular" color="inherit">Copy address</wui-text>
+        </wui-button>
+      </wui-flex>
+      ${this.networkTemplate()}
+    </wui-flex>`;
+    }
+    networkTemplate() {
+        const requestedCaipNetworks = ChainController.getAllRequestedCaipNetworks();
+        const isNetworkEnabledForSmartAccounts = ChainController.checkIfSmartAccountEnabled();
+        const caipNetwork = ChainController.state.activeCaipNetwork;
+        const namespaceNetworks = requestedCaipNetworks.filter(network => network?.chainNamespace === caipNetwork?.chainNamespace);
+        if (getPreferredAccountType(caipNetwork?.chainNamespace) ===
+            W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT &&
+            isNetworkEnabledForSmartAccounts) {
+            if (!caipNetwork) {
+                return null;
+            }
+            return html `<wui-compatible-network
+        @click=${this.onReceiveClick.bind(this)}
+        text="Only receive assets on this network"
+        .networkImages=${[AssetUtil.getNetworkImage(caipNetwork) ?? '']}
+      ></wui-compatible-network>`;
+        }
+        const slicedNetworks = namespaceNetworks
+            ?.filter(network => network?.assets?.imageId)
+            ?.slice(0, 5);
+        const imagesArray = slicedNetworks.map(AssetUtil.getNetworkImage).filter(Boolean);
+        return html `<wui-compatible-network
+      @click=${this.onReceiveClick.bind(this)}
+      text="Only receive assets on these networks"
+      .networkImages=${imagesArray}
+    ></wui-compatible-network>`;
+    }
+    onReceiveClick() {
+        RouterController.push('WalletCompatibleNetworks');
+    }
+    onCopyClick() {
+        try {
+            if (this.address) {
+                CoreHelperUtil.copyToClopboard(this.address);
+                SnackController.showSuccess('Address copied');
+            }
+        }
+        catch {
+            SnackController.showError('Failed to copy');
+        }
+    }
+};
+W3mWalletReceiveView.styles = styles;
+__decorate([
+    state()
+], W3mWalletReceiveView.prototype, "address", void 0);
+__decorate([
+    state()
+], W3mWalletReceiveView.prototype, "profileName", void 0);
+__decorate([
+    state()
+], W3mWalletReceiveView.prototype, "network", void 0);
+W3mWalletReceiveView = __decorate([
+    customElement('w3m-wallet-receive-view')
+], W3mWalletReceiveView);
+export { W3mWalletReceiveView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  wui-compatible-network {
+    margin-top: ${({ spacing }) => spacing['4']};
+    width: 100%;
+  }
+
+  wui-qr-code {
+    width: unset !important;
+    height: unset !important;
+  }
+
+  wui-icon {
+    align-items: normal;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-wallet-receive-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;kBAEA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;CAY9C,CAAA"}

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

@@ -0,0 +1,193 @@
+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, ErrorUtil } from '@reown/appkit-common';
+import { AppKitError, ChainController, EventsController, RouterController, SendController, SnackController } from '@reown/appkit-controllers';
+import { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-preview-item';
+import '@reown/appkit-ui/wui-text';
+import '../../partials/w3m-wallet-send-details/index.js';
+import styles from './styles.js';
+let W3mWalletSendPreviewView = class W3mWalletSendPreviewView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.token = SendController.state.token;
+        this.sendTokenAmount = SendController.state.sendTokenAmount;
+        this.receiverAddress = SendController.state.receiverAddress;
+        this.receiverProfileName = SendController.state.receiverProfileName;
+        this.receiverProfileImageUrl = SendController.state.receiverProfileImageUrl;
+        this.caipNetwork = ChainController.state.activeCaipNetwork;
+        this.loading = SendController.state.loading;
+        this.params = RouterController.state.data?.send;
+        this.unsubscribe.push(...[
+            SendController.subscribe(val => {
+                this.token = val.token;
+                this.sendTokenAmount = val.sendTokenAmount;
+                this.receiverAddress = val.receiverAddress;
+                this.receiverProfileName = val.receiverProfileName;
+                this.receiverProfileImageUrl = val.receiverProfileImageUrl;
+                this.loading = val.loading;
+            }),
+            ChainController.subscribeKey('activeCaipNetwork', val => (this.caipNetwork = val))
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html ` <wui-flex flexDirection="column" .padding=${['0', '4', '4', '4']}>
+      <wui-flex gap="2" flexDirection="column" .padding=${['0', '2', '0', '2']}>
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-flex flexDirection="column" gap="01">
+            <wui-text variant="sm-regular" color="secondary">Send</wui-text>
+            ${this.sendValueTemplate()}
+          </wui-flex>
+          <wui-preview-item
+            text="${this.sendTokenAmount
+            ? UiHelperUtil.roundNumber(this.sendTokenAmount, 6, 5)
+            : 'unknown'} ${this.token?.symbol}"
+            .imageSrc=${this.token?.iconUrl}
+          ></wui-preview-item>
+        </wui-flex>
+        <wui-flex>
+          <wui-icon color="default" size="md" name="arrowBottom"></wui-icon>
+        </wui-flex>
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="sm-regular" color="secondary">To</wui-text>
+          <wui-preview-item
+            text="${this.receiverProfileName
+            ? UiHelperUtil.getTruncateString({
+                string: this.receiverProfileName,
+                charsStart: 20,
+                charsEnd: 0,
+                truncate: 'end'
+            })
+            : UiHelperUtil.getTruncateString({
+                string: this.receiverAddress ? this.receiverAddress : '',
+                charsStart: 4,
+                charsEnd: 4,
+                truncate: 'middle'
+            })}"
+            address=${this.receiverAddress ?? ''}
+            .imageSrc=${this.receiverProfileImageUrl ?? undefined}
+            .isAddress=${true}
+          ></wui-preview-item>
+        </wui-flex>
+      </wui-flex>
+      <wui-flex flexDirection="column" .padding=${['6', '0', '0', '0']}>
+        <w3m-wallet-send-details
+          .caipNetwork=${this.caipNetwork}
+          .receiverAddress=${this.receiverAddress}
+        ></w3m-wallet-send-details>
+        <wui-flex justifyContent="center" gap="1" .padding=${['3', '0', '0', '0']}>
+          <wui-icon size="sm" color="default" name="warningCircle"></wui-icon>
+          <wui-text variant="sm-regular" color="secondary">Review transaction carefully</wui-text>
+        </wui-flex>
+        <wui-flex justifyContent="center" gap="3" .padding=${['4', '0', '0', '0']}>
+          <wui-button
+            class="cancelButton"
+            @click=${this.onCancelClick.bind(this)}
+            size="lg"
+            variant="neutral-secondary"
+          >
+            Cancel
+          </wui-button>
+          <wui-button
+            class="sendButton"
+            @click=${this.onSendClick.bind(this)}
+            size="lg"
+            variant="accent-primary"
+            .loading=${this.loading}
+          >
+            Send
+          </wui-button>
+        </wui-flex>
+      </wui-flex></wui-flex
+    >`;
+    }
+    sendValueTemplate() {
+        if (!this.params && this.token && this.sendTokenAmount) {
+            const price = this.token.price;
+            const totalValue = price * this.sendTokenAmount;
+            return html `<wui-text variant="md-regular" color="primary"
+        >$${totalValue.toFixed(2)}</wui-text
+      >`;
+        }
+        return null;
+    }
+    async onSendClick() {
+        if (!this.sendTokenAmount || !this.receiverAddress) {
+            SnackController.showError('Please enter a valid amount and receiver address');
+            return;
+        }
+        try {
+            await SendController.sendToken();
+            if (this.params) {
+                RouterController.reset('WalletSendConfirmed');
+            }
+            else {
+                SnackController.showSuccess('Transaction started');
+                RouterController.replace('Account');
+            }
+        }
+        catch (error) {
+            let errMessage = 'Failed to send transaction. Please try again.';
+            const isUserRejectedRequestError = error instanceof AppKitError &&
+                error.originalName === ErrorUtil.PROVIDER_RPC_ERROR_NAME.USER_REJECTED_REQUEST;
+            if (ChainController.state.activeChain === CommonConstantsUtil.CHAIN.SOLANA ||
+                isUserRejectedRequestError) {
+                if (error instanceof Error) {
+                    errMessage = error.message;
+                }
+            }
+            EventsController.sendEvent({
+                type: 'track',
+                event: isUserRejectedRequestError ? 'SEND_REJECTED' : 'SEND_ERROR',
+                properties: SendController.getSdkEventProperties(error)
+            });
+            SnackController.showError(errMessage);
+        }
+    }
+    onCancelClick() {
+        RouterController.goBack();
+    }
+};
+W3mWalletSendPreviewView.styles = styles;
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "token", void 0);
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "sendTokenAmount", void 0);
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "receiverAddress", void 0);
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "receiverProfileName", void 0);
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "receiverProfileImageUrl", void 0);
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "caipNetwork", void 0);
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mWalletSendPreviewView.prototype, "params", void 0);
+W3mWalletSendPreviewView = __decorate([
+    customElement('w3m-wallet-send-preview-view')
+], W3mWalletSendPreviewView);
+export { W3mWalletSendPreviewView };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/views/w3m-wallet-send-preview-view/styles.js

@@ -0,0 +1,23 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  wui-avatar,
+  wui-image {
+    display: ruby;
+    width: 32px;
+    height: 32px;
+    border-radius: ${({ borderRadius }) => borderRadius['20']};
+  }
+
+  .sendButton {
+    width: 70%;
+    --local-width: 100% !important;
+    --local-border-radius: ${({ borderRadius }) => borderRadius['4']} !important;
+  }
+
+  .cancelButton {
+    width: 30%;
+    --local-width: 100% !important;
+    --local-border-radius: ${({ borderRadius }) => borderRadius['4']} !important;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-wallet-send-preview-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-wallet-send-preview-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;qBAMG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC;;;;;;6BAMhC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;6BAMvC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;CAEnE,CAAA"}