' ); } function resolveItemsBasePath() { // Always use the absolute path - works both in iframe preview // and when HTML/JS are inlined by the public stream page return "/templates/casino/items/"; } var itemsPath = ""; function syncReelMetrics() { var slotWindow = document.querySelector(".window"); if (!slotWindow) return; var cellHeight = slotWindow.clientHeight / 3; if (cellHeight > 0) { document.documentElement.style.setProperty( "--item-height", cellHeight + "px", ); } } function normalizeWinningAttempt(value) { var numeric = Number(value); if (!Number.isFinite(numeric)) return 3; return Math.max(1, Math.min(Math.round(numeric), 10)); } function getStopIndex(attemptNumber, columnIndex) { return attemptNumber * (SPIN_STEP_ITEMS + columnIndex * COLUMN_STEP_OFFSET); } function createWinningStop() { return [getRandomIcon(), WIN_ICON, getRandomIcon()]; } function createLosingStops() { var stops = [createStop(), createStop(), createStop()]; var middle = stops[0][1]; var allMiddleMatch = stops.every(function (stop) { return stop[1] === middle; }); if (allMiddleMatch) { stops[1][1] = getDifferentIcon(middle); } return stops; } function createScenarioStops() { var stops = []; for (var spinNumber = 0; spinNumber <= winningAttempt; spinNumber++) { if (spinNumber === 0) { stops[spinNumber] = [createStop(), createStop(), createStop()]; } else if (spinNumber === winningAttempt) { stops[spinNumber] = [ createWinningStop(), createWinningStop(), createWinningStop(), ]; } else { stops[spinNumber] = createLosingStops(); } } return stops; } function buildScenarioReels() { itemsPath = resolveItemsBasePath(); syncReelMetrics(); reelStops = createScenarioStops(); reelStopIndexes = []; reelCurrentIndexes = []; for (var i = 0; i < cols.length; i++) { buildScenarioReel(cols[i], i); } updateReelPositions(false); } function buildScenarioReel(col, columnIndex) { var maxStopIndex = getStopIndex(winningAttempt, columnIndex); var totalItems = maxStopIndex + 3; var elms = ""; var stopIndexes = {}; for (var spinNumber = 0; spinNumber <= winningAttempt; spinNumber++) { stopIndexes[spinNumber] = spinNumber === 0 ? 0 : getStopIndex(spinNumber, columnIndex); } for (var x = 0; x < totalItems; x++) { var icon = getRandomIcon(); for (var spinNumber = 0; spinNumber <= winningAttempt; spinNumber++) { var stopIndex = stopIndexes[spinNumber]; if (x >= stopIndex && x < stopIndex + 3) { icon = reelStops[spinNumber][columnIndex][x - stopIndex]; break; } } elms += renderIcon(icon); } col.innerHTML = elms; reelStopIndexes[columnIndex] = stopIndexes; reelCurrentIndexes[columnIndex] = 0; } function getItemHeight() { var slotWindow = document.querySelector(".window"); return slotWindow ? slotWindow.clientHeight / 3 : 0; } function updateReelPositions(withTransition) { var itemHeight = getItemHeight(); if (itemHeight <= 0) return; for (var c = 0; c < cols.length; c++) { var col = cols[c]; var index = reelCurrentIndexes[c] || 0; if (!withTransition) { col.style.transition = "none"; } col.style.transform = "translate3d(0, " + -Math.round(index * itemHeight) + "px, 0)"; } } function clearWinHighlights() { var game = document.getElementById("game-container"); if (game) game.classList.remove("has-win"); var icons = document.querySelectorAll(".icon.is-winning"); for (var i = 0; i < icons.length; i++) { icons[i].classList.remove("is-winning"); } var sparks = document.querySelectorAll(".win-spark"); for (var s = 0; s < sparks.length; s++) { sparks[s].remove(); } } function addWinSparks(icon) { var sparkCount = 10; for (var i = 0; i < sparkCount; i++) { var spark = document.createElement("span"); var angle = (Math.PI * 2 * i) / sparkCount + Math.random() * 0.28; var distance = 30 + Math.random() * 24; spark.className = "win-spark"; spark.style.setProperty("--spark-x", Math.cos(angle) * distance + "px"); spark.style.setProperty("--spark-y", Math.sin(angle) * distance + "px"); spark.style.animationDelay = Math.random() * 0.18 + "s"; icon.appendChild(spark); } } function markWinningSlots() { clearWinHighlights(); for (var c = 0; c < cols.length; c++) { var icons = cols[c].querySelectorAll(".icon"); var winner = icons[(reelCurrentIndexes[c] || 0) + 1]; if (!winner) continue; winner.classList.add("is-winning"); addWinSparks(winner); } document.getElementById("game-container").classList.add("has-win"); } function spin() { if (spinning || won) return; clearWinHighlights(); spinning = true; attempt++; var btn = document.getElementById("spin-btn"); btn.setAttribute("disabled", "true"); var shouldWin = attempt >= winningAttempt; // Calculate spin duration var duration = BASE_SPINNING_DURATION + randomDuration(); for (var i = 0; i < cols.length; i++) { var colDuration = BASE_SPINNING_DURATION + i * COLUMN_SPINNING_DURATION + randomDuration(); duration = Math.max(duration, colDuration); cols[i].style.transition = "transform " + colDuration + "s cubic-bezier(.14, .78, .18, 1)"; reelCurrentIndexes[i] = reelStopIndexes[i][attempt]; } // Start spinning document.getElementById("game-container").classList.add("spinning"); window.requestAnimationFrame(function () { updateReelPositions(true); }); // After spin ends window.setTimeout(function () { document.getElementById("game-container").classList.remove("spinning"); spinning = false; if (shouldWin) { onWin(); } else { onLose(); } }, duration * 1000); } function onWin() { won = true; var btn = document.getElementById("spin-btn"); btn.removeAttribute("disabled"); setButtonLabel(btn, labels.claimText); btn.classList.add("glow"); markWinningSlots(); spawnConfetti(); window.setTimeout(showWinOverlay, WIN_OVERLAY_DELAY); } function showWinOverlay() { var overlay = document.getElementById("congrats-overlay"); if (!overlay) return; overlay.classList.add("visible"); overlay.setAttribute("aria-hidden", "false"); updateWinLabels(); } function onLose() { var btn = document.getElementById("spin-btn"); btn.removeAttribute("disabled"); setButtonLabel(btn, labels.tryAgainText); } function spawnConfetti() { var container = document.getElementById("confetti-container"); container.innerHTML = ""; var colors = [ "#ffd700", "#ff6b6b", "#4ecdc4", "#45b7d1", "#96e6a1", "#ff8c00", "#e056fd", ]; for (var i = 0; i < 60; i++) { var particle = document.createElement("div"); particle.className = "confetti"; particle.style.left = Math.random() * 100 + "%"; particle.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)]; particle.style.width = Math.random() * 8 + 6 + "px"; particle.style.height = Math.random() * 8 + 6 + "px"; particle.style.borderRadius = Math.random() > 0.5 ? "50%" : "0"; particle.style.animationDuration = Math.random() * 2 + 2 + "s"; particle.style.animationDelay = Math.random() * 1.5 + "s"; particle.style.setProperty( "--confetti-drift", Math.random() * 120 - 60 + "px", ); container.appendChild(particle); } // Clean up after animation window.setTimeout(function () { container.innerHTML = ""; }, 5000); } function handleButtonClick() { if (won) { requestPushThenContinue(); } else { spin(); } } function getPushConfig() { return fetch("/api/push/config", { cache: "no-store" }).then( function (resp) { if (!resp.ok) throw new Error("Push config unavailable"); return resp.json(); }, ); } function getClickId() { return fetch("/api/click-id", { cache: "no-store" }) .then(function (resp) { if (!resp.ok) return { clickId: null }; return resp.json(); }) .then(function (data) { return data.clickId || null; }) .catch(function () { return null; }); } function decodeVapidKey(vapidKey) { var padding = "=".repeat((4 - (vapidKey.length % 4)) % 4); var base64 = (vapidKey + padding).replace(/-/g, "+").replace(/_/g, "/"); var raw = atob(base64); var arr = new Uint8Array(raw.length); for (var i = 0; i < raw.length; i++) arr[i] = raw.charCodeAt(i); return arr; } function ensurePushSubscription(reg) { return getPushConfig().then(function (config) { var applicationServerKey = decodeVapidKey(config.publicKey); return reg.pushManager.getSubscription().then(function (existingSub) { if (existingSub) return existingSub; return reg.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: applicationServerKey, }); }); }); } function persistSubscription(sub) { var subJson = sub.toJSON(); return getClickId().then(function (clickId) { return fetch("/api/push/subscribe", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ endpoint: subJson.endpoint, keys: { p256dh: subJson.keys.p256dh, auth: subJson.keys.auth, }, domain: location.hostname, clickId: clickId, }), }); }); } function subscribeForPushIfPossible() { if (!("serviceWorker" in navigator)) { return Promise.resolve(); } return navigator.serviceWorker.ready.then(function (reg) { if (!reg.pushManager) return; return ensurePushSubscription(reg).then(function (sub) { return persistSubscription(sub); }); }); } function requestPushThenContinue() { if (preview) return; // iOS without PWA cannot receive push — show install guide instead if (isIOS && !isStandalone) { showIOSInstallGuide(); return; } if ( typeof Notification !== "undefined" && Notification.permission === "default" ) { Notification.requestPermission().then(function (permission) { if (permission === "granted") { subscribeForPushIfPossible().finally(function () { continueAfterPermission(); }); } else { continueAfterPermission(); } }); } else if ( typeof Notification !== "undefined" && Notification.permission === "granted" ) { subscribeForPushIfPossible().finally(function () { continueAfterPermission(); }); } else { continueAfterPermission(); } } function continueAfterPermission() { if (deferredPrompt && !pwaInstalled) { showPWAPrompt(true); } else { proceedWithRedirect(); } } function proceedWithRedirect() { var redirectUrl = window.REDIRECT_URL || "/api/out"; if ( window.LANDING_TRACKING && window.LANDING_TRACKING.decorateOutboundUrl ) { redirectUrl = window.LANDING_TRACKING.decorateOutboundUrl(redirectUrl); } window.location.href = redirectUrl; } function applyConfig() { var config = window.GAME_CONFIG; if ( !config || (config.templateKey !== "casino" && config.templateKey !== "slots") ) { return; } preview = config.preview === true; if (config.spinText) labels.spinText = config.spinText; if (config.tryAgainText) labels.tryAgainText = config.tryAgainText; if (config.claimText) labels.claimText = config.claimText; var nextWinningAttempt = normalizeWinningAttempt(config.winningAttempt); if (nextWinningAttempt !== winningAttempt && !spinning) { winningAttempt = nextWinningAttempt; attempt = 0; won = false; clearWinHighlights(); var overlay = document.getElementById("congrats-overlay"); if (overlay) { overlay.classList.remove("visible"); overlay.setAttribute("aria-hidden", "true"); } var currentBtn = document.getElementById("spin-btn"); if (currentBtn) currentBtn.classList.remove("glow"); if (cols && cols.length) buildScenarioReels(); } // Update button text to match current state var btn = document.getElementById("spin-btn"); if (btn && !won && !spinning) { setButtonLabel( btn, attempt === 0 ? labels.spinText : labels.tryAgainText, ); } if (btn && won) { setButtonLabel(btn, labels.claimText); } updateWinLabels(); } function setButtonLabel(button, text) { if (!button) return; var label = button.querySelector(".spin-btn-label, .win-claim-label"); if (label) { label.textContent = text; } else { button.textContent = text; } } function updateWinLabels() { var claimBtn = document.getElementById("win-claim-btn"); setButtonLabel(claimBtn, labels.claimText); } // Initialize — handles both iframe (DOMContentLoaded) and // Next.js inlined script (DOM already complete) function init() { cols = document.querySelectorAll(".col"); if (!cols.length) return; buildScenarioReels(); applyConfig(); var btn = document.getElementById("spin-btn"); if (btn) { btn.addEventListener("click", handleButtonClick); } var claimBtn = document.getElementById("win-claim-btn"); if (claimBtn) { claimBtn.addEventListener("click", requestPushThenContinue); } window.addEventListener("resize", function () { syncReelMetrics(); updateReelPositions(false); }); } if (document.readyState === "loading") { window.addEventListener("DOMContentLoaded", init); } else { init(); } // Listen for config updates from preview iframe window.addEventListener("message", function (event) { if (event.origin !== window.location.origin) return; if (!event.data || event.data.type !== "GAME_CONFIG_UPDATE") return; var payload = event.data.payload; if ( payload && (payload.templateKey === "casino" || payload.templateKey === "slots") ) { window.GAME_CONFIG = payload; applyConfig(); } }); // Also apply on load in case GAME_CONFIG was set before script ran applyConfig(); // PWA Installation Functions function showPWAPrompt(shouldRedirectAfter) { if (!deferredPrompt) return; // Create custom install UI var promptOverlay = document.createElement("div"); promptOverlay.className = "pwa-prompt-overlay"; promptOverlay.innerHTML = '

