/* global wpforms_builder */
/**
* @param wpforms_builder.repeater.addons_requirements_alert_text
* @param wpforms_builder.repeater.enabled_cf_alert_text
* @param wpforms_builder.repeater.is_google_sheets_has_connection
* @param wpforms_builder.field_add_cf_alert_text
*/
// noinspection ES6ConvertVarToLetConst
/**
* Form Builder Field Addons module.
*
* @since 1.8.9
*/
var WPForms = window.WPForms || {}; // eslint-disable-line no-var
WPForms.Admin = WPForms.Admin || {};
WPForms.Admin.Builder = WPForms.Admin.Builder || {};
WPForms.Admin.Builder.Addons = WPForms.Admin.Builder.Addons || ( function( document, window, $ ) {
/**
* Elements holder.
*
* @since 1.8.9
*
* @type {Object}
*/
const el = {};
// noinspection ES6ShorthandObjectProperty
/**
* Public functions and properties.
*
* @since 1.8.9
*
* @type {Object}
*/
const app = {
isGoogleSheetsVisited: false,
/**
* Init Filters section.
*
* @since 1.8.9
*/
init() {
$( app.ready );
},
/**
* DOM is fully loaded.
*
* @since 1.8.9
*/
ready() {
app.setup();
app.events();
},
/**
* Setup. Prepare some variables.
*
* @since 1.8.9
*/
setup() {
// Cache DOM elements.
el.$builder = $( '#wpforms-builder' );
},
/**
* Bind events.
*
* @since 1.8.9
*/
events() {
el.$builder.on( 'click', '#wpforms-panel-field-settings-conversational_forms_enable', app.optionCFEnableModal );
el.$builder.on( 'click', '#wpforms-panel-field-settings-save_resume_enable', app.optionSaveAndResumeEnableModal );
el.$builder.on( 'click', '#wpforms-panel-field-settings-form_abandonment', app.optionFormAbandonmentEnableModal );
el.$builder.on( 'click', '.wpforms-panel-sidebar-section-google-sheets', app.optionGoogleSheetsVisitedModal );
el.$builder.on( 'click', '#wpforms-panel-field-lead_forms-enable', app.optionLeadFormsEnableModal );
el.$builder.on( 'wpformsFieldAddDragStart wpformsBeforeFieldAddOnClick', app.layoutFieldsCantAddModal );
},
/**
* Layout-based field can't be added modal.
*
* @since 1.8.9
*
* @param {Event} e Event.
* @param {string} type Field type.
*/
layoutFieldsCantAddModal( e, type ) { // eslint-disable-line complexity
if ( ! app.isLayoutBasedField( type ) ) {
return;
}
let alertMessage = '';
if ( app.isAddonEnabled( 'wpforms-conversational-forms' ) ) {
alertMessage = wpforms_builder[ type ].field_add_cf_alert_text;
e.preventDefault();
}
if ( app.isAddonEnabled( 'wpforms-save-resume' ) && type === 'repeater' && ! app.isInsideRepeaterAddonAllowed( 'wpforms-save-resume' ) ) {
alertMessage = wpforms_builder.repeater.addons_requirements_alert_text[ 'wpforms-save-resume' ];
}
if ( app.isAddonEnabled( 'wpforms-form-abandonment' ) && type === 'repeater' && ! app.isInsideRepeaterAddonAllowed( 'wpforms-form-abandonment' ) ) {
alertMessage = wpforms_builder.repeater.addons_requirements_alert_text[ 'wpforms-form-abandonment' ];
}
if ( ! $( '.wpforms-panel-sidebar-section-google-sheets' ).hasClass( 'education-modal' ) && type === 'repeater' && ! app.isInsideRepeaterAddonAllowed( 'wpforms-google-sheets' ) && app.isGoogleSheetsConnectionsExist() ) {
alertMessage = wpforms_builder.repeater.addons_requirements_alert_text[ 'wpforms-google-sheets' ];
}
if ( app.isAddonEnabled( 'wpforms-lead-forms' ) && type === 'repeater' && ! app.isInsideRepeaterAddonAllowed( 'wpforms-lead-forms' ) ) {
alertMessage = wpforms_builder.repeater.addons_requirements_alert[ 'wpforms-lead-forms' ];
e.preventDefault();
}
if ( alertMessage === '' ) {
return;
}
app.openModal( {
content: alertMessage,
} );
},
/**
* Check if the addon is enabled.
*
* @since 1.8.9
*
* @param {string} slug Addon slug.
*
* @return {boolean} True if the addon is enabled.
*/
isAddonEnabled( slug ) {
// Addon toggle selectors.
const toggleSelector = {
'wpforms-conversational-forms': '#wpforms-panel-field-settings-conversational_forms_enable',
'wpforms-save-resume': '#wpforms-panel-field-settings-save_resume_enable',
'wpforms-form-abandonment': '#wpforms-panel-field-settings-form_abandonment',
'wpforms-lead-forms': '#wpforms-panel-field-lead_forms-enable',
};
if ( ! toggleSelector[ slug ] ) {
return false;
}
return $( toggleSelector[ slug ] ).is( ':checked' );
},
/**
* Check if the addon is allowed inside the repeater.
*
* @param {string} slug Addon slug.
*
* @return {boolean} True if the addon is allowed.
*/
isInsideRepeaterAddonAllowed( slug ) {
return wpforms_builder.repeater.addons_requirements[ slug ];
},
/**
* Check if the Repeater field added to the form.
*
* @return {boolean} True if the Repeater field added to the form.
*/
isRepeaterAdded() {
return $( '#wpforms-field-options .wpforms-field-option-repeater' ).length > 0;
},
/**
* Save and Resume can't be enabled modal.
*
* @since 1.8.9
*/
optionFormAbandonmentEnableModal() {
if ( ! app.isAddonEnabled( 'wpforms-form-abandonment' ) || app.isInsideRepeaterAddonAllowed( 'wpforms-form-abandonment' ) ) {
return;
}
if ( ! app.isRepeaterAdded() ) {
return;
}
app.openModal( {
content: wpforms_builder.repeater.addons_requirements_alert_text[ 'wpforms-form-abandonment' ],
} );
},
/**
* Show a proposal to upgrade Google Sheets addon for using repeated fields.
*
* @since 1.8.9
*/
optionGoogleSheetsVisitedModal() {
if ( app.isGoogleSheetsVisited ) {
return;
}
if ( $( this ).hasClass( 'education-modal' ) ) {
return;
}
if ( app.isInsideRepeaterAddonAllowed( 'wpforms-google-sheets' ) ) {
return;
}
if ( ! app.isRepeaterAdded() ) {
return;
}
if ( ! app.isGoogleSheetsConnectionsExist() ) {
return;
}
app.isGoogleSheetsVisited = true;
app.openModal( {
content: wpforms_builder.repeater.addons_requirements_alert_text[ 'wpforms-google-sheets' ],
} );
},
/**
* Determine if Google Sheets connections exist.
*
* @since 1.9.0
*
* @return {boolean} True if Google Sheets connections exist.
*/
isGoogleSheetsConnectionsExist() {
if ( ! WPForms.Admin.Builder.Providers?.GoogleSheets?.isReady ) {
return wpforms_builder.repeater.is_google_sheets_has_connection;
}
return Boolean( $( '.wpforms-builder-provider-connection', '#google-sheets-provider' ).length );
},
/**
* Save and Resume can't be enabled modal.
*
* @since 1.8.9
*/
optionSaveAndResumeEnableModal() {
if ( ! app.isAddonEnabled( 'wpforms-save-resume' ) || app.isInsideRepeaterAddonAllowed( 'wpforms-save-resume' ) ) {
return;
}
if ( ! app.isRepeaterAdded() ) {
return;
}
app.openModal( {
content: wpforms_builder.repeater.addons_requirements_alert_text[ 'wpforms-save-resume' ],
} );
},
/**
* Conversational Forms can't be enabled modal.
*
* @since 1.8.9
*
* @param {Event} e Event.
*/
optionCFEnableModal( e ) {
if ( ! app.isAddonEnabled( 'wpforms-conversational-forms' ) ) {
return;
}
if ( ! app.isRepeaterAdded() ) {
return;
}
e.preventDefault();
app.openModal( {
content: wpforms_builder.repeater.enabled_cf_alert_text,
} );
},
/**
* Lead Forms can't be enabled modal.
*
* @since 1.8.9
*
* @param {Event} e Event.
*/
optionLeadFormsEnableModal( e ) {
if ( ! app.isAddonEnabled( 'wpforms-lead-forms' ) ) {
return;
}
if ( ! app.isRepeaterAdded() ) {
return;
}
e.preventDefault();
app.openModal( {
content: wpforms_builder.repeater.addons_requirements_alert_text[ 'wpforms-lead-forms' ],
} );
},
/**
* Open modal window.
*
* @since 1.8.9
*
* @param {Object} args Arguments.
*/
openModal( args ) {
if ( ! args || ! args.content ) {
return;
}
$.confirm( {
title: args.title ?? wpforms_builder.heads_up,
content: args.content,
icon: args.icon ?? 'fa fa-exclamation-circle',
type: args.type ?? 'orange',
buttons: {
confirm: {
text: wpforms_builder.ok,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
},
},
} );
},
/**
* Determine whether the field type is a layout-based field.
*
* @since 1.8.9
*
* @param {string} fieldType Field type to check.
*
* @return {boolean} True if it is the Layout-based field.
*/
isLayoutBasedField( fieldType ) {
if ( ! WPForms.Admin.Builder.FieldLayout ) {
return false;
}
return WPForms.Admin.Builder.FieldLayout.isLayoutBasedField( fieldType );
},
};
// Provide access to public functions/properties.
return app;
}( document, window, jQuery ) );
// Initialize.
WPForms.Admin.Builder.Addons.init();