/* global React, NusantaraClient, NusantaraMapData */
(function (root) {
const {useState, useRef, useEffect, useLayoutEffect, useCallback} = React;
const base = '#campaign/nusantara';
function loadBattleClientModule() {
if (root.NusantaraBattleClient?.createBattleClient) return Promise.resolve(root.NusantaraBattleClient);
if (root.NusantaraBattleClientPromise) return root.NusantaraBattleClientPromise;
const loading = new Promise((resolve, reject) => {
const script = document.createElement('script');
script.type = 'module';
script.src = '/campaign/battle-client.mjs';
script.onload = () => root.NusantaraBattleClient?.createBattleClient
? resolve(root.NusantaraBattleClient)
: reject(new Error('Campaign battle controller did not register.'));
script.onerror = () => reject(new Error('Campaign battle controller could not be loaded.'));
document.head.appendChild(script);
});
root.NusantaraBattleClientPromise = loading.catch(error => {
root.NusantaraBattleClientPromise = null;
throw error;
});
return root.NusantaraBattleClientPromise;
}
const narrative = [
'Commander, your Card Collection is ready. Beyond the Hangar, five cities face different tests of trust and cooperation. In Nusantara Campaign, your crew will meet local pilots, learn what they protect, and help them find a way forward.',
'Our first arc is Solo: Yang Dijaga, Yang Terlupakan. In this fictional city network, workshops need a livelihood, neighbourhoods need protection, and Keraton Vanguard fears another failed change. Listen to Kresna and Sadewa before you face Estri. This is not a story about taking their Meka; it is about earning their trust.',
'Each encounter has three guaranteed rewards in order: 2 signature Combat Prints, 4 copies of its CMD, then 4 copies of its MD. A win completes the active reward; a loss records one third of its Imprint, so three losses complete it. Only a victory advances the story. Losing takes no cards and never resets your account progress. For now, we can inspect the campaign; battles are still in preparation.',
];
function getRewardWins(progress, encounterId) {
const value = Number(progress?.find(item => item.encounterId === encounterId)?.wins);
return Number.isFinite(value) ? Math.min(3, Math.max(0, Math.trunc(value))) : 0;
}
function getRewardProgress(battle, encounterId, milestone) {
const row = Array.isArray(battle?.rewardProgress)
? battle.rewardProgress.find(item => item?.encounterId === encounterId && Number(item.milestone) === milestone)
: null;
if (row) {
const progress = [0,33,66,100].includes(Number(row.progress)) ? Number(row.progress) : 0;
return {progress:row.acquired === true ? 100 : progress, acquired:row.acquired === true};
}
const wins = getRewardWins(battle?.progress, encounterId);
return {progress:wins >= milestone ? 100 : 0, acquired:wins >= milestone};
}
function encounterRewardProgress(battle, encounterId) {
return [1,2,3].map(milestone => getRewardProgress(battle, encounterId, milestone));
}
const cityGateEncounterIds = {
palembang:'solo/boss',
pontianak:'palembang/boss',
makassar:'pontianak/boss',
jayapura:'makassar/boss',
};
// Curated place notes use canonical Homebase codes. Add cities in reviewed batches;
// an unlisted city still has its personal crew record, never invented local lore.
// City fact sources are tracked in docs/superpowers/plans/2026-09-23-homebase-field-notes.md.
const homebaseFieldNotes = {
'ID-AC-BTJ': {
preview: 'Masjid Raya Baiturrahman and the Aceh Tsunami Museum are two places of gathering and remembrance in Banda Aceh.',
places: [
{title:'MASJID RAYA BAITURRAHMAN', copy:'The grand mosque remains a place for worship and public remembrance in the heart of Banda Aceh.'},
{title:'MUSEUM TSUNAMI ACEH', copy:'The museum preserves the memory of the 2004 Indian Ocean earthquake and tsunami through exhibits for learning and reflection.'},
],
},
'ID-SU-MDN': {
preview: 'From Istana Maimun to the heritage streets of Kesawan, Medan carries more than one chapter of its past in plain sight.',
places: [
{title:'ISTANA MAIMUN', copy:'The palace stands in a recognized heritage district alongside the Grand Mosque and Taman Sri Deli.'},
{title:'KESAWAN', copy:'Historic buildings, including the old post office, keep part of Medan’s earlier streetscape visible in the present city.'},
],
},
'ID-SB-PDG': {
preview: 'Padang stretches from the old riverfront at Batang Arau toward the sea and Pantai Air Manis.',
places: [
{title:'BATANG ARAU', copy:'This historic riverfront is part of Padang’s old-city landscape, near Jembatan Siti Nurbaya and Gunung Padang.'},
{title:'PANTAI AIR MANIS', copy:'The beach south of the city is closely linked to the Malin Kundang legend, a story told through its coastal landmarks.'},
],
},
'ID-RI-PKU': {
preview: 'From riverside Senapelan to Masjid Raya An-Nur, Pekanbaru holds its trading roots and its gathering places side by side.',
places: [
{title:'SENAPELAN / SUNGAI SIAK', copy:'Pekanbaru grew from a trading settlement near the Siak River. The old Senapelan mosque recalls the Malay community at the city’s beginnings.'},
{title:'MASJID RAYA AN-NUR', copy:'With its broad courtyard and distinctive domes, this mosque is a familiar place of worship and gathering in central Pekanbaru.'},
],
},
'ID-KR-BTM': {
preview: 'Batam looks out to its islands from the Barelang bridges, while Dataran Engku Hamidah gives Batam Centre a place to gather after dark.',
places: [
{title:'BARELANG BRIDGE', copy:'The first bridge, named Raja Haji Fisabilillah, frames the sea and nearby islands. Its public viewing area is a place to take in Batam’s maritime setting.'},
{title:'DATARAN ENGKU HAMIDAH', copy:'In Batam Centre, illuminated walkways and Malay-inspired ornament make this square a lively evening stop for residents and visitors.'},
],
},
'ID-JA-DJB': {
preview: 'Gentala Arasy rises beside the Batanghari, while the story of Pasar Angso Duo follows the river’s long trading route.',
places: [
{title:'GENTALA ARASY', copy:'A pedestrian bridge crosses the Batanghari to the clock tower. At its base, a small museum tells part of Jambi’s Islamic history.'},
{title:'PASAR ANGSO DUO', copy:'Goods once arrived by boat near the older market. Angso Duo became a lasting name in the city’s river-linked trading life.'},
],
},
'ID-SS-PLM': {
preview: 'The Musi separates Palembang’s Ilir and Ulu banks. Jembatan Ampera connects them; Benteng Kuto Besak faces the river nearby.',
places: [
{title:'JEMBATAN AMPERA', copy:'Cross the bridge and you move between Seberang Ilir and Seberang Ulu, with the Musi beneath you.'},
{title:'BENTENG KUTO BESAK', copy:'The Palembang Sultanate built this fort beside the Musi. From its riverfront grounds, you can see the Ampera bridge.'},
],
},
'ID-BB-PGP': {
preview: 'Museum Timah Indonesia holds part of Pangkalpinang’s mining history; Pantai Pasir Padi lies about eight kilometres from the city centre.',
places: [
{title:'MUSEUM TIMAH INDONESIA', copy:'This heritage building houses exhibits on Bangka’s tin mining. Sukarno and other Republic leaders stayed here during their 1949 exile.'},
{title:'PANTAI PASIR PADI', copy:'The broad, firm shore slopes toward the sea. At low tide, visitors can reach nearby Pulau Punai on foot.'},
],
},
'ID-BE-BKS': {
preview: 'In Bengkulu, you can explore Benteng Marlborough’s British-era walls, then walk beneath casuarina trees along Pantai Panjang.',
places: [
{title:'BENTENG MARLBOROUGH', copy:'British builders raised this coastal fort between 1714 and 1719. You can trace its defensive plan through thick brick walls, a moat, and an open courtyard.'},
{title:'PANTAI PANJANG', copy:'Residents come here to walk, exercise, and eat by the shore under the casuarina trees.'},
],
},
'ID-KB-PNK': {
preview: 'The Kapuas and Landak rivers meet in Pontianak, a city marked by the equator.',
places: [
{title:'THE RIVER CITY', copy:'Pontianak grew where the Kapuas and Landak meet. Its waterways divide the city into distinct banks and keep them connected.'},
{title:'TUGU KHATULISTIWA', copy:'The Equator Monument in North Pontianak marks the line that gives the city its familiar name: Kota Khatulistiwa.'},
],
},
};
// Local Homebase Dossier gallery only. Do not use the gameplay artManifest:
// publishing that contract also changes the Founding tutorial arena.
const homebaseGallery = {
'ID-AC-BTJ': {slug:'id-ac-btj',arena:'Coastal operations plaza',views:['Masjid Raya Baiturrahman','Museum Tsunami Aceh']},
'ID-SU-MDN': {slug:'id-su-mdn',arena:'Medan operations plaza',views:['Istana Maimun','Kesawan heritage corridor']},
'ID-SB-PDG': {slug:'id-sb-pdg',arena:'Padang coastal plaza',views:['Batang Arau and Jembatan Siti Nurbaya','Masjid Raya Sumatera Barat']},
'ID-RI-PKU': {slug:'id-ri-pku',arena:'Riau Malay civic plaza',views:['Masjid Agung An-Nur','Siak River and Siak IV bridge']},
'ID-KR-BTM': {slug:'id-kr-btm',arena:'Batam civic plaza',views:['Barelang Bridge','Batu Ampar harbor']},
'ID-JA-DJB': {slug:'id-ja-djb',arena:'Jambi Malay civic plaza',views:['Gentala Arasy and Batanghari River','Tugu Keris Siginjai']},
};
function HomebaseGallery({homebase}) {
const gallery = homebaseGallery[homebase.code];
if (!gallery) return null;
const views = [
{key:'arena',title:gallery.arena},
{key:'act-1',title:gallery.views[0]},
{key:'act-2',title:gallery.views[1]},
];
return SCENES FROM {homebase.city}
{views.map((view,index) => {index===0?'AT HOME':'AROUND THE CITY'}{view.title})}
;
}
function cityGatePresentation(city, battle) {
if (!city || city.encounters) return {state:'available',status:'CITY AVAILABLE',copy:''};
const gateEncounterId = cityGateEncounterIds[city.id];
if (gateEncounterId && getRewardWins(battle?.progress, gateEncounterId) >= 1) {
const securedCity = gateEncounterId.split('/')[0].toUpperCase();
return {state:'preview',status:'CITY PREVIEW',copy:securedCity + ' SECURED. ' + city.name.toUpperCase() + ' BATTLES ARE NOT RELEASED YET.'};
}
return {state:'locked',status:'CITY LOCKED',copy:city.unlock};
}
const soloEncounterIds = ['solo/mini-1', 'solo/mini-2', 'solo/boss'];
function encounterAvailability(battle, encounterId) {
const released = Array.isArray(battle?.releasedEncounterIds) ? battle.releasedEncounterIds : ['solo/mini-1'];
if (!released.includes(encounterId)) return 'preview';
if (encounterId === 'solo/boss' && (getRewardWins(battle?.progress, 'solo/mini-1') < 1 || getRewardWins(battle?.progress, 'solo/mini-2') < 1)) return 'locked';
return 'available';
}
function neutralBattleState(identity = '', status = identity ? 'loading' : 'idle') {
return {identity,status,clientState:{attempt:null,busy:false,error:'',recovery:{status:'idle',pending:null}},setup:null,progress:[],rewardProgress:[],releasedEncounterIds:['solo/mini-1'],launchEnabled:false,error:''};
}
function projectBattleState(identity, battleState) {
return identity && battleState?.identity === identity ? battleState : neutralBattleState(identity);
}
const soloBannerEncounters = {
'solo/mini-1': {district:'Laweyan',crew:'Kresna'},
'solo/mini-2': {district:'Banjarsari',crew:'Sadewa'},
'solo/boss': {district:'Pasar Kliwon',crew:'Estri'},
};
function campaignBannerAvailability(campaign) {
const battle = campaign?.battle;
const ready = Boolean(campaign?.identity && battle?.identity === campaign.identity && battle.status === 'ready');
if (!ready) return {status:'BATTLE ACCESS VERIFYING',copy:'Campaign access and released districts are being verified for this account. Your saved progress remains secured.',openEncounterIds:[]};
if (!battle.launchEnabled) return {status:'NEW BATTLES PAUSED',copy:"Review Solo's released districts and your saved reward progress. New battle launches are currently paused.",openEncounterIds:[]};
const openEncounterIds = soloEncounterIds.filter(encounterId => encounterAvailability(battle,encounterId) === 'available');
if (!openEncounterIds.length) return {status:'NO BATTLES OPEN',copy:"Review Solo's campaign districts and your saved reward progress. No new battle is currently available.",openEncounterIds};
const opponents = openEncounterIds.map(encounterId => `${soloBannerEncounters[encounterId].crew} in ${soloBannerEncounters[encounterId].district}`);
const invitation = opponents.length === 1 ? opponents[0] : opponents.length === 2 ? opponents.join(' and ') : `${opponents.slice(0,-1).join(', ')}, and ${opponents.at(-1)}`;
return {
status:openEncounterIds.length === 1 ? `${soloBannerEncounters[openEncounterIds[0]].district.toUpperCase()} OPEN` : 'SOLO OPEN',
copy:`Challenge ${invitation} and earn each open district's guaranteed reward path. Your progress is secured to your account.`,
openEncounterIds,
};
}
function useCampaign({account, request, route, refreshKey}) {
const [state, setState] = useState({identity: '', status: 'idle', data: null, busy: false, error: ''});
const [battleState, setBattleState] = useState({status:'idle', clientState:{attempt:null,busy:false,error:'',recovery:{status:'idle',pending:null}}, setup:null, progress:[], rewardProgress:[], releasedEncounterIds:['solo/mini-1'], launchEnabled:false, error:''});
const [battleNonce, setBattleNonce] = useState(0);
const [commandOpen, setCommandOpen] = useState(false);
const closeCommand = useCallback(()=>setCommandOpen(false),[]);
const client = useRef(null);
const battleClient = useRef(null);
if (!client.current) client.current = NusantaraClient.createClient({request, onChange: setState});
const identity = account?.status === 'signed-in' ? String(account.organization?.id || '') : '';
useEffect(()=>setCommandOpen(false),[identity,route]);
useEffect(() => {
if (client.current.getState().identity !== identity) void client.current.setIdentity(identity);
else if (identity) void client.current.refresh();
}, [identity, route, refreshKey]);
useEffect(() => {
if (!identity || state.identity !== identity) return;
try { NusantaraClient.rememberDistrict({data:state.data,route,storage:window.localStorage}); } catch { /* Browser preferences can be disabled. */ }
void client.current.acknowledgeNavigation(route);
}, [identity, route, state.data]);
useEffect(() => {
const refresh = () => {if (document.visibilityState === 'visible') void client.current.refresh();};
window.addEventListener('focus', refresh); document.addEventListener('visibilitychange', refresh);
return () => {window.removeEventListener('focus', refresh); document.removeEventListener('visibilitychange', refresh);};
}, []);
useEffect(() => {
let current = true;
battleClient.current?.dispose();
battleClient.current = null;
if (!identity) {
setBattleState({status:'idle',clientState:{attempt:null,busy:false,error:'',recovery:{status:'idle',pending:null}},setup:null,progress:[],rewardProgress:[],releasedEncounterIds:['solo/mini-1'],launchEnabled:false,error:''});
return () => {current=false;};
}
setBattleState(neutralBattleState(identity));
(async () => {
try {
const {createBattleClient, loadBattleHydration} = await loadBattleClientModule();
const {status, setup, setupError} = await loadBattleHydration({request,organizationId:identity});
if (!current) return;
const activeEncounterId = status?.activeAttempt?.encounterId || 'solo/mini-1';
const created = createBattleClient({request,organizationId:identity,encounterId:activeEncounterId,onChange:clientState=>{
if(current) setBattleState(previous=>({...previous,clientState,error:clientState.error||previous.error}));
}});
battleClient.current = created;
const activeId = status?.activeAttempt?.id || undefined;
await created.resume(activeId);
if (!current) return;
setBattleState(previous=>({...previous,identity,status:'ready',setup,setupError,progress:Array.isArray(status?.progress)?status.progress:[],rewardProgress:Array.isArray(status?.rewardProgress)?status.rewardProgress:[],releasedEncounterIds:Array.isArray(status?.releasedEncounterIds)?status.releasedEncounterIds:['solo/mini-1'],launchEnabled:status?.launchEnabled===true,error:created.getState().error||''}));
} catch (error) {
if (!current) return;
const unavailable = error?.status === 404;
setBattleState(previous=>({...previous,identity,status:unavailable?'unavailable':'error',setup:null,progress:[],rewardProgress:[],releasedEncounterIds:['solo/mini-1'],launchEnabled:false,error:unavailable?'':(error?.message||'Battle authority could not be verified.')}));
}
})();
return () => {current=false;battleClient.current?.dispose();battleClient.current=null;};
}, [identity, battleNonce]);
const openBattle = useCallback((encounterId = 'solo/mini-1') => {
if (!soloEncounterIds.includes(encounterId) || encounterAvailability(battleState, encounterId) !== 'available') return;
window.location.assign('/battle/bond-breach/?mode=campaign&organization='+encodeURIComponent(identity)+'&encounter='+encodeURIComponent(encounterId));
}, [identity, battleState]);
const launchBattle = useCallback(async (encounterId = 'solo/mini-1') => {
if (!battleState.launchEnabled || !battleClient.current || encounterAvailability(battleState, encounterId) !== 'available') return null;
const current = client.current.getState();
if (current.busy || current.error || current.data?.introduction.revision < 5) return null;
setCommandOpen(true);
return null;
}, [battleState]);
const retryBattle = useCallback(async () => {
if (!battleClient.current) { setBattleNonce(value => value + 1); return null; }
const attempt = await battleClient.current.retry();
setBattleNonce(value => value + 1);
return attempt;
}, [openBattle]);
const refresh = useCallback(() => client.current.refresh(), []);
const acknowledge = useCallback(() => client.current.acknowledge(), []);
const continueIntro = useCallback(async () => {
const step = client.current.getState().data?.introduction.step?.id;
if (!await client.current.acknowledge()) return false;
if (step === 'reward_rules') window.location.hash = '#hangar';
if (step === 'hangar_entry') window.location.hash = base;
if (step === 'solo_preview') window.location.hash = base + '/solo';
return true;
}, []);
// Effects reset the client; render-time identity gating prevents even a one-frame leak.
const visible = !identity ? {identity, status: account?.status === 'checking' ? 'loading' : 'signed-out', data:null, busy:false, error:''} : state.identity === identity ? state : {identity, status: 'loading', data: null, busy: false, error: ''};
const currentBattle = Boolean(identity && battleState.identity === identity);
return {...visible, refresh, acknowledge, continueIntro, battle:{...projectBattleState(identity,battleState),commandOpen:currentBattle&&commandOpen,closeCommand,deploy:openBattle,launch:launchBattle,retry:retryBattle}};
}
function BattleLaunchState({campaign, encounter}) {
if (!encounter) return null;
const battle = campaign.battle;
const encounterId = 'solo/' + encounter.id;
const availability = encounterAvailability(battle, encounterId);
if (availability === 'preview') return
BATTLE CONNECTION INTERRUPTED{battle.setupError.message || 'Deployment Package could not be verified.'}
;
const terminalLabel = attempt?.status === 'won' ? 'LAST RESULT / VICTORY' : attempt?.status === 'lost' ? 'LAST RESULT / DEFEAT' : '';
const launchNote = wins > 0 && rewardsComplete
? 'DISTRICT SECURED · ALL THREE REWARDS ACQUIRED — FURTHER BATTLES ARE FRIENDLY PRACTICE.'
: wins > 0
? 'DISTRICT SECURED · A WIN COMPLETES THE ACTIVE REWARD; A LOSS RECORDS ONE THIRD OF ITS IMPRINT.'
: 'WIN TO SECURE THE DISTRICT AND COMPLETE THE ACTIVE REWARD; A LOSS RECORDS ONE THIRD WITHOUT ADVANCING THE STORY.';
return
{campaign.status === 'signed-out' ? 'SIGN IN TO CONTINUE' : campaign.status === 'disabled' || campaign.error ? 'CAMPAIGN CONNECTION INTERRUPTED' : !data ? 'CONNECTING TO COMMAND…' : !data.eligible ? 'COMPLETE YOUR HANGAR BRIEFING' : 'COMMAND BRIEFING'}
{campaign.error || (campaign.status === 'disabled' ? 'The campaign link could not be reached. Reconnect to continue your mission.' : data?.reason || (data?.eligible ? 'Your assistant will introduce the story before we open the map.' : 'Your assistant in My Hangar will guide you through the remaining preparation.'))}
;
}
function CampaignFlow({campaign, account, route, blocked, Dialogue, Assistant, avatarSource, trapFocus}) {
const flowRef = useRef(null);
const [otherModal, setOtherModal] = useState(true);
const [minimizedKey, setMinimizedKey] = useState('');
const intro = campaign.data?.introduction;
const key = campaign.identity + ':' + intro?.step?.id;
useLayoutEffect(() => {
const check = () => setOtherModal(Array.from(document.querySelectorAll('[aria-modal="true"]')).some(node => !flowRef.current?.contains(node) && node.getClientRects().length > 0));
check(); const observer = new MutationObserver(check);
observer.observe(document.body, {childList:true, subtree:true, attributes:true, attributeFilter:['class','style','hidden','aria-modal']});
return () => observer.disconnect();
}, []);
const surface = NusantaraClient.presentation(campaign, route, blocked || otherModal);
const fullscreen = surface === 'fullscreen';
const battleAvailability = campaignBannerAvailability(campaign);
const introductionLines = battleAvailability.openEncounterIds.includes('solo/mini-1')
? [...narrative.slice(0,2), 'Each encounter has three guaranteed rewards in order: 2 signature Combat Prints, 4 copies of its CMD, then 4 copies of its MD. A win completes the active reward; a loss records one third of its Imprint, so three losses complete it. Only a victory advances the story. Losing takes no cards and never resets your account progress. Laweyan battle access is live through your registered Deployment Package.']
: battleAvailability.status === 'NEW BATTLES PAUSED'
? [...narrative.slice(0,2), 'Each encounter has three guaranteed rewards in order: 2 signature Combat Prints, 4 copies of its CMD, then 4 copies of its MD. A win completes the active reward; a loss records one third of its Imprint, so three losses complete it. Only a victory advances the story. Losing takes no cards and never resets your account progress. New battle launches are currently paused.']
: narrative;
useLayoutEffect(() => {
if (!fullscreen) return;
const previous = document.activeElement;
const shells = Array.from(document.querySelectorAll('.app-shell, [data-campaign-qa-shell]'));
const previousInert = shells.map(node => node.inert);
shells.forEach(node => {node.inert = true;});
flowRef.current?.querySelector('[role="dialog"]')?.focus();
return () => {shells.forEach((node,index) => {node.inert = previousInert[index];}); if (previous?.isConnected && !previous.closest('[inert]')) previous.focus({preventScroll:true});};
}, [fullscreen]);
if (surface === 'none') return ;
if (fullscreen) return
}} {reward.kind}{reward.name} ×{reward.quantity} {stage.progress>0&&!stage.acquired?'IMPRINT '+String(stage.progress).padStart(3,'0')+' / 100':rewardState} · {reward.extra}
;
})}