Edit File by line

/* global wpforms_challenge_admin */

[0] Fix | Delete

/**

[1] Fix | Delete

* WPForms Challenge function.

[2] Fix | Delete

[3] Fix | Delete

* @since 1.5.0

[4] Fix | Delete

* @since 1.6.2 Challenge v2

[5] Fix | Delete

[6] Fix | Delete

'use strict';

[7] Fix | Delete

[8] Fix | Delete

var WPFormsChallenge = window.WPFormsChallenge || {};

[9] Fix | Delete

[10] Fix | Delete

WPFormsChallenge.core = window.WPFormsChallenge.core || ( function( document, window, $ ) {

[11] Fix | Delete

[12] Fix | Delete

/**

[13] Fix | Delete

* Public functions and properties.

[14] Fix | Delete

[15] Fix | Delete

* @since 1.5.0

[16] Fix | Delete

[17] Fix | Delete

* @type {object}

[18] Fix | Delete

[19] Fix | Delete

var app = {};

[20] Fix | Delete

[21] Fix | Delete

/**

[22] Fix | Delete

* Runtime variables.

[23] Fix | Delete

[24] Fix | Delete

* @since 1.6.2

[25] Fix | Delete

[26] Fix | Delete

* @type {object}

[27] Fix | Delete

[28] Fix | Delete

var vars = {};

[29] Fix | Delete

[30] Fix | Delete

/**

[31] Fix | Delete

* DOM elements.

[32] Fix | Delete

[33] Fix | Delete

* @since 1.6.2

[34] Fix | Delete

[35] Fix | Delete

* @type {object}

[36] Fix | Delete

[37] Fix | Delete

var el = {};

[38] Fix | Delete

[39] Fix | Delete

/**

[40] Fix | Delete

* Timer functions and properties.

[41] Fix | Delete

[42] Fix | Delete

* @since 1.5.0

[43] Fix | Delete

[44] Fix | Delete

* @type {object}

[45] Fix | Delete

[46] Fix | Delete

var timer = {

[47] Fix | Delete

[48] Fix | Delete

/**

[49] Fix | Delete

* Number of minutes to complete the challenge.

[50] Fix | Delete

[51] Fix | Delete

* @since 1.5.0

[52] Fix | Delete

[53] Fix | Delete

* @type {number}

[54] Fix | Delete

[55] Fix | Delete

initialSecondsLeft: WPFormsChallenge.admin.l10n.minutes_left * 60,

[56] Fix | Delete

[57] Fix | Delete

/**

[58] Fix | Delete

* Load timer ID.

[59] Fix | Delete

[60] Fix | Delete

* @since 1.5.0

[61] Fix | Delete

[62] Fix | Delete

* @returns {string} ID from setInterval().

[63] Fix | Delete

[64] Fix | Delete

loadId: function() {

[65] Fix | Delete

[66] Fix | Delete

return localStorage.getItem( 'wpformsChallengeTimerId' );

[67] Fix | Delete

[68] Fix | Delete

[69] Fix | Delete

/**

[70] Fix | Delete

* Save timer ID.

[71] Fix | Delete

[72] Fix | Delete

* @since 1.5.0

[73] Fix | Delete

[74] Fix | Delete

* @param {number|string} id setInterval() ID to save.

[75] Fix | Delete

[76] Fix | Delete

saveId: function( id ) {

[77] Fix | Delete

[78] Fix | Delete

localStorage.setItem( 'wpformsChallengeTimerId', id );

[79] Fix | Delete

[80] Fix | Delete

[81] Fix | Delete

/**

[82] Fix | Delete

* Run the timer.

[83] Fix | Delete

[84] Fix | Delete

* @since 1.5.0

[85] Fix | Delete

[86] Fix | Delete

* @param {number} secondsLeft Number of seconds left to complete the Challenge.

[87] Fix | Delete

[88] Fix | Delete

* @returns {string|void} ID from setInterval().

[89] Fix | Delete

[90] Fix | Delete

run: function( secondsLeft ) {

[91] Fix | Delete

[92] Fix | Delete

if ( 5 === app.loadStep() ) {

[93] Fix | Delete

return;

[94] Fix | Delete

}

[95] Fix | Delete

[96] Fix | Delete

var timerId = setInterval( function() {

[97] Fix | Delete

[98] Fix | Delete

app.updateTimerUI( secondsLeft );

[99] Fix | Delete

secondsLeft--;

[100] Fix | Delete

if ( 0 > secondsLeft ) {

[101] Fix | Delete

timer.saveSecondsLeft( 0 );

[102] Fix | Delete

clearInterval( timerId );

[103] Fix | Delete

}

[104] Fix | Delete

}, 1000 );

[105] Fix | Delete

[106] Fix | Delete

timer.saveId( timerId );

[107] Fix | Delete

[108] Fix | Delete

return timerId;

[109] Fix | Delete

[110] Fix | Delete

[111] Fix | Delete

/**

[112] Fix | Delete

* Pause the timer.

[113] Fix | Delete

[114] Fix | Delete

* @since 1.5.0

[115] Fix | Delete

[116] Fix | Delete

pause: function() {

[117] Fix | Delete

[118] Fix | Delete

var timerId;

[119] Fix | Delete

var elSeconds;

[120] Fix | Delete

var secondsLeft = timer.getSecondsLeft();

[121] Fix | Delete

[122] Fix | Delete

if ( 0 === secondsLeft || 5 === app.loadStep() ) {

[123] Fix | Delete

return;

[124] Fix | Delete

}

[125] Fix | Delete

[126] Fix | Delete

timerId = timer.loadId();

[127] Fix | Delete

clearInterval( timerId );

[128] Fix | Delete

[129] Fix | Delete

elSeconds = $( '#wpforms-challenge-timer' ).data( 'seconds-left' );

[130] Fix | Delete

[131] Fix | Delete

if ( elSeconds ) {

[132] Fix | Delete

timer.saveSecondsLeft( elSeconds );

[133] Fix | Delete

}

[134] Fix | Delete

[135] Fix | Delete

[136] Fix | Delete

/**

[137] Fix | Delete

* Resume the timer.

[138] Fix | Delete

[139] Fix | Delete

* @since 1.5.0

[140] Fix | Delete

[141] Fix | Delete

resume: function() {

[142] Fix | Delete

[143] Fix | Delete

var timerId;

[144] Fix | Delete

var secondsLeft = timer.getSecondsLeft();

[145] Fix | Delete

[146] Fix | Delete

if ( 0 === secondsLeft || 5 === app.loadStep() ) {

[147] Fix | Delete

return;

[148] Fix | Delete

}

[149] Fix | Delete

[150] Fix | Delete

timerId = timer.loadId();

[151] Fix | Delete

[152] Fix | Delete

if ( timerId ) {

[153] Fix | Delete

clearInterval( timerId );

[154] Fix | Delete

}

[155] Fix | Delete

[156] Fix | Delete

timer.run( secondsLeft );

[157] Fix | Delete

[158] Fix | Delete

[159] Fix | Delete

/**

[160] Fix | Delete

* Clear all frontend saved timer data.

[161] Fix | Delete

[162] Fix | Delete

* @since 1.5.0

[163] Fix | Delete

[164] Fix | Delete

clear: function() {

[165] Fix | Delete

[166] Fix | Delete

localStorage.removeItem( 'wpformsChallengeSecondsLeft' );

[167] Fix | Delete

localStorage.removeItem( 'wpformsChallengeTimerId' );

[168] Fix | Delete

localStorage.removeItem( 'wpformsChallengeTimerStatus' );

[169] Fix | Delete

$( '#wpforms-challenge-timer' ).removeData( 'seconds-left' );

[170] Fix | Delete

[171] Fix | Delete

[172] Fix | Delete

/**

[173] Fix | Delete

* Get number of seconds left to complete the Challenge.

[174] Fix | Delete

[175] Fix | Delete

* @since 1.5.0

[176] Fix | Delete

[177] Fix | Delete

* @returns {number} Number of seconds left to complete the Challenge.

[178] Fix | Delete

[179] Fix | Delete

getSecondsLeft: function() {

[180] Fix | Delete

[181] Fix | Delete

var secondsLeft = localStorage.getItem( 'wpformsChallengeSecondsLeft' );

[182] Fix | Delete

secondsLeft = parseInt( secondsLeft, 10 ) || 0;

[183] Fix | Delete

[184] Fix | Delete

return secondsLeft;

[185] Fix | Delete

[186] Fix | Delete

[187] Fix | Delete

/**

[188] Fix | Delete

* Get number of seconds spent completing the Challenge.

[189] Fix | Delete

[190] Fix | Delete

* @since 1.5.0

[191] Fix | Delete

[192] Fix | Delete

* @param {number} secondsLeft Number of seconds left to complete the Challenge.

[193] Fix | Delete

[194] Fix | Delete

* @returns {number} Number of seconds spent completing the Challenge.

[195] Fix | Delete

[196] Fix | Delete

getSecondsSpent: function( secondsLeft ) {

[197] Fix | Delete

[198] Fix | Delete

secondsLeft = secondsLeft || timer.getSecondsLeft();

[199] Fix | Delete

[200] Fix | Delete

return timer.initialSecondsLeft - secondsLeft;

[201] Fix | Delete

[202] Fix | Delete

[203] Fix | Delete

/**

[204] Fix | Delete

* Save number of seconds left to complete the Challenge.

[205] Fix | Delete

[206] Fix | Delete

* @since 1.5.0

[207] Fix | Delete

[208] Fix | Delete

* @param {number|string} secondsLeft Number of seconds left to complete the Challenge.

[209] Fix | Delete

[210] Fix | Delete

saveSecondsLeft: function( secondsLeft ) {

[211] Fix | Delete

[212] Fix | Delete

localStorage.setItem( 'wpformsChallengeSecondsLeft', secondsLeft );

[213] Fix | Delete

[214] Fix | Delete

[215] Fix | Delete

/**

[216] Fix | Delete

* Get 'minutes' part of timer display.

[217] Fix | Delete

[218] Fix | Delete

* @since 1.5.0

[219] Fix | Delete

[220] Fix | Delete

* @param {number} secondsLeft Number of seconds left to complete the Challenge.

[221] Fix | Delete

[222] Fix | Delete

* @returns {number} 'Minutes' part of timer display.

[223] Fix | Delete

[224] Fix | Delete

getMinutesFormatted: function( secondsLeft ) {

[225] Fix | Delete

[226] Fix | Delete

secondsLeft = secondsLeft || timer.getSecondsLeft();

[227] Fix | Delete

[228] Fix | Delete

return Math.floor( secondsLeft / 60 );

[229] Fix | Delete

[230] Fix | Delete

[231] Fix | Delete

/**

[232] Fix | Delete

* Get 'seconds' part of timer display.

[233] Fix | Delete

[234] Fix | Delete

* @since 1.5.0

[235] Fix | Delete

[236] Fix | Delete

* @param {number} secondsLeft Number of seconds left to complete the Challenge.

[237] Fix | Delete

[238] Fix | Delete

* @returns {number} 'Seconds' part of timer display.

[239] Fix | Delete

[240] Fix | Delete

getSecondsFormatted: function( secondsLeft ) {

[241] Fix | Delete

[242] Fix | Delete

secondsLeft = secondsLeft || timer.getSecondsLeft();

[243] Fix | Delete

[244] Fix | Delete

return secondsLeft % 60;

[245] Fix | Delete

[246] Fix | Delete

[247] Fix | Delete

/**

[248] Fix | Delete

* Get formatted timer for display.

[249] Fix | Delete

[250] Fix | Delete

* @since 1.5.0

[251] Fix | Delete

[252] Fix | Delete

* @param {number} secondsLeft Number of seconds left to complete the Challenge.

[253] Fix | Delete

[254] Fix | Delete

* @returns {string} Formatted timer for display.

[255] Fix | Delete

[256] Fix | Delete

getFormatted: function( secondsLeft ) {

[257] Fix | Delete

[258] Fix | Delete

secondsLeft = secondsLeft || timer.getSecondsLeft();

[259] Fix | Delete

[260] Fix | Delete

var timerMinutes = timer.getMinutesFormatted( secondsLeft );

[261] Fix | Delete

var timerSeconds = timer.getSecondsFormatted( secondsLeft );

[262] Fix | Delete

[263] Fix | Delete

return timerMinutes + ( 9 < timerSeconds ? ':' : ':0' ) + timerSeconds;

[264] Fix | Delete

[265] Fix | Delete

};

[266] Fix | Delete

[267] Fix | Delete

/**

[268] Fix | Delete

* Public functions and properties.

[269] Fix | Delete

[270] Fix | Delete

app = {

[271] Fix | Delete

[272] Fix | Delete

/**

[273] Fix | Delete

* Public timer functions and properties.

[274] Fix | Delete

[275] Fix | Delete

* @since 1.5.0

[276] Fix | Delete

[277] Fix | Delete

timer: timer,

[278] Fix | Delete

[279] Fix | Delete

/**

[280] Fix | Delete

* Start the engine.

[281] Fix | Delete

[282] Fix | Delete

* @since 1.5.0

[283] Fix | Delete

[284] Fix | Delete

init: function() {

[285] Fix | Delete

[286] Fix | Delete

$( app.ready );

[287] Fix | Delete

$( window ).on( 'load', function() {

[288] Fix | Delete

[289] Fix | Delete

// in case of jQuery 3.+ we need to wait for an `ready` event first.

[290] Fix | Delete

if ( typeof $.ready.then === 'function' ) {

[291] Fix | Delete

$.ready.then( app.load );

[292] Fix | Delete

} else {

[293] Fix | Delete

app.load();

[294] Fix | Delete

}

[295] Fix | Delete

} );

[296] Fix | Delete

[297] Fix | Delete

[298] Fix | Delete

/**

[299] Fix | Delete

* Document ready.

[300] Fix | Delete

[301] Fix | Delete

* @since 1.5.0

[302] Fix | Delete

[303] Fix | Delete

ready: function() {

[304] Fix | Delete

[305] Fix | Delete

app.setup();

[306] Fix | Delete

app.events();

[307] Fix | Delete

[308] Fix | Delete

[309] Fix | Delete

/**

[310] Fix | Delete

* Window load.

[311] Fix | Delete

[312] Fix | Delete

* @since 1.5.0

[313] Fix | Delete

[314] Fix | Delete

load: function() {

[315] Fix | Delete

[316] Fix | Delete

if ( wpforms_challenge_admin.option.status === 'started' ) {

[317] Fix | Delete

app.timer.run( app.timer.getSecondsLeft() );

[318] Fix | Delete

}

[319] Fix | Delete

[320] Fix | Delete

[321] Fix | Delete

/**

[322] Fix | Delete

* Initial setup.

[323] Fix | Delete

[324] Fix | Delete

* @since 1.5.0

[325] Fix | Delete

[326] Fix | Delete

setup: function() {

[327] Fix | Delete

[328] Fix | Delete

var secondsLeft;

[329] Fix | Delete

var timerId = app.timer.loadId();

[330] Fix | Delete

[331] Fix | Delete

if ( timerId ) {

[332] Fix | Delete

clearInterval( timerId );

[333] Fix | Delete

secondsLeft = app.timer.getSecondsLeft();

[334] Fix | Delete

}

[335] Fix | Delete

[336] Fix | Delete

if ( ! timerId || 0 === app.loadStep() || wpforms_challenge_admin.option.status === 'inited' ) {

[337] Fix | Delete

secondsLeft = app.timer.initialSecondsLeft;

[338] Fix | Delete

}

[339] Fix | Delete

[340] Fix | Delete

app.initElements();

[341] Fix | Delete

app.refreshStep();

[342] Fix | Delete

app.initListUI( null, true );

[343] Fix | Delete

app.updateListUI();

[344] Fix | Delete

app.updateTimerUI( secondsLeft );

[345] Fix | Delete

[346] Fix | Delete

[347] Fix | Delete

/**

[348] Fix | Delete

* Register JS events.

[349] Fix | Delete

[350] Fix | Delete

* @since 1.5.0

[351] Fix | Delete

[352] Fix | Delete

events: function() {

[353] Fix | Delete

[354] Fix | Delete

$( [ window, document ] )

[355] Fix | Delete

.on( 'blur', app.pauseChallenge )

[356] Fix | Delete

.on( 'focus', app.resumeChallenge )

[357] Fix | Delete

.on( 'click', '.wpforms-challenge-done-btn', app.resumeChallenge );

[358] Fix | Delete

[359] Fix | Delete

el.$btnPause.on( 'click', app.pauseChallenge );

[360] Fix | Delete

el.$btnResume.on( 'click', app.resumeChallenge );

[361] Fix | Delete

[362] Fix | Delete

el.$listSteps.on( 'click', '.wpforms-challenge-item-current', app.refreshPage );

[363] Fix | Delete

[364] Fix | Delete

[365] Fix | Delete

/**

[366] Fix | Delete

* DOM elements.

[367] Fix | Delete

[368] Fix | Delete

* @since 1.6.2

[369] Fix | Delete

[370] Fix | Delete

initElements: function() {

[371] Fix | Delete

[372] Fix | Delete

el = {

[373] Fix | Delete

$challenge: $( '.wpforms-challenge' ),

[374] Fix | Delete

$btnPause: $( '.wpforms-challenge-pause' ),

[375] Fix | Delete

$btnResume: $( '.wpforms-challenge-resume' ),

[376] Fix | Delete

$listSteps: $( '.wpforms-challenge-list' ),

[377] Fix | Delete

$listBlock: $( '.wpforms-challenge-list-block' ),

[378] Fix | Delete

$listBtnToggle: $( '.wpforms-challenge-list-block .toggle-list' ),

[379] Fix | Delete

$progressBar: $( '.wpforms-challenge-bar' ),

[380] Fix | Delete

$tooltipBtnDone: function() {

[381] Fix | Delete

return $( '.wpforms-challenge-tooltip .wpforms-challenge-done-btn' );

[382] Fix | Delete

[383] Fix | Delete

};

[384] Fix | Delete

[385] Fix | Delete

[386] Fix | Delete

/**

[387] Fix | Delete

* Get last saved step.

[388] Fix | Delete

[389] Fix | Delete

* @since 1.5.0

[390] Fix | Delete

[391] Fix | Delete

* @returns {number} Last saved step.

[392] Fix | Delete

[393] Fix | Delete

loadStep: function() {

[394] Fix | Delete

[395] Fix | Delete

var step = localStorage.getItem( 'wpformsChallengeStep' );

[396] Fix | Delete

step = parseInt( step, 10 ) || 0;

[397] Fix | Delete

[398] Fix | Delete

return step;

[399] Fix | Delete

[400] Fix | Delete

[401] Fix | Delete

/**

[402] Fix | Delete

* Save Challenge step.

[403] Fix | Delete

[404] Fix | Delete

* @param {number|string} step Step to save.

[405] Fix | Delete

[406] Fix | Delete

* @returns {object} jqXHR object from saveChallengeOption().

[407] Fix | Delete

[408] Fix | Delete

saveStep: function( step ) {

[409] Fix | Delete

[410] Fix | Delete

localStorage.setItem( 'wpformsChallengeStep', step );

[411] Fix | Delete

[412] Fix | Delete

return WPFormsChallenge.admin.saveChallengeOption( { step: step } );

[413] Fix | Delete

[414] Fix | Delete

[415] Fix | Delete

/**

[416] Fix | Delete

* Update a step with backend data.

[417] Fix | Delete

[418] Fix | Delete

* @since 1.5.0

[419] Fix | Delete

[420] Fix | Delete

refreshStep: function() {

[421] Fix | Delete

[422] Fix | Delete

var savedStep = el.$challenge.data( 'wpforms-challenge-saved-step' );

[423] Fix | Delete

savedStep = parseInt( savedStep, 10 ) || 0;

[424] Fix | Delete

[425] Fix | Delete

// Step saved on a backend has a priority.

[426] Fix | Delete

if ( app.loadStep() !== savedStep ) {

[427] Fix | Delete

app.saveStep( savedStep );

[428] Fix | Delete

}

[429] Fix | Delete

[430] Fix | Delete

[431] Fix | Delete

/**

[432] Fix | Delete

* Complete Challenge step.

[433] Fix | Delete

[434] Fix | Delete

* @since 1.5.0

[435] Fix | Delete

[436] Fix | Delete

* @param {number|string} step Step to complete.

[437] Fix | Delete

[438] Fix | Delete

* @returns {object} jqXHR object from saveStep().

[439] Fix | Delete

[440] Fix | Delete

stepCompleted: function( step ) {

[441] Fix | Delete

[442] Fix | Delete

app.updateListUI( step );

[443] Fix | Delete

app.updateTooltipUI( step );

[444] Fix | Delete

[445] Fix | Delete

return app.saveStep( step );

[446] Fix | Delete

[447] Fix | Delete

[448] Fix | Delete

/**

[449] Fix | Delete

* Initialize Challenge tooltips.

[450] Fix | Delete

[451] Fix | Delete

* @since 1.5.0

[452] Fix | Delete

[453] Fix | Delete

* @param {number|string} step Last saved step.

[454] Fix | Delete

* @param {string} anchor Element selector to bind tooltip to.

[455] Fix | Delete

* @param {object} args Tooltipster arguments.

[456] Fix | Delete

[457] Fix | Delete

initTooltips: function( step, anchor, args ) {

[458] Fix | Delete

[459] Fix | Delete

if ( typeof $.fn.tooltipster === 'undefined' ) {

[460] Fix | Delete

return;

[461] Fix | Delete

}

[462] Fix | Delete

[463] Fix | Delete

var $dot = $( '<span class="wpforms-challenge-dot wpforms-challenge-dot-step' + step + '" data-wpforms-challenge-step="' + step + '"> </span>' );

[464] Fix | Delete

var tooltipsterArgs = {

[465] Fix | Delete

content : $( '#tooltip-content' + step ),

[466] Fix | Delete

trigger : null,

[467] Fix | Delete

interactive : true,

[468] Fix | Delete

animationDuration: 0,

[469] Fix | Delete

delay : 0,

[470] Fix | Delete

theme : [ 'tooltipster-default', 'wpforms-challenge-tooltip' ],

[471] Fix | Delete

side : [ 'top' ],

[472] Fix | Delete

distance : 3,

[473] Fix | Delete

functionReady : function( instance, helper ) {

[474] Fix | Delete

[475] Fix | Delete

$( helper.tooltip ).addClass( 'wpforms-challenge-tooltip-step' + step );

[476] Fix | Delete

[477] Fix | Delete

// Custom positioning.

[478] Fix | Delete

if ( step === 4 || step === 3 ) {

[479] Fix | Delete

instance.option( 'side', 'right' );

[480] Fix | Delete

} else if ( step === 1 ) {

[481] Fix | Delete

instance.option( 'side', 'left' );

[482] Fix | Delete

}

[483] Fix | Delete

[484] Fix | Delete

// Reposition is needed to render max-width CSS correctly.

[485] Fix | Delete

instance.reposition();

[486] Fix | Delete

[487] Fix | Delete

};

[488] Fix | Delete

[489] Fix | Delete

if ( typeof args === 'object' && args !== null ) {

[490] Fix | Delete

$.extend( tooltipsterArgs, args );

[491] Fix | Delete

}

[492] Fix | Delete

[493] Fix | Delete

$dot.insertAfter( anchor ).tooltipster( tooltipsterArgs );

[494] Fix | Delete

[495] Fix | Delete

[496] Fix | Delete

/**

[497] Fix | Delete

* Update tooltips appearance.

[498] Fix | Delete

[499] Fix | Delete