# king-addons/51.1.77/includes/admin/js/ai-page-translator.js
King Addons for Elementor – 100+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce Builder, Mega Menu, Popup Builder, version 51.1.77. 2,789 lines.
- Page: https://pluginprobe.com/plugins/king-addons/51.1.77/code/includes/admin/js/ai-page-translator.js
- Raw: https://pluginprobe.com/plugins/king-addons/51.1.77/raw/includes/admin/js/ai-page-translator.js
- Modified: 2026-08-16T16:33:50+00:00
Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/king-addons/51.1.77/code/includes/admin/js/ai-page-translator.js#L10-L20`.
```javascript
(function($, elementor) {
'use strict';
// Check if Elementor and our AI settings exist
if (!elementor || !window.KingAddonsAiField) {
return;
}
// Translation progress tracking
var translationState = {
isTranslating: false,
totalElements: 0,
translatedElements: 0,
failedElements: 0,
currentElement: null,
fromLang: '',
toLang: '',
isCancelled: false,
currentRequests: [] // Store active AJAX requests to cancel them
};
// Language options
var languages = {
'en': 'English',
'es': 'Spanish (Español)',
'fr': 'French (Français)',
'de': 'German (Deutsch)',
'it': 'Italian (Italiano)',
'pt': 'Portuguese (Português)',
'ru': 'Russian (Русский)',
'ja': 'Japanese (日本語)',
'ko': 'Korean (한국어)',
'zh': 'Chinese (中文)',
'ar': 'Arabic (العربية)',
'hi': 'Hindi (हिन्दी)',
'nl': 'Dutch (Nederlands)',
'pl': 'Polish (Polski)',
'tr': 'Turkish (Türkçe)',
'uk': 'Ukrainian (Українська)',
'cs': 'Czech (Čeština)',
'sv': 'Swedish (Svenska)',
'no': 'Norwegian (Norsk)',
'da': 'Danish (Dansk)',
'fi': 'Finnish (Suomi)'
};
/**
* Check if premium version is active
*/
function isPremiumActive() {
// Check for premium indicators
return !!(
window.KingAddonsPro ||
window.kingAddonsPro ||
(window.KingAddonsAiField && window.KingAddonsAiField.is_pro) ||
(window.KingAddonsAiField && window.KingAddonsAiField.premium_active) ||
document.querySelector('body.king-addons-pro') ||
(typeof jQuery !== 'undefined' && jQuery('body').hasClass('king-addons-pro'))
);
}
/**
* Inject CSS styles for the translator
*/
function injectTranslatorStyles() {
if ($('#king-addons-ai-translator-styles').length === 0) {
const styles = `
`;
$('head').append(styles);
}
}
/**
* Add translator button to Elementor panel
*/
function addTranslatorButton() {
// Check if button already exists
if (document.querySelector('.king-addons-ai-translator-btn')) {
return;
}
// Strategy 1: Try to find the left button group in the top toolbar (after initial buttons)
var $leftButtonGroup = $('#elementor-editor-wrapper-v2 .MuiStack-root.eui-1g5sxhh:first');
if ($leftButtonGroup.length) {
return addButtonToElement($leftButtonGroup, 'left-group');
}
// Strategy 2: Try to find the first stack group in the toolbar
var $toolbarStack = $('#elementor-editor-wrapper-v2 .MuiStack-root');
if ($toolbarStack.length) {
return addButtonToElement($toolbarStack.first(), 'toolbar-stack');
}
// Strategy 2.5: Try to find grid container with stacks
var $gridContainer = $('#elementor-editor-wrapper-v2 .MuiGrid-container:first');
if ($gridContainer.length) {
var $firstStack = $gridContainer.find('.MuiStack-root:first');
if ($firstStack.length) {
return addButtonToElement($firstStack, 'grid-stack');
}
}
// Strategy 3: Try to find the toolbar itself
var $toolbar = $('#elementor-editor-wrapper-v2 .MuiToolbar-root');
if ($toolbar.length) {
return addButtonToElement($toolbar, 'toolbar');
}
// Strategy 4: Try to find the Elementor panel header (fallback)
var $panelHeader = $('#elementor-panel-header');
if ($panelHeader.length) {
return addButtonToElement($panelHeader, 'panel-header');
}
// Strategy 5: Try to find the main panel (further fallback)
var $panel = $('#elementor-panel');
if ($panel.length) {
return addButtonToElement($panel, 'panel-fallback');
}
return false;
}
/**
* Helper function to add button to specific element
*/
function addButtonToElement($target, location) {
// Try using the custom icon, fallback to the standard AI icon
var iconUrl = KingAddonsAiField.plugin_url + 'includes/admin/img/ai.svg';
var fallbackIconUrl = KingAddonsAiField.plugin_url + 'includes/admin/img/ai.svg';
var $translatorBtn;
// Create button with appropriate styling based on location
if (location === 'left-group' || location === 'toolbar-stack' || location === 'toolbar' || location === 'grid-stack') {
// Material UI style button for toolbar with text and custom icon
$translatorBtn = $('' +
'' +
'');
} else {
// Original button style for panel locations
$translatorBtn = $('');
}
// Add location-specific class for different styling if needed
$translatorBtn.addClass('king-addons-translator-location-' + location);
// Add to the target element based on location
if (location === 'panel-top' || location === 'panel-fallback') {
$target.prepend($translatorBtn);
} else if (location === 'left-group' || location === 'toolbar-stack' || location === 'grid-stack') {
// Add after existing buttons in the left group
$target.append($translatorBtn);
} else {
$target.append($translatorBtn);
}
// Bind click event (works for both button structures)
$translatorBtn.find('button').length ?
$translatorBtn.find('button').on('click', handleButtonClick) :
$translatorBtn.on('click', handleButtonClick);
function handleButtonClick(e) {
e.preventDefault();
// Check if button is disabled or translation is in progress
if (translationState.isTranslating || $(e.currentTarget).prop('disabled')) {
return;
}
showTranslatorPopup();
}
// Add debug info to button
var $btn = $translatorBtn.find('button').length ? $translatorBtn.find('button') : $translatorBtn;
$btn.attr('data-location', location);
$btn.attr('data-target', $target.prop('tagName') + ($target.attr('id') ? '#' + $target.attr('id') : '') + ($target.attr('class') ? '.' + $target.attr('class').split(' ').join('.') : ''));
return true;
}
/**
* Show the translator popup
*/
function showTranslatorPopup() {
// Check API key first
checkApiKeyAndShowPopup();
}
/**
* Check API key before showing popup
*/
function checkApiKeyAndShowPopup() {
// Show loading state briefly
var $loadingOverlay = showLoadingOverlay();
$.post(KingAddonsAiField.ajax_url, {
action: 'king_addons_ai_check_tokens',
nonce: KingAddonsAiField.generate_nonce
}, function(response) {
$loadingOverlay.remove();
if (!response.success) {
if (response.data && response.data.message) {
var errorMessage = response.data.message;
// Check for token limit errors first
if (errorMessage.toLowerCase().includes('token limit') ||
errorMessage.toLowerCase().includes('daily limit') ||
errorMessage.toLowerCase().includes('limit reached') ||
errorMessage.toLowerCase().includes('quota exceeded') ||
errorMessage.toLowerCase().includes('rate limit')) {
showTokenLimitError(errorMessage);
return;
}
showApiKeyError('API Error', errorMessage);
} else {
showApiKeyError('Connection Issue', 'Unable to connect right now. Please check your internet connection and try again.');
}
return;
}
if (!response.data.api_key_valid) {
var errorMessage = response.data.error_message || 'API key is missing or invalid';
// Check for token limit errors first
if (errorMessage.toLowerCase().includes('token limit') ||
errorMessage.toLowerCase().includes('daily limit') ||
errorMessage.toLowerCase().includes('limit reached') ||
errorMessage.toLowerCase().includes('quota exceeded') ||
errorMessage.toLowerCase().includes('rate limit') ||
errorMessage.toLowerCase().includes('too many requests')) {
showTokenLimitError(errorMessage);
return;
}
showApiKeyError('API Key Required', errorMessage);
return;
}
createAndShowPopup();
}).fail(function(xhr) {
$loadingOverlay.remove();
if (xhr.status === 0) {
showApiKeyError('Connection Issue', 'Network connection failed. Please check your internet connection and try again.');
} else {
showApiKeyError('Temporary Issue', 'Server is temporarily unavailable. Please try again in a few minutes.');
}
});
}
/**
* Show loading overlay
*/
function showLoadingOverlay() {
var $overlay = $('');
var $popup = $('');
var loadingHtml = `
🔍 Verifying Setup...
Just checking that everything is ready for translation
`;
$popup.html(loadingHtml);
$overlay.append($popup);
$('body').append($overlay);
return $overlay;
}
/**
* Show API key error with detailed information
*/
function showApiKeyError(title, message) {
// Aggressively remove any existing popups/overlays
$('.king-addons-translator-overlay').remove();
$('.king-addons-translator-popup').remove();
// Wait a bit to ensure cleanup is complete
setTimeout(function() {
showApiKeyErrorDelayed(title, message);
}, 100);
}
function showApiKeyErrorDelayed(title, message) {
var settingsUrl = window.KingAddonsAiField && window.KingAddonsAiField.settings_url
? window.KingAddonsAiField.settings_url
: '/wp-admin/admin.php?page=king-addons-ai-settings';
var $overlay = $('');
var $popup = $('');
var errorHtml = `
AI Translator Setup Required
This is completely safe and takes only 2 minutes!
📋 What you need to do:
1Get an API key from OpenAI Platform and top up your OpenAI account balance by at least $5
2Paste it in AI Settings
3Done! Translate as much as you want 🎉
💰How much does it cost?
Translation costs pennies (about $0.01 per full page).
`;
$popup.html(errorHtml);
$overlay.append($popup);
$('body').append($overlay);
// Bind close event
$('#king-addons-limit-close').on('click', function() {
$overlay.remove();
});
// Close on overlay click
$overlay.on('click', function(e) {
if (e.target === $overlay[0]) {
$overlay.remove();
}
});
}
/**
* Disable/enable the AI Translator button
*/
function toggleTranslatorButton(disabled) {
var $button = $('.king-addons-ai-translator-btn');
if (disabled) {
$button.prop('disabled', true);
$button.css('opacity', '0.5');
$button.css('cursor', 'not-allowed');
} else {
$button.prop('disabled', false);
$button.css('opacity', '1');
$button.css('cursor', 'pointer');
}
}
/**
* Stop the translation process
*/
function stopTranslationProcess() {
// Prevent multiple calls
if (translationState.isCancelled) {
return;
}
translationState.isCancelled = true;
translationState.isTranslating = false;
// Cancel all active AJAX requests
if (translationState.currentRequests.length > 0) {
translationState.currentRequests.forEach(function(request) {
if (request && request.abort) {
request.abort();
}
});
translationState.currentRequests = [];
}
// Remove any highlighting from current element
if (translationState.currentElement) {
highlightElementInPreview(translationState.currentElement.elementId, false);
}
// Remove any existing popups/overlays
$('.king-addons-translator-overlay').remove();
// Re-enable the button
toggleTranslatorButton(false);
}
/**
* Animate popup to top-right corner
*/
function movePopupToCorner($popup, $overlay) {
return new Promise(function(resolve) {
// Add moving class for smooth animation
$popup.addClass('moving');
// Hide overlay with fade
$overlay.addClass('hiding');
// Calculate current position and target position
var currentRect = $popup[0].getBoundingClientRect();
var targetTop = 80;
var targetRight = 20;
var targetLeft = window.innerWidth - 350 - 20;
// Move popup from overlay to body with current position
$popup.css({
'position': 'fixed',
'top': currentRect.top + 'px',
'left': currentRect.left + 'px',
'width': currentRect.width + 'px',
'margin': '0',
'transform': 'none',
'z-index': 999999
});
// Append popup to body (remove from overlay)
$('body').append($popup);
// Wait for overlay to fade, then animate popup
setTimeout(function() {
// Force reflow
$popup[0].offsetHeight;
// Animate to final position
$popup.css({
'top': targetTop + 'px',
'left': targetLeft + 'px',
'width': '350px',
'padding': '16px'
});
// Add compact class after animation and remove overlay
setTimeout(function() {
$popup.removeClass('moving').addClass('compact');
$overlay.remove(); // Remove overlay completely
resolve();
}, 500);
}, 300);
});
}
/**
* Create and show the main popup
*/
function createAndShowPopup() {
var $overlay = $('');
var $popup = $('');
var isPro = isPremiumActive();
var customOptionHtml = isPro ?
'' :
'';
var upgradeUrl = 'https://kingaddons.com/pricing/?utm_source=ai-translator&utm_medium=plugin&utm_campaign=custom-prompts';
var proInfoHtml = isPro ?
'
✅ PRO Active: Use custom languages and translation prompts!
' :
'
💎 Upgrade to PRO to use custom languages, regional dialects and custom translation prompts (formal tone, technical style, etc.)!
';
var popupContent = `
AI Page Translator
Translate to any language or transform text style (formal, casual, technical, etc.)
Examples: "Klingon", "Shakespeare English", "formal business style", "casual conversational tone"
Examples: "Dothraki", "academic paper style", "pirate language", "simplified for children"
${proInfoHtml}
`;
$popup.html(popupContent);
$overlay.append($popup);
$('body').append($overlay);
// Store references globally
window.currentTranslatorPopup = $popup;
window.currentTranslatorOverlay = $overlay;
// Bind events for language selection
bindLanguageSelectionEvents();
// Bind events
$('#king-addons-cancel-translation').on('click', function() {
if (!translationState.isTranslating) {
$overlay.remove();
}
});
$('#king-addons-start-translation').on('click', function() {
var result = getSelectedLanguages();
if (!result.valid) {
alert(result.error);
return;
}
// Double-check API key before starting translation
var $button = $(this);
$button.prop('disabled', true).text('🔍 Verifying...');
$.post(KingAddonsAiField.ajax_url, {
action: 'king_addons_ai_check_tokens',
nonce: KingAddonsAiField.generate_nonce
}, function(response) {
$button.prop('disabled', false).text('Start Translation');
if (!response.success || !response.data.api_key_valid) {
var errorMessage = 'API key verification failed. Please check your API key in settings.';
if (response.data && response.data.error_message) {
errorMessage = response.data.error_message;
}
// Check for token limit errors first
if (errorMessage.toLowerCase().includes('token limit') ||
errorMessage.toLowerCase().includes('daily limit') ||
errorMessage.toLowerCase().includes('limit reached') ||
errorMessage.toLowerCase().includes('quota exceeded') ||
errorMessage.toLowerCase().includes('rate limit') ||
errorMessage.toLowerCase().includes('too many requests')) {
// Show token limit error popup
showTokenLimitError(errorMessage);
return;
}
// Show error popup (will handle cleanup automatically)
showApiKeyError('Setup Required', errorMessage);
return;
}
// API key is valid, proceed with translation
startTranslation(result.fromLang, result.toLang, $popup, $overlay);
}).fail(function() {
$button.prop('disabled', false).text('Start Translation');
// Show error popup (will handle cleanup automatically)
showApiKeyError('Connection Issue', 'Failed to connect right now. Please check your connection and try again.');
});
});
// Close on overlay click only if not translating
$overlay.on('click', function(e) {
if (e.target === $overlay[0] && !translationState.isTranslating) {
$overlay.remove();
}
});
}
/**
* Bind events for language selection dropdowns
*/
function bindLanguageSelectionEvents() {
// Handle From Language selection
$('#king-addons-from-lang').on('change', function() {
var selectedValue = $(this).val();
var $customField = $('#king-addons-custom-from-field');
if (selectedValue === 'custom') {
if (!isPremiumActive()) {
// Reset to previous value and show upgrade message
$(this).val('auto');
alert('Custom languages and translation prompts are a PRO feature. Please upgrade to King Addons PRO to use custom languages or translation styles.');
return;
}
$customField.addClass('show');
$('#king-addons-custom-from-lang').focus();
} else {
$customField.removeClass('show');
}
});
// Handle To Language selection
$('#king-addons-to-lang').on('change', function() {
var selectedValue = $(this).val();
var $customField = $('#king-addons-custom-to-field');
if (selectedValue === 'custom') {
if (!isPremiumActive()) {
// Reset to previous value and show upgrade message
$(this).val('en');
alert('Custom languages and translation prompts are a PRO feature. Please upgrade to King Addons PRO to use custom languages or translation styles.');
return;
}
$customField.addClass('show');
$('#king-addons-custom-to-lang').focus();
} else {
$customField.removeClass('show');
}
});
}
/**
* Get selected languages with validation
*/
function getSelectedLanguages() {
var fromLang = $('#king-addons-from-lang').val();
var toLang = $('#king-addons-to-lang').val();
var customFromLang = $('#king-addons-custom-from-lang').val().trim();
var customToLang = $('#king-addons-custom-to-lang').val().trim();
// Handle custom from language
if (fromLang === 'custom') {
if (!customFromLang) {
return {
valid: false,
error: 'Please enter a custom source language or translation prompt.'
};
}
fromLang = customFromLang;
}
// Handle custom to language
if (toLang === 'custom') {
if (!customToLang) {
return {
valid: false,
error: 'Please enter a custom target language or translation style.'
};
}
toLang = customToLang;
}
// Validate languages are different (except auto-detect)
if (fromLang === toLang && fromLang !== 'auto') {
return {
valid: false,
error: 'Source and target languages cannot be the same.'
};
}
return {
valid: true,
fromLang: fromLang,
toLang: toLang
};
}
/**
* Start the translation process
*/
function startTranslation(fromLang, toLang, $popup, $overlay) {
translationState.isTranslating = true;
translationState.isCancelled = false; // Reset cancellation flag
translationState.currentRequests = []; // Clear any previous requests
translationState.fromLang = fromLang;
translationState.toLang = toLang;
translationState.translatedElements = 0;
translationState.failedElements = 0;
// Inject animation styles into preview iframe immediately
injectPreviewStyles();
// Disable the AI Translator button
toggleTranslatorButton(true);
// Get all translatable elements
var elements = getTranslatableElements();
translationState.totalElements = elements.length;
if (elements.length === 0) {
alert('No translatable text elements found on this page.');
translationState.isTranslating = false;
toggleTranslatorButton(false);
return;
}
// Update popup to show progress
showProgressInPopup($popup);
// Animate popup to corner and start translation
movePopupToCorner($popup, $overlay).then(function() {
// Start translating elements one by one
translateElementsSequentially(elements, 0, $popup);
});
}
/**
* Get all translatable text elements
*/
function getTranslatableElements() {
var elements = [];
// Get the main document container using Elementor 3.0+ API
var documentContainer = elementor.documents.getCurrent().container;
var elementorElements = [];
// Use the new API to get children - for Elementor 3.0+
if (documentContainer.children && typeof documentContainer.children.models !== 'undefined') {
// Backbone collection - extract models
elementorElements = documentContainer.children.models || [];
} else if (documentContainer.elements && typeof documentContainer.elements.models !== 'undefined') {
// Alternative property name in some Elementor versions
elementorElements = documentContainer.elements.models || [];
} else if (Array.isArray(documentContainer.children)) {
// Fallback for older API
elementorElements = documentContainer.children;
} else {
// console.warn('🚨 Unable to find container children using any known API');
elementorElements = [];
}
function processContainer(container) {
var model = container.model;
var elementType = model.get('elType');
var widgetType = model.get('widgetType');
// Process text-based widgets
if (widgetType) {
// First, check if this widget type should be skipped entirely
var nonTextWidgets = [
'spacer', 'divider', 'html', 'shortcode', 'sidebar',
'menu-anchor', 'read-more', 'google_maps', 'paypal_button',
'stripe_button', 'facebook_button', 'facebook_page',
'video', 'audio', 'iframe', 'code', 'wp-widget',
'map', 'rating', 'progress', 'counter', 'countdown',
'social-icons', 'share-buttons', 'login', 'lottie',
'image' // Image widget should be skipped
];
if (nonTextWidgets.indexOf(widgetType) !== -1) {
return; // Exit early for blacklisted widgets
}
var settings = model.get('settings').attributes;
// Now check for text fields in remaining widgets
var textFields = getTextFieldsForWidget(widgetType, settings, container);
// If we found text fields, process the widget
if (textFields.length > 0) {
elements.push({
container: container,
widgetType: widgetType,
textFields: textFields,
elementId: model.get('id')
});
return;
}
}
// Process child containers recursively using Elementor 3.0+ API
if (container.children && container.children.length > 0) {
// Check if children is a Backbone collection
if (typeof container.children.models !== 'undefined') {
container.children.models.forEach(processContainer);
} else if (Array.isArray(container.children)) {
container.children.forEach(processContainer);
}
}
}
elementorElements.forEach(processContainer);
return elements;
}
/**
* Get text fields for a specific widget type using Elementor control types
*/
function getTextFieldsForWidget(widgetType, settings, container) {
var textFields = [];
// Try to get widget controls schema from Elementor
var controls = getWidgetControls(widgetType, container);
if (controls && Object.keys(controls).length > 0) {
// Look for text-based controls
Object.keys(controls).forEach(function(controlName) {
var control = controls[controlName];
var controlType = control.type;
var settingValue = settings[controlName];
// Check if this is a text-based control type
var textControlTypes = [
'text', 'textarea', 'wysiwyg', 'url', 'email',
'password', 'search', 'tel', 'date', 'time',
'datetime-local', 'month', 'week'
];
if (textControlTypes.includes(controlType)) {
// Check if the field has a non-empty string value
if (settingValue && typeof settingValue === 'string' && settingValue.trim()) {
// Skip obviously non-translatable fields
var skipFields = [
'_element_id', '_css_classes', 'link', 'url', 'href',
'custom_css', 'css_id', 'anchor', 'html_tag'
];
if (!skipFields.includes(controlName)) {
textFields.push({
field: controlName,
value: settingValue,
type: controlType === 'wysiwyg' ? 'wysiwyg' : 'text'
});
}
}
}
// Also check for repeater controls
if (controlType === 'repeater' && settingValue) {
checkRepeaterFieldsByType(controlName, control, settingValue, textFields);
}
});
} else {
// Fallback: Use the original method for widgets without accessible controls
var commonTextFields = [
'title', 'text', 'content', 'description', 'subtitle', 'button_text',
'heading_title', 'heading_subtitle', 'testimonial_content', 'testimonial_name',
'title_text', 'description_text', 'content_text', 'editor'
];
commonTextFields.forEach(function(field) {
if (settings[field] && typeof settings[field] === 'string' && settings[field].trim()) {
textFields.push({
field: field,
value: settings[field],
type: field === 'editor' ? 'wysiwyg' : 'text'
});
}
});
// Check for repeater fields using the old method
checkRepeaterFields(settings, textFields);
}
return textFields;
}
/**
* Get widget controls schema from Elementor
*/
function getWidgetControls(widgetType, container) {
try {
// Method 1: Try to get controls from container model
if (container && container.model && container.model.get) {
var model = container.model;
// Try to get controls from the model's widget config
if (model.config && model.config.controls) {
return model.config.controls;
}
// Try to get controls from the container settings
if (container.settings && container.settings.controls) {
return container.settings.controls;
}
}
// Method 2: Try to get controls from Elementor widgets registry
if (window.elementor && elementor.widgets) {
var widgetConfig = elementor.widgets.getWidgetType(widgetType);
if (widgetConfig && widgetConfig.controls) {
return widgetConfig.controls;
}
}
// Method 3: Try to get controls from elements manager
if (window.elementor && elementor.elementsManager) {
var elementView = elementor.elementsManager.getElementView(container.model.get('id'));
if (elementView && elementView.model && elementView.model.controls) {
return elementView.model.controls;
}
}
return null;
} catch (error) {
// console.warn('⚠️ Error getting widget controls:', error);
return null;
}
}
/**
* Check repeater fields using control type information
*/
function checkRepeaterFieldsByType(repeaterName, repeaterControl, repeaterData, textFields) {
try {
// Get the fields schema for this repeater
var repeaterFields = repeaterControl.fields || repeaterControl.controls || {};
// Find text-based fields in the repeater schema
var textFieldNames = [];
Object.keys(repeaterFields).forEach(function(fieldName) {
var fieldControl = repeaterFields[fieldName];
var textControlTypes = ['text', 'textarea', 'wysiwyg', 'url', 'email'];
if (textControlTypes.includes(fieldControl.type)) {
textFieldNames.push(fieldName);
}
});
if (textFieldNames.length === 0) {
return;
}
// Process repeater data (same as before)
if (repeaterData && typeof repeaterData === 'object' && repeaterData.models) {
// Backbone collection
const models = repeaterData.models || [];
for (let i = 0; i < models.length; i++) {
const model = models[i];
const modelData = model.attributes || model.toJSON();
for (const fieldName of textFieldNames) {
if (modelData[fieldName] && typeof modelData[fieldName] === 'string' && modelData[fieldName].trim()) {
const fieldKey = `${repeaterName}[${i}][${fieldName}]`;
const fieldValue = modelData[fieldName];
textFields.push({
field: fieldKey,
value: fieldValue,
type: 'text',
isRepeater: true,
repeaterKey: repeaterName,
repeaterIndex: i,
repeaterField: fieldName
});
}
}
}
} else if (Array.isArray(repeaterData)) {
// Regular array
for (let i = 0; i < repeaterData.length; i++) {
const item = repeaterData[i];
for (const fieldName of textFieldNames) {
if (item[fieldName] && typeof item[fieldName] === 'string' && item[fieldName].trim()) {
const fieldKey = `${repeaterName}[${i}][${fieldName}]`;
const fieldValue = item[fieldName];
textFields.push({
field: fieldKey,
value: fieldValue,
type: 'text',
isRepeater: true,
repeaterKey: repeaterName,
repeaterIndex: i,
repeaterField: fieldName
});
}
}
}
}
} catch (error) {
// console.warn('⚠️ Error processing repeater by type:', error);
// Fallback to old method
var repeaterConfig = {};
repeaterConfig[repeaterName] = ['content', 'text', 'title', 'description'];
checkRepeaterFields({[repeaterName]: repeaterData}, textFields);
}
}
/**
* Check for repeater fields in settings (fallback method)
*/
function checkRepeaterFields(settings, textFields) {
// King Addons specific repeater configurations
const repeaterConfigs = {
'kng_styled_txt_content_items': ['kng_styled_txt_content'],
'kng_tabs_items': ['kng_tabs_title', 'kng_tabs_content'],
'kng_accordion_items': ['kng_accordion_title', 'kng_accordion_content'],
'kng_testimonials_items': ['kng_testimonials_content', 'kng_testimonials_name'],
'kng_team_members': ['kng_team_name', 'kng_team_position', 'kng_team_description'],
'kng_price_list_items': ['kng_price_title', 'kng_price_description'],
'kng_business_hours_items': ['kng_business_day', 'kng_business_hours'],
// Standard Elementor repeaters
'tabs': ['tab_title', 'tab_content'],
'icon_list': ['text'],
'slides': ['heading', 'description', 'button_text'],
'list_items': ['text'],
'testimonials': ['testimonial_content', 'testimonial_name'],
'items': ['item_title', 'item_description', 'item_content'],
'price_list': ['price_title', 'price_description']
};
for (const [repeaterKey, fieldNames] of Object.entries(repeaterConfigs)) {
if (settings[repeaterKey]) {
let repeaterData = settings[repeaterKey];
// Handle Backbone Collections (common in King Addons and some Elementor widgets)
if (repeaterData && typeof repeaterData === 'object' && repeaterData.models) {
// Extract models from Backbone collection
const models = repeaterData.models || [];
for (let i = 0; i < models.length; i++) {
const model = models[i];
const modelData = model.attributes || model.toJSON();
for (const fieldName of fieldNames) {
if (modelData[fieldName] && typeof modelData[fieldName] === 'string' && modelData[fieldName].trim()) {
const fieldKey = `${repeaterKey}[${i}][${fieldName}]`;
const fieldValue = modelData[fieldName];
textFields.push({
field: fieldKey,
value: fieldValue,
type: 'text',
isRepeater: true,
repeaterKey: repeaterKey,
repeaterIndex: i,
repeaterField: fieldName
});
}
}
}
}
// Handle regular arrays
else if (Array.isArray(repeaterData)) {
for (let i = 0; i < repeaterData.length; i++) {
const item = repeaterData[i];
for (const fieldName of fieldNames) {
if (item[fieldName] && typeof item[fieldName] === 'string' && item[fieldName].trim()) {
const fieldKey = `${repeaterKey}[${i}][${fieldName}]`;
const fieldValue = item[fieldName];
textFields.push({
field: fieldKey,
value: fieldValue,
type: 'text',
isRepeater: true,
repeaterKey: repeaterKey,
repeaterIndex: i,
repeaterField: fieldName
});
}
}
}
}
// Handle objects with numbered keys (alternative format)
else if (repeaterData && typeof repeaterData === 'object') {
const keys = Object.keys(repeaterData).filter(key => /^\d+$/.test(key));
for (const key of keys) {
const item = repeaterData[key];
for (const fieldName of fieldNames) {
if (item[fieldName] && typeof item[fieldName] === 'string' && item[fieldName].trim()) {
const fieldKey = `${repeaterKey}[${key}][${fieldName}]`;
const fieldValue = item[fieldName];
textFields.push({
field: fieldKey,
value: fieldValue,
type: 'text',
isRepeater: true,
repeaterKey: repeaterKey,
repeaterIndex: key,
repeaterField: fieldName
});
}
}
}
}
}
}
}
/**
* Show progress UI in popup
*/
function showProgressInPopup($popup) {
// Update header for compact mode with close button
var headerHtml = `
AI Translation in Progress
`;
var progressHtml = `
