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

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

@@ -0,0 +1,94 @@
+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 { ifDefined } from 'lit/directives/if-defined.js';
+import { AssetController, ModalController, OnRampController, OptionsController, OptionsStateController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-item';
+import '@reown/appkit-ui/wui-text';
+import '../../partials/w3m-legal-checkbox/index.js';
+import styles from './styles.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.checked = OptionsStateController.state.isLegalCheckboxChecked;
+        this.unsubscribe.push(...[
+            OnRampController.subscribe(val => {
+                this.selectedCurrency = val.paymentCurrency;
+                this.currencies = val.paymentCurrencies;
+            }),
+            AssetController.subscribeKey('currencyImages', val => (this.currencyImages = val)),
+            OptionsStateController.subscribeKey('isLegalCheckboxChecked', val => {
+                this.checked = val;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
+        const legalCheckbox = OptionsController.state.features?.legalCheckbox;
+        const legalUrl = termsConditionsUrl || privacyPolicyUrl;
+        const showLegalCheckbox = Boolean(legalUrl) && Boolean(legalCheckbox);
+        const disabled = showLegalCheckbox && !this.checked;
+        return html `
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${['0', '3', '3', '3']}
+        gap="2"
+        class=${ifDefined(disabled ? 'disabled' : undefined)}
+      >
+        ${this.currenciesTemplate(disabled)}
+      </wui-flex>
+    `;
+    }
+    currenciesTemplate(disabled = false) {
+        return this.currencies.map(currency => html `
+        <wui-list-item
+          imageSrc=${ifDefined(this.currencyImages?.[currency.id])}
+          @click=${() => this.selectCurrency(currency)}
+          variant="image"
+          tabIdx=${ifDefined(disabled ? -1 : undefined)}
+        >
+          <wui-text variant="md-medium" color="primary">${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);
+__decorate([
+    state()
+], W3mOnrampFiatSelectView.prototype, "checked", 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":"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"}

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

@@ -0,0 +1,24 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host > wui-grid {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  wui-flex {
+    transition: opacity ${({ easings }) => easings['ease-out-power-1']}
+      ${({ durations }) => durations['md']};
+    will-change: opacity;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-onramp-fiat-select-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;0BAOQ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;QAC9D,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;;;;;;;;;;;;;CAazC,CAAA"}

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

@@ -0,0 +1,71 @@
+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, EventsController, OnRampController, RouterController, getPreferredAccountType } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import '../../partials/w3m-onramp-provider-item/index.js';
+import '../../partials/w3m-onramp-providers-footer/index.js';
+let W3mOnRampProvidersView = class W3mOnRampProvidersView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.providers = OnRampController.state.providers;
+        this.unsubscribe.push(...[
+            OnRampController.subscribeKey('providers', val => {
+                this.providers = val;
+            })
+        ]);
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', '3', '3', '3']} gap="2">
+        ${this.onRampProvidersTemplate()}
+      </wui-flex>
+    `;
+    }
+    onRampProvidersTemplate() {
+        return this.providers
+            .filter(provider => provider.supportedChains.includes(ChainController.state.activeChain ?? 'eip155'))
+            .map(provider => html `
+          <w3m-onramp-provider-item
+            label=${provider.label}
+            name=${provider.name}
+            feeRange=${provider.feeRange}
+            @click=${() => {
+            this.onClickProvider(provider);
+        }}
+            ?disabled=${!provider.url}
+            data-testid=${`onramp-provider-${provider.name}`}
+          ></w3m-onramp-provider-item>
+        `);
+    }
+    onClickProvider(provider) {
+        OnRampController.setSelectedProvider(provider);
+        RouterController.push('BuyInProgress');
+        CoreHelperUtil.openHref(OnRampController.state.selectedProvider?.url || provider.url, 'popupWindow', 'width=600,height=800,scrollbars=yes');
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'SELECT_BUY_PROVIDER',
+            properties: {
+                provider: provider.name,
+                isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+    }
+};
+__decorate([
+    state()
+], W3mOnRampProvidersView.prototype, "providers", void 0);
+W3mOnRampProvidersView = __decorate([
+    customElement('w3m-onramp-providers-view')
+], W3mOnRampProvidersView);
+export { W3mOnRampProvidersView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-onramp-providers-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAEhB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,kDAAkD,CAAA;AACzD,OAAO,qDAAqD,CAAA;AAGrD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAKpD;QACE,KAAK,EAAE,CAAA;QALD,gBAAW,GAAmB,EAAE,CAAA;QAEvB,cAAS,GAAqB,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAA;QAI7E,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,gBAAgB,CAAC,YAAY,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE;gBAC/C,IAAI,CAAC,SAAS,GAAG,GAAG,CAAA;YACtB,CAAC,CAAC;SACH,CACF,CAAA;IACH,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA;kDACmC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;UAC5D,IAAI,CAAC,uBAAuB,EAAE;;KAEnC,CAAA;IACH,CAAC;IAGO,uBAAuB;QAC7B,OAAO,IAAI,CAAC,SAAS;aAClB,MAAM,CAAC,QAAQ,CAAC,EAAE,CACjB,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,CACjF;aACA,GAAG,CACF,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAA;;oBAEJ,QAAQ,CAAC,KAAK;mBACf,QAAQ,CAAC,IAAI;uBACT,QAAQ,CAAC,QAAQ;qBACnB,GAAG,EAAE;YACZ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;QAChC,CAAC;wBACW,CAAC,QAAQ,CAAC,GAAG;0BACX,mBAAmB,QAAQ,CAAC,IAAI,EAAE;;SAEnD,CACF,CAAA;IACL,CAAC;IAEO,eAAe,CAAC,QAAwB;QAC9C,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAC9C,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QACtC,cAAc,CAAC,QAAQ,CACrB,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,EAAE,GAAG,IAAI,QAAQ,CAAC,GAAG,EAC5D,aAAa,EACb,qCAAqC,CACtC,CAAA;QACD,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,qBAAqB;YAC5B,UAAU,EAAE;gBACV,QAAQ,EAAE,QAAQ,CAAC,IAAI;gBACvB,cAAc,EACZ,uBAAuB,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;oBAC1D,oBAAoB,CAAC,aAAa,CAAC,aAAa;aACnD;SACF,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AA/DkB;IAAhB,KAAK,EAAE;yDAAuE;AAHpE,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAkElC"}

package/dist/esm/src/views/w3m-onramp-tokens-select-view/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 { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { AssetController, ModalController, OnRampController, OptionsController, OptionsStateController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-item';
+import '@reown/appkit-ui/wui-text';
+import '../../partials/w3m-legal-footer/index.js';
+import styles from './styles.js';
+let W3mOnrampTokensView = class W3mOnrampTokensView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.selectedCurrency = OnRampController.state.purchaseCurrencies;
+        this.tokens = OnRampController.state.purchaseCurrencies;
+        this.tokenImages = AssetController.state.tokenImages;
+        this.checked = OptionsStateController.state.isLegalCheckboxChecked;
+        this.unsubscribe.push(...[
+            OnRampController.subscribe(val => {
+                this.selectedCurrency = val.purchaseCurrencies;
+                this.tokens = val.purchaseCurrencies;
+            }),
+            AssetController.subscribeKey('tokenImages', val => (this.tokenImages = val)),
+            OptionsStateController.subscribeKey('isLegalCheckboxChecked', val => {
+                this.checked = val;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
+        const legalCheckbox = OptionsController.state.features?.legalCheckbox;
+        const legalUrl = termsConditionsUrl || privacyPolicyUrl;
+        const showLegalCheckbox = Boolean(legalUrl) && Boolean(legalCheckbox);
+        const disabled = showLegalCheckbox && !this.checked;
+        return html `
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${['0', '3', '3', '3']}
+        gap="2"
+        class=${ifDefined(disabled ? 'disabled' : undefined)}
+      >
+        ${this.currenciesTemplate(disabled)}
+      </wui-flex>
+    `;
+    }
+    currenciesTemplate(disabled = false) {
+        return this.tokens.map(token => html `
+        <wui-list-item
+          imageSrc=${ifDefined(this.tokenImages?.[token.symbol])}
+          @click=${() => this.selectToken(token)}
+          variant="image"
+          tabIdx=${ifDefined(disabled ? -1 : undefined)}
+        >
+          <wui-flex gap="1" alignItems="center">
+            <wui-text variant="md-medium" color="primary">${token.name}</wui-text>
+            <wui-text variant="sm-regular" color="secondary">${token.symbol}</wui-text>
+          </wui-flex>
+        </wui-list-item>
+      `);
+    }
+    selectToken(currency) {
+        if (!currency) {
+            return;
+        }
+        OnRampController.setPurchaseCurrency(currency);
+        ModalController.close();
+    }
+};
+W3mOnrampTokensView.styles = styles;
+__decorate([
+    state()
+], W3mOnrampTokensView.prototype, "selectedCurrency", void 0);
+__decorate([
+    state()
+], W3mOnrampTokensView.prototype, "tokens", void 0);
+__decorate([
+    state()
+], W3mOnrampTokensView.prototype, "tokenImages", void 0);
+__decorate([
+    state()
+], W3mOnrampTokensView.prototype, "checked", void 0);
+W3mOnrampTokensView = __decorate([
+    customElement('w3m-onramp-token-select-view')
+], W3mOnrampTokensView);
+export { W3mOnrampTokensView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,24 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host > wui-grid {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  wui-flex {
+    transition: opacity ${({ easings }) => easings['ease-out-power-1']}
+      ${({ durations }) => durations['md']};
+    will-change: opacity;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-onramp-tokens-select-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;0BAOQ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;QAC9D,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;;;;;;;;;;;;;CAazC,CAAA"}