@safe-stars/components
Version:
React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.
1 lines • 16.1 kB
Source Map (JSON)
{"version":3,"file":"index-DSFeDN8o.cjs","sources":["../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-router/styles.js","../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-router/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n :host {\n --prev-height: 0px;\n --new-height: 0px;\n display: block;\n }\n\n div.w3m-router-container {\n transform: translateY(0);\n opacity: 1;\n }\n\n div.w3m-router-container[view-direction='prev'] {\n animation:\n slide-left-out 150ms forwards ease,\n slide-left-in 150ms forwards ease;\n animation-delay: 0ms, 200ms;\n }\n\n div.w3m-router-container[view-direction='next'] {\n animation:\n slide-right-out 150ms forwards ease,\n slide-right-in 150ms forwards ease;\n animation-delay: 0ms, 200ms;\n }\n\n @keyframes slide-left-out {\n from {\n transform: translateX(0px);\n opacity: 1;\n }\n to {\n transform: translateX(10px);\n opacity: 0;\n }\n }\n\n @keyframes slide-left-in {\n from {\n transform: translateX(-10px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @keyframes slide-right-out {\n from {\n transform: translateX(0px);\n opacity: 1;\n }\n to {\n transform: translateX(-10px);\n opacity: 0;\n }\n }\n\n @keyframes slide-right-in {\n from {\n transform: translateX(10px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\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 { state } from 'lit/decorators.js';\nimport { RouterController, TooltipController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport { ConstantsUtil } from '../../utils/ConstantsUtil.js';\nimport styles from './styles.js';\nlet W3mRouter = class W3mRouter extends LitElement {\n constructor() {\n super();\n this.resizeObserver = undefined;\n this.prevHeight = '0px';\n this.prevHistoryLength = 1;\n this.unsubscribe = [];\n this.view = RouterController.state.view;\n this.viewDirection = '';\n this.unsubscribe.push(RouterController.subscribeKey('view', val => this.onViewChange(val)));\n }\n firstUpdated() {\n this.resizeObserver = new ResizeObserver(([content]) => {\n const height = `${content?.contentRect.height}px`;\n if (this.prevHeight !== '0px') {\n this.style.setProperty('--prev-height', this.prevHeight);\n this.style.setProperty('--new-height', height);\n this.style.animation = 'w3m-view-height 150ms forwards ease';\n this.style.height = 'auto';\n }\n setTimeout(() => {\n this.prevHeight = height;\n this.style.animation = 'unset';\n }, ConstantsUtil.ANIMATION_DURATIONS.ModalHeight);\n });\n this.resizeObserver?.observe(this.getWrapper());\n }\n disconnectedCallback() {\n this.resizeObserver?.unobserve(this.getWrapper());\n this.unsubscribe.forEach(unsubscribe => unsubscribe());\n }\n render() {\n return html `<div class=\"w3m-router-container\" view-direction=\"${this.viewDirection}\">\n ${this.viewTemplate()}\n </div>`;\n }\n viewTemplate() {\n switch (this.view) {\n case 'AccountSettings':\n return html `<w3m-account-settings-view></w3m-account-settings-view>`;\n case 'Account':\n return html `<w3m-account-view></w3m-account-view>`;\n case 'AllWallets':\n return html `<w3m-all-wallets-view></w3m-all-wallets-view>`;\n case 'ApproveTransaction':\n return html `<w3m-approve-transaction-view></w3m-approve-transaction-view>`;\n case 'BuyInProgress':\n return html `<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;\n case 'ChooseAccountName':\n return html `<w3m-choose-account-name-view></w3m-choose-account-name-view>`;\n case 'Connect':\n return html `<w3m-connect-view></w3m-connect-view>`;\n case 'Create':\n return html `<w3m-connect-view walletGuide=\"explore\"></w3m-connect-view>`;\n case 'ConnectingWalletConnect':\n return html `<w3m-connecting-wc-view></w3m-connecting-wc-view>`;\n case 'ConnectingWalletConnectBasic':\n return html `<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;\n case 'ConnectingExternal':\n return html `<w3m-connecting-external-view></w3m-connecting-external-view>`;\n case 'ConnectingSiwe':\n return html `<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;\n case 'ConnectWallets':\n return html `<w3m-connect-wallets-view></w3m-connect-wallets-view>`;\n case 'ConnectSocials':\n return html `<w3m-connect-socials-view></w3m-connect-socials-view>`;\n case 'ConnectingSocial':\n return html `<w3m-connecting-social-view></w3m-connecting-social-view>`;\n case 'Downloads':\n return html `<w3m-downloads-view></w3m-downloads-view>`;\n case 'EmailLogin':\n return html `<w3m-email-login-view></w3m-email-login-view>`;\n case 'EmailVerifyOtp':\n return html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;\n case 'EmailVerifyDevice':\n return html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`;\n case 'GetWallet':\n return html `<w3m-get-wallet-view></w3m-get-wallet-view>`;\n case 'Networks':\n return html `<w3m-networks-view></w3m-networks-view>`;\n case 'SwitchNetwork':\n return html `<w3m-network-switch-view></w3m-network-switch-view>`;\n case 'Profile':\n return html `<w3m-profile-view></w3m-profile-view>`;\n case 'SwitchAddress':\n return html `<w3m-switch-address-view></w3m-switch-address-view>`;\n case 'Transactions':\n return html `<w3m-transactions-view></w3m-transactions-view>`;\n case 'OnRampProviders':\n return html `<w3m-onramp-providers-view></w3m-onramp-providers-view>`;\n case 'OnRampActivity':\n return html `<w3m-onramp-activity-view></w3m-onramp-activity-view>`;\n case 'OnRampTokenSelect':\n return html `<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;\n case 'OnRampFiatSelect':\n return html `<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;\n case 'UpgradeEmailWallet':\n return html `<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;\n case 'UpdateEmailWallet':\n return html `<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;\n case 'UpdateEmailPrimaryOtp':\n return html `<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;\n case 'UpdateEmailSecondaryOtp':\n return html `<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;\n case 'UnsupportedChain':\n return html `<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;\n case 'Swap':\n return html `<w3m-swap-view></w3m-swap-view>`;\n case 'SwapSelectToken':\n return html `<w3m-swap-select-token-view></w3m-swap-select-token-view>`;\n case 'SwapPreview':\n return html `<w3m-swap-preview-view></w3m-swap-preview-view>`;\n case 'WalletSend':\n return html `<w3m-wallet-send-view></w3m-wallet-send-view>`;\n case 'WalletSendSelectToken':\n return html `<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;\n case 'WalletSendPreview':\n return html `<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;\n case 'WhatIsABuy':\n return html `<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;\n case 'WalletReceive':\n return html `<w3m-wallet-receive-view></w3m-wallet-receive-view>`;\n case 'WalletCompatibleNetworks':\n return html `<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;\n case 'WhatIsAWallet':\n return html `<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;\n case 'ConnectingMultiChain':\n return html `<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;\n case 'WhatIsANetwork':\n return html `<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;\n case 'ConnectingFarcaster':\n return html `<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;\n case 'SwitchActiveChain':\n return html `<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;\n case 'RegisterAccountName':\n return html `<w3m-register-account-name-view></w3m-register-account-name-view>`;\n case 'RegisterAccountNameSuccess':\n return html `<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;\n case 'SmartSessionCreated':\n return html `<w3m-smart-session-created-view></w3m-smart-session-created-view>`;\n case 'SmartSessionList':\n return html `<w3m-smart-session-list-view></w3m-smart-session-list-view>`;\n case 'SIWXSignMessage':\n return html `<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;\n case 'Pay':\n return html `<w3m-pay-view></w3m-pay-view>`;\n case 'PayLoading':\n return html `<w3m-pay-loading-view></w3m-pay-loading-view>`;\n default:\n return html `<w3m-connect-view></w3m-connect-view>`;\n }\n }\n onViewChange(newView) {\n TooltipController.hide();\n let direction = ConstantsUtil.VIEW_DIRECTION.Next;\n const { history } = RouterController.state;\n if (history.length < this.prevHistoryLength) {\n direction = ConstantsUtil.VIEW_DIRECTION.Prev;\n }\n this.prevHistoryLength = history.length;\n this.viewDirection = direction;\n setTimeout(() => {\n this.view = newView;\n }, ConstantsUtil.ANIMATION_DURATIONS.ViewTransition);\n }\n getWrapper() {\n return this.shadowRoot?.querySelector('div');\n }\n};\nW3mRouter.styles = styles;\n__decorate([\n state()\n], W3mRouter.prototype, \"view\", void 0);\n__decorate([\n state()\n], W3mRouter.prototype, \"viewDirection\", void 0);\nW3mRouter = __decorate([\n customElement('w3m-router')\n], W3mRouter);\nexport { W3mRouter };\n//# sourceMappingURL=index.js.map"],"names":["css","__decorate","decorators","target","key","desc","c","r","d","i","W3mRouter","LitElement","RouterController","val","content","height","ConstantsUtil","_a","unsubscribe","html","newView","TooltipController","direction","history","styles","state","customElement"],"mappings":"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","x_google_ignoreList":[0,1]}