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
201 lines
5.0 KiB
JavaScript
7 months ago
|
/* 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();
|