@reown/appkit-scaffold-ui 0.0.3

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

@@ -0,0 +1,291 @@
+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 { AccountController, CoreHelperUtil, ModalController, RouterController, StorageUtil, ConnectorController, EventsController, ConnectionController, SnackController, ConstantsUtil as CommonConstantsUtil, OptionsController, ChainController } from '@reown/appkit-core';
+import { customElement, UiHelperUtil } from '@reown/appkit-ui';
+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 { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+import styles from './styles.js';
+let W3mAccountDefaultWidget = class W3mAccountDefaultWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.address = AccountController.state.address;
+        this.profileImage = AccountController.state.profileImage;
+        this.profileName = AccountController.state.profileName;
+        this.disconnecting = false;
+        this.balance = AccountController.state.balance;
+        this.balanceSymbol = AccountController.state.balanceSymbol;
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                if (val.address) {
+                    this.address = val.address;
+                    this.profileImage = val.profileImage;
+                    this.profileName = val.profileName;
+                    this.balance = val.balance;
+                    this.balanceSymbol = val.balanceSymbol;
+                }
+                else if (!this.disconnecting) {
+                    SnackController.showError('Account not found');
+                }
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        if (!this.address) {
+            throw new Error('w3m-account-view: No account provided');
+        }
+        return html `<wui-flex
+        flexDirection="column"
+        .padding=${['0', 'xl', 'm', 'xl']}
+        alignItems="center"
+        gap="l"
+      >
+        ${ChainController.state.activeChain === ConstantsUtil.CHAIN.EVM
+            ? this.multiAccountTemplate()
+            : this.singleAccountTemplate()}
+        <wui-flex flexDirection="column" alignItems="center">
+          <wui-text variant="paragraph-500" color="fg-200">
+            ${CoreHelperUtil.formatBalance(this.balance, this.balanceSymbol)}
+          </wui-text>
+        </wui-flex>
+        ${this.explorerBtnTemplate()}
+      </wui-flex>
+
+      <wui-flex flexDirection="column" gap="xs" .padding=${['0', 's', 's', 's']}>
+        ${this.authCardTemplate()} <w3m-account-auth-button></w3m-account-auth-button>
+        ${this.onrampTemplate()} ${this.swapsTemplate()} ${this.activityTemplate()}
+        <wui-list-item
+          variant="icon"
+          iconVariant="overlay"
+          icon="disconnect"
+          ?chevron=${false}
+          .loading=${this.disconnecting}
+          @click=${this.onDisconnect.bind(this)}
+          data-testid="disconnect-button"
+        >
+          <wui-text variant="paragraph-500" color="fg-200">Disconnect</wui-text>
+        </wui-list-item>
+      </wui-flex>`;
+    }
+    onrampTemplate() {
+        const { onramp } = OptionsController.state.features;
+        if (!onramp) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        data-testid="w3m-account-default-onramp-button"
+        iconVariant="blue"
+        icon="card"
+        ?chevron=${true}
+        @click=${this.handleClickPay.bind(this)}
+      >
+        <wui-text variant="paragraph-500" color="fg-100">Buy crypto</wui-text>
+      </wui-list-item>
+    `;
+    }
+    activityTemplate() {
+        const isSolana = ChainController.state.activeChain === ConstantsUtil.CHAIN.SOLANA;
+        return html ` <wui-list-item
+      iconVariant="blue"
+      icon="clock"
+      iconSize="sm"
+      ?chevron=${!isSolana}
+      ?disabled=${isSolana}
+      @click=${this.onTransactions.bind(this)}
+    >
+      <wui-text variant="paragraph-500" color="fg-100" ?disabled=${isSolana}> Activity </wui-text>
+      ${isSolana ? html `<wui-tag variant="main">Coming soon</wui-tag>` : ''}
+    </wui-list-item>`;
+    }
+    swapsTemplate() {
+        const { swaps } = OptionsController.state.features;
+        const isSolana = ChainController.state.activeChain === ConstantsUtil.CHAIN.SOLANA;
+        if (!swaps || isSolana) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        iconVariant="blue"
+        icon="recycleHorizontal"
+        ?chevron=${true}
+        @click=${this.handleClickSwap.bind(this)}
+      >
+        <wui-text variant="paragraph-500" color="fg-100">Swap</wui-text>
+      </wui-list-item>
+    `;
+    }
+    authCardTemplate() {
+        const type = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        const { origin } = location;
+        if (!authConnector || type !== 'AUTH' || origin.includes(CommonConstantsUtil.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>
+    `;
+    }
+    handleSwitchAccountsView() {
+        RouterController.push('SwitchAddress');
+    }
+    handleClickPay() {
+        RouterController.push('OnRampProviders');
+    }
+    handleClickSwap() {
+        RouterController.push('Swap');
+    }
+    explorerBtnTemplate() {
+        const addressExplorerUrl = AccountController.state.addressExplorerUrl;
+        if (!addressExplorerUrl) {
+            return null;
+        }
+        return html `
+      <wui-button size="md" variant="neutral" @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>
+    `;
+    }
+    singleAccountTemplate() {
+        return html `
+      <wui-avatar
+        alt=${ifDefined(this.address)}
+        address=${ifDefined(this.address)}
+        imageSrc=${ifDefined(this.profileImage === null ? undefined : this.profileImage)}
+      ></wui-avatar>
+      <wui-flex flexDirection="column" alignItems="center">
+        <wui-flex gap="3xs" alignItems="center" justifyContent="center">
+          <wui-text variant="large-600" color="fg-100">
+            ${this.profileName
+            ? UiHelperUtil.getTruncateString({
+                string: this.profileName,
+                charsStart: 20,
+                charsEnd: 0,
+                truncate: 'end'
+            })
+            : UiHelperUtil.getTruncateString({
+                string: this.address ? this.address : '',
+                charsStart: 4,
+                charsEnd: 4,
+                truncate: 'middle'
+            })}
+          </wui-text>
+          <wui-icon-link
+            size="md"
+            icon="copy"
+            iconColor="fg-200"
+            @click=${this.onCopyAddress}
+          ></wui-icon-link> </wui-flex
+      ></wui-flex>
+    `;
+    }
+    multiAccountTemplate() {
+        if (!this.address) {
+            throw new Error('w3m-account-view: No account provided');
+        }
+        const account = AccountController.state.allAccounts?.find(acc => acc.address === this.address);
+        const label = AccountController.state.addressLabels.get(this.address);
+        return html `
+      <wui-profile-button-v2
+        .onProfileClick=${this.handleSwitchAccountsView.bind(this)}
+        address=${ifDefined(this.address)}
+        icon="${account?.type === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT &&
+            ChainController.state.activeChain === ConstantsUtil.CHAIN.EVM
+            ? 'lightbulb'
+            : 'mail'}"
+        avatarSrc=${ifDefined(this.profileImage ? this.profileImage : undefined)}
+        profileName=${ifDefined(label ? label : this.profileName)}
+        .onCopyClick=${this.onCopyAddress.bind(this)}
+      ></wui-profile-button-v2>
+    `;
+    }
+    onCopyAddress() {
+        try {
+            if (this.address) {
+                CoreHelperUtil.copyToClopboard(this.address);
+                SnackController.showSuccess('Address copied');
+            }
+        }
+        catch {
+            SnackController.showError('Failed to copy');
+        }
+    }
+    onTransactions() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'CLICK_TRANSACTIONS',
+            properties: {
+                isSmartAccount: AccountController.state.preferredAccountType ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('Transactions');
+    }
+    async onDisconnect() {
+        try {
+            this.disconnecting = true;
+            await ConnectionController.disconnect();
+            EventsController.sendEvent({ type: 'track', event: 'DISCONNECT_SUCCESS' });
+            ModalController.close();
+        }
+        catch {
+            EventsController.sendEvent({ type: 'track', event: 'DISCONNECT_ERROR' });
+            SnackController.showError('Failed to disconnect');
+        }
+        finally {
+            this.disconnecting = false;
+        }
+    }
+    onExplorer() {
+        const addressExplorerUrl = AccountController.state.addressExplorerUrl;
+        if (addressExplorerUrl) {
+            CoreHelperUtil.openHref(addressExplorerUrl, '_blank');
+        }
+    }
+    onGoToUpgradeView() {
+        EventsController.sendEvent({ type: 'track', event: 'EMAIL_UPGRADE_FROM_MODAL' });
+        RouterController.push('UpgradeEmailWallet');
+    }
+};
+W3mAccountDefaultWidget.styles = styles;
+__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);
+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,118 @@
+import { css } from 'lit';
+export default css `
+  wui-flex {
+    width: 100%;
+  }
+
+  :host > wui-flex:first-child {
+    transform: translateY(calc(var(--wui-spacing-xxs) * -1));
+  }
+
+  wui-icon-link {
+    margin-right: calc(var(--wui-icon-box-size-md) * -1);
+  }
+
+  wui-notice-card {
+    margin-bottom: var(--wui-spacing-3xs);
+  }
+
+  wui-list-item > wui-text {
+    flex: 1;
+  }
+
+  w3m-transactions-view {
+    max-height: 200px;
+  }
+
+  .tab-content-container {
+    height: 300px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+  }
+
+  .tab-content-container::-webkit-scrollbar {
+    display: none;
+  }
+
+  .account-button {
+    width: auto;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wui-spacing-s);
+    height: 48px;
+    padding: var(--wui-spacing-xs);
+    padding-right: var(--wui-spacing-s);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: 24px;
+    transition: background-color 0.2s linear;
+  }
+
+  .account-button:hover {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  .avatar-container {
+    position: relative;
+  }
+
+  wui-avatar.avatar {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+  }
+
+  wui-avatar.network-avatar {
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    left: 100%;
+    top: 100%;
+    transform: translate(-75%, -75%);
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+  }
+
+  .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 var(--wui-ease-out-power-1) var(--wui-duration-md),
+      opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    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,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHjB,CAAA"}

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

@@ -0,0 +1,54 @@
+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 { RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+let W3mAccountNftsWidget = class W3mAccountNftsWidget extends LitElement {
+    render() {
+        return html `${this.nftTemplate()}`;
+    }
+    nftTemplate() {
+        return html ` <wui-flex
+      class="contentContainer"
+      alignItems="center"
+      justifyContent="center"
+      flexDirection="column"
+      gap="l"
+    >
+      <wui-icon-box
+        icon="wallet"
+        size="inherit"
+        iconColor="fg-200"
+        backgroundColor="fg-200"
+        iconSize="lg"
+      ></wui-icon-box>
+      <wui-flex
+        class="textContent"
+        gap="xs"
+        flexDirection="column"
+        justifyContent="center"
+        flexDirection="column"
+      >
+        <wui-text variant="paragraph-500" align="center" color="fg-100">Coming soon</wui-text>
+        <wui-text variant="small-400" align="center" color="fg-200"
+          >Stay tuned for our upcoming NFT feature</wui-text
+        >
+      </wui-flex>
+      <wui-link @click=${this.onReceiveClick.bind(this)}>Receive funds</wui-link>
+    </wui-flex>`;
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+};
+W3mAccountNftsWidget.styles = styles;
+W3mAccountNftsWidget = __decorate([
+    customElement('w3m-account-nfts-widget')
+], W3mAccountNftsWidget);
+export { W3mAccountNftsWidget };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-account-nfts-widget/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAIlC,MAAM;QACpB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAA;IACpC,CAAC;IAGO,WAAW;QACjB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;yBA0BU,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;gBACvC,CAAA;IACd,CAAC;IAEO,cAAc;QACpB,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IACxC,CAAC;;AAzCsB,2BAAM,GAAG,MAAM,AAAT,CAAS;AAD3B,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA2ChC"}

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

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export default css `
+  .contentContainer {
+    height: 280px;
+  }
+
+  .contentContainer > wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: var(--wui-border-radius-xxs);
+  }
+
+  .contentContainer > .textContent {
+    width: 65%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,88 @@
+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 { AccountController, EventsController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { state } from 'lit/decorators.js';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+let W3mAccountTokensWidget = class W3mAccountTokensWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tokenBalance = AccountController.state.tokenBalance;
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                this.tokenBalance = val.tokenBalance;
+            })
+        ]);
+    }
+    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="xs">
+        ${this.tokenItemTemplate()}
+      </wui-flex>`;
+        }
+        return html ` <wui-flex flexDirection="column" gap="xs"
+      ><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"
+      ></wui-list-description
+      ><wui-list-description
+        @click=${this.onReceiveClick.bind(this)}
+        text="Receive funds"
+        description="Transfer tokens on your wallet"
+        icon="arrowBottomCircle"
+        iconColor="fg-200"
+        iconBackgroundColor="fg-200"
+      ></wui-list-description
+    ></wui-flex>`;
+    }
+    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: AccountController.state.preferredAccountType ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('OnRampProviders');
+    }
+};
+W3mAccountTokensWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountTokensWidget.prototype, "tokenBalance", 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":";;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAGpD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IASpD;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,iBAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAA;QAIlE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBAChC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAA;YACtC,CAAC,CAAC;SACH,CACF,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAA;IACtC,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,EAAE;kBAChB,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;iBAS1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;iBAO9B,CAAA;IACf,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,YAAY,EAAE,GAAG,CAC3B,KAAK,CAAC,EAAE,CACN,IAAI,CAAA;sBACU,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,OAAO;wBACf,KAAK,CAAC,QAAQ,CAAC,OAAO;uBACvB,KAAK,CAAC,KAAK;0BACR,KAAK,CAAC,MAAM;2BACX,CACtB,CAAA;IACH,CAAC;IAEO,cAAc;QACpB,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IACxC,CAAC;IAEO,UAAU;QAChB,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,mBAAmB;YAC1B,UAAU,EAAE;gBACV,cAAc,EACZ,iBAAiB,CAAC,KAAK,CAAC,oBAAoB;oBAC5C,oBAAoB,CAAC,aAAa,CAAC,aAAa;aACnD;SACF,CAAC,CAAA;QACF,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC1C,CAAC;;AArFsB,6BAAM,GAAG,MAAM,AAAT,CAAS;AAMrB;IAAhB,KAAK,EAAE;4DAA4D;AAPzD,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAuFlC"}

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"}