// source --> https://she-ceramics.ch/wp-content/plugins/bookly-addon-customer-cabinet/frontend/modules/customer_cabinet/resources/js/customer-cabinet.js?ver=6.7
(function ($) {
'use strict';
window.booklyCustomerCabinet = function (Options) {
let $container = $('.' + Options.form_id);
if (!$container.length) {
return;
}
let $tabs = $('.bookly-js-tabs li a', $container),
sections_ready = [];
// Appointments section
function initAppointments($container) {
var $appointments_table = $('.bookly-appointments-list', $container),
$reschedule_dialog = $('#bookly-customer-cabinet-reschedule-dialog', $container),
$reschedule_date = $('#bookly-reschedule-date', $reschedule_dialog),
$reschedule_time = $('#bookly-reschedule-time', $reschedule_dialog),
$reschedule_error = $('#bookly-reschedule-error', $reschedule_dialog),
$reschedule_save = $('#bookly-save', $reschedule_dialog),
$cancel_dialog = $('#bookly-customer-cabinet-cancel-dialog', $container),
$cancel_button = $('#bookly-yes', $cancel_dialog),
$cancel_reason = $('#bookly-cancel-reason', $cancel_dialog),
$cancel_reason_error = $('#bookly-cancel-reason-error', $cancel_dialog),
appointments_columns = [],
$appointmentDateFilter = $('#bookly-filter-date'),
$staffFilter = $('#bookly-filter-staff'),
$serviceFilter = $('#bookly-filter-service'),
row;
Object.keys(Options.appointment_columns).map(function (objectKey) {
let column = Options.appointment_columns[objectKey];
switch (column) {
case 'date':
appointments_columns.push({data: 'start_date', responsivePriority: 1});
break;
case 'location':
appointments_columns.push({
data: 'location',
responsivePriority: 4,
render: $.fn.dataTable.render.text()
});
break;
case 'service':
appointments_columns.push({
data: 'service.title', responsivePriority: 3, render: function (data, type, row, meta) {
data = $.fn.dataTable.render.text().display(data);
if (row.service.extras.length) {
var extras = '';
$.each(row.service.extras, function (key, item) {
extras += '- ' + item.title + '
';
});
extras += '
';
return data + extras;
} else {
return data;
}
}
});
break;
case 'staff':
appointments_columns.push({
data: 'staff_name',
responsivePriority: 3,
render: $.fn.dataTable.render.text()
});
break;
case 'status':
appointments_columns.push({
data: 'status',
responsivePriority: 3,
render: $.fn.dataTable.render.text()
});
break;
case 'category':
appointments_columns.push({
data: 'category',
responsivePriority: 4,
render: $.fn.dataTable.render.text()
});
break;
case 'duration':
appointments_columns.push({
data: 'duration',
responsivePriority: 4,
render: $.fn.dataTable.render.text()
});
break;
case 'online_meeting':
appointments_columns.push({
data: 'online_meeting_provider',
render: function (data, type, row, meta) {
switch (data) {
case 'zoom':
return ' Zoom ';
case 'google_meet':
return ' Google Meet ';
case 'jitsi':
return ' Jitsi Meet ';
case 'bbb':
return ' BigBlueButton ';
default:
return '';
}
}
});
break;
case 'join_online_meeting':
appointments_columns.push({
data: 'online_meeting_provider',
render: function (data, type, row, meta) {
switch (data) {
case 'zoom':
return ' Zoom ';
case 'google_meet':
return ' Google Meet ';
case 'jitsi':
return ' Jitsi Meet ';
case 'bbb':
return ' BigBlueButton ';
default:
return '';
}
}
});
break;
case 'price':
appointments_columns.push({
data: 'price',
responsivePriority: 3,
render: function (data, type, row, meta) {
if (row.payment_id !== null) {
return '';
}
return data;
}
});
break;
case 'cancel':
appointments_columns.push({
data: 'ca_id',
render: function (data, type, row, meta) {
switch (row.allow_cancel) {
case 'expired' :
return BooklyCustomerCabinetL10n.expired_appointment;
case 'blank' :
return '';
case 'allow' :
return '';
case 'deny':
return BooklyCustomerCabinetL10n.deny_cancel_appointment;
}
},
responsivePriority: 2,
orderable: false
});
break;
case 'reschedule':
appointments_columns.push({
data: 'ca_id',
render: function (data, type, row, meta) {
switch (row.allow_reschedule) {
case 'expired' :
return BooklyCustomerCabinetL10n.expired_appointment;
case 'blank' :
return '';
case 'allow' :
return '';
case 'deny':
return BooklyCustomerCabinetL10n.deny_cancel_appointment;
}
},
responsivePriority: 2,
orderable: false
});
break;
default:
if (column.match("^custom_field")) {
appointments_columns.push({
data: 'custom_fields.' + column.substring(13),
render: $.fn.dataTable.render.text(),
responsivePriority: 3,
orderable: false
});
}
break;
}
});
// Date range filter
let pickerRanges = {};
pickerRanges[BooklyCustomerCabinetL10n.dateRange.anyTime] = [moment(), moment().add(100, 'years')];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.yesterday] = [moment().subtract(1, 'days'), moment().subtract(1, 'days')];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.today] = [moment(), moment()];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.tomorrow] = [moment().add(1, 'days'), moment().add(1, 'days')];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.last_7] = [moment().subtract(7, 'days'), moment()];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.last_30] = [moment().subtract(30, 'days'), moment()];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.next_7] = [moment(), moment().add(7, 'days')];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.next_30] = [moment(), moment().add(30, 'days')];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.thisMonth] = [moment().startOf('month'), moment().endOf('month')];
pickerRanges[BooklyCustomerCabinetL10n.dateRange.nextMonth] = [moment().add(1, 'month').startOf('month'), moment().add(1, 'month').endOf('month')];
if (BooklyCustomerCabinetL10n.tasks.enabled) {
pickerRanges[BooklyCustomerCabinetL10n.tasks.title] = [moment(), moment().add(1, 'days')];
}
$appointmentDateFilter.daterangepicker(
{
parentEl: $appointmentDateFilter.closest('div'),
startDate: moment(),
endDate: moment().add(100, 'years'),
ranges: pickerRanges,
showDropdowns: true,
linkedCalendars: false,
autoUpdateInput: false,
locale: $.extend({}, BooklyCustomerCabinetL10n.dateRange, BooklyL10nGlobal.datePicker)
},
function (start, end, label) {
switch (label) {
case BooklyCustomerCabinetL10n.tasks.title:
$appointmentDateFilter
.data('date', 'null')
.find('span')
.html(BooklyCustomerCabinetL10n.tasks.title);
break;
case BooklyCustomerCabinetL10n.dateRange.anyTime:
$appointmentDateFilter
.data('date', 'any')
.find('span')
.html(BooklyCustomerCabinetL10n.dateRange.anyTime);
break;
default:
$appointmentDateFilter
.data('date', start.format('YYYY-MM-DD') + ' - ' + end.format('YYYY-MM-DD'))
.find('span')
.html(start.format(BooklyCustomerCabinetL10n.dateRange.format) + ' - ' + end.format(BooklyCustomerCabinetL10n.dateRange.format));
}
}
).data('date', 'any').find('span')
.html(BooklyCustomerCabinetL10n.dateRange.anyTime);
$('.bookly-js-select')
.val(null)
.booklySelect2({
width: '100%',
theme: 'bootstrap4',
dropdownParent: '#bookly-tbs',
allowClear: true,
placeholder: '',
language: {
noResults: function () {
return BooklyCustomerCabinetL10n.no_result_found;
}
},
});
/**
* Init DataTables.
*/
var appointments_datatable = $appointments_table.DataTable({
order: [[0, 'desc']],
info: false,
lengthChange: false,
pageLength: 10,
pagingType: 'numbers',
searching: false,
processing: true,
responsive: true,
serverSide: true,
ajax: {
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: function (d) {
return $.extend({
action: 'bookly_customer_cabinet_get_appointments',
appointment_columns: Options.appointment_columns,
show_timezone: Options.show_timezone ? 1 : 0,
csrf_token: BooklyL10nGlobal.csrf_token,
time_zone: typeof Intl === 'object' ? Intl.DateTimeFormat().resolvedOptions().timeZone : undefined,
time_zone_offset: new Date().getTimezoneOffset(),
date: $appointmentDateFilter.data('date'),
staff: $staffFilter.val(),
service: $serviceFilter.val(),
}, {
filter: {}
}, d);
}
},
columns: appointments_columns,
language: {
zeroRecords: BooklyCustomerCabinetL10n.zeroRecords,
processing: BooklyCustomerCabinetL10n.processing,
emptyTable: BooklyCustomerCabinetL10n.emptyTable,
loadingRecords: BooklyCustomerCabinetL10n.loadingRecords
},
layout: {
bottomStart: 'paging',
bottomEnd: null
}
});
function onChangeFilter() {
appointments_datatable.ajax.reload();
}
$appointmentDateFilter.on('apply.daterangepicker', onChangeFilter);
$staffFilter.on('change', onChangeFilter);
$serviceFilter.on('change', onChangeFilter);
$appointments_table.on('click', 'button', function () {
if ($(this).closest('tr').hasClass('child')) {
row = appointments_datatable.row($(this).closest('tr').prev().find('td:first-child'));
} else {
row = appointments_datatable.row($(this).closest('td'));
}
});
// Cancel appointment dialog
$cancel_button.on('click', function () {
if ($cancel_reason.length && $cancel_reason.val() === '') {
$cancel_reason_error.show();
} else {
var ladda = Ladda.create(this);
ladda.start();
$.ajax({
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: {
action: 'bookly_customer_cabinet_cancel_appointment',
csrf_token: BooklyL10nGlobal.csrf_token,
ca_id: row.data().ca_id,
reason: $cancel_reason.val()
},
dataType: 'json',
success: function (response) {
ladda.stop();
if (response.success) {
$cancel_dialog.booklyModal('hide');
appointments_datatable.ajax.reload(null, false);
} else {
booklyAlert({error: [BooklyCustomerCabinetL10n.errors.cancel]});
}
}
});
}
});
// Reschedule appointment dialog
$reschedule_date.daterangepicker(
{
parentEl: '#bookly-customer-cabinet-reschedule-dialog',
singleDatePicker: true,
showDropdowns: true,
autoUpdateInput: true,
minDate: moment().add(BooklyCustomerCabinetL10n.minDate, 'days'),
maxDate: moment().add(BooklyCustomerCabinetL10n.maxDate, 'days'),
locale: BooklyL10nGlobal.datePicker
},
function () {}
).on('change', function () {
$reschedule_save.prop('disabled', true);
$reschedule_time.html('');
$reschedule_error.hide();
$.ajax({
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: {
action: 'bookly_customer_cabinet_get_day_schedule',
csrf_token: BooklyL10nGlobal.csrf_token,
ca_id: row.data().ca_id,
date: $reschedule_date.data('daterangepicker').startDate.format('YYYY-MM-DD')
},
dataType: 'json',
success: function (response) {
if (response.data.length) {
var time_options = response.data[0].options;
$.each(time_options, function (index, option) {
var $option = $('');
$option.text(option.title).val(option.value);
if (option.disabled) {
$option.attr('disabled', 'disabled');
}
$reschedule_time.append($option);
});
$reschedule_save.prop('disabled', false);
} else {
$reschedule_error.text(BooklyCustomerCabinetL10n.noTimeslots).show();
}
}
});
});
$reschedule_dialog.on('show.bs.modal', function (e) {
if (row.data().full_day) {
$reschedule_time.parent(2).hide();
} else {
$reschedule_time.parent(2).show();
}
let previous = $reschedule_date.data('daterangepicker').startDate.format('YYYY-MM-DD');
$reschedule_date.data('daterangepicker').setStartDate(moment(row.data().raw_start_date));
$reschedule_date.data('daterangepicker').setEndDate(moment(row.data().raw_start_date));
$reschedule_date.data('daterangepicker').maxDate = row.data().raw_end_date === null
? moment().add(BooklyCustomerCabinetL10n.maxDate, 'days')
: moment(row.data().raw_end_date);
if (previous === $reschedule_date.data('daterangepicker').startDate.format('YYYY-MM-DD')) {
// Even if the date hasn't changed, forcibly inform the object that it has been changed
$reschedule_date.trigger('change');
}
});
$reschedule_save.on('click', function (e) {
e.preventDefault();
var ladda = Ladda.create(this);
ladda.start();
$.ajax({
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: {
action: 'bookly_customer_cabinet_save_reschedule',
csrf_token: BooklyL10nGlobal.csrf_token,
ca_id: row.data().ca_id,
slot: $reschedule_time.val(),
},
dataType: 'json',
success: function (response) {
ladda.stop();
if (response.success) {
$reschedule_dialog.booklyModal('hide');
appointments_datatable.ajax.reload(null, false);
} else {
booklyAlert({error: [BooklyCustomerCabinetL10n.errors.reschedule]});
}
}
});
});
$appointments_table.on('click', '[data-action=show-payment]', function () {
BooklyPaymentDetailsDialog.showDialog({
payment_id: row.data().payment_id
});
});
}
// Profile section
function initProfile($container) {
var $profile_content = $('.bookly-js-customer-cabinet-content-profile', $container),
$form = $('form', $profile_content),
$delete_btn = $('button.bookly-js-delete-profile', $profile_content),
$delete_modal = $('.bookly-js-customer-cabinet-delete-dialog', $container),
$delete_loading = $('.bookly-loading', $delete_modal),
$approve_deleting = $('.bookly-js-approve-deleting', $delete_modal),
$denied_deleting = $('.bookly-js-denied-deleting', $delete_modal),
$confirm_delete_btn = $('.bookly-js-confirm-delete', $delete_modal),
$phone_field = $('.bookly-js-user-phone-input', $profile_content),
$save_btn = $('button.bookly-js-save-profile', $profile_content)
;
function fileFieldOnChange($uploaded) {
let $container = $uploaded.closest('.form-group'),
$upload = $('.bookly-js-upload', $container);
if ($uploaded.data('slug') == '') {
$uploaded.hide();
$upload.show();
} else {
$uploaded.show();
$upload.hide();
}
return $container;
}
$('.form-group[data-id^="customer_information_"] .bookly-js-uploaded[data-slug]', $profile_content).each(function () {
let $uploaded = $(this),
$container = fileFieldOnChange($uploaded);
$('.bookly-js-delete', $container).on('click', function (e) {
e.preventDefault();
if (confirm(BooklyCustomerCabinetL10n.are_you_sure)) {
$.ajax({
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: {
action: 'bookly_files_delete_customer_information_field',
csrf_token: BooklyL10nGlobal.csrf_token,
slug: $('.bookly-js-uploaded', $container).data('slug'),
},
dataType: 'json',
success: function (response) {
$uploaded.data('slug', '');
$('input[type=hidden]', $container).val('');
fileFieldOnChange($uploaded);
}
});
}
});
$('.bookly-js-download', $container).on('click', function (e) {
e.preventDefault();
window.open(BooklyL10nGlobal.ajax_url_frontend + (BooklyL10nGlobal.ajax_url_frontend.indexOf('?') > 0 ? '&' : '?') + 'action=bookly_files_download&slug=' + $('.bookly-js-uploaded', $container).data('slug') + '&csrf_token=' + BooklyL10nGlobal.csrf_token, '_blank');
});
$('input[type=file]', $container)
.on('change', function (e) {
let $fg = $container.closest('.form-group');
const formData = new FormData();
formData.append('customer_information_id', $(this).data('id'));
formData.append('action', 'bookly_files_upload');
formData.append('csrf_token', BooklyL10nGlobal.csrf_token);
formData.append('files[]', e.target.files[0]);
fetch(BooklyL10nGlobal.ajax_url_frontend, {
method: 'POST',
body: formData
})
.then(function (response) {
return response.json();
})
.then(function (result) {
if (result.success) {
$('div:first', $uploaded).html(result.data.name);
$uploaded.data('slug', result.data.slug);
$('input[type=hidden]', $container).val(result.data.slug);
fileFieldOnChange($uploaded);
$('.bookly-js-error', $fg).html('');
} else {
$('.bookly-js-error', $fg).html(result.data.error);
}
});
});
});
if (Options.intlTelInput.enabled) {
window.booklyIntlTelInput($phone_field.get(0), {
preferredCountries: [Options.intlTelInput.country],
initialCountry: Options.intlTelInput.country,
geoIpLookup: function (callback) {
$.get('https://ipinfo.io', function () {}, 'jsonp').always(function (resp) {
var countryCode = (resp && resp.country) ? resp.country : '';
callback(countryCode);
});
},
});
}
$save_btn.on('click', function (e) {
e.preventDefault();
var ladda = Ladda.create(this);
ladda.start();
$('.is-invalid', $profile_content).removeClass('is-invalid');
$('.form-group .bookly-js-error').remove();
let data = booklySerialize.form($form);
if (data.phone !== undefined && data.phone !== '') {
data.phone = Options.intlTelInput.enabled ? booklyGetPhoneNumber($phone_field.get(0)) : $phone_field.val();
}
$('.bookly-js-customer-cabinet-content-profile .bookly-js-control-input.bookly-js-date', $container).each(function () {
if ($(this).val() != '') {
let id = $(this).closest('.form-group').data('id').replace('customer_information_', '');
data.info_fields[id] = $(this).data('daterangepicker').startDate.format('YYYY-MM-DD');
}
});
data.columns = Options.profile_parameters;
$.ajax({
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: booklySerialize.buildRequestData('bookly_customer_cabinet_save_profile', data),
dataType: 'json',
success: function (response) {
if (response.success) {
booklyAlert({success: [BooklyCustomerCabinetL10n.profile_update_success]});
if ($('[name="current_password"]', $profile_content).val()) {
window.location.reload();
}
} else {
$.each(response.errors, function (name, value) {
if (name == 'info_fields') {
$.each(value, function (id, text) {
var $form_group = $('.form-group[data-id="customer_information_' + id + '"]', $profile_content);
$form_group.find('.bookly-js-control-input').addClass('is-invalid');
$form_group.append('' + text + '
');
});
} else {
var $form_group = $('.form-group [id="bookly_' + name + '"]', $profile_content).closest('.form-group');
$form_group.find('.bookly-js-control-input').addClass('is-invalid');
$form_group.append('' + value + '
');
}
});
$('html, body').animate({
scrollTop: $profile_content.find('.is-invalid').first().offset().top - 100
}, 1000);
}
ladda.stop();
}
});
});
$delete_btn.on('click', function (e) {
e.preventDefault();
$approve_deleting.hide();
$denied_deleting.hide();
$delete_loading.show();
$delete_modal.booklyModal('show');
$.ajax({
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: {
action: 'bookly_customer_cabinet_check_future_appointments',
csrf_token: BooklyL10nGlobal.csrf_token,
},
dataType: 'json',
success: function (response) {
$delete_loading.hide();
if (response.success) {
$approve_deleting.show();
} else {
$denied_deleting.show()
}
}
});
});
$confirm_delete_btn.on('click', function (e) {
e.preventDefault();
var ladda = Ladda.create(this);
ladda.start();
$.ajax({
url: BooklyL10nGlobal.ajax_url_frontend,
type: 'POST',
data: {
action: 'bookly_customer_cabinet_delete_profile',
csrf_token: BooklyL10nGlobal.csrf_token,
},
dataType: 'json',
success: function (response) {
ladda.stop();
if (response.success) {
$delete_modal.booklyModal('hide');
window.location.reload();
}
}
});
});
}
function initSection(section) {
if ($.inArray(section, sections_ready) === -1) {
switch (section) {
case 'appointments':
initAppointments($container);
sections_ready.push(section);
break;
case 'profile':
initProfile($container);
sections_ready.push(section);
break;
}
}
}
if (Options.tabs.length > 1) {
// Tabs
$tabs.on('click', function () {
var section = $(this).attr('href').substring(1);
$('.bookly-js-customer-cabinet-content', $container).hide();
$('.bookly-js-customer-cabinet-content-' + section, $container).show();
initSection(section);
});
$tabs.first().trigger('click');
} else {
var section = Options.tabs[0];
$('.bookly-js-customer-cabinet-content', $container).show();
initSection(section);
}
$container
.on('click', '[data-type="open-modal"]', function () {
$($(this).attr('data-target')).booklyModal('show');
});
$('.bookly-js-customer-cabinet-content-profile .bookly-js-control-input.bookly-js-date', $container).each(function () {
let $elem = $(this),
init = {
parentEl: $elem.closest('form'),
singleDatePicker: true,
showDropdowns: true,
locale: BooklyL10nGlobal.datePicker,
autoUpdateInput: false
};
if ($elem.data('value')) {
$elem.val(moment($elem.data('value')).format(BooklyL10nGlobal.datePicker.format));
}
if ($elem.data('min')) {
init.minDate = moment($elem.data('min'));
}
if ($elem.data('max')) {
init.maxDate = moment($elem.data('max'));
}
$elem
.daterangepicker(init, function () {})
.on('apply.daterangepicker', function (ev, picker) {
$elem.val(picker.startDate.format(BooklyL10nGlobal.datePicker.format));
});
});
}
})(jQuery);
// source --> https://she-ceramics.ch/wp-content/plugins/pixel-manager-for-woocommerce/admin/pixels/js/pixel-manager.js?ver=2.1
window.dataLayer = window.dataLayer || [];
class PMW_PixelManagerJS {
constructor(options = {}, is_Bindings = true, is_woocomerce = true){
this.options = {
esc_tracking: true
};
if(options){
Object.assign(this.options, options);
}
if(is_woocomerce){
this.PixelManagerDataLayer = PixelManagerDataLayer[0]["data"];
this.PMWEventID = PixelManagerEventOptions.time;
this.PixelManagerOptions = PixelManagerOptions;
this.TrackFormSubmissionsBindings();
this.LineItemReq = {
item_id : 'item_id',
item_name : 'item_name',
item_category : 'item_category',
index : 'index',
item_brand : 'item_brand',
item_variant : 'item_variant',
price : 'price',
//currency : "currency",
//quantity : 'quantity',
item_list_name: 'item_list_name'
};
this.is_begin_checkout_fired = false;
this.is_shipping_fired = false;
this.TrackGoogleAdsConversionFormSubmissionsBindings();
}else{
this.PixelManagerOptions = PixelManagerOptions;
this.TrackFormSubmissionsBindings();
this.TrackGoogleAdsConversionFormSubmissionsBindings();
}
/*var variations = jQuery('.variations_form').data( 'product_variations' );
var variation = this.get_item_form_items_by_key_val(variations, 'variation_id', 132);*/
}
TrackFormSubmissionsBindings(){
if(this.PixelManagerOptions.hasOwnProperty('generate_lead_from') && this.PixelManagerOptions.generate_lead_from != ""){
let generate_lead_from = this.PixelManagerOptions.generate_lead_from;
generate_lead_from = generate_lead_from.replace(/,([^ ])/g, ', $1');
//var selector_elements = generate_lead_from.split(', ').map(selector => selector.trim());
var elements = document.querySelectorAll(generate_lead_from);
if(elements.length > 0){
for (var i = 0; i < elements.length; i++) {
if(elements[i]){
elements[i].addEventListener("submit", () => this.TrackFormSubmissions(event));
}
}
}
}
}
TrackGoogleAdsConversionFormSubmissionsBindings() {
const options = this.PixelManagerOptions;
// Validate required fields for Google Ads form conversion tracking
const isEnabled = options.google_ads_form_conversion?.is_enable;
const conversionId = options.google_ads_form_conversion?.id;
const conversionLabel = options.google_ads_form_conversion?.label;
const selector = options.google_ads_form_conversion?.selector;
// Only proceed if tracking is enabled and all required fields are present
if (isEnabled && conversionId && conversionLabel && selector) {
// Clean up selector string
let formSelectors = selector.replace(/,([^ ])/g, ', $1');
const elements = document.querySelectorAll(formSelectors);
if (elements.length > 0) {
elements.forEach(form => {
if (form) {
form.addEventListener("submit", (event) => this.TrackFormSubmissionsGoogleAds(event));
}
});
}
}
}
TrackFormSubmissionsGoogleAds(event){
event.preventDefault();
var this_var = event.currentTarget;
// prevent infinite loop on programmatic submit
if (this_var && this_var.dataset && this_var.dataset.pmwSubmitted === '1') {
return;
}
var form_name = this_var.getAttribute('aria-label') || this_var.getAttribute('name') || this_var.getAttribute('id');
var form_id = this_var.getAttribute('id');
var action_url = this_var.getAttribute('action');
var page_url = window.location.href;
var page_title = document.title;
var PMWEvent = {
event: "form_conversion",
conversion_type: "lead_form_submission",
page_title : page_title,
form_id: (form_id)?form_id:"",
form_name: (form_name)?form_name:"",
action_url: (action_url)?action_url:"",
page_url: page_url
};
dataLayer.push(PMWEvent);
}
TrackFormSubmissions(event){
event.preventDefault();
var this_var = event.currentTarget;
// prevent infinite loop on programmatic submit
if (this_var && this_var.dataset && this_var.dataset.pmwSubmitted === '1') {
return;
}
var form_name = this_var.getAttribute('aria-label') || this_var.getAttribute('name') || this_var.getAttribute('id');
var form_id = this_var.getAttribute('id');
var action_url = this_var.getAttribute('action');
var page_url = window.location.href;
var page_title = document.title;
var PMWEvent = {
event: "form_submit",
page_title : page_title,
form_id: (form_id)?form_id:"",
form_name: (form_name)?form_name:"",
action_url: (action_url)?action_url:"",
page_url: page_url
};
dataLayer.push(PMWEvent);
// continue with normal form submission
if (this_var) {
this_var.dataset.pmwSubmitted = '1';
this_var.submit();
}
}
Purchase(){
if(this.PixelManagerDataLayer.hasOwnProperty('checkout') && this.PixelManagerDataLayer.checkout.hasOwnProperty('cart_product_list')){
this.LineItemReq["quantity"]="quantity";
var Items = this.GetLineItems(this.PixelManagerDataLayer.checkout.cart_product_list, this.LineItemReq);
var PMWEvent = {
event: "purchase",
ecommerce: {
transaction_id: this.PixelManagerDataLayer.checkout.id,
currency: this.PixelManagerDataLayer.currency,
value: this.PixelManagerDataLayer.checkout.total,
tax: this.PixelManagerDataLayer.checkout.tax,
shipping: this.PixelManagerDataLayer.checkout.shipping,
coupon: this.PixelManagerDataLayer.checkout.coupon,
items: Items
}
};
dataLayer.push(PMWEvent);
}
}
TrackPurchase() {
if (!this.PixelManagerDataLayer?.checkout?.cart_product_list) {
return;
}
const { id: order_id, cart_product_list: items, total } = this.PixelManagerDataLayer.checkout;
const { currency } = this.PixelManagerDataLayer;
const itemsArray = Object.values(items);
// Prepare platforms data
const platformsData = {
facebook: this.PixelManagerOptions.fb_conversion_api?.is_enable || false,
tiktok: this.PixelManagerOptions.tiktok_conversion_api?.is_enable || false,
pinterest: this.PixelManagerOptions.pinterest_conversion_api?.is_enable || false,
//twitter: this.PixelManagerOptions.twitter_conversion_api?.is_enable || false,
//snapchat: this.PixelManagerOptions.snapchat_conversion_api?.is_enable || false
};
// Prepare common data
const eventData = {
event_id: this.PMWEventID,
order_id,
currency,
total,
items: JSON.stringify(itemsArray.map(item => ({
id: item.id,
name: item.item_name,
price: item.price,
quantity: item.quantity,
category: item.category?.[0]
}))),
platforms: JSON.stringify(platformsData) // Stringify the platforms object
};
// Only proceed if any platform is enabled
if (!Object.values(platformsData).some(Boolean)) {
return;
}
// Single AJAX call for all platforms
jQuery.ajax({
type: 'POST',
url: pmw_f_ajax_url,
data: {
action: 'pmw_process_conversion_events',
...eventData
},
success: (response) => {
console.log('Conversion events processed:', response);
},
error: (xhr, status, error) => {
console.error('Error processing conversions:', error);
}
});
}
IsEmpty(List){
if(List != undefined && Object.keys(List).length > 0 ){
return false;
}
return true;
}
ConvertArrayToString(value){
if(Object.keys(value).length > 0){
return value.join(", ");
}else{
return value;
}
}
GetProductFromProductList(product_id){
if(this.PixelManagerDataLayer.hasOwnProperty('product_list') && product_id != ""){
var ProductList = this.PixelManagerDataLayer.product_list;
if(!this.IsEmpty(ProductList) ){
for(var dataLayer_item in ProductList){
if(ProductList[dataLayer_item].hasOwnProperty('id')){
var id = ProductList[dataLayer_item].id;
if(product_id == id){
return ProductList[dataLayer_item];
}
}
}
}
}
}
GetProductFromCartProductList(product_id){
if(this.PixelManagerDataLayer.hasOwnProperty('checkout') && this.PixelManagerDataLayer.checkout.hasOwnProperty('cart_product_list')){
var ProductList = this.PixelManagerDataLayer.checkout.cart_product_list;
if(!this.IsEmpty(ProductList) ){
for(var dataLayer_item in ProductList){
if(ProductList[dataLayer_item].hasOwnProperty('id')){
var id = ProductList[dataLayer_item].id;
if(product_id == id){
return ProductList[dataLayer_item];
}
}
}
}
}
}
/*get_variation_data(obj){
var p_v_title = "";
var variation_data = [];
if(Object.keys(obj).length >0 ){
for(var dataLayer_item in obj) {
if(obj[dataLayer_item].hasOwnProperty("attributes")){
for(var p_attributes in obj[dataLayer_item]) {
if(obj[dataLayer_item].hasOwnProperty(p_attributes)){
p_v_title+=(p_v_title=="")?p_attributes[index]:' | '+p_attributes[index];
}
}
variation_data.push(p_v_title);
}
}
return variation_data;
}
}
get_item_form_items_by_key_val(obj, key, val){
if(val != ""){
if(Object.keys(obj).length >0 ){
for(var dataLayer_item in obj){
if(obj[dataLayer_item].hasOwnProperty(key)){
var map_val = obj[dataLayer_item][key];
if(val == map_val){
return obj[dataLayer_item];
}
}
}
}
}
}*/
GetProductFromProductListByURL(prod_obj, key, product_url){
if(this.IsEmpty(prod_obj)){
return [];
}
if(product_url != ""){
for(var dataLayer_item in prod_obj){
if(prod_obj[dataLayer_item].hasOwnProperty(key)){
var map_val = prod_obj[dataLayer_item][key];
if(product_url == map_val){
return prod_obj[dataLayer_item];
}
}
}
}
}
GetLineItems( ProductList, LineItemReq, PixelName = null ){
if(this.IsEmpty(ProductList)){
return [];
}
var this_var = this;
var ProductItems = [];
if(Object.keys(ProductList).length > 0){
Object.keys(ProductList).forEach(function(KeyVal, index){
if(ProductList.hasOwnProperty(KeyVal)){
var Item = ProductList[KeyVal];
var NewItem = this_var.GetLineItem(Item, LineItemReq, PixelName);
if(Object.keys(NewItem).length > 0){
ProductItems.push( NewItem );
}
}
});
}
return ProductItems;
}
GetLineItem( Product, LineItemReq, PixelName = null){
if(this.IsEmpty(Product)){
return [];
}
var ProductItem = {};
if(Object.keys(LineItemReq).length > 0){
Object.keys(LineItemReq).forEach(function(KeyVal, index){
var ItemKey = LineItemReq[KeyVal];
if(Product.hasOwnProperty(ItemKey)){
if(KeyVal == "item_category"){
Object.keys(Product[ItemKey]).forEach(function(c_KeyVal, c_index){
if(c_KeyVal == 0 ){
ProductItem[KeyVal] = Product[ItemKey][c_index];
}else{
ProductItem[KeyVal+(c_index+1)] = Product[ItemKey][c_index];
}
});
}else if(Product[ItemKey] != '' && Product[ItemKey] != null && Product[ItemKey] != 'undefined' ){
ProductItem[KeyVal] = Product[ItemKey];
}
}
});
/*if(PixelName == "Tiktok"){
ProductItem['currency'] = DataLayer.currency;
}*/
}
return ProductItem;
}
getParameterByName(name, url = window.location.href){
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
isFacebookConversionAPIEnable(){
if(this.PixelManagerOptions.hasOwnProperty("fb_conversion_api") && this.PixelManagerOptions.fb_conversion_api.is_enable){
return true;
}else{
return false;
}
}
isGA4Enable(){
if(this.PixelManagerOptions.hasOwnProperty("google_analytics_4_pixel") && this.PixelManagerOptions.google_analytics_4_pixel.is_enable ){
return true;
}else{
return false;
}
}
isTikTokConversionAPIEnable(){
if(this.PixelManagerOptions.hasOwnProperty("tiktok_conversion_api") && this.PixelManagerOptions.tiktok_conversion_api.is_enable){
return true;
}else{
return false;
}
}
};