/home/bonphmya/mercandestockages.store/wp-content/plugins/optinmonster/assets/js/helper.js
/* ==========================================================
* helper.js
* ==========================================================
* Copyright 2022 Awesome Motive.
* https://awesomemotive.com
* ========================================================== */
window.OMAPI_Helper = window.OMAPI_Helper || {};
(function (window, document, app) {
// eslint-disable-next-line strict
'use strict';
app.fixIds = [];
/**
* Add campaign id to "fixed" ids and maybe append the style fix.
*
* @param {Object} form The WPForm object.
* @param {Integer} campaignId The campaign id/slug.
*
* @returns {boolean} True if date/time picker fields exist.
*/
app.maybeFixZindex = (form, campaignId) => {
// If the campaign has already been "fixed," bail.
if (-1 !== app.fixIds.indexOf(campaignId) || document.getElementById('om-wpforms-gforms-zindex')) {
return;
}
// If picker fields exist in the form, add it.
const pickers = form.querySelectorAll('.wpforms-datepicker, .wpforms-timepicker, .gform-theme-datepicker');
if (pickers.length) {
app.fixIds.push(campaignId);
}
// Append style element with the z-index fix to the head.
const style = document.createElement('style');
style.id = 'om-wpforms-gforms-zindex';
style.innerText =
'.flatpickr-calendar.open, .ui-timepicker-wrapper, body #ui-datepicker-div.gform-theme-datepicker.gform-theme-datepicker[style] { z-index: 999999999 !important; }';
document.head.appendChild(style);
};
/**
* Remove the campaign id/style element.
*
* @param {Integer} campaignId The campaign id/slug.
*
* @returns {void}
*/
app.maybeRemoveCssFix = (campaignId) => {
// Remove the campaign id.
const index = app.fixIds.indexOf(campaignId);
if (index > -1) {
app.fixIds.splice(index, 1);
}
// If there are no more ids to "fix," remove the styles.
if (!app.fixIds.length) {
document.getElementById('om-wpforms-gforms-zindex').remove();
}
};
document.addEventListener('om.Styles.positionFloating', function (event) {
var campaign = event.detail.Campaign;
if (
'floating' === campaign.Types.type &&
'top' === campaign.options.position &&
document.getElementById('wpadminbar')
) {
const marginTop = window.matchMedia('(max-width: 782px)').matches ? '46px' : '32px';
campaign.contain.style.marginTop = marginTop;
}
});
const wpfEventCallback = (event, cb) => {
const campaignId = event.detail.Campaign.id;
const forms = document.querySelectorAll(`#om-${campaignId} form`);
window._omapp._utils.helpers.each(forms, (i, form) => {
const isWPForms = form.id ? -1 !== form.id.indexOf('wpforms-form-') : false;
if (isWPForms) {
cb(campaignId, form);
}
});
};
const gformEventCallback = (event, cb) => {
const campaignId = event.detail.Campaign.id;
const forms = document.querySelectorAll(`#om-${campaignId} form`);
window._omapp._utils.helpers.each(forms, (i, form) => {
const isGravityForm = form.id ? -1 !== form.id.indexOf('gform_') : false;
if (isGravityForm) {
cb(campaignId, form);
}
});
};
// Find any WPForms forms and listen for a submission to trigger a conversion.
document.addEventListener('om.Html.append.after', (event) => {
wpfEventCallback(event, (campaignId, form) => {
// Listen for WPForms' native AJAX success event (only fires on successful submission).
// Use namespaced event for easier cleanup. Using jQuery since WPForms triggers a jQuery custom event.
jQuery(document).on('wpformsAjaxSubmitSuccess.omWpforms' + campaignId, function (e) {
// WPForms triggers this event on the form element itself, so e.target is the form.
if (e.target === form) {
// Get the campaign instance.
const campaign = window['om' + campaignId];
if (campaign) {
// Track the conversion.
campaign.Listeners.convert();
// Trigger the WPForms success event.
window._omapp._utils.events.trigger(form, 'omWpformsSuccess');
}
}
});
app.maybeFixZindex(form, campaignId);
});
gformEventCallback(event, (campaignId, form) => {
// Re-initialize Gravity Forms.
if (window.gform && window.gform.tools && window.gform.tools.trigger) {
window.gform.tools.trigger('gform_main_scripts_loaded');
}
// Re-initialize the Gravity Forms date picker.
if (window.gformInitDatepicker) {
window.gformInitDatepicker();
}
app.maybeFixZindex(form, campaignId);
});
});
// Remove WPForms listener on campaign close.
document.addEventListener('om.Campaign.startClose', (event) => {
wpfEventCallback(event, (campaignId, _form) => {
// Remove the namespaced WPForms success event listener.
jQuery(document).off('wpformsAjaxSubmitSuccess.omWpforms' + campaignId);
app.maybeRemoveCssFix(campaignId);
});
});
})(window, document, window.OMAPI_Helper);