// Define wfacp_frontend if not already defined
if (typeof wfacp_frontend === 'undefined') {
    window.wfacp_frontend = {
        is_mobile_phone: 'no',
        is_desktop: 'yes',
        stripe_smart_show_on_desktop: 'no',
        smart_button_hide_timeout: 200,
        smart_button_hide_timeout_m: 200,
        smart_button_wrappers: {
            "dynamic_buttons": {
                "#wfacp_smart_button_stripe_gpay_apay": "#wfacp_smart_button_stripe_gpay_apay",
                "#wfacp_smart_button_wc_payment_gpay_apay #wcpay-payment-request-button": "#wfacp_smart_button_wc_payment_gpay_apay",
                "#wfacp_smart_button_wc_payment_gpay_apay #wcpay-express-checkout-element": "#wfacp_smart_button_wc_payment_gpay_apay",
                "#wfacp_smart_button_wc_payment_woo_pay #wcpay-woopay-button": "#wfacp_smart_button_wc_payment_woo_pay",
                "#wfacp_smart_button_woo_braintree_braintree_paypal .wc_braintree_banner_gateway_braintree_paypal": "#wfacp_smart_button_woo_braintree_braintree_paypal",
                "#wfacp_smart_button_woo_braintree_braintree_googlepay .wc_braintree_banner_gateway_braintree_googlepay": "#wfacp_smart_button_woo_braintree_braintree_googlepay",
                "#wfacp_smart_button_woo_braintree_braintree_applepay .wc_braintree_banner_gateway_braintree_applepay": "#wfacp_smart_button_woo_braintree_braintree_applepay",
                "#wfacp_smart_button_paymentplugins_wc_stripe .banner_payment_method_stripe_googlepay": "#wfacp_smart_button_paymentplugins_wc_stripe",
                "#wfacp_smart_button_paymentplugins_wc_stripe .banner_payment_method_stripe_applepay": "#wfacp_smart_button_paymentplugins_wc_stripe",
                "#wfacp_smart_button_paymentplugins_wc_stripe .banner_payment_method_stripe_payment_request": "#wfacp_smart_button_paymentplugins_wc_stripe",
                "#wfacp_smart_button_paypal_express #checkout_paypal_message .angelleye_smart_button_checkout_top": "#wfacp_smart_button_paypal_express",
                "#wfacp_smart_button_angelleye_ppcp #angelleye_ppcp_checkout_top": "#wfacp_smart_button_angelleye_ppcp",
                "#wfacp_smart_button_wc_braintree .sv-wc-apple-pay-button": "#wfacp_smart_button_wc_braintree",
                "#wfacp_smart_button_fkwcs_google_pay": "#wfacp_smart_button_fkwcs_google_pay"
            },
            "no_conflict_buttons": [
                "#wfacp_smart_button_amazon_pay #pay_with_amazon",
                "#wfacp_smart_button_wffn_fake_cc",
                "#wfacp_smart_button_wffn_fake_paypal",
                "#wfacp_smart_button_paymentplugins_wc_ppcp",
                "#wfacp_smart_button_funnelkit_paypal"
            ]
        }
    };
}

