Edit File by line

/* global wpforms_admin_settings_stripe, wpforms_admin */

[0] Fix | Delete

[1] Fix | Delete

/**

[2] Fix | Delete

* Stripe integration settings script.

[3] Fix | Delete

[4] Fix | Delete

* @since 1.8.2

[5] Fix | Delete

[6] Fix | Delete

[7] Fix | Delete

const WPFormsSettingsStripe = window.WPFormsSettingsStripe || ( function( document, window, $ ) {

[8] Fix | Delete

/**

[9] Fix | Delete

* Elements holder.

[10] Fix | Delete

[11] Fix | Delete

* @since 1.8.2

[12] Fix | Delete

[13] Fix | Delete

* @type {Object}

[14] Fix | Delete

[15] Fix | Delete

const el = {};

[16] Fix | Delete

[17] Fix | Delete

/**

[18] Fix | Delete

* Runtime variables.

[19] Fix | Delete

[20] Fix | Delete

* @since 1.8.2

[21] Fix | Delete

[22] Fix | Delete

* @type {Object}

[23] Fix | Delete

[24] Fix | Delete

const vars = {

[25] Fix | Delete

alertTitle: wpforms_admin.heads_up,

[26] Fix | Delete

alertContent: wpforms_admin_settings_stripe.mode_update,

[27] Fix | Delete

ok: wpforms_admin.ok,

[28] Fix | Delete

hideClassName: 'wpforms-hide',

[29] Fix | Delete

};

[30] Fix | Delete

[31] Fix | Delete

/**

[32] Fix | Delete

* Public functions and properties.

[33] Fix | Delete

[34] Fix | Delete

* @since 1.8.2

[35] Fix | Delete

[36] Fix | Delete

const app = {

[37] Fix | Delete

[38] Fix | Delete

/**

[39] Fix | Delete

* Start the engine.

[40] Fix | Delete

[41] Fix | Delete

* @since 1.8.2

[42] Fix | Delete

[43] Fix | Delete

init() {

[44] Fix | Delete

$( app.ready );

[45] Fix | Delete

[46] Fix | Delete

[47] Fix | Delete

/**

[48] Fix | Delete

* Document ready.

[49] Fix | Delete

[50] Fix | Delete

* @since 1.8.2

[51] Fix | Delete

[52] Fix | Delete

ready() {

[53] Fix | Delete

app.setup();

[54] Fix | Delete

app.bindEvents();

[55] Fix | Delete

[56] Fix | Delete

[57] Fix | Delete

/**

[58] Fix | Delete

* Setup. Prepare some variables.

[59] Fix | Delete

[60] Fix | Delete

* @since 1.8.2

[61] Fix | Delete

[62] Fix | Delete

setup() {

[63] Fix | Delete

// Cache DOM elements.

[64] Fix | Delete

el.$wrapper = $( '.wpforms-admin-content-payments' );

[65] Fix | Delete

el.$liveConnectionBlock = $( '.wpforms-stripe-connection-status-live' );

[66] Fix | Delete

el.$testConnectionBlock = $( '.wpforms-stripe-connection-status-test' );

[67] Fix | Delete

el.$testModeCheckbox = $( '#wpforms-setting-stripe-test-mode' );

[68] Fix | Delete

el.copyButton = $( '#wpforms-setting-row-stripe-webhooks-endpoint-set .wpforms-copy-to-clipboard' );

[69] Fix | Delete

el.webhookEndpointUrl = $( 'input#wpforms-stripe-webhook-endpoint-url' );

[70] Fix | Delete

el.webhookMethod = $( 'input[name="stripe-webhooks-communication"]' );

[71] Fix | Delete

[72] Fix | Delete

[73] Fix | Delete

/**

[74] Fix | Delete

* Bind events.

[75] Fix | Delete

[76] Fix | Delete

* @since 1.8.2

[77] Fix | Delete

[78] Fix | Delete

bindEvents() {

[79] Fix | Delete

el.$wrapper

[80] Fix | Delete

.on( 'change', '#wpforms-setting-stripe-test-mode', app.triggerModeSwitchAlert );

[81] Fix | Delete

el.copyButton

[82] Fix | Delete

.on( 'click', app.copyWebhooksEndpoint );

[83] Fix | Delete

el.webhookMethod

[84] Fix | Delete

.on( 'change', app.onMethodChange );

[85] Fix | Delete

[86] Fix | Delete

[87] Fix | Delete

/**

[88] Fix | Delete

* Conditionally show Stripe mode switch warning.

[89] Fix | Delete

[90] Fix | Delete

* @since 1.8.2

[91] Fix | Delete

[92] Fix | Delete

triggerModeSwitchAlert() {

[93] Fix | Delete

if ( el.$testModeCheckbox.is( ':checked' ) ) {

[94] Fix | Delete

el.$liveConnectionBlock.addClass( vars.hideClassName );

[95] Fix | Delete

el.$testConnectionBlock.removeClass( vars.hideClassName );

[96] Fix | Delete

} else {

[97] Fix | Delete

el.$testConnectionBlock.addClass( vars.hideClassName );

[98] Fix | Delete

el.$liveConnectionBlock.removeClass( vars.hideClassName );

[99] Fix | Delete

}

[100] Fix | Delete

[101] Fix | Delete

if ( $( '#wpforms-setting-row-stripe-connection-status .wpforms-connected' ).is( ':visible' ) ) {

[102] Fix | Delete

return;

[103] Fix | Delete

}

[104] Fix | Delete

[105] Fix | Delete

$.alert( {

[106] Fix | Delete

title: vars.alertTitle,

[107] Fix | Delete

content: vars.alertContent,

[108] Fix | Delete

icon: 'fa fa-exclamation-circle',

[109] Fix | Delete

type: 'orange',

[110] Fix | Delete

buttons: {

[111] Fix | Delete

confirm: {

[112] Fix | Delete

text: vars.ok,

[113] Fix | Delete

btnClass: 'btn-confirm',

[114] Fix | Delete

keys: [ 'enter' ],

[115] Fix | Delete

[116] Fix | Delete

[117] Fix | Delete

} );

[118] Fix | Delete

[119] Fix | Delete

[120] Fix | Delete

/**

[121] Fix | Delete

* Copy webhooks endpoint URL to clipboard.

[122] Fix | Delete

[123] Fix | Delete

* @since 1.8.4

[124] Fix | Delete

[125] Fix | Delete

* @param {Object} event Event object.

[126] Fix | Delete

[127] Fix | Delete

copyWebhooksEndpoint( event ) {

[128] Fix | Delete

event.preventDefault();

[129] Fix | Delete

[130] Fix | Delete

// Use Clipboard API for modern browsers and HTTPS connections, in other cases use old-fashioned way.

[131] Fix | Delete

if ( navigator.clipboard ) {

[132] Fix | Delete

navigator.clipboard.writeText( el.webhookEndpointUrl.val() ).then(

[133] Fix | Delete

function() {

[134] Fix | Delete

el.copyButton.find( 'span' ).removeClass( 'dashicons-admin-page' ).addClass( 'dashicons-yes-alt' );

[135] Fix | Delete

}

[136] Fix | Delete

);

[137] Fix | Delete

[138] Fix | Delete

return;

[139] Fix | Delete

}

[140] Fix | Delete

[141] Fix | Delete

el.webhookEndpointUrl.attr( 'disabled', false ).focus().select();

[142] Fix | Delete

[143] Fix | Delete

document.execCommand( 'copy' );

[144] Fix | Delete

[145] Fix | Delete

el.copyButton.find( 'span' ).removeClass( 'dashicons-admin-page' ).addClass( 'dashicons-yes-alt' );

[146] Fix | Delete

[147] Fix | Delete

el.webhookEndpointUrl.attr( 'disabled', true );

[148] Fix | Delete

[149] Fix | Delete

[150] Fix | Delete

/**

[151] Fix | Delete

* Update the endpoint URL.

[152] Fix | Delete

[153] Fix | Delete

* @since 1.8.4

[154] Fix | Delete

[155] Fix | Delete

onMethodChange() {

[156] Fix | Delete

const checked = el.webhookMethod.filter( ':checked' ).val(),

[157] Fix | Delete

newUrl = wpforms_admin_settings_stripe.webhook_urls[ checked ];

[158] Fix | Delete

[159] Fix | Delete

el.webhookEndpointUrl.val( newUrl );

[160] Fix | Delete

[161] Fix | Delete

};

[162] Fix | Delete

[163] Fix | Delete

// Provide access to public functions/properties.

[164] Fix | Delete

return app;

[165] Fix | Delete

}( document, window, jQuery ) );

[166] Fix | Delete

[167] Fix | Delete

// Initialize.

[168] Fix | Delete

WPFormsSettingsStripe.init();

[169] Fix | Delete

[170] Fix | Delete