UNPKG

coinley-checkout

Version:

A React SDK for Coinley cryptocurrency payment processing with multi-network support

1 lines 434 kB
{"version":3,"file":"basic-b3282715.mjs","sources":["../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-wallet-image/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-wallet-image/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-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-connecting-header/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-button/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-link/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-link/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-loading-thumbnail/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-loading-thumbnail/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-chip-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-chip-button/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/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/qrcode/lib/can-promise.js","../node_modules/qrcode/lib/core/utils.js","../node_modules/qrcode/lib/core/error-correction-level.js","../node_modules/qrcode/lib/core/bit-buffer.js","../node_modules/qrcode/lib/core/bit-matrix.js","../node_modules/qrcode/lib/core/alignment-pattern.js","../node_modules/qrcode/lib/core/finder-pattern.js","../node_modules/qrcode/lib/core/mask-pattern.js","../node_modules/qrcode/lib/core/error-correction-code.js","../node_modules/qrcode/lib/core/galois-field.js","../node_modules/qrcode/lib/core/polynomial.js","../node_modules/qrcode/lib/core/reed-solomon-encoder.js","../node_modules/qrcode/lib/core/version-check.js","../node_modules/qrcode/lib/core/regex.js","../node_modules/qrcode/lib/core/mode.js","../node_modules/qrcode/lib/core/version.js","../node_modules/qrcode/lib/core/format-info.js","../node_modules/qrcode/lib/core/numeric-data.js","../node_modules/qrcode/lib/core/alphanumeric-data.js","../node_modules/encode-utf8/index.js","../node_modules/qrcode/lib/core/byte-data.js","../node_modules/qrcode/lib/core/kanji-data.js","../node_modules/dijkstrajs/dijkstra.js","../node_modules/qrcode/lib/core/segments.js","../node_modules/qrcode/lib/core/qrcode.js","../node_modules/qrcode/lib/renderer/utils.js","../node_modules/qrcode/lib/renderer/canvas.js","../node_modules/qrcode/lib/renderer/svg-tag.js","../node_modules/qrcode/lib/browser.js","../node_modules/@reown/appkit-ui/dist/esm/src/utils/QrCode.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-qr-code/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-qr-code/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-shimmer/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-shimmer/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/utils/ConstantsUtil.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-ux-by-reown/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-ux-by-reown/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/lit-html/directives/ref.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-input-text/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-input-text/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/assets/svg/networkMd.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-item/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-item/index.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/views/w3m-downloads-view/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n :host {\n position: relative;\n background-color: var(--wui-color-gray-glass-002);\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--local-size);\n height: var(--local-size);\n border-radius: inherit;\n border-radius: var(--local-border-radius);\n }\n\n :host > wui-flex {\n overflow: hidden;\n border-radius: inherit;\n border-radius: var(--local-border-radius);\n }\n\n :host::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n border: 1px solid var(--wui-color-gray-glass-010);\n pointer-events: none;\n }\n\n :host([name='Extension'])::after {\n border: 1px solid var(--wui-color-accent-glass-010);\n }\n\n :host([data-wallet-icon='allWallets']) {\n background-color: var(--wui-all-wallets-bg-100);\n }\n\n :host([data-wallet-icon='allWallets'])::after {\n border: 1px solid var(--wui-color-accent-glass-010);\n }\n\n wui-icon[data-parent-size='inherit'] {\n width: 75%;\n height: 75%;\n align-items: center;\n }\n\n wui-icon[data-parent-size='sm'] {\n width: 18px;\n height: 18px;\n }\n\n wui-icon[data-parent-size='md'] {\n width: 24px;\n height: 24px;\n }\n\n wui-icon[data-parent-size='lg'] {\n width: 42px;\n height: 42px;\n }\n\n wui-icon[data-parent-size='full'] {\n width: 100%;\n height: 100%;\n }\n\n :host > wui-icon-box {\n position: absolute;\n overflow: hidden;\n right: -1px;\n bottom: -2px;\n z-index: 1;\n border: 2px solid var(--wui-color-bg-150, #1e1f1f);\n padding: 1px;\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-icon/index.js';\nimport '../../components/wui-image/index.js';\nimport '../../layout/wui-flex/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 WuiWalletImage = class WuiWalletImage extends LitElement {\n constructor() {\n super(...arguments);\n this.size = 'md';\n this.name = '';\n this.installed = false;\n this.badgeSize = 'xs';\n }\n render() {\n let borderRadius = 'xxs';\n if (this.size === 'lg') {\n borderRadius = 'm';\n }\n else if (this.size === 'md') {\n borderRadius = 'xs';\n }\n else {\n borderRadius = 'xxs';\n }\n this.style.cssText = `\n --local-border-radius: var(--wui-border-radius-${borderRadius});\n --local-size: var(--wui-wallet-image-size-${this.size});\n `;\n if (this.walletIcon) {\n this.dataset['walletIcon'] = this.walletIcon;\n }\n return html `\n <wui-flex justifyContent=\"center\" alignItems=\"center\"> ${this.templateVisual()} </wui-flex>\n `;\n }\n templateVisual() {\n if (this.imageSrc) {\n return html `<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;\n }\n else if (this.walletIcon) {\n return html `<wui-icon\n data-parent-size=\"md\"\n size=\"md\"\n color=\"inherit\"\n name=${this.walletIcon}\n ></wui-icon>`;\n }\n return html `<wui-icon\n data-parent-size=${this.size}\n size=\"inherit\"\n color=\"inherit\"\n name=\"walletPlaceholder\"\n ></wui-icon>`;\n }\n};\nWuiWalletImage.styles = [elementStyles, resetStyles, styles];\n__decorate([\n property()\n], WuiWalletImage.prototype, \"size\", void 0);\n__decorate([\n property()\n], WuiWalletImage.prototype, \"name\", void 0);\n__decorate([\n property()\n], WuiWalletImage.prototype, \"imageSrc\", void 0);\n__decorate([\n property()\n], WuiWalletImage.prototype, \"walletIcon\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiWalletImage.prototype, \"installed\", void 0);\n__decorate([\n property()\n], WuiWalletImage.prototype, \"badgeSize\", void 0);\nWuiWalletImage = __decorate([\n customElement('wui-wallet-image')\n], WuiWalletImage);\nexport { WuiWalletImage };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n position: relative;\n border-radius: var(--wui-border-radius-xxs);\n width: 40px;\n height: 40px;\n overflow: hidden;\n background: var(--wui-color-gray-glass-002);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--wui-spacing-4xs);\n padding: 3.75px !important;\n }\n\n :host::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n border: 1px solid var(--wui-color-gray-glass-010);\n pointer-events: none;\n }\n\n :host > wui-wallet-image {\n width: 14px;\n height: 14px;\n border-radius: var(--wui-border-radius-5xs);\n }\n\n :host > wui-flex {\n padding: 2px;\n position: fixed;\n overflow: hidden;\n left: 34px;\n bottom: 8px;\n background: var(--dark-background-150, #1e1f1f);\n border-radius: 50%;\n z-index: 2;\n display: flex;\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 '../../layout/wui-flex/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-icon-box/index.js';\nimport '../wui-wallet-image/index.js';\nimport styles from './styles.js';\nconst TOTAL_IMAGES = 4;\nlet WuiAllWalletsImage = class WuiAllWalletsImage extends LitElement {\n constructor() {\n super(...arguments);\n this.walletImages = [];\n }\n render() {\n const isPlaceholders = this.walletImages.length < TOTAL_IMAGES;\n return html `${this.walletImages\n .slice(0, TOTAL_IMAGES)\n .map(({ src, walletName }) => html `\n <wui-wallet-image\n size=\"inherit\"\n imageSrc=${src}\n name=${ifDefined(walletName)}\n ></wui-wallet-image>\n `)}\n ${isPlaceholders\n ? [...Array(TOTAL_IMAGES - this.walletImages.length)].map(() => html ` <wui-wallet-image size=\"inherit\" name=\"\"></wui-wallet-image>`)\n : null}\n <wui-flex>\n <wui-icon-box\n size=\"xxs\"\n iconSize=\"xxs\"\n iconcolor=\"success-100\"\n backgroundcolor=\"success-100\"\n icon=\"checkmark\"\n background=\"opaque\"\n ></wui-icon-box>\n </wui-flex>`;\n }\n};\nWuiAllWalletsImage.styles = [resetStyles, styles];\n__decorate([\n property({ type: Array })\n], WuiAllWalletsImage.prototype, \"walletImages\", void 0);\nWuiAllWalletsImage = __decorate([\n customElement('wui-all-wallets-image')\n], WuiAllWalletsImage);\nexport { WuiAllWalletsImage };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n button {\n column-gap: var(--wui-spacing-s);\n padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);\n width: 100%;\n background-color: var(--wui-color-gray-glass-002);\n border-radius: var(--wui-border-radius-xs);\n color: var(--wui-color-fg-100);\n }\n\n button > wui-text:nth-child(2) {\n display: flex;\n flex: 1;\n }\n\n button:disabled {\n background-color: var(--wui-color-gray-glass-015);\n color: var(--wui-color-gray-glass-015);\n }\n\n button:disabled > wui-tag {\n background-color: var(--wui-color-gray-glass-010);\n color: var(--wui-color-fg-300);\n }\n\n wui-icon {\n color: var(--wui-color-fg-200) !important;\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-icon/index.js';\nimport '../../components/wui-text/index.js';\nimport '../../composites/wui-icon-box/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-all-wallets-image/index.js';\nimport '../wui-tag/index.js';\nimport '../wui-wallet-image/index.js';\nimport styles from './styles.js';\nlet WuiListWallet = class WuiListWallet extends LitElement {\n constructor() {\n super(...arguments);\n this.walletImages = [];\n this.imageSrc = '';\n this.name = '';\n this.tabIdx = undefined;\n this.installed = false;\n this.disabled = false;\n this.showAllWallets = false;\n this.loading = false;\n this.loadingSpinnerColor = 'accent-100';\n }\n render() {\n return html `\n <button ?disabled=${this.disabled} tabindex=${ifDefined(this.tabIdx)}>\n ${this.templateAllWallets()} ${this.templateWalletImage()}\n <wui-text variant=\"paragraph-500\" color=\"inherit\">${this.name}</wui-text>\n ${this.templateStatus()}\n </button>\n `;\n }\n templateAllWallets() {\n if (this.showAllWallets && this.imageSrc) {\n return html ` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `;\n }\n else if (this.showAllWallets && this.walletIcon) {\n return html ` <wui-wallet-image .walletIcon=${this.walletIcon} size=\"sm\"> </wui-wallet-image> `;\n }\n return null;\n }\n templateWalletImage() {\n if (!this.showAllWallets && this.imageSrc) {\n return html `<wui-wallet-image\n size=\"sm\"\n imageSrc=${this.imageSrc}\n name=${this.name}\n .installed=${this.installed}\n ></wui-wallet-image>`;\n }\n else if (!this.showAllWallets && !this.imageSrc) {\n return html `<wui-wallet-image size=\"sm\" name=${this.name}></wui-wallet-image>`;\n }\n return null;\n }\n templateStatus() {\n if (this.loading) {\n return html `<wui-loading-spinner\n size=\"lg\"\n color=${this.loadingSpinnerColor}\n ></wui-loading-spinner>`;\n }\n else if (this.tagLabel && this.tagVariant) {\n return html `<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`;\n }\n else if (this.icon) {\n return html `<wui-icon color=\"inherit\" size=\"sm\" name=${this.icon}></wui-icon>`;\n }\n return null;\n }\n};\nWuiListWallet.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property({ type: Array })\n], WuiListWallet.prototype, \"walletImages\", void 0);\n__decorate([\n property()\n], WuiListWallet.prototype, \"imageSrc\", void 0);\n__decorate([\n property()\n], WuiListWallet.prototype, \"name\", void 0);\n__decorate([\n property()\n], WuiListWallet.prototype, \"tagLabel\", void 0);\n__decorate([\n property()\n], WuiListWallet.prototype, \"tagVariant\", void 0);\n__decorate([\n property()\n], WuiListWallet.prototype, \"icon\", void 0);\n__decorate([\n property()\n], WuiListWallet.prototype, \"walletIcon\", void 0);\n__decorate([\n property()\n], WuiListWallet.prototype, \"tabIdx\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListWallet.prototype, \"installed\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListWallet.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListWallet.prototype, \"showAllWallets\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListWallet.prototype, \"loading\", void 0);\n__decorate([\n property({ type: String })\n], WuiListWallet.prototype, \"loadingSpinnerColor\", void 0);\nWuiListWallet = __decorate([\n customElement('wui-list-wallet')\n], WuiListWallet);\nexport { WuiListWallet };\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 { ApiController, ConnectorController, CoreHelperUtil, EventsController, OptionsController, RouterController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-list-wallet';\nlet W3mAllWalletsWidget = class W3mAllWalletsWidget extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.tabIdx = undefined;\n this.connectors = ConnectorController.state.connectors;\n this.count = ApiController.state.count;\n this.filteredCount = ApiController.state.filteredWallets.length;\n this.isFetchingRecommendedWallets = ApiController.state.isFetchingRecommendedWallets;\n this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)), ApiController.subscribeKey('count', val => (this.count = val)), ApiController.subscribeKey('filteredWallets', val => (this.filteredCount = val.length)), ApiController.subscribeKey('isFetchingRecommendedWallets', val => (this.isFetchingRecommendedWallets = val)));\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n const wcConnector = this.connectors.find(c => c.id === 'walletConnect');\n const { allWallets } = OptionsController.state;\n if (!wcConnector || allWallets === 'HIDE') {\n return null;\n }\n if (allWallets === 'ONLY_MOBILE' && !CoreHelperUtil.isMobile()) {\n return null;\n }\n const featuredCount = ApiController.state.featured.length;\n const rawCount = this.count + featuredCount;\n const roundedCount = rawCount < 10 ? rawCount : Math.floor(rawCount / 10) * 10;\n const count = this.filteredCount > 0 ? this.filteredCount : roundedCount;\n let tagLabel = `${count}`;\n if (this.filteredCount > 0) {\n tagLabel = `${this.filteredCount}`;\n }\n else if (count < rawCount) {\n tagLabel = `${count}+`;\n }\n return html `\n <wui-list-wallet\n name=\"All Wallets\"\n walletIcon=\"allWallets\"\n showAllWallets\n @click=${this.onAllWallets.bind(this)}\n tagLabel=${tagLabel}\n tagVariant=\"shade\"\n data-testid=\"all-wallets\"\n tabIdx=${ifDefined(this.tabIdx)}\n .loading=${this.isFetchingRecommendedWallets}\n loadingSpinnerColor=${this.isFetchingRecommendedWallets ? 'fg-300' : 'accent-100'}\n ></wui-list-wallet>\n `;\n }\n onAllWallets() {\n EventsController.sendEvent({ type: 'track', event: 'CLICK_ALL_WALLETS' });\n RouterController.push('AllWallets');\n }\n};\n__decorate([\n property()\n], W3mAllWalletsWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n state()\n], W3mAllWalletsWidget.prototype, \"connectors\", void 0);\n__decorate([\n state()\n], W3mAllWalletsWidget.prototype, \"count\", void 0);\n__decorate([\n state()\n], W3mAllWalletsWidget.prototype, \"filteredCount\", void 0);\n__decorate([\n state()\n], W3mAllWalletsWidget.prototype, \"isFetchingRecommendedWallets\", void 0);\nW3mAllWalletsWidget = __decorate([\n customElement('w3m-all-wallets-widget')\n], W3mAllWalletsWidget);\nexport { W3mAllWalletsWidget };\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 { AssetUtil, ConnectorController, CoreHelperUtil, RouterController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nimport { ConnectorUtil } from '../../utils/ConnectorUtil.js';\nlet W3mConnectAnnouncedWidget = class W3mConnectAnnouncedWidget extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.tabIdx = undefined;\n this.connectors = ConnectorController.state.connectors;\n this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n const announcedConnectors = this.connectors.filter(connector => connector.type === 'ANNOUNCED');\n if (!announcedConnectors?.length) {\n this.style.cssText = `display: none`;\n return null;\n }\n return html `\n <wui-flex flexDirection=\"column\" gap=\"xs\">\n ${announcedConnectors\n .filter(ConnectorUtil.showConnector)\n .map(connector => html `\n <wui-list-wallet\n imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}\n name=${connector.name ?? 'Unknown'}\n @click=${() => this.onConnector(connector)}\n tagVariant=\"success\"\n tagLabel=\"installed\"\n data-testid=${`wallet-selector-${connector.id}`}\n .installed=${true}\n tabIdx=${ifDefined(this.tabIdx)}\n >\n </wui-list-wallet>\n `)}\n </wui-flex>\n `;\n }\n onConnector(connector) {\n if (connector.id === 'walletConnect') {\n if (CoreHelperUtil.isMobile()) {\n RouterController.push('AllWallets');\n }\n else {\n RouterController.push('ConnectingWalletConnect');\n }\n }\n else {\n RouterController.push('ConnectingExternal', { connector });\n }\n }\n};\n__decorate([\n property()\n], W3mConnectAnnouncedWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n state()\n], W3mConnectAnnouncedWidget.prototype, \"connectors\", void 0);\nW3mConnectAnnouncedWidget = __decorate([\n customElement('w3m-connect-announced-widget')\n], W3mConnectAnnouncedWidget);\nexport { W3mConnectAnnouncedWidget };\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 { AssetUtil, ConnectionController, ConnectorController, CoreHelperUtil, OptionsController, RouterController, StorageUtil } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nlet W3mConnectCustomWidget = class W3mConnectCustomWidget extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.tabIdx = undefined;\n this.connectors = ConnectorController.state.connectors;\n this.loading = false;\n this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));\n if (CoreHelperUtil.isTelegram() && CoreHelperUtil.isIos()) {\n this.loading = !ConnectionController.state.wcUri;\n this.unsubscribe.push(ConnectionController.subscribeKey('wcUri', val => (this.loading = !val)));\n }\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n const { customWallets } = OptionsController.state;\n if (!customWallets?.length) {\n this.style.cssText = `display: none`;\n return null;\n }\n const wallets = this.filterOutDuplicateWallets(customWallets);\n return html `<wui-flex flexDirection=\"column\" gap=\"xs\">\n ${wallets.map(wallet => html `\n <wui-list-wallet\n imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}\n name=${wallet.name ?? 'Unknown'}\n @click=${() => this.onConnectWallet(wallet)}\n data-testid=${`wallet-selector-${wallet.id}`}\n tabIdx=${ifDefined(this.tabIdx)}\n ?loading=${this.loading}\n >\n </wui-list-wallet>\n `)}\n </wui-flex>`;\n }\n filterOutDuplicateWallets(wallets) {\n const recent = StorageUtil.getRecentWallets();\n const connectorRDNSs = this.connectors\n .map(connector => connector.info?.rdns)\n .filter(Boolean);\n const recentRDNSs = recent.map(wallet => wallet.rdns).filter(Boolean);\n const allRDNSs = connectorRDNSs.concat(recentRDNSs);\n if (allRDNSs.includes('io.metamask.mobile') && CoreHelperUtil.isMobile()) {\n const index = allRDNSs.indexOf('io.metamask.mobile');\n allRDNSs[index] = 'io.metamask';\n }\n const filtered = wallets.filter(wallet => !allRDNSs.includes(String(wallet?.rdns)));\n return filtered;\n }\n onConnectWallet(wallet) {\n if (this.loading) {\n return;\n }\n RouterController.push('ConnectingWalletConnect', { wallet });\n }\n};\n__decorate([\n property()\n], W3mConnectCustomWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n state()\n], W3mConnectCustomWidget.prototype, \"connectors\", void 0);\n__decorate([\n state()\n], W3mConnectCustomWidget.prototype, \"loading\", void 0);\nW3mConnectCustomWidget = __decorate([\n customElement('w3m-connect-custom-widget')\n], W3mConnectCustomWidget);\nexport { W3mConnectCustomWidget };\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 { ConstantsUtil } from '@reown/appkit-common';\nimport { AssetUtil, ConnectorController, RouterController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nimport { ConnectorUtil } from '../../utils/ConnectorUtil.js';\nlet W3mConnectExternalWidget = class W3mConnectExternalWidget extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.tabIdx = undefined;\n this.connectors = ConnectorController.state.connectors;\n this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n const externalConnectors = this.connectors.filter(connector => connector.type === 'EXTERNAL');\n const filteredOutExcludedConnectors = externalConnectors.filter(ConnectorUtil.showConnector);\n const filteredOutCoinbaseConnectors = filteredOutExcludedConnectors.filter(connector => connector.id !== ConstantsUtil.CONNECTOR_ID.COINBASE_SDK);\n if (!filteredOutCoinbaseConnectors?.length) {\n this.style.cssText = `display: none`;\n return null;\n }\n return html `\n <wui-flex flexDirection=\"column\" gap=\"xs\">\n ${filteredOutCoinbaseConnectors.map(connector => html `\n <wui-list-wallet\n imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}\n .installed=${true}\n name=${connector.name ?? 'Unknown'}\n data-testid=${`wallet-selector-external-${connector.id}`}\n @click=${() => this.onConnector(connector)}\n tabIdx=${ifDefined(this.tabIdx)}\n >\n </wui-list-wallet>\n `)}\n </wui-flex>\n `;\n }\n onConnector(connector) {\n RouterController.push('ConnectingExternal', { connector });\n }\n};\n__decorate([\n property()\n], W3mConnectExternalWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n state()\n], W3mConnectExternalWidget.prototype, \"connectors\", void 0);\nW3mConnectExternalWidget = __decorate([\n customElement('w3m-connect-external-widget')\n], W3mConnectExternalWidget);\nexport { W3mConnectExternalWidget };\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 } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { AssetUtil, ConnectorController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nlet W3mConnectFeaturedWidget = class W3mConnectFeaturedWidget extends LitElement {\n constructor() {\n super(...arguments);\n this.tabIdx = undefined;\n this.wallets = [];\n }\n render() {\n if (!this.wallets.length) {\n this.style.cssText = `display: none`;\n return null;\n }\n return html `\n <wui-flex flexDirection=\"column\" gap=\"xs\">\n ${this.wallets.map(wallet => html `\n <wui-list-wallet\n data-testid=${`wallet-selector-featured-${wallet.id}`}\n imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}\n name=${wallet.name ?? 'Unknown'}\n @click=${() => this.onConnectWallet(wallet)}\n tabIdx=${ifDefined(this.tabIdx)}\n >\n </wui-list-wallet>\n `)}\n </wui-flex>\n `;\n }\n onConnectWallet(wallet) {\n ConnectorController.selectWalletConnector(wallet);\n }\n};\n__decorate([\n property()\n], W3mConnectFeaturedWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n property()\n], W3mConnectFeaturedWidget.prototype, \"wallets\", void 0);\nW3mConnectFeaturedWidget = __decorate([\n customElement('w3m-connect-featured-widget')\n], W3mConnectFeaturedWidget);\nexport { W3mConnectFeaturedWidget };\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 } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { AssetUtil, ConnectorController, RouterController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nimport { ConnectorUtil } from '../../utils/ConnectorUtil.js';\nlet W3mConnectInjectedWidget = class W3mConnectInjectedWidget extends LitElement {\n constructor() {\n super(...arguments);\n this.tabIdx = undefined;\n this.connectors = [];\n }\n render() {\n const injectedConnectors = this.connectors.filter(ConnectorUtil.showConnector);\n if (injectedConnectors.length === 0) {\n this.style.cssText = `display: none`;\n return null;\n }\n return html `\n <wui-flex flexDirection=\"column\" gap=\"xs\">\n ${injectedConnectors.map(connector => html `\n <wui-list-wallet\n imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}\n .installed=${true}\n name=${connector.name ?? 'Unknown'}\n tagVariant=\"success\"\n tagLabel=\"installed\"\n data-testid=${`wallet-selector-${connector.id}`}\n @click=${() => this.onConnector(connector)}\n tabIdx=${ifDefined(this.tabIdx)}\n >\n </wui-list-wallet>\n `)}\n </wui-flex>\n `;\n }\n onConnector(connector) {\n ConnectorController.setActiveConnector(connector);\n RouterController.push('ConnectingExternal', { connector });\n }\n};\n__decorate([\n property()\n], W3mConnectInjectedWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n property()\n], W3mConnectInjectedWidget.prototype, \"connectors\", void 0);\nW3mConnectInjectedWidget = __decorate([\n customElement('w3m-connect-injected-widget')\n], W3mConnectInjectedWidget);\nexport { W3mConnectInjectedWidget };\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 { AssetUtil, ConnectorController, RouterController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nlet W3mConnectMultiChainWidget = class W3mConnectMultiChainWidget extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.tabIdx = undefined;\n this.connectors = ConnectorController.state.connectors;\n this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));\n }\n disconnectedCallback() {\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n const multiChainConnectors = this.connectors.filter(connector => connector.type === 'MULTI_CHAIN' && connector.name !== 'WalletConnect');\n if (!multiChainConnectors?.length) {\n this.style.cssText = `display: none`;\n return null;\n }\n return html `\n <wui-flex flexDirection=\"column\" gap=\"xs\">\n ${multiChainConnectors.map(connector => html `\n <wui-list-wallet\n imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}\n .installed=${true}\n name=${connector.name ?? 'Unknown'}\n tagVariant=\"shade\"\n tagLabel=\"multichain\"\n data-testid=${`wallet-selector-${connector.id}`}\n @click=${() => this.onConnector(connector)}\n tabIdx=${ifDefined(this.tabIdx)}\n >\n </wui-list-wallet>\n `)}\n </wui-flex>\n `;\n }\n onConnector(connector) {\n ConnectorController.setActiveConnector(connector);\n RouterController.push('ConnectingMultiChain');\n }\n};\n__decorate([\n property()\n], W3mConnectMultiChainWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n state()\n], W3mConnectMultiChainWidget.prototype, \"connectors\", void 0);\nW3mConnectMultiChainWidget = __decorate([\n customElement('w3m-connect-multi-chain-widget')\n], W3mConnectMultiChainWidget);\nexport { W3mConnectMultiChainWidget };\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 { AssetUtil, ChainController, ConnectionController, ConnectorController, CoreHelperUtil, StorageUtil } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nimport { WalletUtil } from '../../utils/WalletUtil.js';\nlet W3mConnectRecentWidget = class W3mConnectRecentWidget extends LitElement {\n constructor() {\n super();\n this.unsubscribe = [];\n this.tabIdx = undefined;\n this.connectors = ConnectorController.state.connectors;\n this.loading = false;\n this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));\n if (CoreHelperUtil.isTelegram() && CoreHelperUtil.isIos()) {\n this.loading = !ConnectionController.state.wcUri;\n this.unsubscribe.push(ConnectionController.subscribeKey('wcUri', val => (this.loading = !val)));\n }\n }\n render() {\n const recentWallets = StorageUtil.getRecentWallets();\n const filteredRecentWallets = recentWallets\n .filter(wallet => !WalletUtil.isExcluded(wallet))\n .filter(wallet => !this.hasWalletConnector(wallet))\n .filter(wallet => this.isWalletCompatibleWithCurrentChain(wallet));\n if (!filteredRecentWallets.length) {\n this.style.cssText = `display: none`;\n return null;\n }\n return html `\n <wui-flex flexDirection=\"column\" gap=\"xs\">\n ${filteredRecentWallets.map(wallet => html `\n <wui-list-wallet\n imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}\n name=${wallet.name ?? 'Unknown'}\n @click=${() => this.onConnectWallet(wallet)}\n tagLabel=\"recent\"\n tagVariant=\"shade\"\n tabIdx=${ifDefined(this.tabIdx)}\n ?loading=${this.loading}\n >\n </wui-list-wallet>\n `)}\n </wui-flex>\n `;\n }\n onConnectWallet(wallet) {\n if (this.loading) {\n return;\n }\n ConnectorController.selectWalletConnector(wallet);\n }\n hasWalletConnector(wallet) {\n return this.connectors.some(connector => connector.id === wallet.id || connector.name === wallet.name);\n }\n isWalletCompatibleWithCurrentChain(wallet) {\n const currentNamespace = ChainController.state.activeChain;\n if (currentNamespace && wallet.chains) {\n return wallet.chains.some(c => {\n const chainNamespace = c.split(':')[0];\n return currentNamespace === chainNamespace;\n });\n }\n return true;\n }\n};\n__decorate([\n property()\n], W3mConnectRecentWidget.prototype, \"tabIdx\", void 0);\n__decorate([\n state()\n], W3mConnectRecentWidget.prototype, \"connectors\", void 0);\n__decorate([\n state()\n], W3mConnectRecentWidget.prototype, \"loading\", void 0);\nW3mConnectRecentWidget = __decorate([\n customElement('w3m-connect-recent-widget')\n], W3mConnectRecentWidget);\nexport { W3mConnectRecentWidget };\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 { AssetUtil, ConnectionController, ConnectorController, CoreHelperUtil, OptionsController, RouterController, StorageUtil } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-list-wallet';\nimport { WalletUtil } from '../../utils/WalletUtil.js';\nlet W3mConnectRecom