jQuery(document).ready(function($) {
// Modal elements
const $modal = $('#mxchat-kb-content-selector-modal');
const $openButton = $('#mxchat-open-content-selector');
const $closeButtons = $('.mxchat-kb-modal-close');
const $contentList = $('.mxchat-kb-content-list');
const $loading = $('.mxchat-kb-loading');
const $pagination = $('.mxchat-kb-pagination');
const $processButton = $('#mxchat-kb-process-selected');
const $selectAll = $('#mxchat-kb-select-all');
const $selectionCount = $('.mxchat-kb-selection-count');
// Filter elements
const $searchInput = $('#mxchat-kb-content-search');1
const $typeFilter = $('#mxchat-kb-content-type-filter');
const $statusFilter = $('#mxchat-kb-content-status-filter');
const $processedFilter = $('#mxchat-kb-processed-filter');
// Current state - using let for variables that change
let currentPage = 1;
let totalPages = 1;
let selectedItems = new Set();
let allItems = [];
// Open modal when WordPress import button is clicked
$openButton.on('click', function() {
$modal.show();
// Reset to first page when opening the modal
currentPage = 1;
loadContent();
});
// Close modal
$closeButtons.on('click', function() {
$modal.hide();
});
// Handle import option box clicks (for non-WordPress options)
$('.mxchat-import-box').on('click', function() {
const $box = $(this);
const option = $box.data('option');
// Skip if this is the WordPress option (it has its own handler)
if (option === 'wordpress') {
return;
}
// Update active state
$('.mxchat-import-box').removeClass('active');
$box.addClass('active');
// Hide all input areas
$('#mxchat-url-input-area, #mxchat-content-input-area').hide();
// Handle different import options
switch (option) {
case 'pdf':
case 'sitemap':
case 'url':
// Show URL input area with appropriate placeholder
$('#mxchat-url-input-area').show();
$('#sitemap_url').attr('placeholder', $box.data('placeholder'));
$('#import_type').val(option);
// UPDATED: Add or update bot_id hidden field for URL forms
updateBotIdInForm('#mxchat-url-form');
// Update the description text based on the import type
let descriptionText = '';
if (option === 'pdf') {
descriptionText = 'Import a PDF document by entering its URL above. PDFs are processed via cron job. If processing does not start, you can manually process batch 5 pages at a time.';
} else if (option === 'sitemap') {
descriptionText = 'Enter a content-specific sub-sitemap URL, not the sitemap index. Sitemaps are processed via cron job. If processing does not start, you can manually process batch 5 pages at a time.';
} else if (option === 'url') {
descriptionText = 'Import content from any webpage by entering its URL.';
}
$('#url-description-text').text(descriptionText);
break;
case 'content':
// Show content input area
$('#mxchat-content-input-area').show();
// UPDATED: Add or update bot_id hidden field for content forms
updateBotIdInForm('#mxchat-content-form');
break;
}
});
// Helper function to add/update bot_id hidden field in forms
function updateBotIdInForm(formSelector) {
const $form = $(formSelector);
if ($form.length === 0) return;
// Get current bot_id from the bot selector dropdown
const currentBotId = $('#mxchat-bot-selector').val();
// Only add bot_id field if multi-bot is active and bot is not 'default'
if (currentBotId && currentBotId !== 'default') {
// Remove existing bot_id field if it exists
$form.find('input[name="bot_id"]').remove();
// Add new bot_id field
$form.append('');
console.log('Updated bot_id in form ' + formSelector + ' to: ' + currentBotId);
} else {
// Remove bot_id field if bot is default
$form.find('input[name="bot_id"]').remove();
}
}
// Load content via AJAX
function loadContent() {
$loading.show();
$contentList.find('.mxchat-kb-content-item').remove();
const data = {
action: 'mxchat_get_content_list',
nonce: mxchatSelector.nonce,
page: currentPage,
per_page: 50,
search: $searchInput.val(),
post_type: $typeFilter.val(),
post_status: $statusFilter.val(),
processed_filter: $processedFilter.val()
};
//console.log('Loading content for page', currentPage, 'with filters:', data);
$.ajax({
url: mxchatSelector.ajaxurl,
data: data,
method: 'GET',
dataType: 'json',
success: function(response) {
$loading.hide();
if (response.success && response.data.items && response.data.items.length > 0) {
// Store the items directly
let items = response.data.items;
if (items.length > 0) {
renderContentItems(items);
renderPagination(parseInt(response.data.current_page), parseInt(response.data.total_pages));
// Update state
allItems = items;
totalPages = parseInt(response.data.total_pages);
currentPage = parseInt(response.data.current_page);
// Update select all checkbox based on current selection
updateSelectAllState();
} else {
displayNoResults($processedFilter.val());
}
} else {
displayNoResults($processedFilter.val());
}
},
error: function(xhr, status, error) {
$loading.hide();
console.error('AJAX Error:', status, error);
$contentList.html('
Error loading content. Please try again.
');
// Clear pagination on error
$pagination.empty();
}
});
}
// Helper function to display appropriate "no results" message
function displayNoResults(processedStatus) {
let message = 'No content found matching your criteria.';
if (processedStatus === 'processed') {
message = 'No content found in knowledge base.';
} else if (processedStatus === 'unprocessed') {
message = 'All content is already in knowledge base.';
}
$contentList.html('
' + message + '
');
// Clear pagination when no results
$pagination.empty();
}
// Render content items
function renderContentItems(items) {
let html = '';
items.forEach(function(item) {
const isSelected = selectedItems.has(item.id);
const isProcessed = item.already_processed;
// Updated badge text
const badgeText = isProcessed ? 'In Knowledge Base' : 'Not In Knowledge Base';
const badgeClass = isProcessed ? 'mxchat-kb-processed-badge' : 'mxchat-kb-unprocessed-badge';
html += `
';
// Show results in modal
$modal.find('.mxchat-kb-modal-content').prepend($(resultHTML));
// Clear selection
selectedItems.clear();
updateSelection();
// Enable button
$button.prop('disabled', false)
.text('Process Selected Content')
.removeClass('update-mode mixed-mode');
$('.mxchat-kb-selected-count').text('(0)');
// Only reload if there were successful operations
if (processed > 0 || updated > 0) {
// Reload after delay
setTimeout(function() {
// Reload the knowledge base table - if this function exists
if (typeof reloadKnowledgeBaseTable === 'function') {
reloadKnowledgeBaseTable();
} else {
// Fallback: reload content list instead of full page reload
loadContent();
}
}, 3000);
}
}
// Start processing the first post
processNext(0);
});
// Initialize - Set WordPress as the active option by default
$('.mxchat-import-box[data-option="wordpress"]').addClass('active');
});
// Tab switching functionality - Keep this separate
jQuery(document).ready(function($) {
// Tab switching functionality
// Modified tab switching to check for Pinecone changes
$('.mxchat-kb-tab-button').on('click', function() {
var tabId = $(this).data('tab');
var $button = $(this);
// Switch tabs immediately for all tabs
$('.mxchat-kb-tab-button').removeClass('active');
$('.mxchat-kb-tab-content').removeClass('active');
$button.addClass('active');
$('#mxchat-kb-tab-' + tabId).addClass('active');
// Check if Pinecone was changed and we're going to import tab
if (tabId === 'import' && sessionStorage.getItem('mxchat_pinecone_changed') === 'true') {
sessionStorage.removeItem('mxchat_pinecone_changed');
// Show refresh notice
var $knowledgeCard = $('#mxchat-kb-tab-import .mxchat-card').eq(1);
if ($knowledgeCard.length > 0 && $knowledgeCard.find('.notice-warning').length === 0) {
var refreshNotice = $('
' +
'
' +
'' +
'Database settings have changed. ' +
'Click here to refresh to see the updated knowledge base.' +
'
');
$knowledgeCard.prepend(refreshNotice);
}
}
// Initialize Pinecone functionality when Pinecone tab is activated
if (tabId === 'pinecone') {
setTimeout(function() {
initPineconeFeatures();
}, 100);
}
});
// Pinecone functionality
function initPineconeFeatures() {
//console.log('Initializing Pinecone features...');
if ($('#mxchat-kb-tab-pinecone').length === 0) {
return;
}
initPineconeToggle();
initPineconeConnectionTest();
checkPineconeCompatibility();
}
function initPineconeToggle() {
// Remove any existing handlers to prevent duplicates
$('input[name="mxchat_pinecone_addon_options[mxchat_use_pinecone]"]').off('change.pineconeToggle');
// Add the toggle handler for UI only (auto-save will handle the actual saving)
$('input[name="mxchat_pinecone_addon_options[mxchat_use_pinecone]"]').on('change.pineconeToggle', function() {
var $checkbox = $(this);
var isChecked = $checkbox.is(':checked');
var settingsDiv = $('.mxchat-pinecone-settings');
//console.log('Pinecone toggle changed to:', isChecked);
// Update the UI immediately
if (isChecked) {
settingsDiv.slideDown(300);
} else {
settingsDiv.slideUp(300);
}
});
// Set initial state based on current checkbox value
var currentToggle = $('input[name="mxchat_pinecone_addon_options[mxchat_use_pinecone]"]');
if (currentToggle.length > 0) {
var settingsDiv = $('.mxchat-pinecone-settings');
if (currentToggle.is(':checked')) {
settingsDiv.show();
} else {
settingsDiv.hide();
}
}
}
function initPineconeConnectionTest() {
$('#test-pinecone-connection').off('click.pinecone');
$('#test-pinecone-connection').on('click.pinecone', function() {
var button = $(this);
var resultDiv = $('#connection-test-result');
var apiKey = $('#mxchat_pinecone_api_key').val();
var host = $('#mxchat_pinecone_host').val();
var index = $('#mxchat_pinecone_index').val();
if (!apiKey || !host || !index) {
resultDiv.html('
Connection test failed. Please check your settings.
').show();
},
complete: function() {
button.prop('disabled', false).text('Test Connection');
}
});
});
}
function checkPineconeCompatibility() {
if ($('.mxchat-pinecone-compatibility-notice').length > 0) {
return;
}
var hasOldAddon = $('body').hasClass('mxchat-pinecone-addon-active') ||
$('.pcm-card').length > 0;
if (hasOldAddon) {
var compatibilityNotice = $(`
Pinecone Integration Notice: We've detected you have the Pinecone add-on installed.
Pinecone functionality is now built into the core plugin. You can safely deactivate the separate
Pinecone add-on after confirming your settings are migrated below.