Merge pull request #112 from BEDOLAGA-DEV/dev

Dev

src/components/TopUpModal.tsx

@@ -207,7 +207,10 @@ export default function TopUpModal({ method, onClose, initialAmountRubles }: Top
         setError(t('balance.errors.noPaymentLink'));
         return;
       }
-      if (!webApp?.openInvoice) {
+      // openInvoice requires WebApp version 6.1+
+      const supportsInvoice =
+        webApp?.openInvoice && webApp?.isVersionAtLeast && webApp.isVersionAtLeast('6.1');
+      if (!supportsInvoice) {
         setError(t('balance.errors.starsOnlyInTelegram'));
         return;
       }

src/pages/Wheel.tsx

@@ -207,8 +207,12 @@ export default function Wheel() {
   const starsInvoiceMutation = useMutation({
     mutationFn: wheelApi.createStarsInvoice,
     onSuccess: (data) => {
-      if (window.Telegram?.WebApp?.openInvoice) {
-        window.Telegram.WebApp.openInvoice(data.invoice_url, async (status) => {
+      const webApp = window.Telegram?.WebApp;
+      // openInvoice requires WebApp version 6.1+
+      const supportsInvoice =
+        webApp?.openInvoice && webApp?.isVersionAtLeast && webApp.isVersionAtLeast('6.1');
+      if (supportsInvoice) {
+        webApp.openInvoice(data.invoice_url, async (status) => {
           if (status === 'paid') {
             // Mark this as a Stars spin so handleSpinComplete knows to use the pending result
             isStarsSpinRef.current = true;

src/vite-env.d.ts

@@ -85,6 +85,8 @@ interface TelegramWebApp {
     button_color?: string;
     button_text_color?: string;
   };
+  // Version check helper
+  isVersionAtLeast: (version: string) => boolean;
 }
 
 interface Window {