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

package/dist/esm/src/modal/w3m-network-button/index.js

@@ -0,0 +1,125 @@
+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, AssetUtil, ChainController, EventsController, ModalController, OptionsController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-network-button';
+import styles from './styles.js';
+class W3mNetworkButtonBase extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.disabled = false;
+        this.network = ChainController.state.activeCaipNetwork;
+        this.networkImage = AssetUtil.getNetworkImage(this.network);
+        this.caipAddress = ChainController.state.activeCaipAddress;
+        this.loading = ModalController.state.loading;
+        this.isSupported = OptionsController.state.allowUnsupportedChain
+            ? true
+            : ChainController.state.activeChain
+                ? ChainController.checkIfSupportedNetwork(ChainController.state.activeChain)
+                : true;
+        this.unsubscribe.push(...[
+            AssetController.subscribeNetworkImages(() => {
+                this.networkImage = AssetUtil.getNetworkImage(this.network);
+            }),
+            ChainController.subscribeKey('activeCaipAddress', val => {
+                this.caipAddress = val;
+            }),
+            ChainController.subscribeKey('activeCaipNetwork', val => {
+                this.network = val;
+                this.networkImage = AssetUtil.getNetworkImage(val);
+                this.isSupported = val?.chainNamespace
+                    ? ChainController.checkIfSupportedNetwork(val.chainNamespace)
+                    : true;
+                AssetUtil.fetchNetworkImage(val?.assets?.imageId);
+            }),
+            ModalController.subscribeKey('loading', val => (this.loading = val))
+        ]);
+    }
+    firstUpdated() {
+        AssetUtil.fetchNetworkImage(this.network?.assets?.imageId);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const isSupported = this.network
+            ? ChainController.checkIfSupportedNetwork(this.network.chainNamespace)
+            : true;
+        return html `
+      <wui-network-button
+        .disabled=${Boolean(this.disabled || this.loading)}
+        .isUnsupportedChain=${OptionsController.state.allowUnsupportedChain ? false : !isSupported}
+        imageSrc=${ifDefined(this.networkImage)}
+        @click=${this.onClick.bind(this)}
+        data-testid="w3m-network-button"
+      >
+        ${this.getLabel()}
+        <slot></slot>
+      </wui-network-button>
+    `;
+    }
+    getLabel() {
+        if (this.network) {
+            if (!this.isSupported && !OptionsController.state.allowUnsupportedChain) {
+                return 'Switch Network';
+            }
+            return this.network.name;
+        }
+        if (this.label) {
+            return this.label;
+        }
+        if (this.caipAddress) {
+            return 'Unknown Network';
+        }
+        return 'Select Network';
+    }
+    onClick() {
+        if (!this.loading) {
+            EventsController.sendEvent({ type: 'track', event: 'CLICK_NETWORKS' });
+            ModalController.open({ view: 'Networks' });
+        }
+    }
+}
+W3mNetworkButtonBase.styles = styles;
+__decorate([
+    property({ type: Boolean })
+], W3mNetworkButtonBase.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], W3mNetworkButtonBase.prototype, "label", void 0);
+__decorate([
+    state()
+], W3mNetworkButtonBase.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mNetworkButtonBase.prototype, "networkImage", void 0);
+__decorate([
+    state()
+], W3mNetworkButtonBase.prototype, "caipAddress", void 0);
+__decorate([
+    state()
+], W3mNetworkButtonBase.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mNetworkButtonBase.prototype, "isSupported", void 0);
+let W3mNetworkButton = class W3mNetworkButton extends W3mNetworkButtonBase {
+};
+W3mNetworkButton = __decorate([
+    customElement('w3m-network-button')
+], W3mNetworkButton);
+export { W3mNetworkButton };
+let AppKitNetworkButton = class AppKitNetworkButton extends W3mNetworkButtonBase {
+};
+AppKitNetworkButton = __decorate([
+    customElement('appkit-network-button')
+], AppKitNetworkButton);
+export { AppKitNetworkButton };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/modal/w3m-network-button/index.js.map

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

package/dist/esm/src/modal/w3m-network-button/styles.js

@@ -0,0 +1,8 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: max-content;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/modal/w3m-network-button/styles.js.map

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

package/dist/esm/src/modal/w3m-onramp-widget/index.js

