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

package/dist/esm/src/partials/w3m-list-wallet/styles.js

@@ -0,0 +1,7 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host {
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-list-wallet/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-list-wallet/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;CAIjB,CAAA"}

package/dist/esm/src/partials/w3m-mobile-download-links/index.js

@@ -0,0 +1,97 @@
+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 { property } from 'lit/decorators.js';
+import { CoreHelperUtil, RouterController } from '@reown/appkit-controllers';
+import { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-cta-button';
+import styles from './styles.js';
+let W3mMobileDownloadLinks = class W3mMobileDownloadLinks extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.wallet = undefined;
+    }
+    render() {
+        if (!this.wallet) {
+            this.style.display = 'none';
+            return null;
+        }
+        const { name, app_store, play_store, chrome_store, homepage } = this.wallet;
+        const isMobile = CoreHelperUtil.isMobile();
+        const isIos = CoreHelperUtil.isIos();
+        const isAndroid = CoreHelperUtil.isAndroid();
+        const isMultiple = [app_store, play_store, homepage, chrome_store].filter(Boolean).length > 1;
+        const shortName = UiHelperUtil.getTruncateString({
+            string: name,
+            charsStart: 12,
+            charsEnd: 0,
+            truncate: 'end'
+        });
+        if (isMultiple && !isMobile) {
+            return html `
+        <wui-cta-button
+          label=${`Don't have ${shortName}?`}
+          buttonLabel="Get"
+          @click=${() => RouterController.push('Downloads', { wallet: this.wallet })}
+        ></wui-cta-button>
+      `;
+        }
+        if (!isMultiple && homepage) {
+            return html `
+        <wui-cta-button
+          label=${`Don't have ${shortName}?`}
+          buttonLabel="Get"
+          @click=${this.onHomePage.bind(this)}
+        ></wui-cta-button>
+      `;
+        }
+        if (app_store && isIos) {
+            return html `
+        <wui-cta-button
+          label=${`Don't have ${shortName}?`}
+          buttonLabel="Get"
+          @click=${this.onAppStore.bind(this)}
+        ></wui-cta-button>
+      `;
+        }
+        if (play_store && isAndroid) {
+            return html `
+        <wui-cta-button
+          label=${`Don't have ${shortName}?`}
+          buttonLabel="Get"
+          @click=${this.onPlayStore.bind(this)}
+        ></wui-cta-button>
+      `;
+        }
+        this.style.display = 'none';
+        return null;
+    }
+    onAppStore() {
+        if (this.wallet?.app_store) {
+            CoreHelperUtil.openHref(this.wallet.app_store, '_blank');
+        }
+    }
+    onPlayStore() {
+        if (this.wallet?.play_store) {
+            CoreHelperUtil.openHref(this.wallet.play_store, '_blank');
+        }
+    }
+    onHomePage() {
+        if (this.wallet?.homepage) {
+            CoreHelperUtil.openHref(this.wallet.homepage, '_blank');
+        }
+    }
+};
+W3mMobileDownloadLinks.styles = [styles];
+__decorate([
+    property({ type: Object })
+], W3mMobileDownloadLinks.prototype, "wallet", void 0);
+W3mMobileDownloadLinks = __decorate([
+    customElement('w3m-mobile-download-links')
+], W3mMobileDownloadLinks);
+export { W3mMobileDownloadLinks };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-mobile-download-links/index.js.map

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

package/dist/esm/src/partials/w3m-mobile-download-links/styles.js

@@ -0,0 +1,8 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host {
+    display: block;
+    padding: 0 ${({ spacing }) => spacing['5']} ${({ spacing }) => spacing['5']};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-mobile-download-links/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-mobile-download-links/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;iBAGD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;CAE9E,CAAA"}

package/dist/esm/src/partials/w3m-onramp-activity-item/index.js

@@ -0,0 +1,121 @@
+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 { property } from 'lit/decorators.js';
+import { ApiController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-image';
+import '@reown/appkit-ui/wui-loading-spinner';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mOnRampActivityItem = class W3mOnRampActivityItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.color = 'inherit';
+        this.label = 'Bought';
+        this.purchaseValue = '';
+        this.purchaseCurrency = '';
+        this.date = '';
+        this.completed = false;
+        this.inProgress = false;
+        this.failed = false;
+        this.onClick = null;
+        this.symbol = '';
+    }
+    firstUpdated() {
+        if (!this.icon) {
+            this.fetchTokenImage();
+        }
+    }
+    render() {
+        return html `
+      <wui-flex>
+        ${this.imageTemplate()}
+        <wui-flex flexDirection="column" gap="01" flexGrow="1">
+          <wui-flex gap="1" alignItems="center" justifyContent="flex-start">
+            ${this.statusIconTemplate()}
+            <wui-text variant="md-regular" color="primary"> ${this.label}</wui-text>
+          </wui-flex>
+          <wui-text variant="sm-regular" color="secondary">
+            + ${this.purchaseValue} ${this.purchaseCurrency}
+          </wui-text>
+        </wui-flex>
+        ${this.inProgress
+            ? html `<wui-loading-spinner color="secondary" size="md"></wui-loading-spinner>`
+            : html `<wui-text variant="sm-medium" color="tertiary"
+              ><span>${this.date}</span></wui-text
+            >`}
+      </wui-flex>
+    `;
+    }
+    async fetchTokenImage() {
+        await ApiController._fetchTokenImage(this.purchaseCurrency);
+    }
+    statusIconTemplate() {
+        if (this.inProgress) {
+            return null;
+        }
+        return this.completed ? this.boughtIconTemplate() : this.errorIconTemplate();
+    }
+    errorIconTemplate() {
+        return html `<wui-icon-box size="sm" color="error" icon="close"></wui-icon-box>`;
+    }
+    imageTemplate() {
+        const icon = this.icon || `https://avatar.vercel.sh/andrew.svg?size=50&text=${this.symbol}`;
+        return html `<wui-flex class="purchase-image-container">
+      <wui-image src=${icon}></wui-image>
+    </wui-flex>`;
+    }
+    boughtIconTemplate() {
+        return html `<wui-icon-box size="sm" color="success" icon="arrowBottom"></wui-icon-box>`;
+    }
+};
+W3mOnRampActivityItem.styles = [styles];
+__decorate([
+    property({ type: Boolean })
+], W3mOnRampActivityItem.prototype, "disabled", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "color", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "label", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "purchaseValue", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "purchaseCurrency", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "date", void 0);
+__decorate([
+    property({ type: Boolean })
+], W3mOnRampActivityItem.prototype, "completed", void 0);
+__decorate([
+    property({ type: Boolean })
+], W3mOnRampActivityItem.prototype, "inProgress", void 0);
+__decorate([
+    property({ type: Boolean })
+], W3mOnRampActivityItem.prototype, "failed", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "onClick", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "symbol", void 0);
+__decorate([
+    property()
+], W3mOnRampActivityItem.prototype, "icon", void 0);
+W3mOnRampActivityItem = __decorate([
+    customElement('w3m-onramp-activity-item')
+], W3mOnRampActivityItem);
+export { W3mOnRampActivityItem };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-onramp-activity-item/index.js.map

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

package/dist/esm/src/partials/w3m-onramp-activity-item/styles.js

@@ -0,0 +1,56 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  :host > wui-flex {
+    width: 100%;
+    padding: ${({ spacing }) => spacing['3']};
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: ${({ spacing }) => spacing['3']};
+  }
+
+  :host > wui-flex:hover {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  .purchase-image-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    width: ${({ spacing }) => spacing['10']};
+    height: ${({ spacing }) => spacing['10']};
+  }
+
+  .purchase-image-container wui-image {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    border-radius: calc(${({ spacing }) => spacing['10']} / 2);
+  }
+
+  .purchase-image-container wui-image::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    inset: 0;
+    border-radius: calc(${({ spacing }) => spacing['10']} / 2);
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
+  }
+
+  .purchase-image-container wui-icon-box {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    transform: translate(20%, 20%);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-onramp-activity-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-onramp-activity-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;eAOH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACvB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;WAKjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;wBAIhB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;aAQzD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;cAC7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;;;0BAOlB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;;;;;;0BAU9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;kCACtB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;CASrE,CAAA"}

package/dist/esm/src/partials/w3m-onramp-input/index.js

@@ -0,0 +1,110 @@
+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 { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { AssetController, ModalController, OnRampController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-image';
+import '@reown/appkit-ui/wui-input-text';
+import '@reown/appkit-ui/wui-loading-spinner';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mInputCurrency = class W3mInputCurrency extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.type = 'Token';
+        this.value = 0;
+        this.currencies = [];
+        this.selectedCurrency = this.currencies?.[0];
+        this.currencyImages = AssetController.state.currencyImages;
+        this.tokenImages = AssetController.state.tokenImages;
+        this.unsubscribe.push(OnRampController.subscribeKey('purchaseCurrency', val => {
+            if (!val || this.type === 'Fiat') {
+                return;
+            }
+            this.selectedCurrency = this.formatPurchaseCurrency(val);
+        }), OnRampController.subscribeKey('paymentCurrency', val => {
+            if (!val || this.type === 'Token') {
+                return;
+            }
+            this.selectedCurrency = this.formatPaymentCurrency(val);
+        }), OnRampController.subscribe(val => {
+            if (this.type === 'Fiat') {
+                this.currencies = val.purchaseCurrencies.map(this.formatPurchaseCurrency);
+            }
+            else {
+                this.currencies = val.paymentCurrencies.map(this.formatPaymentCurrency);
+            }
+        }), AssetController.subscribe(val => {
+            this.currencyImages = { ...val.currencyImages };
+            this.tokenImages = { ...val.tokenImages };
+        }));
+    }
+    firstUpdated() {
+        OnRampController.getAvailableCurrencies();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const symbol = this.selectedCurrency?.symbol || '';
+        const image = this.currencyImages[symbol] || this.tokenImages[symbol];
+        return html `<wui-input-text type="number" size="lg" value=${this.value}>
+      ${this.selectedCurrency
+            ? html ` <wui-flex
+            class="currency-container"
+            justifyContent="space-between"
+            alignItems="center"
+            gap="1"
+            @click=${() => ModalController.open({ view: `OnRamp${this.type}Select` })}
+          >
+            <wui-image src=${ifDefined(image)}></wui-image>
+            <wui-text color="primary">${this.selectedCurrency.symbol}</wui-text>
+          </wui-flex>`
+            : html `<wui-loading-spinner></wui-loading-spinner>`}
+    </wui-input-text>`;
+    }
+    formatPaymentCurrency(currency) {
+        return {
+            name: currency.id,
+            symbol: currency.id
+        };
+    }
+    formatPurchaseCurrency(currency) {
+        return {
+            name: currency.name,
+            symbol: currency.symbol
+        };
+    }
+};
+W3mInputCurrency.styles = styles;
+__decorate([
+    property({ type: String })
+], W3mInputCurrency.prototype, "type", void 0);
+__decorate([
+    property({ type: Number })
+], W3mInputCurrency.prototype, "value", void 0);
+__decorate([
+    state()
+], W3mInputCurrency.prototype, "currencies", void 0);
+__decorate([
+    state()
+], W3mInputCurrency.prototype, "selectedCurrency", void 0);
+__decorate([
+    state()
+], W3mInputCurrency.prototype, "currencyImages", void 0);
+__decorate([
+    state()
+], W3mInputCurrency.prototype, "tokenImages", void 0);
+W3mInputCurrency = __decorate([
+    customElement('w3m-onramp-input')
+], W3mInputCurrency);
+export { W3mInputCurrency };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-onramp-input/index.js.map

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

package/dist/esm/src/partials/w3m-onramp-input/styles.js

@@ -0,0 +1,35 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    transform: translateY(-50%);
+  }
+
+  .currency-container {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({ spacing }) => spacing['2']};
+    height: 40px;
+    padding: ${({ spacing }) => spacing['2']} ${({ spacing }) => spacing['2']}
+      ${({ spacing }) => spacing['2']} ${({ spacing }) => spacing['2']};
+    min-width: 95px;
+    border-radius: ${({ borderRadius }) => borderRadius['round']};
+    border: 1px solid ${({ tokens }) => tokens.theme.foregroundPrimary};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    cursor: pointer;
+  }
+
+  .currency-container > wui-image {
+    height: 24px;
+    width: 24px;
+    border-radius: 50%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-onramp-input/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-onramp-input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;aAgBL,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;eAE3B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;QACrE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;qBAEjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC;wBACxC,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;;;;;;;;;CAS/D,CAAA"}

package/dist/esm/src/partials/w3m-onramp-provider-item/index.js

@@ -0,0 +1,95 @@
+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 { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { AssetUtil, ChainController } 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-image';
+import '@reown/appkit-ui/wui-loading-spinner';
+import '@reown/appkit-ui/wui-text';
+import '@reown/appkit-ui/wui-visual';
+import styles from './styles.js';
+let W3mOnRampProviderItem = class W3mOnRampProviderItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.color = 'inherit';
+        this.label = '';
+        this.feeRange = '';
+        this.loading = false;
+        this.onClick = null;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled} @click=${this.onClick} ontouchstart>
+        <wui-visual name=${ifDefined(this.name)} class="provider-image"></wui-visual>
+        <wui-flex flexDirection="column" gap="01">
+          <wui-text variant="md-regular" color="primary">${this.label}</wui-text>
+          <wui-flex alignItems="center" justifyContent="flex-start" gap="4">
+            <wui-text variant="sm-medium" color="primary">
+              <wui-text variant="sm-regular" color="secondary">Fees</wui-text>
+              ${this.feeRange}
+            </wui-text>
+            <wui-flex gap="2">
+              <wui-icon name="bank" size="sm" color="default"></wui-icon>
+              <wui-icon name="card" size="sm" color="default"></wui-icon>
+            </wui-flex>
+            ${this.networksTemplate()}
+          </wui-flex>
+        </wui-flex>
+        ${this.loading
+            ? html `<wui-loading-spinner color="secondary" size="md"></wui-loading-spinner>`
+            : html `<wui-icon name="chevronRight" color="default" size="sm"></wui-icon>`}
+      </button>
+    `;
+    }
+    networksTemplate() {
+        const requestedCaipNetworks = ChainController.getAllRequestedCaipNetworks();
+        const slicedNetworks = requestedCaipNetworks
+            ?.filter(network => network?.assets?.imageId)
+            ?.slice(0, 5);
+        return html `
+      <wui-flex class="networks">
+        ${slicedNetworks?.map(network => html `
+            <wui-flex class="network-icon">
+              <wui-image src=${ifDefined(AssetUtil.getNetworkImage(network))}></wui-image>
+            </wui-flex>
+          `)}
+      </wui-flex>
+    `;
+    }
+};
+W3mOnRampProviderItem.styles = [styles];
+__decorate([
+    property({ type: Boolean })
+], W3mOnRampProviderItem.prototype, "disabled", void 0);
+__decorate([
+    property()
+], W3mOnRampProviderItem.prototype, "color", void 0);
+__decorate([
+    property()
+], W3mOnRampProviderItem.prototype, "name", void 0);
+__decorate([
+    property()
+], W3mOnRampProviderItem.prototype, "label", void 0);
+__decorate([
+    property()
+], W3mOnRampProviderItem.prototype, "feeRange", void 0);
+__decorate([
+    property({ type: Boolean })
+], W3mOnRampProviderItem.prototype, "loading", void 0);
+__decorate([
+    property()
+], W3mOnRampProviderItem.prototype, "onClick", void 0);
+W3mOnRampProviderItem = __decorate([
+    customElement('w3m-onramp-provider-item')
+], W3mOnRampProviderItem);
+export { W3mOnRampProviderItem };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-onramp-provider-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-onramp-provider-item/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAuB,MAAM,2BAA2B,CAAA;AAC3F,OAAO,EAAkB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAClC,OAAO,4BAA4B,CAAA;AACnC,OAAO,sCAAsC,CAAA;AAC7C,OAAO,2BAA2B,CAAA;AAClC,OAAO,6BAA6B,CAAA;AAEpC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAI+B,aAAQ,GAAG,KAAK,CAAA;QAExC,UAAK,GAAc,SAAS,CAAA;QAIrB,UAAK,GAAG,EAAE,CAAA;QAEV,aAAQ,GAAG,EAAE,CAAA;QAEI,YAAO,GAAG,KAAK,CAAA;QAEhC,YAAO,GAAwB,IAAI,CAAA;IA+CxD,CAAC;IA5CiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,WAAW,IAAI,CAAC,OAAO;2BACnC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;;2DAEY,IAAI,CAAC,KAAK;;;;gBAIrD,IAAI,CAAC,QAAQ;;;;;;cAMf,IAAI,CAAC,gBAAgB,EAAE;;;UAG3B,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,yEAAyE;YAC/E,CAAC,CAAC,IAAI,CAAA,qEAAqE;;KAEhF,CAAA;IACH,CAAC;IAGO,gBAAgB;QACtB,MAAM,qBAAqB,GAAG,eAAe,CAAC,2BAA2B,EAAE,CAAA;QAC3E,MAAM,cAAc,GAAG,qBAAqB;YAC1C,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;YAC7C,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAEf,OAAO,IAAI,CAAA;;UAEL,cAAc,EAAE,GAAG,CACnB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;+BAEM,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;WAEjE,CACF;;KAEJ,CAAA;IACH,CAAC;;AA7DsB,4BAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAW;AAGJ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAwB;AAExC;IAAX,QAAQ,EAAE;oDAA6B;AAErB;IAAlB,QAAQ,EAAE;mDAAqC;AAE7B;IAAlB,QAAQ,EAAE;oDAAkB;AAEV;IAAlB,QAAQ,EAAE;uDAAqB;AAEI;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAAuB;AAEhC;IAAlB,QAAQ,EAAE;sDAA2C;AAhB3C,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CA+DjC"}

package/dist/esm/src/partials/w3m-onramp-provider-item/styles.js

@@ -0,0 +1,54 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  button {
+    padding: ${({ spacing }) => spacing['3']};
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+    border: none;
+    outline: none;
+    background-color: ${({ tokens }) => tokens.core.glass010};
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: ${({ spacing }) => spacing['3']};
+    transition: background-color ${({ easings }) => easings['ease-out-power-1']}
+      ${({ durations }) => durations['md']};
+    will-change: background-color;
+    cursor: pointer;
+  }
+
+  button:hover {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  .provider-image {
+    width: ${({ spacing }) => spacing['10']};
+    min-width: ${({ spacing }) => spacing['10']};
+    height: ${({ spacing }) => spacing['10']};
+    border-radius: calc(
+      ${({ borderRadius }) => borderRadius['4']} - calc(${({ spacing }) => spacing['3']} / 2)
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  .network-icon {
+    width: ${({ spacing }) => spacing['3']};
+    height: ${({ spacing }) => spacing['3']};
+    border-radius: calc(${({ spacing }) => spacing['3']} / 2);
+    overflow: hidden;
+    box-shadow:
+      0 0 0 3px ${({ tokens }) => tokens.theme.foregroundPrimary},
+      0 0 0 3px ${({ tokens }) => tokens.theme.backgroundPrimary};
+    transition: box-shadow ${({ easings }) => easings['ease-out-power-1']}
+      ${({ durations }) => durations['md']};
+    will-change: box-shadow;
+  }
+
+  button:hover .network-icon {
+    box-shadow:
+      0 0 0 3px ${({ tokens }) => tokens.core.glass010},
+      0 0 0 3px ${({ tokens }) => tokens.theme.backgroundPrimary};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-onramp-provider-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-onramp-provider-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;eAEH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACvB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;wBAGpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;WAKjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;mCACL,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACvE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;;;;;;wBAMlB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;aAIzD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;iBAC1B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;cACjC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;QAEpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;aAO1E,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;cAC5B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;0BACjB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;kBAGrC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;kBAC9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;6BACnC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACjE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;;;;;;kBAMxB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;kBACpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;CAE/D,CAAA"}