ecommerceTracking()

nebula.ecommerceTracking = async function(){
    if ( nebula.site?.ecommerce ){
        //Add to Cart clicks
        nebula.dom.document.on('click', 'a.add_to_cart, .single_add_to_cart_button', function(e){ //@todo "Nebula" 0: is there a trigger from WooCommerce this can listen for?
            let thisEvent = {
                event: e,
                category: 'Ecommerce',
                action: 'Add to Cart', //GA4 Name: "add_to_cart"
                product: jQuery(this).attr('data-product_id')
            };

            nebula.dom.document.trigger('nebula_event', thisEvent);
            ga('send', 'event', thisEvent.category, thisEvent.action, thisEvent.product);
            window.dataLayer.push(Object.assign(thisEvent, {'event': 'nebula-add-to-cart'}));
            if ( typeof fbq === 'function' ){fbq('track', 'AddToCart');}
            if ( typeof clarity === 'function' ){clarity('set', thisEvent.category, thisEvent.action);}
            nebula.crm('event', 'Ecommerce Add to Cart');
        });

        //Update cart clicks
        nebula.dom.document.on('click', '.button[name="update_cart"]', function(e){
            let thisEvent = {
                event: e,
                category: 'Ecommerce',
                action: 'Update Cart Button',
                label: 'Update Cart button click'
            };

            nebula.dom.document.trigger('nebula_event', thisEvent);
            ga('send', 'event', thisEvent.category, thisEvent.action, thisEvent.label);
            window.dataLayer.push(Object.assign(thisEvent, {'event': 'nebula-update-cart'}));
            nebula.crm('event', 'Ecommerce Update Cart');
        });

        //Product Remove buttons
        nebula.dom.document.on('click', '.product-remove a.remove', function(e){
            let thisEvent = {
                event: e,
                category: 'Ecommerce',
                action: 'Remove This Item', //GA4 Name: "remove_from_cart"
                product: jQuery(this).attr('data-product_id')
            };

            nebula.dom.document.trigger('nebula_event', thisEvent);
            ga('send', 'event', thisEvent.category, thisEvent.action, thisEvent.product);
            window.dataLayer.push(Object.assign(thisEvent, {'event': 'nebula-remove-item'}));
            nebula.crm('event', 'Ecommerce Remove From Cart');
        });

        //Proceed to Checkout
        nebula.dom.document.on('click', '.wc-proceed-to-checkout .checkout-button', function(e){
            let thisEvent = {
                event: e,
                category: 'Ecommerce',
                action: 'Proceed to Checkout Button', //GA4 Name: "begin_checkout"
                label: 'Proceed to Checkout button click'
            };

            nebula.dom.document.trigger('nebula_event', thisEvent);
            ga('send', 'event', thisEvent.category, thisEvent.action, thisEvent.label);
            window.dataLayer.push(Object.assign(thisEvent, {'event': 'nebula-proceed-to-checkout'}));
            if ( typeof fbq === 'function' ){fbq('track', 'InitiateCheckout');}
            if ( typeof clarity === 'function' ){clarity('set', thisEvent.category, thisEvent.action);}
            nebula.crm('event', 'Ecommerce Proceed to Checkout');
        });

        //Checkout form timing
        nebula.dom.document.on('click focus', '#billing_first_name', function(e){
            nebula.timer('(Nebula) Ecommerce Checkout', 'start');

            let thisEvent = {
                event: e,
                category: 'Ecommerce',
                action: 'Started Checkout Form', //GA4 Name: "checkout_progress"?
                label: 'Began filling out the checkout form (Billing First Name)'
            };

            nebula.dom.document.trigger('nebula_event', thisEvent);
            ga('send', 'event', thisEvent.category, thisEvent.action, thisEvent.label);
            window.dataLayer.push(Object.assign(thisEvent, {'event': 'nebula-started-checkout-form'}));
            nebula.crm('event', 'Ecommerce Started Checkout Form');
        });

        //Place order button
        nebula.dom.document.on('click', '#place_order', function(e){
            let thisEvent = {
                event: e,
                category: 'Ecommerce',
                action: 'Place Order Button', //GA4 Name: "purchase"
                label: 'Place Order button click'
            };

            ga('send', 'timing', 'Ecommerce', 'Checkout Form', Math.round(nebula.timer('(Nebula) Ecommerce Checkout', 'end')), 'Billing details start to Place Order button click');
            nebula.dom.document.trigger('nebula_event', thisEvent);
            ga('send', 'event', thisEvent.category, thisEvent.action, thisEvent.label);
            window.dataLayer.push(Object.assign(thisEvent, {'event': 'nebula-place-order-button'}));
            if ( typeof fbq === 'function' ){fbq('track', 'Purchase');}
            if ( typeof clarity === 'function' ){clarity('set', thisEvent.category, thisEvent.action);}
            nebula.crm('event', 'Ecommerce Placed Order');
            nebula.crm('identify', {hs_lifecyclestage_customer_date: 1}); //@todo "Nebula" 0: What kind of date format does Hubspot expect here?
        });
    }
};

nebula.ecommerceTracking = function(){
    //Write your own code here, leave it blank, or return false.
}