@@ -0,0 +1,143 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ChainController, ModalController, OnRampController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '../../partials/w3m-onramp-input/index.js';
+import styles from './styles.js';
+const PAYMENT_CURRENCY_SYMBOLS = {
+    USD: '$',
+    EUR: '€',
+    GBP: '£'
+};
+const BUY_PRESET_AMOUNTS = [100, 250, 500, 1000];
+let W3mOnrampWidget = class W3mOnrampWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.disabled = false;
+        this.caipAddress = ChainController.state.activeCaipAddress;
+        this.loading = ModalController.state.loading;
+        this.paymentCurrency = OnRampController.state.paymentCurrency;
+        this.paymentAmount = OnRampController.state.paymentAmount;
+        this.purchaseAmount = OnRampController.state.purchaseAmount;
+        this.quoteLoading = OnRampController.state.quotesLoading;
+        this.unsubscribe.push(...[
+            ChainController.subscribeKey('activeCaipAddress', val => (this.caipAddress = val)),
+            ModalController.subscribeKey('loading', val => {
+                this.loading = val;
+            }),
+            OnRampController.subscribe(val => {
+                this.paymentCurrency = val.paymentCurrency;
+                this.paymentAmount = val.paymentAmount;
+                this.purchaseAmount = val.purchaseAmount;
+                this.quoteLoading = val.quotesLoading;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" justifyContent="center" alignItems="center">
+        <wui-flex flexDirection="column" alignItems="center" gap="2">
+          <w3m-onramp-input
+            type="Fiat"
+            @inputChange=${this.onPaymentAmountChange.bind(this)}
+            .value=${this.paymentAmount || 0}
+          ></w3m-onramp-input>
+          <w3m-onramp-input
+            type="Token"
+            .value=${this.purchaseAmount || 0}
+            .loading=${this.quoteLoading}
+          ></w3m-onramp-input>
+          <wui-flex justifyContent="space-evenly" class="amounts-container" gap="2">
+            ${BUY_PRESET_AMOUNTS.map(amount => html `<wui-button
+                  variant=${this.paymentAmount === amount
+            ? 'accent-secondary'
+            : 'neutral-secondary'}
+                  size="md"
+                  textVariant="md-medium"
+                  fullWidth
+                  @click=${() => this.selectPresetAmount(amount)}
+                  >${`${PAYMENT_CURRENCY_SYMBOLS[this.paymentCurrency?.id || 'USD']} ${amount}`}</wui-button
+                >`)}
+          </wui-flex>
+          ${this.templateButton()}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    templateButton() {
+        return this.caipAddress
+            ? html `<wui-button
+          @click=${this.getQuotes.bind(this)}
+          variant="accent-primary"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Get quotes
+        </wui-button>`
+            : html `<wui-button
+          @click=${this.openModal.bind(this)}
+          variant="accent"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Connect wallet
+        </wui-button>`;
+    }
+    getQuotes() {
+        if (!this.loading) {
+            ModalController.open({ view: 'OnRampProviders' });
+        }
+    }
+    openModal() {
+        ModalController.open({ view: 'Connect' });
+    }
+    async onPaymentAmountChange(event) {
+        OnRampController.setPaymentAmount(Number(event.detail));
+        await OnRampController.getQuote();
+    }
+    async selectPresetAmount(amount) {
+        OnRampController.setPaymentAmount(amount);
+        await OnRampController.getQuote();
+    }
+};
+W3mOnrampWidget.styles = styles;
+__decorate([
+    property({ type: Boolean })
+], W3mOnrampWidget.prototype, "disabled", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "caipAddress", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "paymentCurrency", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "paymentAmount", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "purchaseAmount", void 0);
+__decorate([
+    state()
+], W3mOnrampWidget.prototype, "quoteLoading", void 0);
+W3mOnrampWidget = __decorate([
+    customElement('w3m-onramp-widget')
+], W3mOnrampWidget);
+export { W3mOnrampWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/modal/w3m-onramp-widget/index.js.map

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

package/dist/esm/src/modal/w3m-onramp-widget/styles.js

@@ -0,0 +1,17 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host > wui-flex {
+    width: 100%;
+    max-width: 360px;
+  }
+
+  :host > wui-flex > wui-flex {
+    border-radius: ${({ borderRadius }) => borderRadius['8']};
+    width: 100%;
+  }
+
+  .amounts-container {
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/modal/w3m-onramp-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/modal/w3m-onramp-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;qBAOG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;;CAO3D,CAAA"}

package/dist/esm/src/modal/w3m-router/index.js

@@ -0,0 +1,181 @@
+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 { RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '../w3m-footer/index.js';
+import styles from './styles.js';
+let W3mRouter = class W3mRouter extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.viewState = RouterController.state.view;
+        this.history = RouterController.state.history.join(',');
+        this.unsubscribe.push(RouterController.subscribeKey('view', () => {
+            this.history = RouterController.state.history.join(',');
+            document.documentElement.style.setProperty('--apkt-duration-dynamic', 'var(--apkt-durations-lg)');
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        document.documentElement.style.setProperty('--apkt-duration-dynamic', '0s');
+    }
+    render() {
+        return html `${this.templatePageContainer()}`;
+    }
+    templatePageContainer() {
+        return html `<w3m-router-container
+      history=${this.history}
+      .setView=${() => {
+            this.viewState = RouterController.state.view;
+        }}
+    >
+      ${this.viewTemplate(this.viewState)}
+    </w3m-router-container>`;
+    }
+    viewTemplate(view) {
+        switch (view) {
+            case 'AccountSettings':
+                return html `<w3m-account-settings-view></w3m-account-settings-view>`;
+            case 'Account':
+                return html `<w3m-account-view></w3m-account-view>`;
+            case 'AllWallets':
+                return html `<w3m-all-wallets-view></w3m-all-wallets-view>`;
+            case 'ApproveTransaction':
+                return html `<w3m-approve-transaction-view></w3m-approve-transaction-view>`;
+            case 'BuyInProgress':
+                return html `<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;
+            case 'ChooseAccountName':
+                return html `<w3m-choose-account-name-view></w3m-choose-account-name-view>`;
+            case 'Connect':
+                return html `<w3m-connect-view></w3m-connect-view>`;
+            case 'Create':
+                return html `<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;
+            case 'ConnectingWalletConnect':
+                return html `<w3m-connecting-wc-view></w3m-connecting-wc-view>`;
+            case 'ConnectingWalletConnectBasic':
+                return html `<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;
+            case 'ConnectingExternal':
+                return html `<w3m-connecting-external-view></w3m-connecting-external-view>`;
+            case 'ConnectingSiwe':
+                return html `<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;
+            case 'ConnectWallets':
+                return html `<w3m-connect-wallets-view></w3m-connect-wallets-view>`;
+            case 'ConnectSocials':
+                return html `<w3m-connect-socials-view></w3m-connect-socials-view>`;
+            case 'ConnectingSocial':
+                return html `<w3m-connecting-social-view></w3m-connecting-social-view>`;
+            case 'DataCapture':
+                return html `<w3m-data-capture-view></w3m-data-capture-view>`;
+            case 'DataCaptureOtpConfirm':
+                return html `<w3m-data-capture-otp-confirm-view></w3m-data-capture-otp-confirm-view>`;
+            case 'Downloads':
+                return html `<w3m-downloads-view></w3m-downloads-view>`;
+            case 'EmailLogin':
+                return html `<w3m-email-login-view></w3m-email-login-view>`;
+            case 'EmailVerifyOtp':
+                return html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;
+            case 'EmailVerifyDevice':
+                return html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`;
+            case 'GetWallet':
+                return html `<w3m-get-wallet-view></w3m-get-wallet-view>`;
+            case 'Networks':
+                return html `<w3m-networks-view></w3m-networks-view>`;
+            case 'SwitchNetwork':
+                return html `<w3m-network-switch-view></w3m-network-switch-view>`;
+            case 'ProfileWallets':
+                return html `<w3m-profile-wallets-view></w3m-profile-wallets-view>`;
+            case 'Transactions':
+                return html `<w3m-transactions-view></w3m-transactions-view>`;
+            case 'OnRampProviders':
+                return html `<w3m-onramp-providers-view></w3m-onramp-providers-view>`;
+            case 'OnRampTokenSelect':
+                return html `<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;
+            case 'OnRampFiatSelect':
+                return html `<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;
+            case 'UpgradeEmailWallet':
+                return html `<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;
+            case 'UpdateEmailWallet':
+                return html `<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;
+            case 'UpdateEmailPrimaryOtp':
+                return html `<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;
+            case 'UpdateEmailSecondaryOtp':
+                return html `<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;
+            case 'UnsupportedChain':
+                return html `<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;
+            case 'Swap':
+                return html `<w3m-swap-view></w3m-swap-view>`;
+            case 'SwapSelectToken':
+                return html `<w3m-swap-select-token-view></w3m-swap-select-token-view>`;
+            case 'SwapPreview':
+                return html `<w3m-swap-preview-view></w3m-swap-preview-view>`;
+            case 'WalletSend':
+                return html `<w3m-wallet-send-view></w3m-wallet-send-view>`;
+            case 'WalletSendSelectToken':
+                return html `<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;
+            case 'WalletSendPreview':
+                return html `<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;
+            case 'WalletSendConfirmed':
+                return html `<w3m-send-confirmed-view></w3m-send-confirmed-view>`;
+            case 'WhatIsABuy':
+                return html `<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;
+            case 'WalletReceive':
+                return html `<w3m-wallet-receive-view></w3m-wallet-receive-view>`;
+            case 'WalletCompatibleNetworks':
+                return html `<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;
+            case 'WhatIsAWallet':
+                return html `<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;
+            case 'ConnectingMultiChain':
+                return html `<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;
+            case 'WhatIsANetwork':
+                return html `<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;
+            case 'ConnectingFarcaster':
+                return html `<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;
+            case 'SwitchActiveChain':
+                return html `<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;
+            case 'RegisterAccountName':
+                return html `<w3m-register-account-name-view></w3m-register-account-name-view>`;
+            case 'RegisterAccountNameSuccess':
+                return html `<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;
+            case 'SmartSessionCreated':
+                return html `<w3m-smart-session-created-view></w3m-smart-session-created-view>`;
+            case 'SmartSessionList':
+                return html `<w3m-smart-session-list-view></w3m-smart-session-list-view>`;
+            case 'SIWXSignMessage':
+                return html `<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;
+            case 'Pay':
+                return html `<w3m-pay-view></w3m-pay-view>`;
+            case 'PayLoading':
+                return html `<w3m-pay-loading-view></w3m-pay-loading-view>`;
+            case 'FundWallet':
+                return html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`;
+            case 'PayWithExchange':
+                return html `<w3m-deposit-from-exchange-view></w3m-deposit-from-exchange-view>`;
+            case 'PayWithExchangeSelectAsset':
+                return html `<w3m-deposit-from-exchange-select-asset-view></w3m-deposit-from-exchange-select-asset-view>`;
+            case 'UsageExceeded':
+                return html `<w3m-usage-exceeded-view></w3m-usage-exceeded-view>`;
+            case 'SmartAccountSettings':
+                return html `<w3m-smart-account-settings-view></w3m-smart-account-settings-view>`;
+            default:
+                return html `<w3m-connect-view></w3m-connect-view>`;
+        }
+    }
+};
+W3mRouter.styles = [styles];
+__decorate([
+    state()
+], W3mRouter.prototype, "viewState", void 0);
+__decorate([
+    state()
+], W3mRouter.prototype, "history", void 0);
+W3mRouter = __decorate([
+    customElement('w3m-router')
+], W3mRouter);
+export { W3mRouter };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/modal/w3m-router/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modal/w3m-router/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAA8B,MAAM,2BAA2B,CAAA;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAWvC;QACE,KAAK,EAAE,CAAA;QARD,gBAAW,GAAmB,EAAE,CAAA;QAGvB,cAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAA;QAEvC,YAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAIjE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACvD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACxC,yBAAyB,EACzB,0BAA0B,CAC3B,CAAA;QACH,CAAC,CAAC,CACH,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QACtD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,yBAAyB,EAAE,IAAI,CAAC,CAAA;IAC7E,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAA;IAC9C,CAAC;IAGO,qBAAqB;QAC3B,OAAO,IAAI,CAAA;gBACC,IAAI,CAAC,OAAO;iBACX,GAAG,EAAE;YACd,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAA;QAC9C,CAAC;;QAEC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;4BACb,CAAA;IAC1B,CAAC;IAEO,YAAY,CAAC,IAAmC;QAEtD,QAAQ,IAAI,EAAE,CAAC;YAEb,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA,yDAAyD,CAAA;YACtE,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAA,uCAAuC,CAAA;YACpD,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA,+CAA+C,CAAA;YAC5D,KAAK,oBAAoB;gBACvB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA,uDAAuD,CAAA;YACpE,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAA,uCAAuC,CAAA;YACpD,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAA,6DAA6D,CAAA;YAC1E,KAAK,yBAAyB;gBAC5B,OAAO,IAAI,CAAA,mDAAmD,CAAA;YAChE,KAAK,8BAA8B;gBACjC,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,oBAAoB;gBACvB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA,uDAAuD,CAAA;YACpE,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA,uDAAuD,CAAA;YACpE,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA,uDAAuD,CAAA;YACpE,KAAK,kBAAkB;gBACrB,OAAO,IAAI,CAAA,2DAA2D,CAAA;YACxE,KAAK,aAAa;gBAChB,OAAO,IAAI,CAAA,iDAAiD,CAAA;YAC9D,KAAK,uBAAuB;gBAC1B,OAAO,IAAI,CAAA,yEAAyE,CAAA;YACtF,KAAK,WAAW;gBACd,OAAO,IAAI,CAAA,2CAA2C,CAAA;YACxD,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA,+CAA+C,CAAA;YAC5D,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA,yDAAyD,CAAA;YACtE,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,WAAW;gBACd,OAAO,IAAI,CAAA,6CAA6C,CAAA;YAC1D,KAAK,UAAU;gBACb,OAAO,IAAI,CAAA,yCAAyC,CAAA;YACtD,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA,qDAAqD,CAAA;YAClE,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA,uDAAuD,CAAA;YACpE,KAAK,cAAc;gBACjB,OAAO,IAAI,CAAA,iDAAiD,CAAA;YAC9D,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA,yDAAyD,CAAA;YACtE,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,kBAAkB;gBACrB,OAAO,IAAI,CAAA,6DAA6D,CAAA;YAC1E,KAAK,oBAAoB;gBACvB,OAAO,IAAI,CAAA,qDAAqD,CAAA;YAClE,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,uBAAuB;gBAC1B,OAAO,IAAI,CAAA,yEAAyE,CAAA;YACtF,KAAK,yBAAyB;gBAC5B,OAAO,IAAI,CAAA,6EAA6E,CAAA;YAC1F,KAAK,kBAAkB;gBACrB,OAAO,IAAI,CAAA,2DAA2D,CAAA;YACxE,KAAK,MAAM;gBACT,OAAO,IAAI,CAAA,iCAAiC,CAAA;YAC9C,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA,2DAA2D,CAAA;YACxE,KAAK,aAAa;gBAChB,OAAO,IAAI,CAAA,iDAAiD,CAAA;YAC9D,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA,+CAA+C,CAAA;YAC5D,KAAK,uBAAuB;gBAC1B,OAAO,IAAI,CAAA,yEAAyE,CAAA;YACtF,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,qBAAqB;gBACxB,OAAO,IAAI,CAAA,qDAAqD,CAAA;YAClE,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA,mDAAmD,CAAA;YAChE,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA,qDAAqD,CAAA;YAClE,KAAK,0BAA0B;gBAC7B,OAAO,IAAI,CAAA,6EAA6E,CAAA;YAC1F,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA,yDAAyD,CAAA;YACtE,KAAK,sBAAsB;gBACzB,OAAO,IAAI,CAAA,qEAAqE,CAAA;YAClF,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAA,2DAA2D,CAAA;YACxE,KAAK,qBAAqB;gBACxB,OAAO,IAAI,CAAA,iEAAiE,CAAA;YAC9E,KAAK,mBAAmB;gBACtB,OAAO,IAAI,CAAA,+DAA+D,CAAA;YAC5E,KAAK,qBAAqB;gBACxB,OAAO,IAAI,CAAA,mEAAmE,CAAA;YAChF,KAAK,4BAA4B;gBAC/B,OAAO,IAAI,CAAA,mFAAmF,CAAA;YAChG,KAAK,qBAAqB;gBACxB,OAAO,IAAI,CAAA,mEAAmE,CAAA;YAChF,KAAK,kBAAkB;gBACrB,OAAO,IAAI,CAAA,6DAA6D,CAAA;YAC1E,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA,2DAA2D,CAAA;YACxE,KAAK,KAAK;gBACR,OAAO,IAAI,CAAA,+BAA+B,CAAA;YAC5C,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA,+CAA+C,CAAA;YAC5D,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA,+CAA+C,CAAA;YAC5D,KAAK,iBAAiB;gBACpB,OAAO,IAAI,CAAA,mEAAmE,CAAA;YAChF,KAAK,4BAA4B;gBAC/B,OAAO,IAAI,CAAA,6FAA6F,CAAA;YAC1G,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA,qDAAqD,CAAA;YAClE,KAAK,sBAAsB;gBACzB,OAAO,IAAI,CAAA,qEAAqE,CAAA;YAClF;gBACE,OAAO,IAAI,CAAA,uCAAuC,CAAA;QACtD,CAAC;IACH,CAAC;;AA9KsB,gBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAW;AAMvB;IAAhB,KAAK,EAAE;4CAAgD;AAEvC;IAAhB,KAAK,EAAE;0CAA2D;AATxD,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAgLrB"}

package/dist/esm/src/modal/w3m-router/styles.js

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

package/dist/esm/src/modal/w3m-router/styles.js.map

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

package/dist/esm/src/partials/w3m-account-activity-widget/index.js

@@ -0,0 +1,21 @@
+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 { customElement } from '@reown/appkit-ui';
+import '../w3m-activity-list/index.js';
+import styles from './styles.js';
+let W3mAccountActivityWidget = class W3mAccountActivityWidget extends LitElement {
+    render() {
+        return html `<w3m-activity-list page="account"></w3m-activity-list>`;
+    }
+};
+W3mAccountActivityWidget.styles = styles;
+W3mAccountActivityWidget = __decorate([
+    customElement('w3m-account-activity-widget')
+], W3mAccountActivityWidget);
+export { W3mAccountActivityWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-account-activity-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-account-activity-widget/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,+BAA+B,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAItC,MAAM;QACpB,OAAO,IAAI,CAAA,wDAAwD,CAAA;IACrE,CAAC;;AALsB,+BAAM,GAAG,MAAM,AAAT,CAAS;AAD3B,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAOpC"}

package/dist/esm/src/partials/w3m-account-activity-widget/styles.js

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    width: 100%;
+    max-height: 280px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  :host::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-account-activity-widget/styles.js.map

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

package/dist/esm/src/partials/w3m-account-auth-button/index.js

@@ -0,0 +1,76 @@
+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 { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common';
+import { ChainController, ConnectorController, RouterController, StorageUtil } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-list-item';
+import '@reown/appkit-ui/wui-text';
+let W3mAccountAuthButton = class W3mAccountAuthButton extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.socialProvider = StorageUtil.getConnectedSocialProvider();
+        this.socialUsername = StorageUtil.getConnectedSocialUsername();
+        this.namespace = ChainController.state.activeChain;
+        this.unsubscribe.push(ChainController.subscribeKey('activeChain', namespace => {
+            this.namespace = namespace;
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsub => unsub());
+    }
+    render() {
+        const connectorId = ConnectorController.getConnectorId(this.namespace);
+        const authConnector = ConnectorController.getAuthConnector();
+        if (!authConnector || connectorId !== CommonConstantsUtil.CONNECTOR_ID.AUTH) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        const email = authConnector.provider.getEmail() ?? '';
+        if (!email && !this.socialUsername) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        return html `
+      <wui-list-item
+        ?rounded=${true}
+        icon=${this.socialProvider ?? 'mail'}
+        data-testid="w3m-account-email-update"
+        ?chevron=${!this.socialProvider}
+        @click=${() => {
+            this.onGoToUpdateEmail(email, this.socialProvider);
+        }}
+      >
+        <wui-text variant="lg-regular" color="primary">${this.getAuthName(email)}</wui-text>
+      </wui-list-item>
+    `;
+    }
+    onGoToUpdateEmail(email, socialProvider) {
+        if (!socialProvider) {
+            RouterController.push('UpdateEmailWallet', { email, redirectView: 'Account' });
+        }
+    }
+    getAuthName(email) {
+        if (this.socialUsername) {
+            if (this.socialProvider === 'discord' && this.socialUsername.endsWith('0')) {
+                return this.socialUsername.slice(0, -1);
+            }
+            return this.socialUsername;
+        }
+        return email.length > 30 ? `${email.slice(0, -3)}...` : email;
+    }
+};
+__decorate([
+    state()
+], W3mAccountAuthButton.prototype, "namespace", void 0);
+W3mAccountAuthButton = __decorate([
+    customElement('w3m-account-auth-button')
+], W3mAccountAuthButton);
+export { W3mAccountAuthButton };
+//# sourceMappingURL=index.js.map