(function ($) {
    class WFACP_Smart_Button_JS {
        constructor() {
            this.smart_button_id = '#wfacp_smart_buttons';
            this.loading_gif = 'wfacp-dynamic-checkout-loading';
            this.button_displayed = false;
            this._showHideTimer = null;
            this._amazonTimer = null;
            this.available_buttons = {};
            this.wcEvents();


        }

        wcEvents() {

            if (document.readyState !== 'loading') {
                this.DOMLoaded();
            } else {
                document.addEventListener('DOMContentLoaded', () => {
                    this.DOMLoaded();
                });
            }
        }

        isMobilePhone() {
            return ('yes' === wfacp_frontend.is_mobile_phone);
        }

        showShimmer() {
            $('#wfacp_smart_buttons').removeClass('wfacp_smart_buttons_active');
            $('.wfacp_single_btn_shimmer').show();
            $('.fkwcs_smart_button_trigger').removeClass('hide').show();
        }

        DOMLoaded() {
            window.addEventListener('keydown', (e) => {
                if (e.key === 'F5' || (e.ctrlKey && e.key === 'r') || (e.metaKey && e.key === 'r')) {
                    this.showShimmer()
                }
            });
            window.addEventListener('load', (e) => {
                const navEntries = performance.getEntriesByType("navigation");
                const navType = navEntries.length > 0 ? navEntries[0].type : performance.navigation.type;

                if (navType === 'reload' || navType === 1) {
                    this.showShimmer()
                }
            });

            window.addEventListener('unload', (e) => {
                this.showShimmer()
            });
            $(document.body).on('updated_checkout', () => {
                this.handleCheckout();
            });
            $(document.body).on('fkwcs_generate_smart_buttons', (e, ...args) => {
                this.fkwcs_smart_buttons_shown();
            });
			// For old stripe express checkout
			$(document.body).on('fkwcs_smart_buttons_showed', (e, ...args) => {
                this.fkwcs_smart_buttons_shown();
            });
			$(document.body).on('fkwcs_google_ready_pay', (e, ...args) => {
                this.fkwcs_smart_buttons_shown();
            });
			this.checkButtons();
			$(document.body).trigger('wfacp_smart_buttons_dom_loaded');
        }

        fkwcs_smart_buttons_shown() {
            this.handleCheckout();
        }

        updateWrapperClass(update_count = false) {


            let btn_counts = Object.keys(this.available_buttons).length;
            if (btn_counts > 0) {
                $('.wfacp_smart_button_outer_buttons').attr('count', btn_counts);
            }
        }


        handleCheckout() {
            this.handleAmazonShadowButton();
            this.updateWrapperClass();
            this.show_hide_smart_button();

        }

        /**
         * Handle Funnel Kit Gateway Smart buttons
         */
        handleWfgsGateway() {
            let wfgs_stripe = $('#wfacp_smart_button_fkwcs_gpay_apay');

            if (wfgs_stripe.length === 0) {
                return;
            }
            wfgs_stripe.show();
            this.showButton('#wfacp_smart_button_fkwcs_gpay_apay');
            this.showButtons(true);
            let fkwcs_buttons = $('.fkwcs_stripe_smart_button_wrapper');
            if ($('.wfacp_smart_button_container').length === 1 && fkwcs_buttons.length === 1 && false === fkwcs_buttons.is(":visible")) {
                this.hideButtons();
            }
        }

        show_hide_smart_button() {
            let hideTimeout = 200;

            if ('yes' === wfacp_frontend.is_desktop && 'yes' === wfacp_frontend.stripe_smart_show_on_desktop) {
                hideTimeout = wfacp_frontend.smart_button_hide_timeout
            } else if ('no' === wfacp_frontend.is_desktop) {
                hideTimeout = wfacp_frontend.smart_button_hide_timeout_m
            }
            if (true == this.button_displayed) {
                hideTimeout = this.isMobilePhone() ? 500 : 100;
            }

            // Cancel any in-flight visibility timer so overlapping updated_checkout
            // events do not stack timers and toggle the wrapper repeatedly.
            if (null !== this._showHideTimer) {
                clearTimeout(this._showHideTimer);
            }

            this._showHideTimer = setTimeout(() => {
                if (true === this.button_displayed) {
                    /**
                     * Handle for Funnelkit Stripe
                     */
                    let fkwcs_buttons = $('.fkwcs_stripe_smart_button_wrapper');
                    if ($('.wfacp_smart_button_container').length === 1 && fkwcs_buttons.length === 1 && false === fkwcs_buttons.is(":visible")) {
                        this.hideButtons();
                    } else {
                        this.showButtons();
                        $('#wfacp_smart_buttons').addClass('wfacp_smart_buttons_active');
                    }

                } else {
                    this.hideButtons();
                }
            }, hideTimeout);

        }


        getAvailableButtons() {
            return wfacp_frontend.smart_button_wrappers.dynamic_buttons;
        }

        noConflictButton() {
            return wfacp_frontend.smart_button_wrappers.no_conflict_buttons;
        }

        checkButtons() {

            let noConflictButtons = this.noConflictButton();
            for (let c = 0; c < noConflictButtons.length; c++) {
                this.findButtonElements(noConflictButtons[c]);
            }
            let buttons = this.getAvailableButtons();

            for (let i in buttons) {
                let parent = buttons[i];
                this.domInsert(parent, i);
            }
        }

        findButtonElements(id) {
            let container = document.querySelector(id);
            if (null != container) {
                this.showButton(id);
                this.showButtonOnMobile();
            }
        }


        domInsert(parent, selector) {
            let container = document.querySelector(selector);

            if (null == container) {
                return;
            }

            if (window.MutationObserver) {
				window.fkwcs_smart_buttons_shown_t1 = true;
                const observer = new MutationObserver((mutationsList) => {
                    for (let mutation of mutationsList) {
                        if (mutation.type === 'childList') {
                            observer.disconnect();
                            this.showButton(parent);
                            this.showButtonOnMobile();
                            return;
                        }
                    }
                });

                observer.observe(container, {childList: true, subtree: true});
            } else {
                // Fallback code for older browsers that do not support MutationObserver
                container.addEventListener('DOMNodeInserted', () => {
                    this.showButton(parent);
                    this.showButtonOnMobile();
                });
            }
        }

        showButtonOnMobile() {
            if (this.isMobilePhone() && Object.keys(this.available_buttons).length > 0) {
                this.showButtons();
            }
        }

        showButton(button_id) {
            let p = document.querySelector(button_id);
            if (null != p) {
                this.available_buttons[button_id] = 'yes';
                p.style.display = 'block';
                this.updateWrapperClass(true);
                this.button_displayed = true;
            }
        }

        fkwcs_smart_buttons_ready(force = false) {
            return true;
        }

        showButtons(force = false) {


            if (false === this.fkwcs_smart_buttons_ready(force) && force === false) {
                console.log('Funnel Kit Smart Buttons not ready');
                return;
            }

            let smart_buttons = document.querySelector(this.smart_button_id);

            if (null == smart_buttons) {
                return;
            }
            smart_buttons.style.display = 'block';
            smart_buttons.classList.remove(this.loading_gif);
            this.button_displayed = true;
            $('span.wfacp_single_btn_shimmer').hide();
            $('.fkwcs_smart_button_trigger').addClass('hide');

            this.handleAmazonButton(smart_buttons);

        }


        handleAmazonButton() {

            let amazon_id = document.querySelector('#pay_with_amazon .amazonpay-button-inner-image');
            if (null == amazon_id) {
                return;
            }
            document.querySelector('#pay_with_amazon').classList.add("wfacp-amazon-active-image");

        }

        handleAmazonShadowButton() {

            let smart_buttons_wrapper = null;
            if ($('.wfacp_smart_button_container .wc-amazon-payments-advanced-populated').length > 0) {
                smart_buttons_wrapper = $('#wfacp_smart_buttons');
                smart_buttons_wrapper.addClass('wfacp_amazon_blocked');
            }


            if (null !== this._amazonTimer) {
                clearTimeout(this._amazonTimer);
            }

            this._amazonTimer = setTimeout(() => {
                let element = document.getElementById('pay_with_amazon');
                if (null === element) {
                    return;
                }

                if (typeof element.shadowRoot == "object" && null !== element.shadowRoot) {
                    element.shadowRoot.innerHTML = '';
                    $('#pay_with_amazon').css('opacity', '1');
                }
                this.findButtonElements('#wfacp_smart_button_amazon_pay #pay_with_amazon');
                if (null !== smart_buttons_wrapper) {
                    smart_buttons_wrapper.removeClass('wfacp_amazon_blocked');
                }
            }, 500);


        }

        hideButtons() {
            let smart_buttons = document.querySelector(this.smart_button_id);
            if (null == smart_buttons) {
                return;
            }
            smart_buttons.style.display = 'none';
            this.button_displayed = false;
        }
    }

    new WFACP_Smart_Button_JS();
})(jQuery);
