Micro-Frontend Blueprint Architect

Generated Micro-Frontend Blueprint:


        

    


    
    

    
    

        

            
            
Complete Crypto Payment

            
Please scan the QR code below to complete your payment.

            Crypto Payment QR Code
            
Payment Status: Waiting for payment...

        

    


    

    
    
    
    \n

\n`);


            zip.generateAsync({ type: "blob" })
                .then(function(content) {
                    saveAs(content, `${moduleName}-blueprint.zip`);
                    loadingSpinner.classList.remove('active');
                })
                .catch(error => {
                    console.error("Error zipping files:", error);
                    alert(translations[currentLanguage].downloadError);
                    loadingSpinner.classList.remove('active');
                });
            
            // Redirect to WhatsApp after generating.
            const whatsappLink = `https://wa.me/420607450436?text=${encodeURIComponent(waMessage)}`;
            // window.open(whatsappLink, '_blank'); // Open in new tab
        }

        // Event Listeners
        generateBtn.addEventListener('click', () => {
            if (isUnlocked) {
                generateBlueprint();
            } else if (usageCount < freeUseLimit) {
                incrementUsage();
                generateBlueprint();
            } else {
                showPaymentOverlay();
                alert(translations[currentLanguage].usageLimitReached);
            }
        });

        btnHubSubscription.addEventListener('click', async () => {
            const user = auth.currentUser;
            if (user) {
                await createStripeSession(widgetSlug, 4900, translations[currentLanguage].hubPanelTitle, true);
            } else {
                // User not logged in, redirect to dashboard for login/signup
                window.location.href = "https://pixeloffice.eu/dashboard.html";
            }
        });

        btnOneTimePayment.addEventListener('click', () => {
            createStripeSession(widgetSlug, 199, translations[currentLanguage].oneTimePanelTitle);
        });

        btnCryptoPayment.addEventListener('click', () => {
            requestCryptoPayment(widgetSlug, 199, translations[currentLanguage].cryptoPanelTitle);
        });

        // Initialize on DOMContentLoaded
        document.addEventListener('DOMContentLoaded', initializeWidgetState);