`;
panel.style.display = 'block';
document.body.appendChild(panel);
// UI Events
toggleBtn.addEventListener('click', () => {
panel.classList.remove('psa-hidden');
toggleBtn.classList.add('psa-hidden');
});
document.getElementById('psa-close-btn').addEventListener('click', () => {
panel.classList.add('psa-hidden');
toggleBtn.classList.remove('psa-hidden');
});
document.getElementById('psa-add-btn').addEventListener('click', EventHandlers.handleAdd);
document.getElementById('psa-avatar-input').addEventListener('keydown', (e) => {
if (e.key === 'Enter') EventHandlers.handleAdd();
});
document.getElementById('psa-save-hash').addEventListener('click', () => {
const val = document.getElementById('psa-manual-hash').value.trim();
if (/^[a-f0-9]{64}$/.test(val)) {
State.setHash(val);
Utils.updateUIHash(val);
Utils.logMessage('ok', 'Hash saved manually.');
} else {
Utils.logMessage('err', 'Invalid hex hash.');
}
});
document.getElementById('psa-delete-hash').addEventListener('click', () => {
State.setHash('');
Utils.updateUIHash('');
Utils.logMessage('warn', 'Hash removed from memory.');
});
document.getElementById('psa-add-raw-btn').addEventListener('click', EventHandlers.handleAddRaw);
document.getElementById('psa-raw-sku-input').addEventListener('keydown', (e) => {
if (e.key === 'Enter') EventHandlers.handleAddRaw();
});
// Listen for postMessage from iframe
window.addEventListener('message', (event) => {
if (event.data && event.data.type === 'PSA_OP_INTERCEPTED') {
EventHandlers.handleInterceptedOp(event.data.op, event.data.hash);
}
});
// Periodically check State (in case localStorage updated from iframe)
setInterval(() => {
const h = State.getHash();
const statusText = document.getElementById('psa-hash-text');
if (h && statusText && !statusText.textContent.includes(h.substring(0, 10))) {
Utils.updateUIHash(h);
}
}, 1000);
if (currentHashVal) {
Utils.logMessage('ok', 'Active hash loaded.');
} else {
Utils.logMessage('info', 'No hash. Script is listening in the background.');
Utils.logMessage('info', 'Add any product to cart to capture it.');
}
}
});
// =========================================================================
// EVENT HANDLERS
// =========================================================================
Object.assign(EventHandlers, {
async handleAdd() {
const btn = document.getElementById('psa-add-btn');
const avatarId = document.getElementById('psa-avatar-input').value.trim();
const country = document.getElementById('psa-country-select').value;
const language = document.getElementById('psa-lang-input').value.trim();
const activeHash = State.getHash();
if (!avatarId) {
Utils.logMessage('err', 'Enter avatar ID!');
return;
}
if (!activeHash) {
Utils.logMessage('err', 'No active hash.');
Utils.logMessage('warn', 'Add any product to cart first to capture the hash.');
return;
}
btn.disabled = true;
btn.classList.add('psa-loading');
Utils.clearLog();
Utils.logMessage('info', `ID: ${avatarId}`);
Utils.logMessage('info', `Region: ${country} / ${language}`);
const suffixes = ['-E001', '-E002', '-E003', ''];
for (const sfx of suffixes) {
const sku = avatarId + sfx;
Utils.logMessage('info', `Attempt: ${sku}...`);
const data = await ApiService.addToCartGQL(sku, activeHash, country, language);
if (data?.data?.addToCart) {
Utils.logMessage('ok', `✓ Added successfully: ${sku}`);
Utils.logMessage('ok', '🎉 Success! Item is in your cart.');
btn.disabled = false;
btn.classList.remove('psa-loading');
return;
}
if (data?.errors) {
const err = data.errors[0];
const msg = err?.message || 'Error';
const code = err?.extensions?.code || '';
if (code === 'PERSISTED_QUERY_NOT_FOUND') {
Utils.logMessage('err', 'Outdated hash detected.');
Utils.logMessage('warn', 'Cleared invalid hash. Add a product to cart to fetch a new one.');
State.setHash('');
Utils.updateUIHash('');
btn.disabled = false;
btn.classList.remove('psa-loading');
return;
}
Utils.logMessage('warn', `${sku}: ${msg}`);
// If it is not a SKU not found error, we found the right ID. Stop searching.
if (!msg.includes('SKU not found')) {
if (msg.includes('storefront') || msg.includes('store-front') || msg.includes('Store Front')) {
Utils.logMessage('ok', '⚠️ Received storefront error. Legacy PS3/PS4 avatars are often still successfully added to cart despite this! Check your cart on the official site.');
}
btn.disabled = false;
btn.classList.remove('psa-loading');
return;
}
}
}
Utils.logMessage('err', 'All attempts failed. Check ID and region.');
btn.disabled = false;
btn.classList.remove('psa-loading');
},
async handleAddRaw() {
const btn = document.getElementById('psa-add-raw-btn');
const rawSku = document.getElementById('psa-raw-sku-input').value.trim();
const country = document.getElementById('psa-country-select').value;
const language = document.getElementById('psa-lang-input').value.trim();
const activeHash = State.getHash();
if (!rawSku) {
Utils.logMessage('err', 'Enter Raw SKU!');
return;
}
if (!activeHash) {
Utils.logMessage('err', 'No active hash.');
return;
}
btn.disabled = true;
Utils.clearLog();
Utils.logMessage('info', `[Raw] SKU: ${rawSku}`);
Utils.logMessage('info', `Region: ${country} / ${language}`);
Utils.logMessage('info', `Attempting raw addition...`);
const data = await ApiService.addToCartGQL(rawSku, activeHash, country, language);
if (data?.data?.addToCart) {
Utils.logMessage('ok', `✓ Added successfully: ${rawSku}`);
Utils.logMessage('ok', '🎉 Success! Item is in your cart.');
} else if (data?.errors) {
const err = data.errors[0];
const msg = err?.message || 'Error';
Utils.logMessage('err', `Failed: ${msg}`);
if (msg.includes('storefront') || msg.includes('store-front') || msg.includes('Store Front')) {
Utils.logMessage('ok', '⚠️ Storefront error: Legacy PS3/PS4 avatars are often still successfully added to cart despite this! Check your cart on the official site.');
}
} else {
Utils.logMessage('err', 'Unknown response from server.');
}
btn.disabled = false;
},
handleInterceptedOp(op, hash) {
// Log all intercepted ops to show users that the interceptor is working
Utils.logMessage('info', `[Intercepted] ${op}: ${hash.substring(0, 12)}...`);
if (op === Config.OPERATION_NAME) {
Utils.logMessage('ok', '🎉 Found addToCart hash!');
Utils.updateUIHash(hash);
}
}
});
// =========================================================================
// APP INITIALIZATION
// =========================================================================
Object.assign(App, {
init() {
// Hook fetches first
Interceptor.init();
// Only mount UI in top window
if (window.self !== window.top) {
return;
}
if (document.readyState === 'complete' || document.readyState === 'interactive') {
UiComponents.createUI();
} else {
window.addEventListener('DOMContentLoaded', UiComponents.createUI);
}
}
});
App.init();
})();