You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

201 lines
5.0 KiB
JavaScript

/* global wpforms_builder, wpforms_builder_stripe */
/**
* Stripe builder function.
*
* @since 1.8.2
*/
const WPFormsStripe = window.WPFormsStripe || ( function( document, window, $ ) {
/**
* Public functions and properties.
*
* @since 1.8.2
*
* @type {Object}
*/
const app = {
/**
* Start the engine.
*
* @since 1.8.2
*/
init() {
$( app.ready );
},
/**
* Initialized once the DOM is fully loaded.
*
* @since 1.8.2
*/
ready() {
if ( ! app.isLegacySettings() ) {
return;
}
app.settingsDisplay();
app.settingsConditions();
app.bindUIActions();
},
/**
* Process various events as a response to UI interactions.
*
* @since 1.8.2
*/
bindUIActions() {
$( document )
.on( 'wpformsFieldDelete', app.disableNotifications )
.on( 'wpformsSaved', app.requiredFieldsCheck )
.on( 'wpformsFieldUpdate', app.settingsDisplay )
.on( 'wpformsFieldUpdate', app.settingsConditions );
},
/**
* Toggles visibility of the Stripe settings.
*
* If a credit card field has been added then reveal the settings,
* otherwise hide them.
*
* @since 1.8.2
*/
settingsDisplay() {
const $alert = $( '#wpforms-stripe-credit-card-alert' );
const $content = $( '#stripe-provider' );
// Check if any Credit Card fields were added to the form.
const ccFieldsAdded = wpforms_builder_stripe.field_slugs.filter( function( fieldSlug ) {
const $el = $( '.wpforms-field-option-' + fieldSlug );
return $el.length ? $el : null;
} );
if ( ccFieldsAdded.length ) {
$alert.hide();
$content.find( '#wpforms-stripe-new-interface-alert, .wpforms-stripe-notice-info, .wpforms-panel-field, .wpforms-conditional-block-panel, h2' ).show();
} else {
$alert.show();
$content.find( '#wpforms-stripe-new-interface-alert, .wpforms-stripe-notice-info, .wpforms-panel-field, .wpforms-conditional-block-panel, h2' ).hide();
$content.find( '#wpforms-panel-field-stripe-enable' ).prop( 'checked', false );
}
},
/**
* Toggles the visibility of the related settings.
*
* @since 1.8.2
*/
settingsConditions() {
$( '#wpforms-panel-field-stripe-enable' ).conditions( {
conditions: {
element: '#wpforms-panel-field-stripe-enable',
type: 'checked',
operator: 'is',
},
actions: {
if: {
element: '.wpforms-panel-content-section-stripe-body',
action: 'show',
},
else: {
element: '.wpforms-panel-content-section-stripe-body',
action: 'hide',
},
},
effect: 'appear',
} );
$( '#wpforms-panel-field-stripe-recurring-enable' ).conditions( {
conditions: {
element: '#wpforms-panel-field-stripe-recurring-enable',
type: 'checked',
operator: 'is',
},
actions: {
if: {
element: '#wpforms-panel-field-stripe-recurring-period-wrap,#wpforms-panel-field-stripe-recurring-conditional_logic-wrap,#wpforms-conditional-groups-payments-stripe-recurring,#wpforms-panel-field-stripe-recurring-email-wrap,#wpforms-panel-field-stripe-recurring-name-wrap',
action: 'show',
},
else: {
element: '#wpforms-panel-field-stripe-recurring-period-wrap,#wpforms-panel-field-stripe-recurring-conditional_logic-wrap,#wpforms-conditional-groups-payments-stripe-recurring,#wpforms-panel-field-stripe-recurring-email-wrap,#wpforms-panel-field-stripe-recurring-name-wrap',
action: 'hide',
},
},
effect: 'appear',
} );
},
/**
* On form save notify users about required fields.
*
* @since 1.8.2
*/
requiredFieldsCheck() {
if (
! $( '#wpforms-panel-field-stripe-enable' ).is( ':checked' ) ||
! $( '#wpforms-panel-field-stripe-recurring-enable' ).is( ':checked' )
) {
return;
}
if ( $( '#wpforms-panel-field-stripe-recurring-email' ).val() ) {
return;
}
$.alert( {
title: wpforms_builder.heads_up,
content: wpforms_builder.stripe_recurring_email,
icon: 'fa fa-exclamation-circle',
type: 'orange',
buttons: {
confirm: {
text: wpforms_builder.ok,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
},
},
} );
},
/**
* Disable notifications.
*
* @since 1.8.2
*
* @param {Object} e Event object.
* @param {number} id Field ID.
* @param {string} type Field type.
*/
disableNotifications( e, id, type ) {
if ( ! wpforms_builder_stripe.field_slugs.includes( type ) ) {
return;
}
const $notificationWrap = $( '.wpforms-panel-content-section-notifications [id*="-stripe-wrap"]' );
$notificationWrap.find( 'input[id*="-stripe"]' ).prop( 'checked', false );
$notificationWrap.addClass( 'wpforms-hidden' );
},
/**
* Determinate is legacy settings is loaded.
*
* @since 1.8.4
*
* @return {boolean} True is legacy settings loaded.
*/
isLegacySettings() {
return $( '#wpforms-panel-field-stripe-enable' ).length;
},
};
// Provide access to public functions/properties.
return app;
}( document, window, jQuery ) );
// Initialize.
WPFormsStripe.init();