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.
221 lines
5.4 KiB
JavaScript
221 lines
5.4 KiB
JavaScript
7 months ago
|
/* global wpforms_builder, wpforms_builder_stripe_card_field */
|
||
|
|
||
|
/**
|
||
|
* WPForms Stripe Card Field function.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
|
||
|
'use strict';
|
||
|
|
||
|
var WPFormsStripeCardField = window.WPFormsStripeCardField || ( function( document, window, $ ) {
|
||
|
|
||
|
/**
|
||
|
* Public functions and properties.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*
|
||
|
* @type {object}
|
||
|
*/
|
||
|
const app = {
|
||
|
|
||
|
/**
|
||
|
* Start the engine.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
init: function() {
|
||
|
|
||
|
app.bindUIActions();
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Process various events as a response to UI interactions.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
bindUIActions: function() {
|
||
|
|
||
|
$( document ).on( 'wpformsSaved', app.ajaxRequiredCheck );
|
||
|
$( document ).on( 'wpformsSaved', app.paymentsEnabledCheck );
|
||
|
|
||
|
$( document ).on( 'click', '#wpforms-add-fields-' + wpforms_builder_stripe_card_field.field_slug, app.stripeKeysCheck );
|
||
|
$( document ).on( 'change', '.wpforms-field-option-stripe-credit-card .wpforms-field-option-row-sublabel_position select', app.sublabelPositionChange );
|
||
|
$( document ).on( 'change', '.wpforms-field-option-stripe-credit-card .wpforms-field-option-row-link_email select', app.linkEmailChange );
|
||
|
|
||
|
$( document ).on( 'wpformsFieldAdd', app.disableAddCardButton );
|
||
|
$( document ).on( 'wpformsFieldDelete', app.enableAddCardButton );
|
||
|
$( document ).on( 'wpformsFieldDelete', app.maybeResetLinkEmailField );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* On form save notify users if AJAX submission is required.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
ajaxRequiredCheck: function() {
|
||
|
|
||
|
if ( ! $( '.wpforms-field.wpforms-field-' + wpforms_builder_stripe_card_field.field_slug ).length ||
|
||
|
$( '#wpforms-panel-field-settings-ajax_submit' ).is( ':checked' ) ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
$.alert( {
|
||
|
title: wpforms_builder.heads_up,
|
||
|
content: wpforms_builder.stripe_ajax_required,
|
||
|
icon: 'fa fa-exclamation-circle',
|
||
|
type: 'orange',
|
||
|
buttons: {
|
||
|
confirm: {
|
||
|
text: wpforms_builder.ok,
|
||
|
btnClass: 'btn-confirm',
|
||
|
keys: [ 'enter' ],
|
||
|
},
|
||
|
},
|
||
|
} );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* On form save notify users if Stripe payments are not enabled.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
paymentsEnabledCheck: function() {
|
||
|
|
||
|
if ( ! $( `.wpforms-field.wpforms-field-${ wpforms_builder_stripe_card_field.field_slug }:visible` ).length ||
|
||
|
$( '#wpforms-panel-field-stripe-enable' ).is( ':checked' ) ||
|
||
|
$( '#wpforms-panel-field-stripe-enable_one_time' ).is( ':checked' ) ||
|
||
|
$( '#wpforms-panel-field-stripe-enable_recurring' ).is( ':checked' )
|
||
|
) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
$.alert( {
|
||
|
title: wpforms_builder.heads_up,
|
||
|
content: wpforms_builder.payments_enabled_required,
|
||
|
icon: 'fa fa-exclamation-circle',
|
||
|
type: 'orange',
|
||
|
buttons: {
|
||
|
confirm: {
|
||
|
text: wpforms_builder.ok,
|
||
|
btnClass: 'btn-confirm',
|
||
|
keys: [ 'enter' ],
|
||
|
},
|
||
|
},
|
||
|
} );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* On adding Stripe Credit Card field notify users if Stripe keys are missing.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
stripeKeysCheck: function() {
|
||
|
|
||
|
if ( ! $( this ).hasClass( 'stripe-keys-required' ) ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
$.alert( {
|
||
|
title: wpforms_builder.heads_up,
|
||
|
content: wpforms_builder.stripe_keys_required,
|
||
|
icon: 'fa fa-exclamation-circle',
|
||
|
type: 'orange',
|
||
|
buttons: {
|
||
|
confirm: {
|
||
|
text: wpforms_builder.ok,
|
||
|
btnClass: 'btn-confirm',
|
||
|
keys: [ 'enter' ],
|
||
|
},
|
||
|
},
|
||
|
} );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Disable "Add Card" button in the fields list.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*
|
||
|
* @param {object} e Event object.
|
||
|
* @param {number} id Field ID.
|
||
|
* @param {string} type Field type.
|
||
|
*/
|
||
|
disableAddCardButton: function( e, id, type ) {
|
||
|
|
||
|
if ( wpforms_builder_stripe_card_field.field_slug === type ) {
|
||
|
$( '#wpforms-add-fields-' + wpforms_builder_stripe_card_field.field_slug )
|
||
|
.prop( 'disabled', true );
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Enable "Add Card" button in the fields list.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*
|
||
|
* @param {object} e Event object.
|
||
|
* @param {number} id Field ID.
|
||
|
* @param {string} type Field type.
|
||
|
*/
|
||
|
enableAddCardButton: function( e, id, type ) {
|
||
|
|
||
|
if ( wpforms_builder_stripe_card_field.field_slug === type ) {
|
||
|
$( '#wpforms-add-fields-' + wpforms_builder_stripe_card_field.field_slug )
|
||
|
.prop( 'disabled', false );
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Switch sublabels preview mode.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
sublabelPositionChange: function() {
|
||
|
|
||
|
const fieldId = $( this ).parent().data( 'field-id' ),
|
||
|
$fieldPreview = $( `#wpforms-field-${fieldId}` ).find( '.wpforms-stripe-payment-element' );
|
||
|
|
||
|
$fieldPreview.toggleClass( 'above' );
|
||
|
$fieldPreview.toggleClass( 'floating' );
|
||
|
$fieldPreview.find( 'select' ).val( $fieldPreview.hasClass( 'above' ) ? 'empty' : 'country' );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Switch Link Email Field mapping.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*/
|
||
|
linkEmailChange: function() {
|
||
|
|
||
|
const fieldId = $( this ).parent().data( 'field-id' );
|
||
|
|
||
|
$( `#wpforms-field-${fieldId}` ).find( '.wpforms-stripe-link-email' ).toggleClass( 'wpforms-hidden', $( this ).val() !== '' );
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Maybe reset link email field if mapped email was removed.
|
||
|
*
|
||
|
* @since 1.8.2
|
||
|
*
|
||
|
* @param {object} e Event object.
|
||
|
* @param {number} id Field ID.
|
||
|
* @param {string} type Field type.
|
||
|
*/
|
||
|
maybeResetLinkEmailField: function( e, id, type ) {
|
||
|
|
||
|
if ( type !== 'email' ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
$( '.wpforms-field-option-stripe-credit-card .wpforms-field-option-row-link_email select' ).trigger( 'change' );
|
||
|
},
|
||
|
};
|
||
|
|
||
|
// Provide access to public functions/properties.
|
||
|
return app;
|
||
|
|
||
|
}( document, window, jQuery ) );
|
||
|
|
||
|
// Initialize.
|
||
|
WPFormsStripeCardField.init();
|