| 1 |
/** |
| 2 |
* Enhanced MxChat License Activation JS |
| 3 |
* This handles BOTH local activation AND domain tracking |
| 4 |
* Plus deactivation functionality |
| 5 |
* VERSION: Increased timeouts for better user experience |
| 6 |
*/ |
| 7 |
jQuery(document).ready(function($) { |
| 8 |
// Get configuration from hidden fields |
| 9 |
const AJAX_URL = $('#mxchat-ajax-url').val() || ajaxurl; |
| 10 |
const NONCE = $('#mxchat-nonce').val(); |
| 11 |
const API_URL = $('#mxchat-api-url').val() || 'https://mxchat.ai'; |
| 12 |
|
| 13 |
// Elements |
| 14 |
const form = $('#mxchat-activation-form'); |
| 15 |
const spinner = $('#mxchat-activation-spinner'); |
| 16 |
const submitButton = $('#activate_license_button'); |
| 17 |
const licenseStatus = $('#mxchat-license-status'); |
| 18 |
|
| 19 |
// Create or get status message element |
| 20 |
var $statusMessage = $('<div id="mxchat-activation-status" style="margin-top: 12px; padding: 12px 16px; border-radius: 8px; font-size: 14px; display: none;"></div>'); |
| 21 |
if ($('#mxchat-activation-status').length === 0) { |
| 22 |
spinner.after($statusMessage); |
| 23 |
} else { |
| 24 |
$statusMessage = $('#mxchat-activation-status'); |
| 25 |
} |
| 26 |
|
| 27 |
function showStatus(message, type) { |
| 28 |
var bgColor = type === 'success' ? 'rgba(16, 185, 129, 0.1)' : |
| 29 |
type === 'error' ? 'rgba(239, 68, 68, 0.1)' : |
| 30 |
'rgba(120, 115, 245, 0.1)'; |
| 31 |
var textColor = type === 'success' ? '#059669' : |
| 32 |
type === 'error' ? '#dc2626' : |
| 33 |
'#7873f5'; |
| 34 |
var icon = type === 'success' ? '✓' : |
| 35 |
type === 'error' ? '✗' : |
| 36 |
'<span class="dashicons dashicons-update spin" style="font-size: 14px; width: 14px; height: 14px; margin-right: 4px;"></span>'; |
| 37 |
|
| 38 |
$statusMessage.html(icon + ' ' + message) |
| 39 |
.css({ |
| 40 |
'background': bgColor, |
| 41 |
'color': textColor, |
| 42 |
'display': 'block' |
| 43 |
}); |
| 44 |
} |
| 45 |
|
| 46 |
// Activation handling |
| 47 |
if (form.length && licenseStatus.length && submitButton.length) { |
| 48 |
function handleActivationResponse(response) { |
| 49 |
if (response.success) { |
| 50 |
licenseStatus.text('Active'); |
| 51 |
licenseStatus.removeClass('inactive').addClass('active'); |
| 52 |
|
| 53 |
// Show linking status - keep spinner visible |
| 54 |
showStatus('License verified! Linking domain...', 'loading'); |
| 55 |
|
| 56 |
// Track domain BEFORE showing success |
| 57 |
trackDomainActivation() |
| 58 |
.done(function(trackResponse) { |
| 59 |
console.log('Domain tracking successful:', trackResponse); |
| 60 |
spinner.hide(); |
| 61 |
showStatus('License activated and domain linked successfully!', 'success'); |
| 62 |
|
| 63 |
// Wait before reload |
| 64 |
setTimeout(function() { |
| 65 |
location.reload(); |
| 66 |
}, 2000); |
| 67 |
}) |
| 68 |
.fail(function(jqXHR, textStatus, errorThrown) { |
| 69 |
console.error('Domain tracking failed:', textStatus, errorThrown); |
| 70 |
spinner.hide(); |
| 71 |
|
| 72 |
// Still show success but warn about domain linking |
| 73 |
showStatus('License activated! Domain linking failed - you can link it manually after reload.', 'success'); |
| 74 |
|
| 75 |
// Wait before reload |
| 76 |
setTimeout(function() { |
| 77 |
location.reload(); |
| 78 |
}, 3000); |
| 79 |
}); |
| 80 |
} else { |
| 81 |
spinner.hide(); |
| 82 |
licenseStatus.text('Inactive'); |
| 83 |
showStatus(response.data || 'Activation failed. Please check your input.', 'error'); |
| 84 |
submitButton.prop('disabled', false); |
| 85 |
} |
| 86 |
} |
| 87 |
|
| 88 |
function checkActivationStatus() { |
| 89 |
const email = $('#mxchat_pro_email').val(); |
| 90 |
const key = $('#mxchat_activation_key').val(); |
| 91 |
|
| 92 |
$.ajax({ |
| 93 |
type: 'POST', |
| 94 |
url: AJAX_URL, |
| 95 |
data: { |
| 96 |
action: 'mxchat_check_license_status', |
| 97 |
email: email, |
| 98 |
key: key, |
| 99 |
security: NONCE |
| 100 |
}, |
| 101 |
timeout: 45000, // Increased from default to 45 seconds |
| 102 |
success: function(response) { |
| 103 |
if (response.is_active) { |
| 104 |
licenseStatus.text('Active'); |
| 105 |
licenseStatus.removeClass('inactive').addClass('active'); |
| 106 |
form.hide(); |
| 107 |
|
| 108 |
// Try to track domain for timeout scenario |
| 109 |
trackDomainActivation() |
| 110 |
.done(function(trackResponse) { |
| 111 |
console.log('Domain tracking completed after timeout check:', trackResponse); |
| 112 |
alert('Your license has been activated and domain linked successfully!'); |
| 113 |
setTimeout(function() { |
| 114 |
location.reload(); |
| 115 |
}, 3000); |
| 116 |
}) |
| 117 |
.fail(function() { |
| 118 |
console.log('Domain tracking failed after timeout check'); |
| 119 |
alert('Your license has been activated successfully!\n\nNote: Domain linking may have failed. Check the "Link Domain" button after reload if needed.'); |
| 120 |
setTimeout(function() { |
| 121 |
location.reload(); |
| 122 |
}, 3000); |
| 123 |
}); |
| 124 |
} else { |
| 125 |
alert('License activation timed out. Please try again or contact support if the problem persists.'); |
| 126 |
submitButton.prop('disabled', false); |
| 127 |
} |
| 128 |
}, |
| 129 |
error: function() { |
| 130 |
alert('Unable to verify license status. Please refresh the page to check if activation was successful.'); |
| 131 |
submitButton.prop('disabled', false); |
| 132 |
} |
| 133 |
}); |
| 134 |
} |
| 135 |
|
| 136 |
function trackDomainActivation() { |
| 137 |
const email = $('#mxchat_pro_email').val(); |
| 138 |
const key = $('#mxchat_activation_key').val(); |
| 139 |
const domain = $('#mxchat_domain').val(); |
| 140 |
|
| 141 |
console.log('Attempting to track domain:', domain); |
| 142 |
|
| 143 |
return $.ajax({ |
| 144 |
type: 'POST', |
| 145 |
url: API_URL + '/mxchat-api/link-domain', // Changed to use same endpoint as manual linking |
| 146 |
data: { |
| 147 |
email: email, // Changed parameter name to match manual linking |
| 148 |
license_key: key, // Changed parameter name to match manual linking |
| 149 |
domain: domain |
| 150 |
}, |
| 151 |
timeout: 30000, // Increased from 10 seconds to 30 seconds |
| 152 |
xhrFields: { |
| 153 |
withCredentials: false // Ensure CORS compatibility |
| 154 |
}, |
| 155 |
crossDomain: true |
| 156 |
}); |
| 157 |
} |
| 158 |
|
| 159 |
form.on('submit', function(event) { |
| 160 |
event.preventDefault(); |
| 161 |
spinner.show(); |
| 162 |
submitButton.prop('disabled', true); |
| 163 |
showStatus('Validating license key...', 'loading'); |
| 164 |
|
| 165 |
var formData = { |
| 166 |
action: 'mxchat_handle_activate_license', |
| 167 |
mxchat_pro_email: $('#mxchat_pro_email').val(), |
| 168 |
mxchat_activation_key: $('#mxchat_activation_key').val(), |
| 169 |
security: NONCE |
| 170 |
}; |
| 171 |
|
| 172 |
$.ajax({ |
| 173 |
type: 'POST', |
| 174 |
url: AJAX_URL, |
| 175 |
data: formData, |
| 176 |
timeout: 120000, // Increased from 70 seconds to 2 minutes (120 seconds) |
| 177 |
success: function(response) { |
| 178 |
handleActivationResponse(response); |
| 179 |
}, |
| 180 |
error: function(jqXHR, textStatus) { |
| 181 |
// On any error, check if the license was actually saved successfully |
| 182 |
// This handles cases where the response format caused a parse error |
| 183 |
// but the activation actually worked |
| 184 |
showStatus('Verifying activation status...', 'loading'); |
| 185 |
checkActivationStatus(); |
| 186 |
} |
| 187 |
}); |
| 188 |
}); |
| 189 |
} |
| 190 |
|
| 191 |
// Domain linking for existing activations |
| 192 |
$('#link-domain-button').on('click', function() { |
| 193 |
const button = $(this); |
| 194 |
const status = $('#domain-link-status'); |
| 195 |
const originalText = button.text(); |
| 196 |
|
| 197 |
// Get stored values from the page |
| 198 |
const email = $('input#mxchat_pro_email').val() || |
| 199 |
$('p:contains("Email:")').text().split(':')[1]?.trim() || |
| 200 |
''; |
| 201 |
const license_key = $('input#mxchat_activation_key').val() || |
| 202 |
$('code:contains("-")').text().trim() || |
| 203 |
''; |
| 204 |
const domain = $('#mxchat_domain').val(); |
| 205 |
|
| 206 |
if (!email || !license_key) { |
| 207 |
status.html('<span style="color: red;">✗ Missing email or license key</span>'); |
| 208 |
return; |
| 209 |
} |
| 210 |
|
| 211 |
button.prop('disabled', true).text('Linking...'); |
| 212 |
status.html('<span style="color: #666;">Processing...</span>'); |
| 213 |
|
| 214 |
$.ajax({ |
| 215 |
type: 'POST', |
| 216 |
url: API_URL + '/mxchat-api/link-domain', |
| 217 |
data: { |
| 218 |
email: email, |
| 219 |
license_key: license_key, |
| 220 |
domain: domain |
| 221 |
}, |
| 222 |
timeout: 30000, // Increased from 10 seconds to 30 seconds |
| 223 |
success: function(response) { |
| 224 |
if (response.success) { |
| 225 |
status.html('<span style="color: green;">✓ Domain linked successfully!</span>'); |
| 226 |
button.hide(); |
| 227 |
|
| 228 |
setTimeout(function() { |
| 229 |
location.reload(); |
| 230 |
}, 2000); |
| 231 |
} else { |
| 232 |
status.html('<span style="color: red;">✗ ' + (response.data || 'Failed to link domain') + '</span>'); |
| 233 |
button.prop('disabled', false).text(originalText); |
| 234 |
} |
| 235 |
}, |
| 236 |
error: function(jqXHR, textStatus, errorThrown) { |
| 237 |
console.error('Domain linking error:', textStatus, errorThrown); |
| 238 |
status.html('<span style="color: red;">✗ Connection error. Please try again.</span>'); |
| 239 |
button.prop('disabled', false).text(originalText); |
| 240 |
} |
| 241 |
}); |
| 242 |
}); |
| 243 |
|
| 244 |
// License deactivation |
| 245 |
$('#deactivate-license-button').on('click', function() { |
| 246 |
const button = $(this); |
| 247 |
const status = $('#deactivate-status'); |
| 248 |
const originalText = button.text(); |
| 249 |
|
| 250 |
// Confirmation dialog |
| 251 |
const confirmMessage = 'Are you sure you want to deactivate this license?\n\n' + |
| 252 |
'This will:\n' + |
| 253 |
'• Disable pro features on this site\n' + |
| 254 |
'• Unlink this domain from your account\n' + |
| 255 |
'• Allow you to activate on a different site\n\n' + |
| 256 |
'You can reactivate anytime with the same license key.'; |
| 257 |
|
| 258 |
if (!confirm(confirmMessage)) { |
| 259 |
return; |
| 260 |
} |
| 261 |
|
| 262 |
button.prop('disabled', true).text('Deactivating...'); |
| 263 |
status.html('<span style="color: #666;">Processing...</span>'); |
| 264 |
|
| 265 |
$.ajax({ |
| 266 |
type: 'POST', |
| 267 |
url: AJAX_URL, |
| 268 |
data: { |
| 269 |
action: 'mxchat_deactivate_license', |
| 270 |
security: NONCE |
| 271 |
}, |
| 272 |
timeout: 45000, // Increased from 15 seconds to 45 seconds |
| 273 |
success: function(response) { |
| 274 |
if (response.success) { |
| 275 |
status.html('<span style="color: green;">✓ ' + response.data.message + '</span>'); |
| 276 |
|
| 277 |
// Show success message |
| 278 |
alert('License deactivated successfully!\n\nYou can now activate this license on another site.'); |
| 279 |
|
| 280 |
// Reload page to show deactivated state |
| 281 |
setTimeout(function() { |
| 282 |
location.reload(); |
| 283 |
}, 2000); |
| 284 |
} else { |
| 285 |
status.html('<span style="color: red;">✗ ' + (response.data || 'Deactivation failed') + '</span>'); |
| 286 |
button.prop('disabled', false).text(originalText); |
| 287 |
} |
| 288 |
}, |
| 289 |
error: function(jqXHR, textStatus) { |
| 290 |
if (textStatus === 'timeout') { |
| 291 |
status.html('<span style="color: orange;">⚠ Deactivation timed out. Please check your account dashboard.</span>'); |
| 292 |
} else { |
| 293 |
status.html('<span style="color: red;">✗ Connection error. Please try again.</span>'); |
| 294 |
} |
| 295 |
button.prop('disabled', false).text(originalText); |
| 296 |
} |
| 297 |
}); |
| 298 |
}); |
| 299 |
}); |
