@safe-stars/components
Version:
React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.
1 lines • 600 kB
Source Map (JSON)
{"version":3,"file":"index-BKDI0Qq-.cjs","sources":["../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-account-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-account-button/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-account-button/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-button/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-button/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-connect-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-connect-button/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-connect-button/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-network-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-network-button/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-network-button/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-network-button/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-notice-card/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-notice-card/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-auth-button/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-account-settings-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-profile-button-v2/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-profile-button-v2/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-tabs/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-tabs/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-default-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-default-widget/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-balance/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-balance/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-profile-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-profile-button/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-tooltip/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-tooltip/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/utils/HelpersUtil.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-activity-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-activity-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-nfts-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-nfts-widget/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-description/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-description/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-tokens-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-tokens-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-wallet-features-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-account-wallet-features-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-account-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-account/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-account/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-profile-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-profile-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-banner-img/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-banner-img/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-switch-address-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-switch-address-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-switch/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-switch/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-certified-switch/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-certified-switch/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-input-element/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-input-element/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-search-bar/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-search-bar/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-card-select-loader/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-card-select-loader/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/layout/wui-grid/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/layout/wui-grid/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-all-wallets-list-item/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-all-wallets-list-item/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-all-wallets-list/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-all-wallets-list/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-all-wallets-search/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-all-wallets-search/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-all-wallets-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-button/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-email-login-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-email-login-widget/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-logo-select/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-logo-select/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-social-login-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-social-login-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-wallet-guide/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-wallet-guide/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-all-wallets-image/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-all-wallets-image/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-wallet/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-wallet/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-all-wallets-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-announced-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-custom-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-external-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-featured-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-injected-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-multi-chain-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-recent-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-recommended-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connect-walletconnect-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connector-list/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connector-list/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-wallet-login-list/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connect-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connect-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-cta-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-cta-button/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-mobile-download-links/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-mobile-download-links/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/utils/w3m-connecting-widget/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/utils/w3m-connecting-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connecting-external-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connecting-multi-chain-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connecting-multi-chain-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-header/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-wc-browser/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-wc-desktop/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-wc-mobile/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-wc-qrcode/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-wc-qrcode/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-wc-unsupported/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-connecting-wc-web/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connecting-wc-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connecting-wc-basic-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-choose-account-name-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-choose-account-name-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-downloads-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-get-wallet-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-help-widget/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-what-is-a-wallet-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connect-wallets-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-connect-wallets-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-loading-hexagon/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-loading-hexagon/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-network-switch-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-network-switch-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-network/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-network/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-networks-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-networks-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-switch-active-chain-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-switch-active-chain-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-what-is-a-network-view/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-unsupported-chain-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-unsupported-chain-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-banner/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-banner/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-wallet-compatible-networks-view/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-wallet-compatible-networks-view/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-visual-thumbnail/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-visual-thumbnail/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-siwx-sign-message-thumbnails/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-siwx-sign-message-thumbnails/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-siwx-sign-message-view/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n :host {\n display: block;\n }\n\n button {\n border-radius: var(--wui-border-radius-3xl);\n background: var(--wui-color-gray-glass-002);\n display: flex;\n gap: var(--wui-spacing-xs);\n padding: var(--wui-spacing-3xs) var(--wui-spacing-xs) var(--wui-spacing-3xs)\n var(--wui-spacing-xs);\n border: 1px solid var(--wui-color-gray-glass-005);\n }\n\n button:disabled {\n background: var(--wui-color-gray-glass-015);\n }\n\n button:disabled > wui-text {\n color: var(--wui-color-gray-glass-015);\n }\n\n button:disabled > wui-flex > wui-text {\n color: var(--wui-color-gray-glass-015);\n }\n\n button:disabled > wui-image,\n button:disabled > wui-flex > wui-avatar {\n filter: grayscale(1);\n }\n\n button:has(wui-image) {\n padding: var(--wui-spacing-3xs) var(--wui-spacing-3xs) var(--wui-spacing-3xs)\n var(--wui-spacing-xs);\n }\n\n wui-text {\n color: var(--wui-color-fg-100);\n }\n\n wui-flex > wui-text {\n color: var(--wui-color-fg-200);\n }\n\n wui-image,\n wui-icon-box {\n border-radius: var(--wui-border-radius-3xl);\n width: 24px;\n height: 24px;\n box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);\n }\n\n wui-flex {\n border-radius: var(--wui-border-radius-3xl);\n border: 1px solid var(--wui-color-gray-glass-005);\n background: var(--wui-color-gray-glass-005);\n padding: 4px var(--wui-spacing-m) 4px var(--wui-spacing-xxs);\n }\n\n button.local-no-balance {\n border-radius: 0px;\n border: none;\n background: transparent;\n }\n\n wui-avatar {\n width: 20px;\n height: 20px;\n box-shadow: 0 0 0 2px var(--wui-color-accent-glass-010);\n }\n\n @media (max-width: 500px) {\n button {\n gap: 0px;\n padding: var(--wui-spacing-3xs) var(--wui-spacing-xs) !important;\n height: 32px;\n }\n wui-image,\n wui-icon-box,\n button > wui-text {\n visibility: hidden;\n width: 0px;\n height: 0px;\n }\n button {\n border-radius: 0px;\n border: none;\n background: transparent;\n padding: 0px;\n }\n }\n\n @media (hover: hover) and (pointer: fine) {\n button:hover:enabled > wui-flex > wui-text {\n color: var(--wui-color-fg-175);\n }\n\n button:active:enabled > wui-flex > wui-text {\n color: var(--wui-color-fg-175);\n }\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport '../../components/wui-image/index.js';\nimport '../../components/wui-loading-spinner/index.js';\nimport '../../components/wui-text/index.js';\nimport '../../layout/wui-flex/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { UiHelperUtil } from '../../utils/UiHelperUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-avatar/index.js';\nimport '../wui-icon-box/index.js';\nimport styles from './styles.js';\nlet WuiAccountButton = class WuiAccountButton extends LitElement {\n constructor() {\n super(...arguments);\n this.networkSrc = undefined;\n this.avatarSrc = undefined;\n this.balance = undefined;\n this.isUnsupportedChain = undefined;\n this.disabled = false;\n this.loading = false;\n this.address = '';\n this.profileName = '';\n this.charsStart = 4;\n this.charsEnd = 6;\n }\n render() {\n return html `\n <button\n ?disabled=${this.disabled}\n class=${ifDefined(this.balance ? undefined : 'local-no-balance')}\n >\n ${this.balanceTemplate()}\n <wui-flex gap=\"xxs\" alignItems=\"center\">\n <wui-avatar\n .imageSrc=${this.avatarSrc}\n alt=${this.address}\n address=${this.address}\n ></wui-avatar>\n <wui-text variant=\"paragraph-600\" color=\"inherit\">\n ${this.address\n ? UiHelperUtil.getTruncateString({\n string: this.profileName || this.address,\n charsStart: this.profileName ? 18 : this.charsStart,\n charsEnd: this.profileName ? 0 : this.charsEnd,\n truncate: this.profileName ? 'end' : 'middle'\n })\n : null}\n </wui-text>\n </wui-flex>\n </button>\n `;\n }\n balanceTemplate() {\n if (this.isUnsupportedChain) {\n return html ` <wui-icon-box\n size=\"sm\"\n iconColor=\"error-100\"\n backgroundColor=\"error-100\"\n icon=\"warningCircle\"\n ></wui-icon-box>\n <wui-text variant=\"paragraph-600\" color=\"inherit\"> Switch Network</wui-text>`;\n }\n if (this.balance) {\n const networkElement = this.networkSrc\n ? html `<wui-image src=${this.networkSrc}></wui-image>`\n : html `\n <wui-icon-box\n size=\"sm\"\n iconColor=\"fg-200\"\n backgroundColor=\"fg-300\"\n icon=\"networkPlaceholder\"\n ></wui-icon-box>\n `;\n const balanceTemplate = this.loading\n ? html `<wui-loading-spinner size=\"md\" color=\"fg-200\"></wui-loading-spinner>`\n : html `<wui-text variant=\"paragraph-600\" color=\"inherit\"> ${this.balance}</wui-text>`;\n return html `${networkElement} ${balanceTemplate}`;\n }\n return null;\n }\n};\nWuiAccountButton.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiAccountButton.prototype, \"networkSrc\", void 0);\n__decorate([\n property()\n], WuiAccountButton.prototype, \"avatarSrc\", void 0);\n__decorate([\n property()\n], WuiAccountButton.prototype, \"balance\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiAccountButton.prototype, \"isUnsupportedChain\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiAccountButton.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiAccountButton.prototype, \"loading\", void 0);\n__decorate([\n property()\n], WuiAccountButton.prototype, \"address\", void 0);\n__decorate([\n property()\n], WuiAccountButton.prototype, \"profileName\", void 0);\n__decorate([\n property()\n], WuiAccountButton.prototype, \"charsStart\", void 0);\n__decorate([\n property()\n], WuiAccountButton.prototype, \"charsEnd\", void 0);\nWuiAccountButton = __decorate([\n customElement('wui-account-button')\n], WuiAccountButton);\nexport { WuiAccountButton };\n//# sourceMappingURL=index.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { AccountController, AssetController, AssetUtil, ChainController, CoreHelperUtil, ModalController, OptionsController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-account-button';\nclass W3mAccountButtonBase extends LitElement {\n constructor() {\n super(...arguments);\n this.unsubscribe = [];\n this.disabled = false;\n this.balance = 'show';\n this.charsStart = 4;\n this.charsEnd = 6;\n this.namespace = undefined;\n this.caipAddress = ChainController.getAccountData(this.namespace)?.caipAddress;\n this.balanceVal = ChainController.getAccountData(this.namespace)?.balance;\n this.balanceSymbol = ChainController.getAccountData(this.namespace)?.balanceSymbol;\n this.profileName = ChainController.getAccountData(this.namespace)?.profileName;\n this.profileImage = ChainController.getAccountData(this.namespace)?.profileImage;\n this.network = ChainController.getNetworkData(this.namespace)?.caipNetwork;\n this.networkImage = AssetUtil.getNetworkImage(this.network);\n this.isSupported = OptionsController.state.allowUnsupportedChain\n ? true\n : ChainController.state.activeChain\n ? ChainController.checkIfSupportedNetwork(ChainController.state.activeChain)\n : true;\n }\n firstUpdated() {\n const namespace = this.namespace;\n if (namespace) {\n this.unsubscribe.push(ChainController.subscribeChainProp('accountState', val => {\n this.caipAddress = val?.caipAddress;\n this.balanceVal = val?.balance;\n this.balanceSymbol = val?.balanceSymbol;\n this.profileName = val?.profileName;\n this.profileImage = val?.profileImage;\n }, namespace), ChainController.subscribeChainProp('networkState', val => {\n this.network = val?.caipNetwork;\n this.isSupported = ChainController.checkIfSupportedNetwork(namespace, val?.caipNetwork);\n this.networkImage = AssetUtil.getNetworkImage(val?.caipNetwork);\n }, namespace));\n }\n else {\n this.unsubscribe.push(AssetController.subscribeNetworkImages(() => {\n this.networkImage = AssetUtil.getNetworkImage(this.network);\n }), ChainController.subscribeKey('activeCaipAddress', val => {\n this.caipAddress = val;\n }), AccountController.subscribeKey('balance', val => (this.balanceVal = val)), AccountController.subscribeKey('balanceSymbol', val => (this.balanceSymbol = val)), AccountController.subscribeKey('profileName', val => (this.profileName = val)), AccountController.subscribeKey('profileImage', val => (this.profileImage = val)), ChainController.subscribeKey('activeCaipNetwork', val => {\n this.network = val;\n this.networkImage = AssetUtil.getNetworkImage(val);\n this.isSupported = val?.chainNamespace\n ? ChainController.checkIfSupportedNetwork(val?.chainNamespace)\n : true;\n this.fetchNetworkImage(val);\n }));\n }\n }\n updated() {\n this.fetchNetworkImage(this.network);\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n if (!ChainController.state.activeChain) {\n return null;\n }\n const shouldShowBalance = this.balance === 'show';\n const shouldShowLoading = typeof this.balanceVal !== 'string';\n return html `\n <wui-account-button\n .disabled=${Boolean(this.disabled)}\n .isUnsupportedChain=${OptionsController.state.allowUnsupportedChain\n ? false\n : !this.isSupported}\n address=${ifDefined(CoreHelperUtil.getPlainAddress(this.caipAddress))}\n profileName=${ifDefined(this.profileName)}\n networkSrc=${ifDefined(this.networkImage)}\n avatarSrc=${ifDefined(this.profileImage)}\n balance=${shouldShowBalance\n ? CoreHelperUtil.formatBalance(this.balanceVal, this.balanceSymbol)\n : ''}\n @click=${this.onClick.bind(this)}\n data-testid=${`account-button${this.namespace ? `-${this.namespace}` : ''}`}\n .charsStart=${this.charsStart}\n .charsEnd=${this.charsEnd}\n ?loading=${shouldShowLoading}\n >\n </wui-account-button>\n `;\n }\n async onClick() {\n await ChainController.switchActiveNamespace(this.namespace);\n if (this.isSupported || OptionsController.state.allowUnsupportedChain) {\n ModalController.open();\n }\n else {\n ModalController.open({ view: 'UnsupportedChain' });\n }\n }\n async fetchNetworkImage(network) {\n if (network?.assets?.imageId) {\n this.networkImage = await AssetUtil.fetchNetworkImage(network?.assets?.imageId);\n }\n }\n}\n__decorate([\n property({ type: Boolean })\n], W3mAccountButtonBase.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], W3mAccountButtonBase.prototype, \"balance\", void 0);\n__decorate([\n property()\n], W3mAccountButtonBase.prototype, \"charsStart\", void 0);\n__decorate([\n property()\n], W3mAccountButtonBase.prototype, \"charsEnd\", void 0);\n__decorate([\n property()\n], W3mAccountButtonBase.prototype, \"namespace\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"caipAddress\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"balanceVal\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"balanceSymbol\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"profileName\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"profileImage\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"network\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"networkImage\", void 0);\n__decorate([\n state()\n], W3mAccountButtonBase.prototype, \"isSupported\", void 0);\nlet W3mAccountButton = class W3mAccountButton extends W3mAccountButtonBase {\n};\nW3mAccountButton = __decorate([\n customElement('w3m-account-button')\n], W3mAccountButton);\nexport { W3mAccountButton };\nlet AppKitAccountButton = class AppKitAccountButton extends W3mAccountButtonBase {\n};\nAppKitAccountButton = __decorate([\n customElement('appkit-account-button')\n], AppKitAccountButton);\nexport { AppKitAccountButton };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: block;\n width: max-content;\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { ChainController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport styles from './styles.js';\nclass W3mButtonBase extends LitElement {\n constructor() {\n super(...arguments);\n this.unsubscribe = [];\n this.disabled = false;\n this.balance = undefined;\n this.size = undefined;\n this.label = undefined;\n this.loadingLabel = undefined;\n this.charsStart = 4;\n this.charsEnd = 6;\n this.namespace = undefined;\n this.caipAddress = ChainController.state.activeCaipAddress;\n }\n firstUpdated() {\n if (this.namespace) {\n this.unsubscribe.push(ChainController.subscribeChainProp('accountState', val => {\n this.caipAddress = val?.caipAddress;\n }, this.namespace));\n }\n else {\n this.unsubscribe.push(ChainController.subscribeKey('activeCaipAddress', val => (this.caipAddress = val)));\n }\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n return this.caipAddress\n ? html `\n <appkit-account-button\n .disabled=${Boolean(this.disabled)}\n balance=${ifDefined(this.balance)}\n .charsStart=${ifDefined(this.charsStart)}\n .charsEnd=${ifDefined(this.charsEnd)}\n namespace=${ifDefined(this.namespace)}\n >\n </appkit-account-button>\n `\n : html `\n <appkit-connect-button\n size=${ifDefined(this.size)}\n label=${ifDefined(this.label)}\n loadingLabel=${ifDefined(this.loadingLabel)}\n namespace=${ifDefined(this.namespace)}\n ></appkit-connect-button>\n `;\n }\n}\nW3mButtonBase.styles = styles;\n__decorate([\n property({ type: Boolean })\n], W3mButtonBase.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], W3mButtonBase.prototype, \"balance\", void 0);\n__decorate([\n property()\n], W3mButtonBase.prototype, \"size\", void 0);\n__decorate([\n property()\n], W3mButtonBase.prototype, \"label\", void 0);\n__decorate([\n property()\n], W3mButtonBase.prototype, \"loadingLabel\", void 0);\n__decorate([\n property()\n], W3mButtonBase.prototype, \"charsStart\", void 0);\n__decorate([\n property()\n], W3mButtonBase.prototype, \"charsEnd\", void 0);\n__decorate([\n property()\n], W3mButtonBase.prototype, \"namespace\", void 0);\n__decorate([\n state()\n], W3mButtonBase.prototype, \"caipAddress\", void 0);\nlet W3mButton = class W3mButton extends W3mButtonBase {\n};\nW3mButton = __decorate([\n customElement('w3m-button')\n], W3mButton);\nexport { W3mButton };\nlet AppKitButton = class AppKitButton extends W3mButtonBase {\n};\nAppKitButton = __decorate([\n customElement('appkit-button')\n], AppKitButton);\nexport { AppKitButton };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n position: relative;\n display: block;\n }\n\n button {\n background: var(--wui-color-accent-100);\n border: 1px solid var(--wui-color-gray-glass-010);\n border-radius: var(--wui-border-radius-m);\n gap: var(--wui-spacing-xs);\n }\n\n button.loading {\n background: var(--wui-color-gray-glass-010);\n border: 1px solid var(--wui-color-gray-glass-010);\n pointer-events: none;\n }\n\n button:disabled {\n background-color: var(--wui-color-gray-glass-015);\n border: 1px solid var(--wui-color-gray-glass-010);\n }\n\n button:disabled > wui-text {\n color: var(--wui-color-gray-glass-015);\n }\n\n @media (hover: hover) and (pointer: fine) {\n button:hover:enabled {\n background-color: var(--wui-color-accent-090);\n }\n\n button:active:enabled {\n background-color: var(--wui-color-accent-080);\n }\n }\n\n button:focus-visible {\n border: 1px solid var(--wui-color-gray-glass-010);\n background-color: var(--wui-color-accent-090);\n -webkit-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);\n -moz-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);\n box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);\n }\n\n button[data-size='sm'] {\n padding: 6.75px 10px 7.25px;\n }\n\n ::slotted(*) {\n transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);\n will-change: opacity;\n opacity: var(--local-opacity-100);\n }\n\n button > wui-text {\n transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);\n will-change: opacity;\n opacity: var(--local-opacity-100);\n color: var(--wui-color-inverse-100);\n }\n\n button[data-size='md'] {\n padding: 9px var(--wui-spacing-l) 9px var(--wui-spacing-l);\n }\n\n button[data-size='md'] + wui-text {\n padding-left: var(--wui-spacing-3xs);\n }\n\n @media (max-width: 500px) {\n button[data-size='md'] {\n height: 32px;\n padding: 5px 12px;\n }\n\n button[data-size='md'] > wui-text > slot {\n font-size: 14px !important;\n }\n }\n\n wui-loading-spinner {\n width: 14px;\n height: 14px;\n }\n\n wui-loading-spinner::slotted(svg) {\n width: 10px !important;\n height: 10px !important;\n }\n\n button[data-size='sm'] > wui-loading-spinner {\n width: 12px;\n height: 12px;\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-loading-spinner/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiConnectButton = class WuiConnectButton extends LitElement {\n constructor() {\n super(...arguments);\n this.size = 'md';\n this.loading = false;\n }\n render() {\n const textVariant = this.size === 'md' ? 'paragraph-600' : 'small-600';\n return html `\n <button data-size=${this.size} ?disabled=${this.loading}>\n ${this.loadingTemplate()}\n <wui-text variant=${textVariant} color=${this.loading ? 'accent-100' : 'inherit'}>\n <slot></slot>\n </wui-text>\n </button>\n `;\n }\n loadingTemplate() {\n if (!this.loading) {\n return null;\n }\n return html `<wui-loading-spinner size=${this.size} color=\"accent-100\"></wui-loading-spinner>`;\n }\n};\nWuiConnectButton.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiConnectButton.prototype, \"size\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiConnectButton.prototype, \"loading\", void 0);\nWuiConnectButton = __decorate([\n customElement('wui-connect-button')\n], WuiConnectButton);\nexport { WuiConnectButton };\n//# sourceMappingURL=index.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { ModalController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-connect-button';\nclass W3mConnectButtonBase extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.size = 'md';\n this.label = 'Connect Wallet';\n this.loadingLabel = 'Connecting...';\n this.open = ModalController.state.open;\n this.loading = this.namespace\n ? ModalController.state.loadingNamespaceMap.get(this.namespace)\n : ModalController.state.loading;\n this.unsubscribe.push(ModalController.subscribe(val => {\n this.open = val.open;\n this.loading = this.namespace ? val.loadingNamespaceMap.get(this.namespace) : val.loading;\n }));\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n return html `\n <wui-connect-button\n size=${ifDefined(this.size)}\n .loading=${this.loading}\n @click=${this.onClick.bind(this)}\n data-testid=${`connect-button${this.namespace ? `-${this.namespace}` : ''}`}\n >\n ${this.loading ? this.loadingLabel : this.label}\n </wui-connect-button>\n `;\n }\n onClick() {\n if (this.open) {\n ModalController.close();\n }\n else if (!this.loading) {\n ModalController.open({ view: 'Connect', namespace: this.namespace });\n }\n }\n}\n__decorate([\n property()\n], W3mConnectButtonBase.prototype, \"size\", void 0);\n__decorate([\n property()\n], W3mConnectButtonBase.prototype, \"label\", void 0);\n__decorate([\n property()\n], W3mConnectButtonBase.prototype, \"loadingLabel\", void 0);\n__decorate([\n property()\n], W3mConnectButtonBase.prototype, \"namespace\", void 0);\n__decorate([\n state()\n], W3mConnectButtonBase.prototype, \"open\", void 0);\n__decorate([\n state()\n], W3mConnectButtonBase.prototype, \"loading\", void 0);\nlet W3mConnectButton = class W3mConnectButton extends W3mConnectButtonBase {\n};\nW3mConnectButton = __decorate([\n customElement('w3m-connect-button')\n], W3mConnectButton);\nexport { W3mConnectButton };\nlet AppKitConnectButton = class AppKitConnectButton extends W3mConnectButtonBase {\n};\nAppKitConnectButton = __decorate([\n customElement('appkit-connect-button')\n], AppKitConnectButton);\nexport { AppKitConnectButton };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: block;\n }\n\n button {\n border-radius: var(--wui-border-radius-3xl);\n display: flex;\n gap: var(--wui-spacing-xs);\n padding: var(--wui-spacing-2xs) var(--wui-spacing-s) var(--wui-spacing-2xs)\n var(--wui-spacing-xs);\n border: 1px solid var(--wui-color-gray-glass-010);\n background-color: var(--wui-color-gray-glass-005);\n color: var(--wui-color-fg-100);\n }\n\n button:disabled {\n border: 1px solid var(--wui-color-gray-glass-005);\n background-color: var(--wui-color-gray-glass-015);\n color: var(--wui-color-gray-glass-015);\n }\n\n @media (hover: hover) and (pointer: fine) {\n button:hover:enabled {\n background-color: var(--wui-color-gray-glass-010);\n }\n\n button:active:enabled {\n background-color: var(--wui-color-gray-glass-015);\n }\n }\n\n wui-image,\n wui-icon-box {\n border-radius: var(--wui-border-radius-3xl);\n width: 24px;\n height: 24px;\n box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-image/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-icon-box/index.js';\nimport styles from './styles.js';\nlet WuiNetworkButton = class WuiNetworkButton extends LitElement {\n constructor() {\n super(...arguments);\n this.imageSrc = undefined;\n this.isUnsupportedChain = undefined;\n this.disabled = false;\n }\n render() {\n return html `\n <button data-testid=\"wui-network-button\" ?disabled=${this.disabled}>\n ${this.visualTemplate()}\n <wui-text variant=\"paragraph-600\" color=\"inherit\">\n <slot></slot>\n </wui-text>\n </button>\n `;\n }\n visualTemplate() {\n if (this.isUnsupportedChain) {\n return html `\n <wui-icon-box\n size=\"sm\"\n iconColor=\"error-100\"\n backgroundColor=\"error-100\"\n icon=\"warningCircle\"\n ></wui-icon-box>\n `;\n }\n if (this.imageSrc) {\n return html `<wui-image src=${this.imageSrc}></wui-image>`;\n }\n return html `\n <wui-icon-box\n size=\"sm\"\n iconColor=\"inverse-100\"\n backgroundColor=\"fg-100\"\n icon=\"networkPlaceholder\"\n ></wui-icon-box>\n `;\n }\n};\nWuiNetworkButton.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiNetworkButton.prototype, \"imageSrc\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiNetworkButton.prototype, \"isUnsupportedChain\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiNetworkButton.prototype, \"disabled\", void 0);\nWuiNetworkButton = __decorate([\n customElement('wui-network-button')\n], WuiNetworkButton);\nexport { WuiNetworkButton };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: block;\n width: max-content;\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { AssetController, AssetUtil, ChainController, EventsController, ModalController, OptionsController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-network-button';\nimport styles from './styles.js';\nclass W3mNetworkButtonBase extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.disabled = false;\n this.network = ChainController.state.activeCaipNetwork;\n this.networkImage = AssetUtil.getNetworkImage(this.network);\n this.caipAddress = ChainController.state.activeCaipAddress;\n this.loading = ModalController.state.loading;\n this.isSupported = OptionsController.state.allowUnsupportedChain\n ? true\n : ChainController.state.activeChain\n ? ChainController.checkIfSupportedNetwork(ChainController.state.activeChain)\n : true;\n this.unsubscribe.push(...[\n AssetController.subscribeNetworkImages(() => {\n this.networkImage = AssetUtil.getNetworkImage(this.network);\n }),\n ChainController.subscribeKey('activeCaipAddress', val => {\n this.caipAddress = val;\n }),\n ChainController.subscribeKey('activeCaipNetwork', val => {\n this.network = val;\n this.networkImage = AssetUtil.getNetworkImage(val);\n this.isSupported = val?.chainNamespace\n ? ChainController.checkIfSupportedNetwork(val.chainNamespace)\n : true;\n AssetUtil.fetchNetworkImage(val?.assets?.imageId);\n }),\n ModalController.subscribeKey('loading', val => (this.loading = val))\n ]);\n }\n firstUpdated() {\n AssetUtil.fetchNetworkImage(this.network?.assets?.imageId);\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n const isSupported = this.network\n ? ChainController.checkIfSupportedNetwork(this.network.chainNamespace)\n : true;\n return html `\n <wui-network-button\n .disabled=${Boolean(this.disabled || this.loading)}\n .isUnsupportedChain=${OptionsController.state.allowUnsupportedChain ? false : !isSupported}\n imageSrc=${ifDefined(this.networkImage)}\n @click=${this.onClick.bind(this)}\n data-testid=\"w3m-network-button\"\n >\n ${this.getLabel()}\n <slot></slot>\n </wui-network-button>\n `;\n }\n getLabel() {\n if (this.network) {\n if (!this.isSupported && !OptionsController.state.allowUnsupportedChain) {\n return 'Switch Network';\n }\n return this.network.name;\n }\n if (this.label) {\n return this.label;\n }\n if (this.caipAddress) {\n return 'Unknown Network';\n }\n return 'Select Network';\n }\n onClick() {\n if (!this.loading) {\n EventsController.sendEvent({ type: 'track', event: 'CLICK_NETWORKS' });\n ModalController.open({ view: 'Networks' });\n }\n }\n}\nW3mNetworkButtonBase.styles = styles;\n__decorate([\n property({ type: Boolean })\n], W3mNetworkButtonBase.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: String })\n], W3mNetworkButtonBase.prototype, \"label\", void 0);\n__decorate([\n state()\n], W3mNetworkButtonBase.prototype, \"network\", void 0);\n__decorate([\n state()\n], W3mNetworkButtonBase.prototype, \"networkImage\", void 0);\n__decorate([\n state()\n], W3mNetworkButtonBase.prototype, \"caipAddress\", void 0);\n__decorate([\n state()\n], W3mNetworkButtonBase.prototype, \"loading\", void 0);\n__decorate([\n state()\n], W3mNetworkButtonBase.prototype, \"isSupported\", void 0);\nlet W3mNetworkButton = class W3mNetworkButton extends W3mNetworkButtonBase {\n};\nW3mNetworkButton = __decorate([\n customElement('w3m-network-button')\n], W3mNetworkButton);\nexport { W3mNetworkButton };\nlet AppKitNetworkButton = class AppKitNetworkButton extends W3mNetworkButtonBase {\n};\nAppKitNetworkButton = __decorate([\n customElement('appkit-network-button')\n], AppKitNetworkButton);\nexport { AppKitNetworkButton };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: block;\n }\n\n button {\n width: 100%;\n display: block;\n padding-top: var(--wui-spacing-l);\n padding-bottom: var(--wui-spacing-l);\n padding-left: var(--wui-spacing-s);\n padding-right: var(--wui-spacing-2l);\n border-radius: var(--wui-border-radius-s);\n background-color: var(--wui-color-accent-glass-010);\n }\n\n button:hover {\n background-color: var(--wui-color-accent-glass-015) !important;\n }\n\n button:active {\n background-color: var(--wui-color-accent-glass-020) !important;\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (deco