@reown/appkit-scaffold-ui 0.0.3

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

@@ -0,0 +1,140 @@
+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 { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { AccountController, CoreHelperUtil, NetworkController, RouterController, SendController } from '@reown/appkit-core';
+import { state } from 'lit/decorators.js';
+let W3mSendSelectTokenView = class W3mSendSelectTokenView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tokenBalance = AccountController.state.tokenBalance;
+        this.search = '';
+        this.onDebouncedSearch = CoreHelperUtil.debounce((value) => {
+            this.search = value;
+        });
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                this.tokenBalance = val.tokenBalance;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column">
+        ${this.templateSearchInput()} <wui-separator></wui-separator> ${this.templateTokens()}
+      </wui-flex>
+    `;
+    }
+    templateSearchInput() {
+        return html `
+      <wui-flex gap="xs" padding="s">
+        <wui-input-text
+          @inputChange=${this.onInputChange.bind(this)}
+          class="network-search-input"
+          size="sm"
+          placeholder="Search token"
+          icon="search"
+        ></wui-input-text>
+      </wui-flex>
+    `;
+    }
+    templateTokens() {
+        this.tokens = this.tokenBalance?.filter(token => token.chainId === NetworkController.state.caipNetwork?.id);
+        if (this.search) {
+            this.filteredTokens = this.tokenBalance?.filter(token => token.name.toLowerCase().includes(this.search.toLowerCase()));
+        }
+        else {
+            this.filteredTokens = this.tokens;
+        }
+        return html `
+      <wui-flex
+        class="contentContainer"
+        flexDirection="column"
+        .padding=${['0', 's', '0', 's']}
+      >
+        <wui-flex justifyContent="flex-start" .padding=${['m', 's', 's', 's']}>
+          <wui-text variant="paragraph-500" color="fg-200">Your tokens</wui-text>
+        </wui-flex>
+        <wui-flex flexDirection="column" gap="xs">
+          ${this.filteredTokens && this.filteredTokens.length > 0
+            ? this.filteredTokens.map(token => html `<wui-list-token
+                    @click=${this.handleTokenClick.bind(this, token)}
+                    ?clickable=${true}
+                    tokenName=${token.name}
+                    tokenImageUrl=${token.iconUrl}
+                    tokenAmount=${token.quantity.numeric}
+                    tokenValue=${token.value}
+                    tokenCurrency=${token.symbol}
+                  ></wui-list-token>`)
+            : html `<wui-flex
+                .padding=${['4xl', '0', '0', '0']}
+                alignItems="center"
+                flexDirection="column"
+                gap="l"
+              >
+                <wui-icon-box
+                  icon="coinPlaceholder"
+                  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"
+                    >No tokens found</wui-text
+                  >
+                  <wui-text variant="small-400" align="center" color="fg-200"
+                    >Your tokens will appear here</wui-text
+                  >
+                </wui-flex>
+                <wui-link @click=${this.onBuyClick.bind(this)}>Buy</wui-link>
+              </wui-flex>`}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    onBuyClick() {
+        RouterController.push('OnRampProviders');
+    }
+    onInputChange(event) {
+        this.onDebouncedSearch(event.detail);
+    }
+    handleTokenClick(token) {
+        SendController.setToken(token);
+        SendController.setTokenAmount(undefined);
+        RouterController.goBack();
+    }
+};
+W3mSendSelectTokenView.styles = styles;
+__decorate([
+    state()
+], W3mSendSelectTokenView.prototype, "tokenBalance", void 0);
+__decorate([
+    state()
+], W3mSendSelectTokenView.prototype, "tokens", void 0);
+__decorate([
+    state()
+], W3mSendSelectTokenView.prototype, "filteredTokens", void 0);
+__decorate([
+    state()
+], W3mSendSelectTokenView.prototype, "search", void 0);
+W3mSendSelectTokenView = __decorate([
+    customElement('w3m-wallet-send-select-token-view')
+], W3mSendSelectTokenView);
+export { W3mSendSelectTokenView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,19 @@
+import { css } from 'lit';
+export default css `
+  .contentContainer {
+    height: 440px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: var(--wui-border-radius-xxs);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,143 @@
+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 { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { SwapController, CoreHelperUtil, RouterController, SendController, ChainController } from '@reown/appkit-core';
+import { state } from 'lit/decorators.js';
+let W3mWalletSendView = class W3mWalletSendView 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.loading = SendController.state.loading;
+        this.gasPriceInUSD = SendController.state.gasPriceInUSD;
+        this.gasPrice = SendController.state.gasPrice;
+        this.message = 'Preview Send';
+        this.fetchNetworkPrice();
+        this.unsubscribe.push(...[
+            SendController.subscribe(val => {
+                this.token = val.token;
+                this.sendTokenAmount = val.sendTokenAmount;
+                this.receiverAddress = val.receiverAddress;
+                this.gasPriceInUSD = val.gasPriceInUSD;
+                this.receiverProfileName = val.receiverProfileName;
+                this.loading = val.loading;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        this.getMessage();
+        return html ` <wui-flex flexDirection="column" .padding=${['0', 'l', 'l', 'l']}>
+      <wui-flex class="inputContainer" gap="xs" flexDirection="column">
+        <w3m-input-token
+          .token=${this.token}
+          .sendTokenAmount=${this.sendTokenAmount}
+          .gasPriceInUSD=${this.gasPriceInUSD}
+          .gasPrice=${this.gasPrice}
+        ></w3m-input-token>
+        <wui-icon-box
+          size="inherit"
+          backgroundColor="fg-300"
+          iconSize="lg"
+          iconColor="fg-250"
+          background="opaque"
+          icon="arrowBottom"
+        ></wui-icon-box>
+        <w3m-input-address
+          .value=${this.receiverProfileName ? this.receiverProfileName : this.receiverAddress}
+        ></w3m-input-address>
+      </wui-flex>
+      <wui-flex .margin=${['l', '0', '0', '0']}>
+        <wui-button
+          @click=${this.onButtonClick.bind(this)}
+          ?disabled=${!this.message.startsWith('Preview Send')}
+          size="lg"
+          variant="main"
+          ?loading=${this.loading}
+          fullWidth
+        >
+          ${this.message}
+        </wui-button>
+      </wui-flex>
+    </wui-flex>`;
+    }
+    async fetchNetworkPrice() {
+        await SwapController.getNetworkTokenPrice();
+        const gas = await SwapController.getInitialGasPrice();
+        if (gas?.gasPrice && gas?.gasPriceInUSD) {
+            SendController.setGasPrice(gas.gasPrice);
+            SendController.setGasPriceInUsd(gas.gasPriceInUSD);
+        }
+    }
+    onButtonClick() {
+        RouterController.push('WalletSendPreview');
+    }
+    getMessage() {
+        this.message = 'Preview Send';
+        if (this.receiverAddress &&
+            !CoreHelperUtil.isAddress(this.receiverAddress, ChainController.state.activeChain)) {
+            this.message = 'Invalid Address';
+        }
+        if (!this.receiverAddress) {
+            this.message = 'Add Address';
+        }
+        if (this.sendTokenAmount &&
+            this.token &&
+            this.sendTokenAmount > Number(this.token.quantity.numeric)) {
+            this.message = 'Insufficient Funds';
+        }
+        if (!this.sendTokenAmount) {
+            this.message = 'Add Amount';
+        }
+        if (this.sendTokenAmount && this.token?.price) {
+            const value = this.sendTokenAmount * this.token.price;
+            if (!value) {
+                this.message = 'Incorrect Value';
+            }
+        }
+        if (!this.token) {
+            this.message = 'Select Token';
+        }
+    }
+};
+W3mWalletSendView.styles = styles;
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "token", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "sendTokenAmount", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "receiverAddress", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "receiverProfileName", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "gasPriceInUSD", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "gasPrice", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "message", void 0);
+W3mWalletSendView = __decorate([
+    customElement('w3m-wallet-send-view')
+], W3mWalletSendView);
+export { W3mWalletSendView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,32 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  wui-flex {
+    position: relative;
+  }
+
+  wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: var(--wui-border-radius-xs) !important;
+    border: 5px solid var(--wui-color-bg-125);
+    background: var(--wui-color-bg-175);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+  }
+
+  wui-button {
+    --local-border-radius: var(--wui-border-radius-xs) !important;
+  }
+
+  .inputContainer {
+    height: fit-content;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/views/w3m-what-is-a-buy-view/index.js

@@ -0,0 +1,41 @@
+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 { customElement } from '@reown/appkit-ui';
+import { RouterController } from '@reown/appkit-core';
+import { LitElement, html } from 'lit';
+let W3mWhatIsABuyView = class W3mWhatIsABuyView extends LitElement {
+    render() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        .padding=${['xxl', '3xl', 'xl', '3xl']}
+        alignItems="center"
+        gap="xl"
+      >
+        <wui-visual name="onrampCard"></wui-visual>
+        <wui-flex flexDirection="column" gap="xs" alignItems="center">
+          <wui-text align="center" variant="paragraph-500" color="fg-100">
+            Quickly and easily buy digital assets!
+          </wui-text>
+          <wui-text align="center" variant="small-400" color="fg-200">
+            Simply select your preferred onramp provider and add digital assets to your account
+            using your credit card or bank transfer
+          </wui-text>
+        </wui-flex>
+        <wui-button @click=${RouterController.goBack}>
+          <wui-icon size="sm" color="inherit" name="add" slot="iconLeft"></wui-icon>
+          Buy
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+};
+W3mWhatIsABuyView = __decorate([
+    customElement('w3m-what-is-a-buy-view')
+], W3mWhatIsABuyView);
+export { W3mWhatIsABuyView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-what-is-a-buy-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-what-is-a-buy-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG/B,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAE/B,MAAM;QACpB,OAAO,IAAI,CAAA;;;mBAGI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAU;;;;;;;;;;;;;;6BAc1B,gBAAgB,CAAC,MAAM;;;;;KAK/C,CAAA;IACH,CAAC;CACF,CAAA;AA3BY,iBAAiB;IAD7B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,iBAAiB,CA2B7B"}

package/dist/esm/src/views/w3m-what-is-a-network-view/index.js

@@ -0,0 +1,50 @@
+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 } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+const data = [
+    {
+        images: ['network', 'layers', 'system'],
+        title: 'The system’s nuts and bolts',
+        text: 'A network is what brings the blockchain to life, as this technical infrastructure allows apps to access the ledger and smart contract services.'
+    },
+    {
+        images: ['noun', 'defiAlt', 'dao'],
+        title: 'Designed for different uses',
+        text: 'Each network is designed differently, and may therefore suit certain apps and experiences.'
+    }
+];
+let W3mWhatIsANetworkView = class W3mWhatIsANetworkView extends LitElement {
+    render() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        .padding=${['xxl', 'xl', 'xl', 'xl']}
+        alignItems="center"
+        gap="xl"
+      >
+        <w3m-help-widget .data=${data}></w3m-help-widget>
+        <wui-button
+          variant="main"
+          size="md"
+          @click=${() => {
+            CoreHelperUtil.openHref('https://ethereum.org/en/developers/docs/networks/', '_blank');
+        }}
+        >
+          Learn more
+          <wui-icon color="inherit" slot="iconRight" name="externalLink"></wui-icon>
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+};
+W3mWhatIsANetworkView = __decorate([
+    customElement('w3m-what-is-a-network-view')
+], W3mWhatIsANetworkView);
+export { W3mWhatIsANetworkView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-what-is-a-network-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-what-is-a-network-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,MAAM,IAAI,GAAG;IACX;QACE,MAAM,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;QACvC,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,iJAAiJ;KACxJ;IACD;QACE,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC;QAClC,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4FAA4F;KACnG;CACO,CAAA;AAGH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAEnC,MAAM;QACpB,OAAO,IAAI,CAAA;;;mBAGI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU;;;;iCAIpB,IAAI;;;;mBAIlB,GAAG,EAAE;YACZ,cAAc,CAAC,QAAQ,CAAC,mDAAmD,EAAE,QAAQ,CAAC,CAAA;QACxF,CAAC;;;;;;KAMN,CAAA;IACH,CAAC;CACF,CAAA;AAxBY,qBAAqB;IADjC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,qBAAqB,CAwBjC"}

package/dist/esm/src/views/w3m-what-is-a-wallet-view/index.js

@@ -0,0 +1,53 @@
+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 { EventsController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+const data = [
+    {
+        images: ['login', 'profile', 'lock'],
+        title: 'One login for all of web3',
+        text: 'Log in to any app by connecting your wallet. Say goodbye to countless passwords!'
+    },
+    {
+        images: ['defi', 'nft', 'eth'],
+        title: 'A home for your digital assets',
+        text: 'A wallet lets you store, send and receive digital assets like cryptocurrencies and NFTs.'
+    },
+    {
+        images: ['browser', 'noun', 'dao'],
+        title: 'Your gateway to a new web',
+        text: 'With your wallet, you can explore and interact with DeFi, NFTs, DAOs, and much more.'
+    }
+];
+let W3mWhatIsAWalletView = class W3mWhatIsAWalletView extends LitElement {
+    render() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        .padding=${['xxl', 'xl', 'xl', 'xl']}
+        alignItems="center"
+        gap="xl"
+      >
+        <w3m-help-widget .data=${data}></w3m-help-widget>
+        <wui-button variant="main" size="md" @click=${this.onGetWallet.bind(this)}>
+          <wui-icon color="inherit" slot="iconLeft" name="wallet"></wui-icon>
+          Get a wallet
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+    onGetWallet() {
+        EventsController.sendEvent({ type: 'track', event: 'CLICK_GET_WALLET' });
+        RouterController.push('GetWallet');
+    }
+};
+W3mWhatIsAWalletView = __decorate([
+    customElement('w3m-what-is-a-wallet-view')
+], W3mWhatIsAWalletView);
+export { W3mWhatIsAWalletView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-what-is-a-wallet-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-what-is-a-wallet-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,MAAM,IAAI,GAAG;IACX;QACE,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,EAAE,2BAA2B;QAClC,IAAI,EAAE,kFAAkF;KACzF;IACD;QACE,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;QAC9B,KAAK,EAAE,gCAAgC;QACvC,IAAI,EAAE,0FAA0F;KACjG;IACD;QACE,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC;QAClC,KAAK,EAAE,2BAA2B;QAClC,IAAI,EAAE,sFAAsF;KAC7F;CACO,CAAA;AAGH,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAElC,MAAM;QACpB,OAAO,IAAI,CAAA;;;mBAGI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU;;;;iCAIpB,IAAI;sDACiB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;KAK5E,CAAA;IACH,CAAC;IAGO,WAAW;QACjB,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAA;QACxE,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IACpC,CAAC;CACF,CAAA;AAxBY,oBAAoB;IADhC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,oBAAoB,CAwBhC"}