@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/views/w3m-network-switch-view/index.js

@@ -0,0 +1,130 @@
+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 { AssetUtil, ConnectorController, NetworkController, RouterController, StorageUtil } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import styles from './styles.js';
+let W3mNetworkSwitchView = class W3mNetworkSwitchView extends LitElement {
+    constructor() {
+        super();
+        this.network = RouterController.state.data?.network;
+        this.unsubscribe = [];
+        this.showRetry = false;
+        this.error = false;
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    firstUpdated() {
+        this.onSwitchNetwork();
+    }
+    render() {
+        if (!this.network) {
+            throw new Error('w3m-network-switch-view: No network provided');
+        }
+        this.onShowRetry();
+        const label = this.getLabel();
+        const subLabel = this.getSubLabel();
+        return html `
+      <wui-flex
+        data-error=${this.error}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['3xl', 'xl', '3xl', 'xl']}
+        gap="xl"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-network-image
+            size="lg"
+            imageSrc=${ifDefined(AssetUtil.getNetworkImage(this.network))}
+          ></wui-network-image>
+
+          ${this.error ? null : html `<wui-loading-hexagon></wui-loading-hexagon>`}
+
+          <wui-icon-box
+            backgroundColor="error-100"
+            background="opaque"
+            iconColor="error-100"
+            icon="close"
+            size="sm"
+            ?border=${true}
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="xs">
+          <wui-text align="center" variant="paragraph-500" color="fg-100">${label}</wui-text>
+          <wui-text align="center" variant="small-500" color="fg-200">${subLabel}</wui-text>
+        </wui-flex>
+
+        <wui-button
+          data-retry=${this.showRetry}
+          variant="accent"
+          size="md"
+          .disabled=${!this.error}
+          @click=${this.onSwitchNetwork.bind(this)}
+        >
+          <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
+          Try again
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+    getSubLabel() {
+        const type = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        if (authConnector && type === 'AUTH') {
+            return '';
+        }
+        return this.error
+            ? 'Switch can be declined if chain is not supported by a wallet or previous request is still active'
+            : 'Accept connection request in your wallet';
+    }
+    getLabel() {
+        const type = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        if (authConnector && type === 'AUTH') {
+            return `Switching to ${this.network?.name ?? 'Unknown'} network...`;
+        }
+        return this.error ? 'Switch declined' : 'Approve in wallet';
+    }
+    onShowRetry() {
+        if (this.error && !this.showRetry) {
+            this.showRetry = true;
+            const retryButton = this.shadowRoot?.querySelector('wui-button');
+            retryButton?.animate([{ opacity: 0 }, { opacity: 1 }], {
+                fill: 'forwards',
+                easing: 'ease'
+            });
+        }
+    }
+    async onSwitchNetwork() {
+        try {
+            this.error = false;
+            if (this.network) {
+                await NetworkController.switchActiveNetwork(this.network);
+            }
+        }
+        catch {
+            this.error = true;
+        }
+    }
+};
+W3mNetworkSwitchView.styles = styles;
+__decorate([
+    state()
+], W3mNetworkSwitchView.prototype, "showRetry", void 0);
+__decorate([
+    state()
+], W3mNetworkSwitchView.prototype, "error", void 0);
+W3mNetworkSwitchView = __decorate([
+    customElement('w3m-network-switch-view')
+], W3mNetworkSwitchView);
+export { W3mNetworkSwitchView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-network-switch-view/index.js.map

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

package/dist/esm/src/views/w3m-network-switch-view/styles.js

@@ -0,0 +1,56 @@
+import { css } from 'lit';
+export default css `
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-loading-hexagon {
+    position: absolute;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: 4px;
+    bottom: 0;
+    opacity: 0;
+    transform: scale(0.5);
+    z-index: 1;
+  }
+
+  wui-button {
+    display: none;
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  }
+
+  wui-button[data-retry='true'] {
+    display: block;
+    opacity: 1;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-network-switch-view/styles.js.map

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

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

@@ -0,0 +1,163 @@
+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 {} from '@reown/appkit-common';
+import { AccountController, AssetUtil, ChainController, ConnectorController, CoreHelperUtil, EventsController, NetworkController, RouterController, StorageUtil } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import styles from './styles.js';
+let W3mNetworksView = class W3mNetworksView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.network = NetworkController.state.caipNetwork;
+        this.requestedCaipNetworks = NetworkController.getRequestedCaipNetworks();
+        this.search = '';
+        this.onDebouncedSearch = CoreHelperUtil.debounce((value) => {
+            this.search = value;
+        }, 100);
+        this.unsubscribe.push(NetworkController.subscribeKey('caipNetwork', val => (this.network = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      ${this.templateSearchInput()}
+      <wui-flex
+        class="container"
+        .padding=${['0', 's', 's', 's']}
+        flexDirection="column"
+        gap="xs"
+      >
+        ${this.networksTemplate()}
+      </wui-flex>
+
+      <wui-separator></wui-separator>
+
+      <wui-flex padding="s" flexDirection="column" gap="m" alignItems="center">
+        <wui-text variant="small-400" color="fg-300" align="center">
+          Your connected wallet may not support some of the networks available for this dApp
+        </wui-text>
+        <wui-link @click=${this.onNetworkHelp.bind(this)}>
+          <wui-icon size="xs" color="accent-100" slot="iconLeft" name="helpCircle"></wui-icon>
+          What is a network
+        </wui-link>
+      </wui-flex>
+    `;
+    }
+    templateSearchInput() {
+        return html `
+      <wui-flex gap="xs" .padding=${['0', 's', 's', 's']}>
+        <wui-input-text
+          @inputChange=${this.onInputChange.bind(this)}
+          class="network-search-input"
+          size="md"
+          placeholder="Search network"
+          icon="search"
+        ></wui-input-text>
+      </wui-flex>
+    `;
+    }
+    onInputChange(event) {
+        this.onDebouncedSearch(event.detail);
+    }
+    onNetworkHelp() {
+        EventsController.sendEvent({ type: 'track', event: 'CLICK_NETWORK_HELP' });
+        RouterController.push('WhatIsANetwork');
+    }
+    networksTemplate() {
+        const requestedCaipNetworks = NetworkController.getRequestedCaipNetworks();
+        const approvedCaipNetworkIds = NetworkController.state.approvedCaipNetworkIds;
+        const sortedNetworks = CoreHelperUtil.sortRequestedNetworks(approvedCaipNetworkIds, requestedCaipNetworks);
+        if (this.search) {
+            this.filteredNetworks = sortedNetworks?.filter(network => network?.name?.toLowerCase().includes(this.search.toLowerCase()));
+        }
+        else {
+            this.filteredNetworks = sortedNetworks;
+        }
+        return this.filteredNetworks?.map(network => html `
+        <wui-list-network
+          .selected=${this.network?.id === network.id}
+          imageSrc=${ifDefined(AssetUtil.getNetworkImage(network))}
+          type="network"
+          name=${network.name ?? network.id}
+          @click=${() => this.onSwitchNetwork(network)}
+          .disabled=${this.getNetworkDisabled(network)}
+          data-testid=${`w3m-network-switch-${network.name ?? network.id}`}
+        ></wui-list-network>
+      `);
+    }
+    getNetworkDisabled(network) {
+        const networkNamespace = network.chainNamespace;
+        const isNamespaceConnected = AccountController.getChainIsConnected(networkNamespace);
+        const approvedCaipNetworkIds = ChainController.getNetworkProp('approvedCaipNetworkIds', networkNamespace);
+        const supportsAllNetworks = ChainController.getNetworkProp('supportsAllNetworks', networkNamespace);
+        if (!isNamespaceConnected || supportsAllNetworks) {
+            return false;
+        }
+        return !approvedCaipNetworkIds?.includes(network.id);
+    }
+    async onSwitchNetwork(network) {
+        const isCurrentNamespaceConnected = AccountController.state.isConnected;
+        const isNamespaceConnected = AccountController.getChainIsConnected(network.chainNamespace);
+        const isSameNetwork = network.id === this.network?.id;
+        const supportsAllNetworks = NetworkController.state.supportsAllNetworks;
+        const routerData = RouterController.state.data;
+        const type = StorageUtil.getConnectedConnector();
+        const authConnector = ConnectorController.getAuthConnector();
+        const isConnectedWithAuth = type === 'AUTH' && authConnector;
+        if (isSameNetwork) {
+            return;
+        }
+        if (isNamespaceConnected) {
+            if (supportsAllNetworks || isConnectedWithAuth) {
+                RouterController.push('SwitchNetwork', { ...routerData, network });
+            }
+            else {
+                await NetworkController.switchActiveNetwork(network);
+            }
+        }
+        else {
+            if (ChainController.state.noAdapters) {
+                RouterController.push('ConnectingWalletConnect');
+            }
+            else {
+                if (isCurrentNamespaceConnected) {
+                    RouterController.push('SwitchActiveChain', {
+                        switchToChain: network.chainNamespace,
+                        navigateTo: 'Connect',
+                        navigateWithReplace: true,
+                        network
+                    });
+                }
+                else {
+                    NetworkController.setActiveCaipNetwork(network);
+                }
+            }
+        }
+    }
+};
+W3mNetworksView.styles = styles;
+__decorate([
+    state()
+], W3mNetworksView.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mNetworksView.prototype, "requestedCaipNetworks", void 0);
+__decorate([
+    state()
+], W3mNetworksView.prototype, "filteredNetworks", void 0);
+__decorate([
+    state()
+], W3mNetworksView.prototype, "search", void 0);
+W3mNetworksView = __decorate([
+    customElement('w3m-networks-view')
+], W3mNetworksView);
+export { W3mNetworksView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export default css `
+  .container {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  .container::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/esm/src/views/w3m-onramp-activity-view/index.js

@@ -0,0 +1,157 @@
+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 { DateUtil } from '@reown/appkit-common';
+import { AccountController, AssetController, OnRampController, OptionsController, TransactionsController } from '@reown/appkit-core';
+import { TransactionUtil, customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+const LOADING_ITEM_COUNT = 7;
+let W3mOnRampActivityView = class W3mOnRampActivityView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.selectedOnRampProvider = OnRampController.state.selectedProvider;
+        this.loading = false;
+        this.coinbaseTransactions = TransactionsController.state.coinbaseTransactions;
+        this.tokenImages = AssetController.state.tokenImages;
+        this.unsubscribe.push(...[
+            OnRampController.subscribeKey('selectedProvider', val => {
+                this.selectedOnRampProvider = val;
+            }),
+            AssetController.subscribeKey('tokenImages', val => (this.tokenImages = val)),
+            () => {
+                clearTimeout(this.refetchTimeout);
+            },
+            TransactionsController.subscribe(val => {
+                this.coinbaseTransactions = { ...val.coinbaseTransactions };
+            })
+        ]);
+        TransactionsController.clearCursor();
+        this.fetchTransactions();
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', 's', 's', 's']} gap="xs">
+        ${this.loading ? this.templateLoading() : this.templateTransactionsByYear()}
+      </wui-flex>
+    `;
+    }
+    templateTransactions(transactions) {
+        return transactions?.map(transaction => {
+            const date = DateUtil.formatDate(transaction?.metadata?.minedAt);
+            const transfer = transaction.transfers[0];
+            const fungibleInfo = transfer?.fungible_info;
+            if (!fungibleInfo) {
+                return null;
+            }
+            const icon = fungibleInfo?.icon?.url || this.tokenImages?.[fungibleInfo.symbol || ''];
+            return html `
+        <w3m-onramp-activity-item
+          label="Bought"
+          .completed=${transaction.metadata.status === 'ONRAMP_TRANSACTION_STATUS_SUCCESS'}
+          .inProgress=${transaction.metadata.status === 'ONRAMP_TRANSACTION_STATUS_IN_PROGRESS'}
+          .failed=${transaction.metadata.status === 'ONRAMP_TRANSACTION_STATUS_FAILED'}
+          purchaseCurrency=${ifDefined(fungibleInfo.symbol)}
+          purchaseValue=${transfer.quantity.numeric}
+          date=${date}
+          icon=${ifDefined(icon)}
+          symbol=${ifDefined(fungibleInfo.symbol)}
+        ></w3m-onramp-activity-item>
+      `;
+        });
+    }
+    templateTransactionsByYear() {
+        const sortedYearKeys = Object.keys(this.coinbaseTransactions).sort().reverse();
+        return sortedYearKeys.map(year => {
+            const yearInt = parseInt(year, 10);
+            const sortedMonthIndexes = new Array(12)
+                .fill(null)
+                .map((_, idx) => idx)
+                .reverse();
+            return sortedMonthIndexes.map(month => {
+                const groupTitle = TransactionUtil.getTransactionGroupTitle(yearInt, month);
+                const transactions = this.coinbaseTransactions[yearInt]?.[month];
+                if (!transactions) {
+                    return null;
+                }
+                return html `
+          <wui-flex flexDirection="column">
+            <wui-flex
+              alignItems="center"
+              flexDirection="row"
+              .padding=${['xs', 's', 's', 's']}
+            >
+              <wui-text variant="paragraph-500" color="fg-200">${groupTitle}</wui-text>
+            </wui-flex>
+            <wui-flex flexDirection="column" gap="xs">
+              ${this.templateTransactions(transactions)}
+            </wui-flex>
+          </wui-flex>
+        `;
+            });
+        });
+    }
+    async fetchTransactions() {
+        const provider = 'coinbase';
+        if (provider === 'coinbase') {
+            await this.fetchCoinbaseTransactions();
+        }
+    }
+    async fetchCoinbaseTransactions() {
+        const address = AccountController.state.address;
+        const projectId = OptionsController.state.projectId;
+        if (!address) {
+            throw new Error('No address found');
+        }
+        if (!projectId) {
+            throw new Error('No projectId found');
+        }
+        this.loading = true;
+        await TransactionsController.fetchTransactions(address, 'coinbase');
+        this.loading = false;
+        this.refetchLoadingTransactions();
+    }
+    refetchLoadingTransactions() {
+        const today = new Date();
+        const currentMonthTxs = this.coinbaseTransactions[today.getFullYear()]?.[today.getMonth()] || [];
+        const loadingTransactions = currentMonthTxs.filter(transaction => transaction.metadata.status === 'ONRAMP_TRANSACTION_STATUS_IN_PROGRESS');
+        if (loadingTransactions.length === 0) {
+            clearTimeout(this.refetchTimeout);
+            return;
+        }
+        this.refetchTimeout = setTimeout(async () => {
+            const address = AccountController.state.address;
+            await TransactionsController.fetchTransactions(address, 'coinbase');
+            this.refetchLoadingTransactions();
+        }, 3000);
+    }
+    templateLoading() {
+        return Array(LOADING_ITEM_COUNT)
+            .fill(html ` <wui-transaction-list-item-loader></wui-transaction-list-item-loader> `)
+            .map(item => item);
+    }
+};
+W3mOnRampActivityView.styles = styles;
+__decorate([
+    state()
+], W3mOnRampActivityView.prototype, "selectedOnRampProvider", void 0);
+__decorate([
+    state()
+], W3mOnRampActivityView.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mOnRampActivityView.prototype, "coinbaseTransactions", void 0);
+__decorate([
+    state()
+], W3mOnRampActivityView.prototype, "tokenImages", void 0);
+W3mOnRampActivityView = __decorate([
+    customElement('w3m-onramp-activity-view')
+], W3mOnRampActivityView);
+export { W3mOnRampActivityView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-onramp-activity-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-onramp-activity-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAoB,MAAM,sBAAsB,CAAA;AACjE,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGxD,MAAM,kBAAkB,GAAG,CAAC,CAAA;AAGrB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAiBnD;QACE,KAAK,EAAE,CAAA;QAdD,gBAAW,GAAmB,EAAE,CAAA;QAKrB,2BAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,CAAA;QAEhE,YAAO,GAAG,KAAK,CAAA;QAEjB,yBAAoB,GAAG,sBAAsB,CAAC,KAAK,CAAC,oBAAoB,CAAA;QAExE,gBAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;QAI9D,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,gBAAgB,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,EAAE;gBACtD,IAAI,CAAC,sBAAsB,GAAG,GAAG,CAAA;YACnC,CAAC,CAAC;YACF,eAAe,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC;YAC5E,GAAG,EAAE;gBACH,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;YACnC,CAAC;YACD,sBAAsB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBACrC,IAAI,CAAC,oBAAoB,GAAG,EAAE,GAAG,GAAG,CAAC,oBAAoB,EAAE,CAAA;YAC7D,CAAC,CAAC;SACH,CACF,CAAA;QACD,sBAAsB,CAAC,WAAW,EAAE,CAAA;QACpC,IAAI,CAAC,iBAAiB,EAAE,CAAA;IAC1B,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA;kDACmC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;UAC5D,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,0BAA0B,EAAE;;KAE9E,CAAA;IACH,CAAC;IAGO,oBAAoB,CAAC,YAA2B;QACtD,OAAO,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE;YACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;YAChE,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;YACzC,MAAM,YAAY,GAAG,QAAQ,EAAE,aAAa,CAAA;YAE5C,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,OAAO,IAAI,CAAA;YACb,CAAC;YAED,MAAM,IAAI,GAAG,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;YAErF,OAAO,IAAI,CAAA;;;uBAGM,WAAW,CAAC,QAAQ,CAAC,MAAM,KAAK,mCAAmC;wBAClE,WAAW,CAAC,QAAQ,CAAC,MAAM,KAAK,uCAAuC;oBAC3E,WAAW,CAAC,QAAQ,CAAC,MAAM,KAAK,kCAAkC;6BACzD,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC;0BACjC,QAAQ,CAAC,QAAQ,CAAC,OAAO;iBAClC,IAAI;iBACJ,SAAS,CAAC,IAAI,CAAC;mBACb,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC;;OAE1C,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,0BAA0B;QAChC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA;QAE9E,OAAO,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;YAElC,MAAM,kBAAkB,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC;iBACrC,IAAI,CAAC,IAAI,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC;iBACpB,OAAO,EAAE,CAAA;YAEZ,OAAO,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACpC,MAAM,UAAU,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;gBAC3E,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;gBAEhE,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,OAAO,IAAI,CAAA;gBACb,CAAC;gBAED,OAAO,IAAI,CAAA;;;;;yBAKM,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;iEAEU,UAAU;;;gBAG3D,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;;SAG9C,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,KAAK,CAAC,iBAAiB;QAC7B,MAAM,QAAQ,GAAG,UAAU,CAAA;QAE3B,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;YAC5B,MAAM,IAAI,CAAC,yBAAyB,EAAE,CAAA;QACxC,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,yBAAyB;QACrC,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAA;QAC/C,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAA;QAEnD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACrC,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAA;QACvC,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QAEnB,MAAM,sBAAsB,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;QAEnE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,0BAA0B,EAAE,CAAA;IACnC,CAAC;IAEO,0BAA0B;QAChC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAA;QAEhG,MAAM,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAChD,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,KAAK,uCAAuC,CACvF,CAAA;QAED,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACrC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;YAEjC,OAAM;QACR,CAAC;QAGD,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;YAC1C,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAA;YAC/C,MAAM,sBAAsB,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;YACnE,IAAI,CAAC,0BAA0B,EAAE,CAAA;QACnC,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC;IAEO,eAAe;QACrB,OAAO,KAAK,CAAC,kBAAkB,CAAC;aAC7B,IAAI,CAAC,IAAI,CAAA,yEAAyE,CAAC;aACnF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC;;AArKsB,4BAAM,GAAG,MAAM,AAAT,CAAS;AAQnB;IAAlB,KAAK,EAAE;qEAA2E;AAEhE;IAAlB,KAAK,EAAE;sDAA0B;AAEjB;IAAhB,KAAK,EAAE;mEAAiF;AAExE;IAAhB,KAAK,EAAE;0DAAwD;AAfrD,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAuKjC"}

package/dist/esm/src/views/w3m-onramp-activity-view/styles.js

@@ -0,0 +1,27 @@
+import { css } from 'lit';
+export default css `
+  :host > wui-flex {
+    height: 500px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+    padding: var(--wui-spacing-m);
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  :host > wui-flex::-webkit-scrollbar {
+    display: none;
+  }
+
+  :host > wui-flex > wui-flex {
+    width: 100%;
+  }
+
+  wui-transaction-list-item-loader {
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-onramp-activity-view/styles.js.map

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

package/dist/esm/src/views/w3m-onramp-fiat-select-view/index.js

@@ -0,0 +1,72 @@
+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 { OnRampController, ModalController, AssetController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let W3mOnrampFiatSelectView = class W3mOnrampFiatSelectView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.selectedCurrency = OnRampController.state.paymentCurrency;
+        this.currencies = OnRampController.state.paymentCurrencies;
+        this.currencyImages = AssetController.state.currencyImages;
+        this.unsubscribe.push(...[
+            OnRampController.subscribe(val => {
+                this.selectedCurrency = val.paymentCurrency;
+                this.currencies = val.paymentCurrencies;
+            }),
+            AssetController.subscribeKey('currencyImages', val => (this.currencyImages = val))
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', 's', 's', 's']} gap="xs">
+        ${this.currenciesTemplate()}
+      </wui-flex>
+      <w3m-legal-footer></w3m-legal-footer>
+    `;
+    }
+    currenciesTemplate() {
+        return this.currencies.map(currency => html `
+        <wui-list-item
+          imageSrc=${ifDefined(this.currencyImages?.[currency.id])}
+          @click=${() => this.selectCurrency(currency)}
+          variant="image"
+        >
+          <wui-text variant="paragraph-500" color="fg-100">${currency.id}</wui-text>
+        </wui-list-item>
+      `);
+    }
+    selectCurrency(currency) {
+        if (!currency) {
+            return;
+        }
+        OnRampController.setPaymentCurrency(currency);
+        ModalController.close();
+    }
+};
+W3mOnrampFiatSelectView.styles = styles;
+__decorate([
+    state()
+], W3mOnrampFiatSelectView.prototype, "selectedCurrency", void 0);
+__decorate([
+    state()
+], W3mOnrampFiatSelectView.prototype, "currencies", void 0);
+__decorate([
+    state()
+], W3mOnrampFiatSelectView.prototype, "currencyImages", void 0);
+W3mOnrampFiatSelectView = __decorate([
+    customElement('w3m-onramp-fiat-select-view')
+], W3mOnrampFiatSelectView);
+export { W3mOnrampFiatSelectView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-onramp-fiat-select-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-onramp-fiat-select-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAWrD;QACE,KAAK,EAAE,CAAA;QARD,gBAAW,GAAmB,EAAE,CAAA;QAGxB,qBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAA;QACzD,eAAU,GAAG,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAA;QACpD,mBAAc,GAAG,eAAe,CAAC,KAAK,CAAC,cAAc,CAAA;QAIpE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBAC/B,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC,eAAe,CAAA;gBAC3C,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,iBAAiB,CAAA;YACzC,CAAC,CAAC;YACF,eAAe,CAAC,YAAY,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC;SACnF,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;kDACmC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;UAC5D,IAAI,CAAC,kBAAkB,EAAE;;;KAG9B,CAAA;IACH,CAAC;IAGO,kBAAkB;QACxB,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAA;;qBAED,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;mBAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;;;6DAGO,QAAQ,CAAC,EAAE;;OAEjE,CACF,CAAA;IACH,CAAC;IAEO,cAAc,CAAC,QAAyB;QAC9C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAM;QACR,CAAC;QAED,gBAAgB,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;QAC7C,eAAe,CAAC,KAAK,EAAE,CAAA;IACzB,CAAC;;AA3DsB,8BAAM,GAAG,MAAM,AAAT,CAAS;AAMtB;IAAf,KAAK,EAAE;iEAAiE;AACzD;IAAf,KAAK,EAAE;2DAA6D;AACpD;IAAhB,KAAK,EAAE;+DAA8D;AAT3D,uBAAuB;IADnC,aAAa,CAAC,6BAA6B,CAAC;GAChC,uBAAuB,CA6DnC"}