(function( $ ) {
	'use strict';

	/**
	 * All of the code for your public-facing JavaScript source
	 * should reside in this file.
	 *
	 * Note: It has been assumed you will write jQuery code here, so the
	 * $ function reference has been prepared for usage within the scope
	 * of this function.
	 *
	 * This enables you to define handlers, for when the DOM is ready:
	 *
	 * $(function() {
	 *
	 * });
	 *
	 * When the window is loaded:
	 *
	 * $( window ).load(function() {
	 *
	 * });
	 *
	 * ...and/or other possibilities.
	 *
	 * Ideally, it is not considered best practise to attach more than a
	 * single DOM-ready or window-load handler for a particular page.
	 * Although scripts in the WordPress core, Plugins and Themes may be
	 * practising this, we should strive to set a better example in our own work.
	 */
	 jQuery(document).ready(function(){
	     
	     
	     jQuery(document).on('click','#share-cart-url-button-container a',function(e){
			e.preventDefault();
			let url = share_cart_url_params.ajax_url + '?action=share_cart_for_woo_share&nonce=' + share_cart_url_params.nonce;
			block(jQuery('#share-cart-thickbox-modal'));
			tb_show( '', url );
			unblock(jQuery('#share-cart-thickbox-modal'));
			    
	     });
	     
	     var is_blocked = function( $node ) {
            return $node.is( '.processing' ) || $node.parents( '.processing' ).length;
        };

        var block = function( $node ) {
            if ( ! is_blocked( $node ) ) {
                $node.addClass( 'processing' ).block( {
                    message: null,
                    overlayCSS: {
                        background: '#fff',
                        opacity: 0.6
                    }
                } );
            }
        };

        var unblock = function( $node ) {
            $node.removeClass( 'processing' ).unblock();
        };
	 });
})( jQuery );