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

package/dist/esm/src/partials/w3m-account-auth-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-account-auth-button/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,EACL,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAEhB,WAAW,EACZ,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,gCAAgC,CAAA;AACvC,OAAO,2BAA2B,CAAA;AAG3B,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAUlD;QACE,KAAK,EAAE,CAAA;QATD,gBAAW,GAAmB,EAAE,CAAA;QAChC,mBAAc,GAAG,WAAW,CAAC,0BAA0B,EAA2B,CAAA;QAElF,mBAAc,GAAG,WAAW,CAAC,0BAA0B,EAAE,CAAA;QAExD,cAAS,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;QAMpD,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;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;IAC5C,CAAC;IAGe,MAAM;QACpB,MAAM,WAAW,GAAG,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACtE,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,CAAA;QAE5D,IAAI,CAAC,aAAa,IAAI,WAAW,KAAK,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YAC5E,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QACD,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;QAErD,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;mBAEI,IAAI;eACR,IAAI,CAAC,cAAc,IAAI,MAAM;;mBAEzB,CAAC,IAAI,CAAC,cAAc;iBACtB,GAAG,EAAE;YACZ,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;QACpD,CAAC;;yDAEgD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;KAE3E,CAAA;IACH,CAAC;IAGO,iBAAiB,CAAC,KAAa,EAAE,cAAqC;QAC5E,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAA;QAChF,CAAC;IACH,CAAC;IAEO,WAAW,CAAC,KAAa;QAC/B,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3E,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;YACzC,CAAC;YAED,OAAO,IAAI,CAAC,cAAc,CAAA;QAC5B,CAAC;QAED,OAAO,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;IAC/D,CAAC;CACF,CAAA;AApEU;IAAR,KAAK,EAAE;uDAA8C;AAP3C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA2EhC"}

package/dist/esm/src/partials/w3m-account-default-widget/index.js

