✏️ Editing: add-to-cart-single.js Writable

import $ from 'jquery'

function singleProductAddToCart(wrapper, event) {
	if (!$) return

var form = wrapper.closest('form')

var button = form.find(event.submitter)

var formUrl = $(form)[0].action

if (typeof formUrl !== 'string') {
		form.submit()

return
	}

var formMethod = form.attr('method')

if (typeof formMethod === 'undefined' || formMethod == '') {
		formMethod = 'POST'
	}

var formData = new FormData(form[0])
	formData.append(button.attr('name'), button.val())

const quantity = [...formData.entries()].reduce(
		(total, current) =>
			total +
			(current[0].indexOf('quantity') > -1
				? parseInt(current[1], 10)
				: 0),
		0
	)

if (quantity === 0) {
		// return
	}

if (form.closest('.quick-view-modal').length) {
		form.closest('.quick-view-modal')
			.find('.ct-quick-add')
			.removeClass('added')

form.closest('.quick-view-modal')
			.find('.ct-quick-add')
			.addClass('loading')
	}

button.removeClass('added')
	button.addClass('loading')

// Trigger event.

$(document.body).trigger('adding_to_cart', [
		button,
		[...formData.entries()].reduce((acc, [key, value]) => {
			acc[key] = value
			return acc
		}, {}),
	])

const url = new URL(formUrl)
	const searchParams = new URLSearchParams(url.search)
	searchParams.append('blocksy_add_to_cart', 'yes')

if (window.ct_customizer_localizations) {
		searchParams.set('wp_customize', 'on')
	}

url.search = searchParams.toString()

formUrl = url.toString()

fetch(formUrl, {
		method: formMethod,
		body: formData,

/*
		cache: false,
		contentType: false,
		processData: false,
        */
	})
		.then((r) => r.json())
		.then(({ success, data }) => {
			if (!success) {
				return
			}

const { notices, fragments, cart_hash } = data

const errorSelector =
				'.woocommerce-error, .wc-block-components-notice-banner.is-error'

const div = document.createElement('div')

div.innerHTML = notices

let error = div.querySelector(errorSelector)

if (error && error.innerHTML.length > 0) {
				let notices = document.querySelector(
					'.woocommerce-notices-wrapper'
				)

if (notices.querySelector(errorSelector)) {
					notices.querySelector(errorSelector).remove()
				}

if (notices) {
					notices.appendChild(error)
				}

return
			}

$(document.body).trigger('added_to_cart', [
				fragments,
				cart_hash,
				button,
			])

if (form.closest('.quick-view-modal').length) {
				form.closest('.quick-view-modal')
					.find('.ct-quick-add')
					.addClass('added')

form.closest('.quick-view-modal')
					.find('.ct-quick-add')
					.removeClass('loading')
			}
		})
		.catch(() => button.removeClass('loading'))
		.finally(() => button.removeClass('loading'))
}

export const mount = (el, { event }) => {
	if (!$) {
		return
	}

ctEvents.trigger('ct:header:update')

singleProductAddToCart($(el), event)
}

🔐 Sid Gifari File Manager Pro