- $1
'); formatted=formatted.replace(/
\s*
- /g, '
- /g, '
- ');
return formatted;
}
function ntaiScrollToBottom(){
const chat=document.getElementById("ntai-chat-body");
if(chat) chat.scrollTop=chat.scrollHeight;
}
function ntaiMsg(text, type, isHtmlRaw=false){
const chat=document.getElementById("ntai-chat-body");
if(!chat) return null;
const div=document.createElement("div");
div.className="ntai-msg " + (type==="user" ? "ntai-user-msg":"ntai-ai-msg");
if(type==="ai"){ div.innerHTML=isHtmlRaw ? text:ntaiFormatText(text); }else{ div.innerHTML=ntaiFormatText(text); }
chat.appendChild(div);
ntaiScrollToBottom();
return div;
}
function ntaiShowTyping(){
const chat=document.getElementById("ntai-chat-body");
if(!chat) return;
const div=document.createElement("div");
div.id="ntai-typing-indicator";
div.className="ntai-typing";
div.innerHTML="";
chat.appendChild(div);
ntaiScrollToBottom();
}
function ntaiHideTyping(){
const indicator=document.getElementById("ntai-typing-indicator");
if(indicator) indicator.remove();
}
window.ntaiAction=function(actionType){
const qrs=document.querySelectorAll('.ntai-quick-replies');
qrs.forEach(qr=> qr.remove());
clearTimeout(ntaiNudgeTimer);
ntaiHasNudged=true;
if(actionType==='search'){
const userMsg="Cari Paket Wisata Lain";
ntaiMsg(userMsg, "user");
ntaiChatLog.push({sender: "Tamu", msg: userMsg});
ntaiConversationHistory.push({ role: "user", parts: [{ text: userMsg }] });
ntaiShowTyping();
setTimeout(()=> {
ntaiHideTyping();
window.ntaiSearchMode=true;
const responseText=`Tentu Kak! Silakan ketik kota atau destinasi yang Kakak cari (contoh: *Jogja*, *Bali*, *Bromo*):`;
ntaiMsg(ntaiFormatText(responseText), "ai", true);
ntaiChatLog.push({sender: "Sistem", msg: "Meminta keyword pencarian."});
ntaiConversationHistory.push({ role: "model", parts: [{ text: responseText }] });
}, 500);
}
else if(actionType==='summary'){
const userMsg="Berikan Ringkasan Paket";
ntaiMsg(userMsg, "user");
ntaiChatLog.push({sender: "Tamu", msg: userMsg});
ntaiConversationHistory.push({ role: "user", parts: [{ text: userMsg }] });
ntaiShowTyping();
setTimeout(()=> {
ntaiHideTyping();
const excerptEl=document.getElementById("ntai-hidden-excerpt-data");
let summaryText=(excerptEl&&excerptEl.innerText.trim()!=="") ? excerptEl.innerText.trim().replace(/\n/g, '
'):"Ringkasan paket wisata ini belum tersedia."; let responseHtml=``; const newBubble=ntaiMsg(responseHtml + ntaiGetWaTemplate(), "ai", true); setTimeout(()=> { if(newBubble) document.getElementById("ntai-chat-body").scrollTo({ top: newBubble.offsetTop - 15, behavior: 'smooth' });}, 300); ntaiChatLog.push({sender: "Sistem", msg: "Menampilkan ringkasan UI Baru."}); ntaiConversationHistory.push({ role: "model", parts: [{ text: summaryText }] }); ntaiAppendQuickReplies(); }, 500); } else if(actionType==='itinerary'){ ntaiLeadScore +=2; const userMsg="Tampilkan Itinerary Perjalanan"; ntaiMsg(userMsg, "user"); ntaiChatLog.push({sender: "Tamu", msg: userMsg}); ntaiConversationHistory.push({ role: "user", parts: [{ text: userMsg }] }); ntaiShowTyping(); setTimeout(()=> { ntaiHideTyping(); const itinRaw=document.querySelector(ntaiSelItinerary); let itinText="Data itinerary detail belum tersedia di halaman ini."; if(itinRaw){ const clone=itinRaw.cloneNode(true); clone.style.position='absolute'; clone.style.left='-9999px'; const allElements=clone.querySelectorAll('*'); allElements.forEach(el=> { el.style.display='block'; el.style.visibility='visible'; el.style.height='auto'; }); document.body.appendChild(clone); let rawText=clone.innerText.trim(); document.body.removeChild(clone); rawText=rawText.replace(/^(Hari\s*(?:ke\s*-?\s*)?\d+.*)/gmi, '||HARI||$1'); rawText=rawText.replace(/^(Day\s*\d+.*)/gmi, '||HARI||$1'); let parts=rawText.split('||HARI||'); itinText=parts[0] ? `β¨Ringkasan Paket Wisata
${summaryText}
${parts[0].replace(/\n/g, ' ')}
`:''; for(let i=1; i < parts.length; i++){ let splitPart=parts[i].split('\n'); let hariTitle=splitPart.shift().replace(/\*\*/g, '').trim(); let content=splitPart.join(' ').replace(/\s+/g, ' ').trim(); content=content.replace(/\*\*(.*?)\*\*/g, '$1'); content=content.replace(/(^|[^\d])(\d{2}[.:]\d{2}(?:\s*[-β]\s*\d{2}[.:]\d{2})?(?:\s*(?:WIB|WITA|WIT))?)(?!\d)/gi, '$1$2'); itinText +=``; }} let imageHtml=""; if(ntaiFeaturedImage){ imageHtml=`π ${hariTitle}${content}`; } let responseHtml=`
${imageHtml}`; const newBubble=ntaiMsg(responseHtml + ntaiGetWaTemplate(), "ai", true); setTimeout(()=> { if(newBubble) document.getElementById("ntai-chat-body").scrollTo({ top: newBubble.offsetTop - 15, behavior: 'smooth' });}, 300); ntaiChatLog.push({sender: "Sistem", msg: "Menampilkan Itinerary UI Baru."}); ntaiConversationHistory.push({ role: "model", parts: [{ text: "Ini adalah rincian itinerary yang bisa saya tampilkan." }] }); ntaiAppendQuickReplies(); }, 500); } else if(actionType==='facility'){ const userMsg="Cek Fasilitas Paket"; ntaiMsg(userMsg, "user"); ntaiChatLog.push({sender: "Tamu", msg: userMsg}); ntaiConversationHistory.push({ role: "user", parts: [{ text: userMsg }] }); ntaiShowTyping(); setTimeout(()=> { ntaiHideTyping(); const incRaw=document.querySelector(ntaiSelInclude) ? document.querySelector(ntaiSelInclude).innerText:"Data tidak ditemukan."; const excRaw=document.querySelector(ntaiSelExclude) ? document.querySelector(ntaiSelExclude).innerText:"Data tidak ditemukan."; function formatListUi(text, isInclude){ if(text.includes("Data tidak ditemukan")) return `πΊοΈDetail Itinerary
${itinText==="Data itinerary detail belum tersedia di halaman ini." ? `${itinText}`:itinText}${text}
`; let items=text.split('\n').filter(i=> i.trim()!==''); let iconSvg=isInclude ? '' : ''; let html=''; items.forEach(item=> { item=item.replace(/^[-*β’]\s*/, '').replace(/^\d+[\.\)]\s*/, '').trim(); if(item){ html +=`'; return html; } let responseHtml=`${iconSvg} ${item}`; }}); html +='`; const newBubble=ntaiMsg(responseHtml + ntaiGetWaTemplate(), "ai", true); setTimeout(()=> { if(newBubble) document.getElementById("ntai-chat-body").scrollTo({ top: newBubble.offsetTop - 15, behavior: 'smooth' });}, 300); ntaiChatLog.push({sender: "Sistem", msg: "Menampilkan daftar fasilitas UI Baru."}); ntaiConversationHistory.push({ role: "model", parts: [{ text: "Ini adalah daftar fasilitas include dan exclude." }] }); ntaiAppendQuickReplies(); }, 500); } else if(actionType==='price'){ ntaiLeadScore +=2; const userMsg="Cek Daftar Harga"; ntaiMsg(userMsg, "user"); ntaiChatLog.push({sender: "Tamu", msg: userMsg}); ntaiConversationHistory.push({ role: "user", parts: [{ text: userMsg }] }); ntaiShowTyping(); setTimeout(()=> { ntaiHideTyping(); let priceHtml=""; const sourceTable=document.querySelector('.nt-table-wrapper'); if(sourceTable){ priceHtml=`β Termasuk (Include)
${formatListUi(incRaw, true)}β Belum Termasuk (Exclude)
${formatListUi(excRaw, false)}`; }else{ priceHtml=`π°Daftar Harga Per Orang
${sourceTable.outerHTML}*Note: Harga dapat menyesuaikan jika ada permintaan Custom Tour atau saat High Season. Anak < 6 Th dikenakan biaya tiket masuk saja.πΈ`; } const newBubble=ntaiMsg(priceHtml + ntaiGetWaTemplate(), "ai", true); setTimeout(()=> { if(newBubble) document.getElementById("ntai-chat-body").scrollTo({ top: newBubble.offsetTop - 15, behavior: 'smooth' });}, 300); ntaiChatLog.push({sender: "Sistem", msg: "Menampilkan tabel harga Matrix."}); const taraRef=document.getElementById('tara-reference-data'); let memoryPriceText=taraRef ? "Tampilkan UI Harga. Gunakan data berikut untuk info selanjutnya: " + taraRef.innerText:"Menampilkan UI Tabel Harga."; ntaiConversationHistory.push({ role: "model", parts: [{ text: memoryPriceText }] }); ntaiAppendQuickReplies(); }, 500); } else if(actionType==='recommendation'){ const userMsg="Cek Paket Tour Lainnya"; ntaiMsg(userMsg, "user"); ntaiChatLog.push({sender: "Tamu", msg: userMsg}); ntaiConversationHistory.push({ role: "user", parts: [{ text: userMsg }] }); ntaiShowTyping(); setTimeout(()=> { ntaiHideTyping(); let recHtml="Tentu Kak! Berdasarkan destinasi ini, kami merekomendasikan paket tour pilihan berikut:Maaf Kak, daftar harga detail belum tersedia di halaman ini. Silakan langsung hubungi Admin ya.
"; if(ntaiRecommendedTours&&ntaiRecommendedTours.length > 0){ ntaiRecommendedTours.forEach(tour=> { recHtml +=`${tour.title}
`; }); recHtml +="
Silakan klik kartu paket di atas untuk melihat rinciannya ya, atau hubungi Admin jika ingin *Custom Tour*!"; }else{ recHtml="Maaf Kak, saat ini belum ada rekomendasi paket di destinasi yang sama. Silakan klik tombol WA di bawah untuk ngobrol dengan Admin kami ya."; } const newBubble=ntaiMsg(recHtml + ntaiGetWaTemplate(), "ai", true); setTimeout(()=> { if(newBubble) document.getElementById("ntai-chat-body").scrollTo({ top: newBubble.offsetTop - 15, behavior: 'smooth' });}, 300); ntaiChatLog.push({sender: "Sistem", msg: "Menampilkan rekomendasi tour sesuai destinasi."}); ntaiConversationHistory.push({ role: "model", parts: [{ text: "Ini daftar rekomendasi tour lainnya." }] }); ntaiAppendQuickReplies(); }, 500); }}; function ntaiGetPayloadData(q){ let qLower=q.toLowerCase(); let contentArr=[`Judul: ${rawDocTitle}`]; let priceDataFormatted="Harga tidak tersedia."; if(qLower.match(/harga|biaya|orang|pax|anak|balita|berapa|tambahan|jemput|kota|area|hotel/)){ const taraRef=document.getElementById('tara-reference-data'); if(taraRef){ priceDataFormatted=taraRef.innerText; }} function getCleanText(element){ if(!element) return "Data tidak ditemukan."; const clone=element.cloneNode(true); const tables=clone.querySelectorAll('.tablepress, table'); tables.forEach(t=> t.remove()); return clone.innerText.replace(/\s+/g, ' ').trim(); } if(qLower.match(/jadwal|jam|itinerary|rute|kapan|kemana|hari|jemput|kota|area/)){ let routeFound=false; const jsonLdScripts=document.querySelectorAll('script[type="application/ld+json"]'); jsonLdScripts.forEach(script=> { try { const schemaData=JSON.parse(script.innerText); if(schemaData['@type']==='TouristTrip'&&schemaData.itinerary){ let ruteArr=[]; schemaData.itinerary.itemListElement.forEach(item=> { if(item.item&&item.item.name){ ruteArr.push(item.item.name.trim()); }}); contentArr.push(`Rute Perjalanan: ${ruteArr.join(" β‘οΈ ")}`); routeFound=true; }} catch (e){ }}); if(!routeFound){ const excerptEl=document.querySelector("#ntai-hidden-excerpt-data"); if(excerptEl) contentArr.push(`Ringkasan Itinerary: ${getCleanText(excerptEl).substring(0, 500)}`); }} if(qLower.match(/fasilitas|termasuk|include|exclude|makan|hotel|tiket|dapat/)){ const incEl=document.querySelector(ntaiSelInclude); const excEl=document.querySelector(ntaiSelExclude); if(incEl) contentArr.push(`Inc: ${getCleanText(incEl).substring(0, 300)}`); if(excEl) contentArr.push(`Exc: ${getCleanText(excEl).substring(0, 300)}`); } const customInfos=document.querySelectorAll('.ntai-custom-info'); customInfos.forEach(info=> { const title=info.getAttribute('data-title')||'Info Penting'; const contentBox=info.querySelector('.nt-info-app'); if(contentBox){ const text=getCleanText(contentBox); if(text) contentArr.push(`${title}: ${text.substring(0, 1200)}`); }}); if(ntaiRecommendedTours&&ntaiRecommendedTours.length > 0){ let recNames=ntaiRecommendedTours.map(tour=> tour.title).join(", "); contentArr.push(`Rekomendasi Paket Lain di Area Ini: ${recNames}`); } return { priceStr: priceDataFormatted, contentStr: contentArr.join(" | ") };} function ntaiProcessApiRequest(q){ let qLower=q.toLowerCase(); ntaiMsg(q, "user"); ntaiChatLog.push({sender: "Tamu", msg: q}); ntaiShowTyping(); ntaiConversationHistory.push({ role: "user", parts: [{ text: q }] }); let isSearchIntent=window.ntaiSearchMode||qLower.startsWith('cari ')||qLower.includes('wisata ke')||qLower.includes('tour ke')||qLower.includes('paket ke'); if(isSearchIntent){ window.ntaiSearchMode=false; let searchKeyword=q.replace(/cari|paket|wisata|tour|ke|untuk/gi, '').trim(); if(!searchKeyword) searchKeyword=q; let formData=new FormData(); formData.append('action', 'ntai_global_search'); formData.append('keyword', searchKeyword); fetch(ntaiAjaxUrl, { method: 'POST', body: formData }) .then(r=> r.json()) .then(resData=> { ntaiHideTyping(); let replyHtml=""; if(resData.success&&resData.data.length > 0){ replyHtml=`Ini daftar rekomendasi **${searchKeyword.toUpperCase()}** yang saya temukan untuk Kakak:
`; resData.data.forEach(tour=> { replyHtml +=`${tour.title}
`; }); replyHtml +=`
Silakan klik kartu di atas untuk rincian itinerary, atau hubungi kami untuk konfirmasi ketersediaan.` + ntaiGetWaTemplate(); }else{ replyHtml=`Maaf Kak, saat ini saya belum menemukan paket untuk destinasi **"${searchKeyword}"** di database otomatis kami.
Tapi tenang, Tim Konsultan kami siap merancangkan Custom Itinerary khusus untuk Kakak! π` + ntaiGetWaTemplate(); } const newBubble=ntaiMsg(replyHtml, "ai", true); setTimeout(()=> { if(newBubble) document.getElementById("ntai-chat-body").scrollTo({ top: newBubble.offsetTop - 15, behavior: 'smooth' });}, 300); ntaiChatLog.push({sender: "Sistem", msg: "Menampilkan hasil pencarian global."}); ntaiConversationHistory.push({ role: "model", parts: [{ text: "Ini daftar rekomendasi yang saya temukan." }] }); ntaiAppendQuickReplies(); }) .catch(err=> { ntaiHideTyping(); ntaiMsg(`Sistem pencarian kami sedang ada sedikit gangguan koneksi nih Kak π. Silakan klik tombol WA di bawah ya agar dibantu cari langsung oleh Admin kami.` + ntaiGetWaTemplate(), "ai", true); ntaiAppendQuickReplies(); }); return; } if(qLower.includes('pesan')||qLower.includes('booking')||qLower.includes('daftar')||qLower.includes('reservasi')||qLower.includes('book')){ setTimeout(()=> { ntaiHideTyping(); let reply="Wah, mantap! π Untuk proses booking, reservasi, dan pengecekan ketersediaan jadwal, Kakak bisa langsung terhubung dengan Admin Reservasi kami ya.
Yuk klik tombol WhatsApp di bawah ini agar ketersediaannya bisa segera kami amankan!"; ntaiMsg(ntaiFormatText(reply) + ntaiGetWaTemplate(), "ai", true); ntaiChatLog.push({sender: "Sistem", msg: "Diarahkan ke WA untuk booking."}); ntaiConversationHistory.push({ role: "model", parts: [{ text: reply }] }); ntaiAppendQuickReplies(); }, 600); return; } if(qLower.includes('tersedia')||qLower.includes('ketersediaan')||qLower.includes('slot')||qLower.includes('kuota')||qLower.includes('kosong')||qLower.includes('sisa')){ setTimeout(()=> { ntaiHideTyping(); let reply="Berdasarkan sistem kami, untuk saat ini jadwal tersebut **sementara masih tersedia** Kak. β
Namun karena pergerakan kuota kami sangat cepat dan sering penuh, kami sangat menyarankan untuk segera melakukan *booking*.
Yuk amankan ketersediaan Kakak dengan menghubungi Admin Reservasi kami via WhatsApp di bawah ini!"; ntaiMsg(ntaiFormatText(reply) + ntaiGetWaTemplate(), "ai", true); ntaiChatLog.push({sender: "Sistem", msg: "Menjawab ketersediaan (FOMO) & arahkan ke WA."}); ntaiConversationHistory.push({ role: "model", parts: [{ text: reply }] }); ntaiAppendQuickReplies(); }, 600); return; } const payload=ntaiGetPayloadData(q); fetch("/wp-json/nt-ai/v1/chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ question: q, conversation_history: ntaiConversationHistory.slice(-6), price_data: payload.priceStr, content_data: payload.contentStr, history_data: historyText, user: "Tamu", url: window.location.href }) }) .then(r=> r.json()) .then(res=> { ntaiHideTyping(); let answer=res.answer||""; let cleanAiAnswer=answer.replace(/\*/g, '').replace(/\n/g, ' ').substring(0, 100); if(answer.length > 100) cleanAiAnswer +='...'; ntaiChatLog.push({sender: "Sistem", msg: cleanAiAnswer}); ntaiConversationHistory.push({ role: "model", parts: [{ text: answer }] }); if(answer.toLowerCase().includes("tidak tersedia")||answer.toLowerCase().includes("tidak menemukan")||answer.length < 5){ ntaiMsg(`Wah, maaf Kak, untuk info sedetail itu kebetulan belum tercatat di panduan singkat saya π .
Biar informasinya lebih akurat dan pasti, yuk langsung ngobrol sama Tim Admin kami via tombol WhatsApp di bawah ini!` + ntaiGetWaTemplate(), "ai", true); }else{ ntaiMsg(ntaiFormatText(answer) + ntaiGetWaTemplate(), "ai", true); } ntaiAppendQuickReplies(); }) .catch(err=> { ntaiHideTyping(); ntaiMsg(`Waduh Kak, sinyal internetnya sepertinya lagi kurang bersahabat nih π . Coba kirim ulang pertanyaannya ya, atau langsung klik tombol WA di bawah biar aman.` + ntaiGetWaTemplate(), "ai", true); ntaiAppendQuickReplies(); }); } let ntaiInitDone=false; function triggerNtaiInit(){ if(ntaiInitDone) return; ntaiInitDone=true; initNtaiAgent(); window.removeEventListener('scroll', triggerNtaiInit); window.removeEventListener('mousemove', triggerNtaiInit); window.removeEventListener('touchstart', triggerNtaiInit); document.removeEventListener('click', triggerNtaiInit); } window.addEventListener('scroll', triggerNtaiInit, { passive: true }); window.addEventListener('mousemove', triggerNtaiInit, { passive: true }); window.addEventListener('touchstart', triggerNtaiInit, { passive: true }); document.addEventListener('click', triggerNtaiInit, { passive: true }); setTimeout(triggerNtaiInit, 4000); document.addEventListener('click', function(e){ const wizardBtn=e.target.closest('.nt-trigger-wizard'); if(wizardBtn){ e.preventDefault(); const aiModalOverlay=document.getElementById("ntai-modal-overlay"); if(aiModalOverlay) aiModalOverlay.classList.remove("show"); const ntBookFloat=document.querySelector('.nt-float-btn'); if(ntBookFloat){ ntBookFloat.style.opacity=''; ntBookFloat.style.pointerEvents=''; } const chatContainer=document.getElementById("ntai-chat-container"); const iconExpand=document.getElementById("ntai-icon-expand"); const iconCollapse=document.getElementById("ntai-icon-collapse"); if(chatContainer&&chatContainer.classList.contains("ntai-fullscreen")){ chatContainer.classList.remove("ntai-fullscreen"); if(iconExpand) iconExpand.style.display="block"; if(iconCollapse) iconCollapse.style.display="none"; } setTimeout(function(){ const wizOverlay=document.getElementById('nt-wizard-overlay'); if(wizOverlay){ wizOverlay.style.zIndex='2147483647'; wizOverlay.classList.add('show'); document.body.style.overflow='hidden'; }}, 50); }});
- ');
formatted=formatted.replace(/<\/ul>\s*
/g, '
\s*