@@ -0,0 +1,350 @@
+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 } from '@reown/appkit-common';
+import { AssetUtil, ChainController, ConnectionController, ConnectorController, ConstantsUtil as CoreConstantsUtil, CoreHelperUtil, EventsController, ExchangeController, OptionsController, RouterController, SnackController, getPreferredAccountType } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-avatar';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+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-tabs';
+import '@reown/appkit-ui/wui-tag';
+import '@reown/appkit-ui/wui-text';
+import '@reown/appkit-ui/wui-wallet-switch';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import '../w3m-account-auth-button/index.js';
+import styles from './styles.js';
+let W3mAccountDefaultWidget = class W3mAccountDefaultWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.caipAddress = ChainController.getAccountData()?.caipAddress;
+        this.address = CoreHelperUtil.getPlainAddress(ChainController.getAccountData()?.caipAddress);
+        this.profileImage = ChainController.getAccountData()?.profileImage;
+        this.profileName = ChainController.getAccountData()?.profileName;
+        this.disconnecting = false;
+        this.balance = ChainController.getAccountData()?.balance;
+        this.balanceSymbol = ChainController.getAccountData()?.balanceSymbol;
+        this.features = OptionsController.state.features;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.namespace = ChainController.state.activeChain;
+        this.activeConnectorIds = ConnectorController.state.activeConnectorIds;
+        this.unsubscribe.push(...[
+            ChainController.subscribeChainProp('accountState', val => {
+                this.address = CoreHelperUtil.getPlainAddress(val?.caipAddress);
+                this.caipAddress = val?.caipAddress;
+                this.balance = val?.balance;
+                this.balanceSymbol = val?.balanceSymbol;
+                this.profileName = val?.profileName;
+                this.profileImage = val?.profileImage;
+            }),
+            OptionsController.subscribeKey('features', val => (this.features = val)),
+            OptionsController.subscribeKey('remoteFeatures', val => (this.remoteFeatures = val)),
+            ConnectorController.subscribeKey('activeConnectorIds', newActiveConnectorIds => {
+                this.activeConnectorIds = newActiveConnectorIds;
+            }),
+            ChainController.subscribeKey('activeChain', val => (this.namespace = val)),
+            ChainController.subscribeKey('activeCaipNetwork', val => {
+                if (val?.chainNamespace) {
+                    this.namespace = val?.chainNamespace;
+                }
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        if (!this.caipAddress || !this.namespace) {
+            return null;
+        }
+        const connectorId = this.activeConnectorIds[this.namespace];
+        const connector = connectorId ? ConnectorController.getConnectorById(connectorId) : undefined;
+        const connectorImage = AssetUtil.getConnectorImage(connector);
+        const { value, decimals, symbol } = CoreHelperUtil.parseBalance(this.balance, this.balanceSymbol);
+        return html `<wui-flex
+        flexDirection="column"
+        .padding=${['0', '5', '4', '5']}
+        alignItems="center"
+        gap="3"
+      >
+        <wui-avatar
+          alt=${ifDefined(this.caipAddress)}
+          address=${ifDefined(CoreHelperUtil.getPlainAddress(this.caipAddress))}
+          imageSrc=${ifDefined(this.profileImage === null ? undefined : this.profileImage)}
+          data-testid="single-account-avatar"
+        ></wui-avatar>
+        <wui-wallet-switch
+          profileName=${this.profileName}
+          address=${this.address}
+          imageSrc=${connectorImage}
+          alt=${connector?.name}
+          @click=${this.onGoToProfileWalletsView.bind(this)}
+          data-testid="wui-wallet-switch"
+        ></wui-wallet-switch>
+        <div class="balance-container">
+          <wui-text variant="h3-regular" color="primary">${value}</wui-text>
+          <wui-text variant="h3-regular" color="secondary">.${decimals}</wui-text>
+          <wui-text variant="h6-medium" color="primary" class="symbol">${symbol}</wui-text>
+        </div>
+        ${this.explorerBtnTemplate()}
+      </wui-flex>
+
+      <wui-flex flexDirection="column" gap="2" .padding=${['0', '3', '3', '3']}>
+        ${this.authCardTemplate()} <w3m-account-auth-button></w3m-account-auth-button>
+        ${this.orderedFeaturesTemplate()} ${this.activityTemplate()}
+        <wui-list-item
+          .rounded=${true}
+          icon="power"
+          iconColor="error"
+          ?chevron=${false}
+          .loading=${this.disconnecting}
+          .rightIcon=${false}
+          @click=${this.onDisconnect.bind(this)}
+          data-testid="disconnect-button"
+        >
+          <wui-text variant="lg-regular" color="primary">Disconnect</wui-text>
+        </wui-list-item>
+      </wui-flex>`;
+    }
+    fundWalletTemplate() {
+        if (!this.namespace) {
+            return null;
+        }
+        const isOnrampSupported = CoreConstantsUtil.ONRAMP_SUPPORTED_CHAIN_NAMESPACES.includes(this.namespace);
+        const isReceiveEnabled = Boolean(this.features?.receive);
+        const isOnrampEnabled = this.remoteFeatures?.onramp && isOnrampSupported;
+        const isPayWithExchangeEnabled = ExchangeController.isPayWithExchangeEnabled();
+        if (!isOnrampEnabled && !isReceiveEnabled && !isPayWithExchangeEnabled) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        .rounded=${true}
+        data-testid="w3m-account-default-fund-wallet-button"
+        iconVariant="blue"
+        icon="dollar"
+        ?chevron=${true}
+        @click=${this.handleClickFundWallet.bind(this)}
+      >
+        <wui-text variant="lg-regular" color="primary">Fund wallet</wui-text>
+      </wui-list-item>
+    `;
+    }
+    orderedFeaturesTemplate() {
+        const featuresOrder = this.features?.walletFeaturesOrder || CoreConstantsUtil.DEFAULT_FEATURES.walletFeaturesOrder;
+        return featuresOrder.map(feature => {
+            switch (feature) {
+                case 'onramp':
+                    return this.fundWalletTemplate();
+                case 'swaps':
+                    return this.swapsTemplate();
+                case 'send':
+                    return this.sendTemplate();
+                default:
+                    return null;
+            }
+        });
+    }
+    activityTemplate() {
+        if (!this.namespace) {
+            return null;
+        }
+        const isEnabled = this.remoteFeatures?.activity &&
+            CoreConstantsUtil.ACTIVITY_ENABLED_CHAIN_NAMESPACES.includes(this.namespace);
+        return isEnabled
+            ? html ` <wui-list-item
+          .rounded=${true}
+          icon="clock"
+          ?chevron=${true}
+          @click=${this.onTransactions.bind(this)}
+          data-testid="w3m-account-default-activity-button"
+        >
+          <wui-text variant="lg-regular" color="primary">Activity</wui-text>
+        </wui-list-item>`
+            : null;
+    }
+    swapsTemplate() {
+        const isSwapsEnabled = this.remoteFeatures?.swaps;
+        const isEvm = ChainController.state.activeChain === ConstantsUtil.CHAIN.EVM;
+        if (!isSwapsEnabled || !isEvm) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        .rounded=${true}
+        icon="recycleHorizontal"
+        ?chevron=${true}
+        @click=${this.handleClickSwap.bind(this)}
+        data-testid="w3m-account-default-swaps-button"
+      >
+        <wui-text variant="lg-regular" color="primary">Swap</wui-text>
+      </wui-list-item>
+    `;
+    }
+    sendTemplate() {
+        const isSendEnabled = this.features?.send;
+        const namespace = ChainController.state.activeChain;
+        if (!namespace) {
+            throw new Error('SendController:sendTemplate - namespace is required');
+        }
+        const isSendSupported = CoreConstantsUtil.SEND_SUPPORTED_NAMESPACES.includes(namespace);
+        if (!isSendEnabled || !isSendSupported) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        .rounded=${true}
+        icon="send"
+        ?chevron=${true}
+        @click=${this.handleClickSend.bind(this)}
+        data-testid="w3m-account-default-send-button"
+      >
+        <wui-text variant="lg-regular" color="primary">Send</wui-text>
+      </wui-list-item>
+    `;
+    }
+    authCardTemplate() {
+        const namespace = ChainController.state.activeChain;
+        if (!namespace) {
+            throw new Error('AuthCardTemplate:authCardTemplate - namespace is required');
+        }
+        const connectorId = ConnectorController.getConnectorId(namespace);
+        const authConnector = ConnectorController.getAuthConnector();
+        const { origin } = location;
+        if (!authConnector ||
+            connectorId !== ConstantsUtil.CONNECTOR_ID.AUTH ||
+            origin.includes(CoreConstantsUtil.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>
+    `;
+    }
+    handleClickFundWallet() {
+        RouterController.push('FundWallet');
+    }
+    handleClickSwap() {
+        RouterController.push('Swap');
+    }
+    handleClickSend() {
+        RouterController.push('WalletSend');
+    }
+    explorerBtnTemplate() {
+        const addressExplorerUrl = ChainController.getAccountData()?.addressExplorerUrl;
+        if (!addressExplorerUrl) {
+            return null;
+        }
+        return html `
+      <wui-button size="md" variant="accent-primary" @click=${this.onExplorer.bind(this)}>
+        <wui-icon size="sm" color="inherit" slot="iconLeft" name="compass"></wui-icon>
+        Block Explorer
+        <wui-icon size="sm" color="inherit" slot="iconRight" name="externalLink"></wui-icon>
+      </wui-button>
+    `;
+    }
+    onTransactions() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'CLICK_TRANSACTIONS',
+            properties: {
+                isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('Transactions');
+    }
+    async onDisconnect() {
+        try {
+            this.disconnecting = true;
+            const connectionsByNamespace = ConnectionController.getConnections(this.namespace);
+            const hasConnections = connectionsByNamespace.length > 0;
+            const connectorId = this.namespace && ConnectorController.state.activeConnectorIds[this.namespace];
+            const isMultiWalletEnabled = this.remoteFeatures?.multiWallet;
+            await ConnectionController.disconnect(isMultiWalletEnabled ? { id: connectorId, namespace: this.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;
+        }
+    }
+    onExplorer() {
+        const addressExplorerUrl = ChainController.getAccountData()?.addressExplorerUrl;
+        if (addressExplorerUrl) {
+            CoreHelperUtil.openHref(addressExplorerUrl, '_blank');
+        }
+    }
+    onGoToUpgradeView() {
+        EventsController.sendEvent({ type: 'track', event: 'EMAIL_UPGRADE_FROM_MODAL' });
+        RouterController.push('UpgradeEmailWallet');
+    }
+    onGoToProfileWalletsView() {
+        RouterController.push('ProfileWallets');
+    }
+};
+W3mAccountDefaultWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "caipAddress", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "address", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "profileImage", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "profileName", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "disconnecting", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "balance", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "balanceSymbol", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "features", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "remoteFeatures", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "namespace", void 0);
+__decorate([
+    state()
+], W3mAccountDefaultWidget.prototype, "activeConnectorIds", void 0);
+W3mAccountDefaultWidget = __decorate([
+    customElement('w3m-account-default-widget')
+], W3mAccountDefaultWidget);
+export { W3mAccountDefaultWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-account-default-widget/index.js.map

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

package/dist/esm/src/partials/w3m-account-default-widget/styles.js

@@ -0,0 +1,124 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  wui-icon-link {
+    margin-right: calc(${({ spacing }) => spacing['8']} * -1);
+  }
+
+  wui-notice-card {
+    margin-bottom: ${({ spacing }) => spacing['1']};
+  }
+
+  wui-list-item > wui-text {
+    flex: 1;
+  }
+
+  w3m-transactions-view {
+    max-height: 200px;
+  }
+
+  .balance-container {
+    display: inline;
+  }
+
+  .tab-content-container {
+    height: 300px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+  }
+
+  .symbol {
+    transform: translateY(-2px);
+  }
+
+  .tab-content-container::-webkit-scrollbar {
+    display: none;
+  }
+
+  .account-button {
+    width: auto;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${({ spacing }) => spacing['3']};
+    height: 48px;
+    padding: ${({ spacing }) => spacing['2']};
+    padding-right: ${({ spacing }) => spacing['3']};
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.theme.foregroundPrimary};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[6]};
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+  }
+
+  .account-button:hover {
+    background-color: ${({ tokens }) => tokens.core.glass010};
+  }
+
+  .avatar-container {
+    position: relative;
+  }
+
+  wui-avatar.avatar {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 2px ${({ tokens }) => tokens.core.glass010};
+  }
+
+  wui-wallet-switch {
+    margin-top: ${({ spacing }) => spacing['2']};
+  }
+
+  wui-avatar.network-avatar {
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    left: 100%;
+    top: 100%;
+    transform: translate(-75%, -75%);
+    box-shadow: 0 0 0 2px ${({ tokens }) => tokens.core.glass010};
+  }
+
+  .account-links {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .account-links wui-flex {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+    background: red;
+    align-items: center;
+    justify-content: center;
+    height: 48px;
+    padding: 10px;
+    flex: 1 0 0;
+    border-radius: var(--XS, 16px);
+    border: 1px solid var(--dark-accent-glass-010, rgba(71, 161, 255, 0.1));
+    background: var(--dark-accent-glass-010, rgba(71, 161, 255, 0.1));
+    transition:
+      background-color ${({ durations }) => durations['md']}
+        ${({ easings }) => easings['ease-out-power-1']},
+      opacity ${({ durations }) => durations['md']} ${({ easings }) => easings['ease-out-power-1']};
+    will-change: background-color, opacity;
+  }
+
+  .account-links wui-flex:hover {
+    background: var(--dark-accent-glass-015, rgba(71, 161, 255, 0.15));
+  }
+
+  .account-links wui-flex wui-icon {
+    width: var(--S, 20px);
+    height: var(--S, 20px);
+  }
+
+  .account-links wui-flex wui-icon svg path {
+    stroke: #667dff;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-account-default-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-account-default-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;yBAEO,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;qBAIjC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAoCvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;eAEzB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;kCAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;wBACxD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;mCACvB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;wBAI5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;;4BAUhC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;kBAI9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;4BAUnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;yBAyBvC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UACjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;gBACtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;CAgBjG,CAAA"}

package/dist/esm/src/partials/w3m-account-tokens-widget/index.js

@@ -0,0 +1,106 @@
+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 { ChainController, EventsController, OptionsController, RouterController, getPreferredAccountType } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-description';
+import '@reown/appkit-ui/wui-list-token';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import styles from './styles.js';
+let W3mAccountTokensWidget = class W3mAccountTokensWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tokenBalance = ChainController.getAccountData()?.tokenBalance;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.unsubscribe.push(...[
+            ChainController.subscribeChainProp('accountState', val => {
+                this.tokenBalance = val?.tokenBalance;
+            }),
+            OptionsController.subscribeKey('remoteFeatures', val => {
+                this.remoteFeatures = val;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `${this.tokenTemplate()}`;
+    }
+    tokenTemplate() {
+        if (this.tokenBalance && this.tokenBalance?.length > 0) {
+            return html `<wui-flex class="contentContainer" flexDirection="column" gap="2">
+        ${this.tokenItemTemplate()}
+      </wui-flex>`;
+        }
+        return html ` <wui-flex flexDirection="column">
+      ${this.onRampTemplate()}
+      <wui-list-description
+        @click=${this.onReceiveClick.bind(this)}
+        text="Receive funds"
+        description="Scan the QR code and receive funds"
+        icon="qrCode"
+        iconColor="fg-200"
+        iconBackgroundColor="fg-200"
+        data-testid="w3m-account-receive-button"
+      ></wui-list-description
+    ></wui-flex>`;
+    }
+    onRampTemplate() {
+        if (this.remoteFeatures?.onramp) {
+            return html `<wui-list-description
+        @click=${this.onBuyClick.bind(this)}
+        text="Buy Crypto"
+        description="Easy with card or bank account"
+        icon="card"
+        iconColor="success-100"
+        iconBackgroundColor="success-100"
+        tag="popular"
+        data-testid="w3m-account-onramp-button"
+      ></wui-list-description>`;
+        }
+        return html ``;
+    }
+    tokenItemTemplate() {
+        return this.tokenBalance?.map(token => html `<wui-list-token
+          tokenName=${token.name}
+          tokenImageUrl=${token.iconUrl}
+          tokenAmount=${token.quantity.numeric}
+          tokenValue=${token.value}
+          tokenCurrency=${token.symbol}
+        ></wui-list-token>`);
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+    onBuyClick() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'SELECT_BUY_CRYPTO',
+            properties: {
+                isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('OnRampProviders');
+    }
+};
+W3mAccountTokensWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountTokensWidget.prototype, "tokenBalance", void 0);
+__decorate([
+    state()
+], W3mAccountTokensWidget.prototype, "remoteFeatures", void 0);
+W3mAccountTokensWidget = __decorate([
+    customElement('w3m-account-tokens-widget')
+], W3mAccountTokensWidget);
+export { W3mAccountTokensWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-account-tokens-widget/index.js.map

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

package/dist/esm/src/partials/w3m-account-tokens-widget/styles.js

@@ -0,0 +1,21 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+
+  .contentContainer {
+    max-height: 280px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-account-tokens-widget/styles.js.map

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