add-to-cart-submit.js

import serialize from "form-serialize";

export function addToCartSubmit(event) {
	event.preventDefault();

	const form = event.target;

	let formData = serialize(form, {
		hash: true,
		disabled: true,
		empty: false
	});

	if (Array.isArray(formData.event_id)) {
		formData.event_id = formData.event_id.shift();
	}

	form.classList.add("adding");

	document.dispatchEvent(
		new CustomEvent("product:add", {
			detail: {
				items: [formData],
				callback: () => {
					setTimeout(() => {
						form.classList.remove("adding");
					}, 500);
				},
				errorCallback: () => {
					form.classList.remove("adding");
				}
			}
		})
	);
}