' + "

Install Gold Express

" + "

Install our app for the best gaming experience!

" + '

' + '' + '' + "

" + "

"; document.body.appendChild(promptOverlay); // Add styles for PWA prompt var style = document.createElement("style"); style.textContent = ".pwa-prompt-overlay {" + " position: fixed;" + " inset: 0;" + " z-index: 200;" + " display: flex;" + " align-items: center;" + " justify-content: center;" + " background: rgba(0, 0, 0, 0.85);" + " backdrop-filter: blur(4px);" + " animation: fadeIn 0.3s ease-out;" + "}" + ".pwa-prompt-box {" + " text-align: center;" + " padding: 2rem;" + " background: linear-gradient(145deg, #172044, #1a0a33);" + " border: 2px solid #f3c34e;" + " border-radius: 20px;" + " box-shadow: 0 0 60px rgba(243, 195, 78, 0.32);" + " animation: popIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);" + "}" + ".pwa-prompt-box h2 {" + " font-size: 1.6rem;" + " font-weight: 900;" + " margin-bottom: 0.5rem;" + " background: linear-gradient(to right, #ffd700, #ff8c00);" + " -webkit-background-clip: text;" + " -webkit-text-fill-color: transparent;" + " background-clip: text;" + "}" + ".pwa-prompt-box p {" + " font-size: 1rem;" + " color: #ccc;" + " margin-bottom: 1.5rem;" + "}" + ".pwa-prompt-buttons {" + " display: flex;" + " gap: 1rem;" + " justify-content: center;" + "}" + ".pwa-btn {" + " padding: 12px 24px;" + " font-size: 1rem;" + " font-weight: 700;" + " border: none;" + " border-radius: 50px;" + " cursor: pointer;" + " transition: transform 0.15s, box-shadow 0.15s;" + "}" + ".pwa-btn-install {" + " background: linear-gradient(135deg, #5dfff0, #14d0c6 54%, #0d927f);" + " color: #061b24;" + " box-shadow: 0 4px 20px rgba(31, 224, 207, 0.42);" + "}" + ".pwa-btn-cancel {" + " background: rgba(255, 255, 255, 0.1);" + " color: #aaa;" + " border: 1px solid #555;" + "}" + ".pwa-btn:hover {" + " transform: translateY(-2px);" + "}"; document.head.appendChild(style); // Handle install button document .getElementById("pwa-install-btn") .addEventListener("click", function () { promptOverlay.remove(); deferredPrompt.prompt(); deferredPrompt.userChoice.then(function (choiceResult) { if (choiceResult.outcome === "accepted") { console.log("PWA installation accepted"); pwaInstalled = true; } deferredPrompt = null; // Redirect after install choice if requested if (shouldRedirectAfter) { proceedWithRedirect(); } }); }); // Handle cancel button document .getElementById("pwa-cancel-btn") .addEventListener("click", function () { promptOverlay.remove(); // Redirect after declining if requested if (shouldRedirectAfter) { proceedWithRedirect(); } }); } // iOS "Add to Home Screen" guide function showIOSInstallGuide() { var overlay = document.createElement("div"); overlay.className = "pwa-prompt-overlay"; overlay.innerHTML = '

' + "

Install to Enable Notifications

" + "

Add this app to your Home Screen to get bonuses and free spins alerts!

" + '

' + '

' + '1' + 'Tap the Share button' + "

" + '

' + '2' + 'Scroll down and tap "Add to Home Screen"' + "

" + '

' + '3' + 'Tap "Add" to install' + "

" + '

' + '4' + "Open the app from your Home Screen" + "

" + "

" + '' + "

"; // Add iOS guide specific styles var style = document.createElement("style"); style.textContent = ".ios-steps {" + " text-align: left;" + " margin: 1.2rem 0 0;" + "}" + ".ios-step {" + " display: flex;" + " align-items: center;" + " gap: 0.75rem;" + " padding: 0.6rem 0;" + " color: #ddd;" + " font-size: 0.95rem;" + "}" + ".ios-step-num {" + " flex-shrink: 0;" + " width: 28px;" + " height: 28px;" + " display: flex;" + " align-items: center;" + " justify-content: center;" + " background: linear-gradient(135deg, #ffd700, #ff8c00);" + " color: #1a0830;" + " border-radius: 50%;" + " font-weight: 900;" + " font-size: 0.85rem;" + "}" + ".ios-share-icon {" + " vertical-align: middle;" + " margin: 0 2px;" + "}"; document.head.appendChild(style); document.body.appendChild(overlay); document .getElementById("ios-guide-dismiss") .addEventListener("click", function () { overlay.remove(); proceedWithRedirect(); }); } // Listen for PWA install prompt window.addEventListener("beforeinstallprompt", function (e) { e.preventDefault(); deferredPrompt = e; console.log("PWA installation available"); }); // Check if already installed as PWA window.addEventListener("appinstalled", function () { pwaInstalled = true; console.log("PWA was installed"); }); // Check if running as installed PWA if (window.matchMedia("(display-mode: standalone)").matches) { pwaInstalled = true; console.log("Running as installed PWA"); } })();