\n \n {title && \n
\n \n );\n};\n\nexport default Drawer;","import { useState } from 'react';\nimport { Button } from '../../../components';\n\ntype BuyFormProps = {\n formData: {\n username: string;\n starsCount: number;\n };\n setFormData: (data: { username: string; starsCount: number }) => void;\n onContinue: () => void;\n};\n\nconst BuyForm = ({ formData, setFormData, onContinue }: BuyFormProps) => {\n const [errors, setErrors] = useState({ username: '', starsCount: '' });\n\n const validateForm = (): boolean => {\n const newErrors = { username: '', starsCount: '' };\n let isValid = true;\n\n if (!formData.username.trim()) {\n newErrors.username = 'Имя пользователя обязательно';\n isValid = false;\n }\n\n if (formData.starsCount < 50) {\n newErrors.starsCount = 'Минимальное количество звезд: 50';\n isValid = false;\n } else if (formData.starsCount > 10000) {\n newErrors.starsCount = 'Максимальное количество звезд: 10000';\n isValid = false;\n }\n\n setErrors(newErrors);\n return isValid;\n };\n\n const handleSubmit = () => {\n if (validateForm()) {\n onContinue();\n }\n };\n\n return (\n {title}
}\n \n\n {children}\n
\n \n
\n );\n};\n\nexport default BuyForm; ","type Price = {\n price: number;\n valid: boolean;\n};\n\ntype Data = {\n amount: number;\n currency: 'RUB' | 'USDT';\n};\n\nexport const getPrice = async ({\n amount,\n currency\n}: Data): Promise\n \n setFormData({ ...formData, username: e.target.value })}\n placeholder=\"@username\"\n />\n {errors.username && (\n
\n\n {errors.username}
\n )}\n\n \n setFormData({ ...formData, starsCount: parseInt(e.target.value) || parseInt('') })}\n min={50}\n max={10000}\n />\n {errors.starsCount && (\n
\n\n {errors.starsCount}
\n )}\n\n \n
\n \n setPaymentMethod('arbitrum_USDT')}\n >\n
\n )}\n\n \n\n {skipFirstStep && (\n \n Покупка {userData.starsCount} звезд для пользователя {userData.username}\n
\n\n {status === 'loading' && (\n\n
\n )}\n {status === 'error' && (\n \n
\n )}\n {status === 'success' && (\n \n {!skipFirstStep\n ? 'Произошла ошибка. Проверьте имя пользователя и количество звезд.'\n : 'Произошла ошибка. Проверьте, что у вас задано имя пользователя.'\n }\n
\n\n setPaymentMethod('TON_USDT')}\n >\n
\n )}\n\n {hasArbitrumPayment && (\n \n Выберите способ оплаты:\n
\n\n\n setPaymentMethod('RUB')}\n >\n 
\n
\n\n {hasTonPayment && (\n \n
\n {parseFloat(price?.toString() ?? '0').toFixed(2)} RUB
\nОплата в рублях через СБП
\n\n 
\n 
\n
\n \n
\n {cryptoPrice} USDT (TON)
\nОплата в сети TON
\n\n \n 
\n
\n \n
\n {cryptoPrice} USDT (Arbitrum)
\nОплата в сети Arbitrum
\n\n \n
\n )}\n \n )}\n\n \n
\n );\n}","import { useAccount, useWriteContract, useWaitForTransactionReceipt } from 'wagmi';\nimport { useEffect, useState } from 'react';\nimport { erc20Abi, parseUnits } from 'viem';\nimport { Button } from '../../../../components';\nimport { useAppKit } from '@reown/appkit/react';\nimport { USDT_ADDRESS } from '../../../../utils/addresses';\nimport { useSafeStarsConfig } from '../../SafeStarsContext';\n\ntype EthPaymentProps = {\n cryptoDeposit: { address: string, amount: string };\n paymentStatus: 'init' | 'loading' | 'success' | 'error';\n setPaymentStatus: (status: 'init' | 'loading' | 'success' | 'error') => void;\n};\n\nexport default function EthPayment({\n cryptoDeposit,\n paymentStatus: status,\n setPaymentStatus: setStatus\n}: EthPaymentProps) {\n const { isConnected, address } = useAccount();\n const [isReady, setIsReady] = useState(false);\n const { open } = useAppKit();\n const usdtAddress = USDT_ADDRESS.arbitrum;\n const { config } = useSafeStarsConfig();\n\n const { writeContract, isPending, data: hash } = useWriteContract();\n \n const { isLoading: isConfirming, isSuccess } = useWaitForTransactionReceipt({\n hash,\n });\n\n const sendPayment = async () => {\n if (!cryptoDeposit || !isConnected) {\n setStatus('error');\n return;\n }\n\n try {\n setStatus('loading');\n \n const amount = parseUnits(cryptoDeposit.amount.toString(), 6);\n writeContract({\n address: usdtAddress as `0x${string}`,\n abi: erc20Abi,\n functionName: 'transfer',\n args: [cryptoDeposit.address as `0x${string}`, amount]\n });\n } catch (error) {\n console.error('Error sending payment:', error);\n setStatus('error');\n }\n };\n\n useEffect(() => {\n setIsReady(isConnected);\n }, [isConnected]);\n\n useEffect(() => {\n if (isSuccess) {\n setStatus('success');\n }\n }, [isSuccess, setStatus]);\n\n if (!config.alchemyApiKey) {\n return null;\n }\n \n return (\n Подлючите кошелек чтобы оплатить напрямую
\n\n \n {status === 'loading' ? 'Отправка...' : status === 'success' ? 'Оплачено' : `Отправить ${cryptoDeposit.amount} USDT`}\n \n
\n \n
\n );\n}","import { Coin, Payment } from \"../types\";\n\ntype Data = {\n username: string;\n amount: number;\n stars_amount: number;\n coin: Coin;\n};\n\nexport const makeCryptoDeposit = async ({ username, amount, stars_amount, coin }: Data): PromiseПодключите кошелек чтобы оплатить напрямую
\n \n {!isConnected ? (\n \n ) : (\n\n
\n )}\n \n Подключен: {address?.substring(0, 6)}...{address?.substring(address.length - 4)}
\n\n \n {status === 'loading' || isPending || isConfirming ? 'Отправка...' : \n status === 'success' ? 'Оплачено' : \n `Отправить ${cryptoDeposit.amount} USDT`}\n \n
\n \n
\n )}\n \n )}\n\n {onBack && onContinue && (\n \n Покупка {userData.starsCount} звезд для пользователя {userData.username}\n
\n\n {status === 'loading' && (\n\n
\n )}\n {status === 'error' && (\n \n
\n )}\n {status === 'success' && (\n \n Произошла ошибка\n
\n\n {depositUrl && paymentMethod === 'RUB' && (\n copyToClipboard(cryptoDeposit.amount, 'amount')}\n >\n
\n\n {networkName === 'TON' && (\n \n window.open(depositUrl, '_blank', 'noopener,noreferrer')}\n size=\"sm\"\n className=\"mx-auto\"\n >\n Открыть в новой вкладке\n \n
\n )}\n {cryptoDeposit && paymentMethod && COINS.includes(paymentMethod) && (\n \n
\n \n copyToClipboard(cryptoDeposit.address, 'address')}\n >\n
\n\n \n Переведите точную сумму на указанный адрес в сети {networkName}\n
\n\nАдрес {copied === 'address' ? Скопировано : ''}
\n{cryptoDeposit.address}
\nСумма {copied === 'amount' ? Скопировано : ''}
\n{cryptoDeposit.amount} USDT
\n\n \n \n Готово\n \n
\n )}\n \n );\n};\n\nexport default PaymentForm; ","import { Button } from \"../../../components\";\n\ntype SuccessModalProps = {\n userData: {\n username: string;\n starsCount: number;\n };\n onClose: () => void;\n onBack: () => void;\n};\n\nconst SuccessModal = ({ userData, onClose, onBack }: SuccessModalProps) => {\n return (\n \n
\n );\n};\n\nexport default SuccessModal;\n","import { useEffect, useState } from 'react';\nimport BuyForm from './BuyForm/BuyForm';\nimport PaymentMethodSelection from './PaymentMethodSelection/PaymentMethodSelection';\nimport PaymentForm from './PaymentForm/PaymentForm';\nimport SuccessModal from './SuccessModal/SuccessModal';\nimport { Drawer } from '../../components';\nimport { Coin, Payment } from '../../types';\nimport { BuyStarsData } from './SafeStarsContext';\n\ntype BuyStarsDrawerProps = {\n formData: BuyStarsData;\n setFormData: (data: BuyStarsData) => void;\n isOpen: boolean;\n onClose: () => void;\n skipFirstStep: boolean;\n};\n\ntype Step = 'form' | 'payment-method' | 'payment' | 'success';\n\nconst BuyStarsDrawer = (props: BuyStarsDrawerProps) => {\n const { formData, setFormData, isOpen, onClose, skipFirstStep } = props;\n\n const [step, setStep] = useState\n Покупка {userData.starsCount} звезд для пользователя {userData.username}\n
\n\n\n Звезды будут автоматически зачислены на счет пользователя в течение 5 минут после подтверждения платежа.\n
\n\n\n \n \n Закрыть\n \n
\n