@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

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

@@ -0,0 +1,156 @@
+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, CoreHelperUtil, RouterController, SendController, SwapController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-input-text';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-list-token';
+import '@reown/appkit-ui/wui-separator';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mSendSelectTokenView = class W3mSendSelectTokenView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tokenBalances = SendController.state.tokenBalances;
+        this.search = '';
+        this.onDebouncedSearch = CoreHelperUtil.debounce((value) => {
+            this.search = value;
+        });
+        this.fetchBalancesAndNetworkPrice();
+        this.unsubscribe.push(...[
+            SendController.subscribe(val => {
+                this.tokenBalances = val.tokenBalances;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column">
+        ${this.templateSearchInput()} <wui-separator></wui-separator> ${this.templateTokens()}
+      </wui-flex>
+    `;
+    }
+    async fetchBalancesAndNetworkPrice() {
+        if (!this.tokenBalances || this.tokenBalances?.length === 0) {
+            await this.fetchBalances();
+            await this.fetchNetworkPrice();
+        }
+    }
+    async fetchBalances() {
+        await SendController.fetchTokenBalance();
+        SendController.fetchNetworkBalance();
+    }
+    async fetchNetworkPrice() {
+        await SwapController.getNetworkTokenPrice();
+    }
+    templateSearchInput() {
+        return html `
+      <wui-flex gap="2" padding="3">
+        <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.tokenBalances?.filter(token => token.chainId === ChainController.state.activeCaipNetwork?.caipNetworkId);
+        if (this.search) {
+            this.filteredTokens = this.tokenBalances?.filter(token => token.name.toLowerCase().includes(this.search.toLowerCase()));
+        }
+        else {
+            this.filteredTokens = this.tokens;
+        }
+        return html `
+      <wui-flex
+        class="contentContainer"
+        flexDirection="column"
+        .padding=${['0', '3', '0', '3']}
+      >
+        <wui-flex justifyContent="flex-start" .padding=${['4', '3', '3', '3']}>
+          <wui-text variant="md-medium" color="secondary">Your tokens</wui-text>
+        </wui-flex>
+        <wui-flex flexDirection="column" gap="2">
+          ${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=${['20', '0', '0', '0']}
+                alignItems="center"
+                flexDirection="column"
+                gap="4"
+              >
+                <wui-icon-box icon="coinPlaceholder" color="default" size="lg"></wui-icon-box>
+                <wui-flex
+                  class="textContent"
+                  gap="2"
+                  flexDirection="column"
+                  justifyContent="center"
+                  flexDirection="column"
+                >
+                  <wui-text variant="lg-medium" align="center" color="primary">
+                    No tokens found
+                  </wui-text>
+                  <wui-text variant="lg-regular" align="center" color="secondary">
+                    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, "tokenBalances", 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 '@reown/appkit-ui';
+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: ${({ borderRadius }) => borderRadius['3']};
+  }
+`;
+//# 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,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;qBAcG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;CAE3D,CAAA"}

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

@@ -0,0 +1,286 @@
+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 {} from '@reown/appkit-common';
+import { AssetUtil, ChainController, ConnectionController, ConstantsUtil, CoreHelperUtil, ModalController, RouterController, SendController, SnackController, SwapController } from '@reown/appkit-controllers';
+import { BalanceUtil } from '@reown/appkit-controllers/utils';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-separator';
+import '../../partials/w3m-input-address/index.js';
+import '../../partials/w3m-input-token/index.js';
+import styles from './styles.js';
+const SEND_BUTTON_MESSAGE = {
+    INSUFFICIENT_FUNDS: 'Insufficient Funds',
+    INCORRECT_VALUE: 'Incorrect Value',
+    INVALID_ADDRESS: 'Invalid Address',
+    ADD_ADDRESS: 'Add Address',
+    ADD_AMOUNT: 'Add Amount',
+    SELECT_TOKEN: 'Select Token',
+    PREVIEW_SEND: 'Preview Send'
+};
+let W3mWalletSendView = class W3mWalletSendView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.isTryingToChooseDifferentWallet = false;
+        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.params = RouterController.state.data?.send;
+        this.caipAddress = ChainController.getAccountData()?.caipAddress;
+        this.message = SEND_BUTTON_MESSAGE.PREVIEW_SEND;
+        this.disconnecting = false;
+        if (this.token && !this.params) {
+            this.fetchBalances();
+            this.fetchNetworkPrice();
+        }
+        const unsubscribe = ChainController.subscribeKey('activeCaipAddress', val => {
+            if (!val && this.isTryingToChooseDifferentWallet) {
+                this.isTryingToChooseDifferentWallet = false;
+                ModalController.open({
+                    view: 'Connect',
+                    data: {
+                        redirectView: 'WalletSend'
+                    }
+                }).catch(() => null);
+                unsubscribe();
+            }
+        });
+        this.unsubscribe.push(...[
+            ChainController.subscribeAccountStateProp('caipAddress', val => {
+                this.caipAddress = val;
+            }),
+            SendController.subscribe(val => {
+                this.token = val.token;
+                this.sendTokenAmount = val.sendTokenAmount;
+                this.receiverAddress = val.receiverAddress;
+                this.receiverProfileName = val.receiverProfileName;
+                this.loading = val.loading;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    async firstUpdated() {
+        await this.handleSendParameters();
+    }
+    render() {
+        this.getMessage();
+        const isReadOnly = Boolean(this.params);
+        return html ` <wui-flex flexDirection="column" .padding=${['0', '4', '4', '4']}>
+      <wui-flex class="inputContainer" gap="2" flexDirection="column">
+        <w3m-input-token
+          .token=${this.token}
+          .sendTokenAmount=${this.sendTokenAmount}
+          ?readOnly=${isReadOnly}
+          ?isInsufficientBalance=${this.message === SEND_BUTTON_MESSAGE.INSUFFICIENT_FUNDS}
+        ></w3m-input-token>
+        <wui-icon-box size="md" variant="secondary" icon="arrowBottom"></wui-icon-box>
+        <w3m-input-address
+          ?readOnly=${isReadOnly}
+          .value=${this.receiverProfileName ? this.receiverProfileName : this.receiverAddress}
+        ></w3m-input-address>
+      </wui-flex>
+      ${this.buttonTemplate()}
+    </wui-flex>`;
+    }
+    async fetchBalances() {
+        await SendController.fetchTokenBalance();
+        SendController.fetchNetworkBalance();
+    }
+    async fetchNetworkPrice() {
+        await SwapController.getNetworkTokenPrice();
+    }
+    onButtonClick() {
+        RouterController.push('WalletSendPreview', {
+            send: this.params
+        });
+    }
+    onFundWalletClick() {
+        RouterController.push('FundWallet', {
+            redirectView: 'WalletSend'
+        });
+    }
+    async onConnectDifferentWalletClick() {
+        try {
+            this.isTryingToChooseDifferentWallet = true;
+            this.disconnecting = true;
+            await ConnectionController.disconnect();
+        }
+        finally {
+            this.disconnecting = false;
+        }
+    }
+    getMessage() {
+        this.message = SEND_BUTTON_MESSAGE.PREVIEW_SEND;
+        if (this.receiverAddress &&
+            !CoreHelperUtil.isAddress(this.receiverAddress, ChainController.state.activeChain)) {
+            this.message = SEND_BUTTON_MESSAGE.INVALID_ADDRESS;
+        }
+        if (!this.receiverAddress) {
+            this.message = SEND_BUTTON_MESSAGE.ADD_ADDRESS;
+        }
+        if (this.sendTokenAmount &&
+            this.token &&
+            this.sendTokenAmount > Number(this.token.quantity.numeric)) {
+            this.message = SEND_BUTTON_MESSAGE.INSUFFICIENT_FUNDS;
+        }
+        if (!this.sendTokenAmount) {
+            this.message = SEND_BUTTON_MESSAGE.ADD_AMOUNT;
+        }
+        if (this.sendTokenAmount && this.token?.price) {
+            const value = this.sendTokenAmount * this.token.price;
+            if (!value) {
+                this.message = SEND_BUTTON_MESSAGE.INCORRECT_VALUE;
+            }
+        }
+        if (!this.token) {
+            this.message = SEND_BUTTON_MESSAGE.SELECT_TOKEN;
+        }
+    }
+    buttonTemplate() {
+        const isDisabled = !this.message.startsWith(SEND_BUTTON_MESSAGE.PREVIEW_SEND);
+        const isInsufficientBalance = this.message === SEND_BUTTON_MESSAGE.INSUFFICIENT_FUNDS;
+        const isReadOnly = Boolean(this.params);
+        if (isInsufficientBalance && !isReadOnly) {
+            return html `
+        <wui-flex .margin=${['4', '0', '0', '0']} flexDirection="column" gap="4">
+          <wui-button
+            @click=${this.onFundWalletClick.bind(this)}
+            size="lg"
+            variant="accent-secondary"
+            fullWidth
+          >
+            Fund Wallet
+          </wui-button>
+
+          <wui-separator data-testid="wui-separator" text="or"></wui-separator>
+
+          <wui-button
+            @click=${this.onConnectDifferentWalletClick.bind(this)}
+            size="lg"
+            variant="neutral-secondary"
+            fullWidth
+            ?loading=${this.disconnecting}
+          >
+            Connect a different wallet
+          </wui-button>
+        </wui-flex>
+      `;
+        }
+        return html `<wui-flex .margin=${['4', '0', '0', '0']}>
+      <wui-button
+        @click=${this.onButtonClick.bind(this)}
+        ?disabled=${isDisabled}
+        size="lg"
+        variant="accent-primary"
+        ?loading=${this.loading}
+        fullWidth
+      >
+        ${this.message}
+      </wui-button>
+    </wui-flex>`;
+    }
+    async handleSendParameters() {
+        this.loading = true;
+        if (!this.params) {
+            this.loading = false;
+            return;
+        }
+        const amount = Number(this.params.amount);
+        if (isNaN(amount)) {
+            SnackController.showError('Invalid amount');
+            this.loading = false;
+            return;
+        }
+        const { namespace, chainId, assetAddress } = this.params;
+        if (!ConstantsUtil.SEND_PARAMS_SUPPORTED_CHAINS.includes(namespace)) {
+            SnackController.showError(`Chain "${namespace}" is not supported for send parameters`);
+            this.loading = false;
+            return;
+        }
+        const caipNetwork = ChainController.getCaipNetworkById(chainId, namespace);
+        if (!caipNetwork) {
+            SnackController.showError(`Network with id "${chainId}" not found`);
+            this.loading = false;
+            return;
+        }
+        try {
+            const { balance, name, symbol, decimals } = await BalanceUtil.fetchERC20Balance({
+                caipAddress: this.caipAddress,
+                assetAddress,
+                caipNetwork
+            });
+            if (!name || !symbol || !decimals || !balance) {
+                SnackController.showError('Token not found');
+                return;
+            }
+            SendController.setToken({
+                name,
+                symbol,
+                chainId: caipNetwork.id.toString(),
+                address: `${caipNetwork.chainNamespace}:${caipNetwork.id}:${assetAddress}`,
+                value: 0,
+                price: 0,
+                quantity: {
+                    decimals: decimals.toString(),
+                    numeric: balance.toString()
+                },
+                iconUrl: AssetUtil.getTokenImage(symbol) ?? ''
+            });
+            SendController.setTokenAmount(amount);
+            SendController.setReceiverAddress(this.params.to);
+        }
+        catch (err) {
+            console.error('Failed to load token information:', err);
+            SnackController.showError('Failed to load token information');
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+};
+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, "params", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "caipAddress", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "message", void 0);
+__decorate([
+    state()
+], W3mWalletSendView.prototype, "disconnecting", 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 '@reown/appkit-ui';
+export default css `
+  :host {
+    display: block;
+  }
+
+  wui-flex {
+    position: relative;
+  }
+
+  wui-icon-box {
+    width: 32px;
+    height: 32px;
+    border-radius: ${({ borderRadius }) => borderRadius['10']} !important;
+    border: 4px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+  }
+
+  wui-button {
+    --local-border-radius: ${({ borderRadius }) => borderRadius['4']} !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,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;qBAYG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC;wBACrC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;kBACpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;;6BASnC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;CAMnE,CAAA"}

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

@@ -0,0 +1,46 @@
+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 '@reown/appkit-ui/wui-visual';
+let W3mWhatIsABuyView = class W3mWhatIsABuyView extends LitElement {
+    render() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        .padding=${['6', '10', '5', '10']}
+        alignItems="center"
+        gap="5"
+      >
+        <wui-visual name="onrampCard"></wui-visual>
+        <wui-flex flexDirection="column" gap="2" alignItems="center">
+          <wui-text align="center" variant="md-medium" color="primary">
+            Quickly and easily buy digital assets!
+          </wui-text>
+          <wui-text align="center" variant="sm-regular" color="secondary">
+            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,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;AAClC,OAAO,6BAA6B,CAAA;AAG7B,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAE/B,MAAM;QACpB,OAAO,IAAI,CAAA;;;mBAGI,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAU;;;;;;;;;;;;;;6BAcrB,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,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 { LitElement, html } from 'lit';
+import { CoreHelperUtil } 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 '../../partials/w3m-help-widget/index.js';
+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=${['6', '5', '5', '5']}
+        alignItems="center"
+        gap="5"
+      >
+        <w3m-help-widget .data=${data}></w3m-help-widget>
+        <wui-button
+          variant="accent-primary"
+          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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAElC,OAAO,yCAAyC,CAAA;AAEhD,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,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;iCAIf,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"}