Gereksinimler ve Uyumluluk

function checkBrowserCompatibility() {
    // Modern JavaScript özellikleri kontrolü
    const checks = {
        promise: typeof Promise !== 'undefined',
        fetch: typeof fetch !== 'undefined',
        async: (function() {
            try {
                new Function('async () => {}')();
                return true;
            } catch (e) {
                return false;
            }
        })(),
        objectEntries: typeof Object.entries === 'function',
        arrow: (function() {
            try {
                eval('() => {}');
                return true;
            } catch(e) {
                return false;
            }
        })(),
        spread: (function() {
            try {
                eval('let a = {...{}}');
                return true;
            } catch(e) {
                return false;
            }
        })()
    };

    // Tüm kontrolleri geç
    const isCompatible = Object.values(checks).every(check => check === true);

    if (!isCompatible) {
        console.error('Tarayıcı uyumluluk kontrolleri:', checks);
    }

    return isCompatible;
}

// Kullanım
if (!checkBrowserCompatibility()) {
    // Uyumluluk uyarısı göster
    document.getElementById('payment-container').innerHTML = `
        <div class="alert alert-warning">
            <h3>Tarayıcınız Desteklenmiyor</h3>
            <p>Güvenli ödeme yapabilmek için lütfen tarayıcınızı güncelleyin.</p>
            <p>Önerilen tarayıcılar: Chrome, Firefox, Safari, Edge</p>
        </div>
    `;
} else {
    // SDK'yı yükle
    const script = document.createElement('script');
    script.src = 'https://js.tahsilat.com/v1/tahsilat.js';
    document.head.appendChild(script);
}

<!-- Polyfill.io otomatik olarak eksik özellikleri algılar ve yükler -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=Promise,fetch,Object.entries,Object.assign,Array.from,Symbol,Map,WeakSet"></script>

<!-- Async/await için regenerator runtime -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/runtime.min.js"></script>

<!-- SDK -->
<script src="https://js.tahsilat.com/v1/tahsilat.js"></script>

// Promise polyfill
if (!window.Promise) {
    document.write('<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"><\/script>');
}

// Fetch polyfill
if (!window.fetch) {
    document.write('<script src="https://unpkg.com/[email protected]/dist/fetch.umd.js"><\/script>');
}

// Object.entries polyfill
if (!Object.entries) {
    Object.entries = function(obj) {
        var ownProps = Object.keys(obj),
            i = ownProps.length,
            resArray = new Array(i);
        while (i--)
            resArray[i] = [ownProps[i], obj[ownProps[i]]];
        return resArray;
    };
}

class TahsilatFallback {
    constructor() {
        this.checkInterval = setInterval(() => {
            this.checkSDK();
        }, 1000);

        // 10 saniye sonra timeout
        setTimeout(() => {
            if (!window.TahsilatSDK) {
                this.showFallback();
                clearInterval(this.checkInterval);
            }
        }, 10000);
    }

    checkSDK() {
        if (window.TahsilatSDK) {
            clearInterval(this.checkInterval);
            this.initializeSDK();
        }
    }

    initializeSDK() {
        const tahsilat = new TahsilatSDK('pk_test_xxx');
        // Normal SDK kullanımı
    }

    showFallback() {
        document.getElementById('payment-container').innerHTML = `
            <div class="fallback-payment">
                <h3>Alternatif Ödeme Yöntemi</h3>
                <p>Otomatik ödeme sistemi yüklenemedi.</p>
                <a href="/manual-payment" class="btn btn-primary">
                    Manuel Ödeme Sayfasına Git
                </a>
            </div>
        `;
    }
}

// Başlat
new TahsilatFallback();

// Detaylı hata yakalama
window.addEventListener('error', function(e) {
    if (e.filename && e.filename.includes('tahsilat.js')) {
        console.error('Tahsilat SDK Hatası:', {
            message: e.message,
            filename: e.filename,
            lineno: e.lineno,
            colno: e.colno
        });

        // Kullanıcıya bilgi ver
        alert('Ödeme sistemi yüklenirken bir hata oluştu. Lütfen sayfayı yenileyin.');
    }
});