English

DiceLab

Two-Way Trouble

Shazam Casino


// Cashier iframe bridge: syncs cashier iframe height and forwards cashier GA events to dataLayer

(function () {
  'use strict';

  const SCRIPT_ID = 'cashier-iframe-bridge';
  const CASHIER_CONTAINER_SELECTOR = '[data-organism="ComponentPlayerAccountCashier"]';

  const PUSHED_EVENTS_STORAGE_KEY = `${SCRIPT_ID}-pushed-events`;
  const MAX_PUSHED_EVENTS = 100;

  // Service event of the cashier, never sent to GA
  const IGNORED_EVENT = 'deposit_number';

  if (window.__CASHIER_IFRAME_BRIDGE_INIT__) return;
  window.__CASHIER_IFRAME_BRIDGE_INIT__ = true;

  function warn(message, details) {
    console.warn(`[${SCRIPT_ID}] ${message}`, details ?? '');
  }

  // --- Message routing ---

  function handleMessage(event) {
    // Messages posted by the page itself (browser extensions, widgets) are skipped cheaply
    if (!event.source || event.source === window) return;

    const cashierIframe = findCashierIframe(event.source);
    if (!cashierIframe) return;

    const data = parseMessageData(event.data);
    if (!data || typeof data !== 'object') return;

    try {
      if (data.type === 'fixHeight') {
        setIframeHeight(cashierIframe, data.height);
        return;
      }

      // Remember deposit number from standalone cashier messages
      if (data.event === 'deposit_number' && data.depositNumber !== undefined) {
        rememberDepositNumber(data.depositNumber);
      }

      const gaEvent = normalizeGaEvent(data);
      if (gaEvent) {
        handleGaEvent(gaEvent);
      }
    } catch (error) {
      warn('Failed to handle cashier message', error);
    }
  }

  // Multiple cashier containers can exist at once (e.g. deposit page + modal),
  // so the iframe that sent the message is matched by its contentWindow
  function findCashierIframe(sourceWindow) {
    const containers = document.querySelectorAll(CASHIER_CONTAINER_SELECTOR);

    for (const container of containers) {
      const iframe = container.querySelector('iframe');
      if (iframe?.contentWindow === sourceWindow) return iframe;
    }

    return null;
  }

  function parseMessageData(rawData) {
    if (typeof rawData !== 'string') return rawData;

    try {
      return JSON.parse(rawData);
    } catch (error) {
      return null;
    }
  }

  // --- "fixHeight" message: resize the cashier iframe wrapper ---

  function setIframeHeight(iframe, height) {
    const wrapper = iframe.parentElement?.parentElement;

    if (!wrapper) {
      warn('Cashier iframe wrapper not found');
      return;
    }

    wrapper.style.height = height;
  }

  // --- GA events ---

  // Converts both supported formats to { params, id }:
  //   new:    { namespace: "cashier", type: "gaEvent", timestamp, payload: { event, ... } }
  //   legacy: { gaevent: { event, ... }, gatime }
  function normalizeGaEvent(data) {
    if (data.namespace === 'cashier' && data.type === 'gaEvent' && data.payload) {
      return { params: data.payload, id: data.timestamp };
    }

    if (data.gaevent) {
      return { params: data.gaevent, id: data.gatime };
    }

    return null;
  }

  function handleGaEvent({ params, id }) {
    // Remember deposit number from GA event payload
    if (params.depositNumber !== undefined) {
      rememberDepositNumber(params.depositNumber);
    }

    if (!params.event || !id) {
      warn('GA event is missing event name or id', params.event);
      return;
    }

    if (params.event === IGNORED_EVENT) return;

    // The cashier can post the same event more than once, so each event is pushed only once per session
    const eventKey = `${params.event}:${id}`;
    if (!markEventAsPushed(eventKey)) return;

    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({ event: params.event, ...params });
  }

  // --- Deposit number storage ---

  function rememberDepositNumber(depositNumber) {
    sessionStorage.setItem('lastDepositNumber', depositNumber);
  }

  // --- Deduplication via sessionStorage (storage can be unavailable in some browser modes) ---

  // Returns false if the event was already pushed
  function markEventAsPushed(eventKey) {
    let pushedEvents = [];

    try {
      pushedEvents = JSON.parse(sessionStorage.getItem(PUSHED_EVENTS_STORAGE_KEY)) || [];
    } catch (error) {
      pushedEvents = [];
    }

    if (pushedEvents.includes(eventKey)) return false;

    pushedEvents.push(eventKey);

    try {
      sessionStorage.setItem(
        PUSHED_EVENTS_STORAGE_KEY,
        JSON.stringify(pushedEvents.slice(-MAX_PUSHED_EVENTS))
      );
    } catch (error) {
      // Without storage the event is still pushed, only deduplication is lost
    }

    return true;
  }

  window.addEventListener('message', handleMessage);
})();

// End of Cashier Iframe Bridge


// Welcome offer tracking: pushes welcome_offer_viewed / welcome_offer_change_click
// to dataLayer based on the welcome-bonus dropdown headers (view + expand)

(function () {
  'use strict';

  const SCRIPT_ID = 'welcome-offer-tracking';

  if (window.__WELCOME_OFFER_TRACKING_INITIALIZED__) return;
  window.__WELCOME_OFFER_TRACKING_INITIALIZED__ = true;

  const EVENTS = {
    viewed: 'welcome_offer_viewed',
    changeClick: 'welcome_offer_change_click',
  };

  const HEADER_SELECTOR = '[data-bonus-header]';
  const OFFER_NAME_SELECTOR = '.subtitle';

  const lastViewedOffer = new WeakMap();

  function logWarning(message, error) {
    console.warn(`[${SCRIPT_ID}] ${message}`, error || '');
  }

  function pushEvent(payload) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(payload);
  }

  function trackViewed(header) {
    if (header.getAttribute('data-bonus-state') !== 'selected') return;

    const nameElement = header.querySelector(OFFER_NAME_SELECTOR);
    const offerName = nameElement ? nameElement.textContent.trim() : '';
    if (!offerName || lastViewedOffer.get(header) === offerName) return;

    lastViewedOffer.set(header, offerName);
    pushEvent({
      event: EVENTS.viewed,
      offer_name: offerName,
    });
  }

  function scan() {
    document.querySelectorAll(HEADER_SELECTOR).forEach((header) => {
      try {
        trackViewed(header);
      } catch (error) {
        logWarning('Failed to process header', error);
      }
    });
  }

  let isScanScheduled = false;
  function scheduleScan() {
    if (isScanScheduled) return;
    isScanScheduled = true;
    requestAnimationFrame(() => {
      isScanScheduled = false;
      scan();
    });
  }

  function trackExpand(event) {
    const target = event.target;
    if (!(target instanceof Element)) return;

    const header = target.closest(HEADER_SELECTOR);
    if (!header || header.getAttribute('data-state') !== 'expanded') return;

    pushEvent({ event: EVENTS.changeClick });
  }

  function handleDocumentKeydown(event) {
    if (event.key === 'Enter' || event.key === ' ') {
      trackExpand(event);
    }
  }

  function init() {
    document.addEventListener('click', trackExpand);
    document.addEventListener('keydown', handleDocumentKeydown);

    scan();

    const observer = new MutationObserver(scheduleScan);
    observer.observe(document.body, {
      childList: true,
      subtree: true,
      characterData: true,
      attributes: true,
      attributeFilter: ['data-bonus-state'],
    });
  }

  init();
})();

// End of Welcome Offer Tracking



/**
 * Removes UTM parameters from the URL
 * when the modal close button is clicked.
 */
(function () {
  const CLOSE_BUTTON_SELECTOR = 'button[data-testid="DynamicComponentsModal-close-button"]';

  const PARAMS_TO_REMOVE = [
    'utm_source',
    'utm_medium',
    'utm_campaign'
  ];

  function removeFloatingBarParamsFromUrl() {
    const url = new URL(window.location.href);
    let hasChanges = false;

    PARAMS_TO_REMOVE.forEach((param) => {
      if (url.searchParams.has(param)) {
        url.searchParams.delete(param);
        hasChanges = true;
      }
    });

    if (!hasChanges) return;

    const newUrl =
      url.pathname +
      (url.searchParams.toString() ? `?${url.searchParams.toString()}` : '') +
      url.hash;

    window.history.replaceState({}, document.title, newUrl);
  }

  document.addEventListener('click', function (event) {
    const closeButton = event.target.closest(CLOSE_BUTTON_SELECTOR);

    if (!closeButton) return;

    removeFloatingBarParamsFromUrl();
  });
})();



/**
 * Tracks authentication token changes and sends
 * player and Google Analytics data to the backend.
 */
(function () {
  const GA_TARGET_URL_PATH = '/well-known/put-ga';
  const TOKEN_KEY = 'token';
  let previousTokenValue = localStorage.getItem(TOKEN_KEY);

  function getCookie(name) {
    const nameEQ = name + "=";
    const ca = document.cookie.split(';');

    for (let i = 0; i < ca.length; i++) {
      let c = ca[i].trim();

      if (c.indexOf(nameEQ) === 0) {
        return c.substring(nameEQ.length);
      }
    }

    return null;
  }

  function getGoogleAnalyticsId() {
    // Try from Next.js GA script
    const gaScriptElement = document.getElementById('_next-ga');

    if (gaScriptElement) {
      if (gaScriptElement.src) {
        const urlParams = new URLSearchParams(
          new URL(gaScriptElement.src).search
        );

        if (urlParams.has('id')) {
          return urlParams.get('id');
        }
      }

      if (gaScriptElement.dataset.gtagId) {
        return gaScriptElement.dataset.gtagId;
      }
    }

    // Try from Google Tag Manager script
    const gtagScript = document.querySelector(
      'script[src*="googletagmanager.com/gtag/js"]'
    );

    if (gtagScript) {
      const urlParams = new URLSearchParams(
        new URL(gtagScript.src).search
      );

      if (urlParams.has('id')) {
        return urlParams.get('id');
      }
    }

    // Try from inline GA configuration
    const scriptElements = document.querySelectorAll(
      'script:not([src])'
    );

    for (const script of scriptElements) {
      if (
        script.textContent.includes('gtag("config"') ||
        script.textContent.includes('ga("create"')
      ) {
        const match = script.textContent.match(/(G|UA)-[\w-]+/);

        if (match) {
          return match[0];
        }
      }
    }

    return null;
  }

  function sendGaPostRequest() {
    if (!window._cldta || !window._cldta.userID) {
      console.log(
        'GA Script: _cldta.userID not available, retrying...'
      );

      return setTimeout(sendGaPostRequest, 200);
    }

    try {
      const currentDomain = window.location.origin;
      const targetUrl = `${currentDomain}${GA_TARGET_URL_PATH}`;

      const googleSessionId = getCookie('_ga') || 'NO_GA_COOKIE';
      const googleAnalyticCode = getGoogleAnalyticsId() || 'NO_GA_ID';

      const brandId = 'c76feaa1-341d-4b76-89bd-3d8dac909855';
      const playerId = window._cldta.userID;

      const payload = {
        brandId,
        playerId,
        googleSessionId,
        googleAnalyticCode
      };

      console.log('GA Payload:', payload);

      fetch(targetUrl, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(payload)
      })
        .then(response => {
          if (!response.ok) {
            console.error(`GA POST error: ${response.status}`);
          }
        })
        .catch(error => {
          console.error('GA POST fetch error:', error);
        });

    } catch (error) {
      console.error('GA Script error:', error);
    }
  }

  setInterval(() => {
    const currentTokenValue = localStorage.getItem(TOKEN_KEY);

    if (
      currentTokenValue &&
      currentTokenValue !== previousTokenValue
    ) {
      previousTokenValue = currentTokenValue;
      sendGaPostRequest();
    }
  }, 500);
})();



/**
 * Adjusts the floating sign-up bar position
 * based on sticky bottom navigation visibility.
 */
(function () {
  const DISABLE_WIDTH = 600;
  const MAX_FRAMES = 600;

  let frameCount = 0;

  function initFloatingBar() {
    const floatingBar = document.querySelector(
      '[data-sticky-aware="1"]'
    );

    const stickyMenu = document.querySelector(
      '[data-testid="FixedBottomNavigation"]'
    );

    // Wait until both elements are available
    if (!floatingBar || !stickyMenu) {
      frameCount++;

      if (frameCount < MAX_FRAMES) {
        window.requestAnimationFrame(initFloatingBar);
      }

      return;
    }

    let lastScrollTop =
      window.scrollY || document.documentElement.scrollTop;

    const handleBarPosition = () => {
      if (window.innerWidth >= DISABLE_WIDTH) {
        floatingBar.style.transform = 'translate(0, 0)';
        return;
      }

      const currentScroll =
        window.scrollY || document.documentElement.scrollTop;

      const menuHeight = stickyMenu.offsetHeight || 65;

      const isScrollingUp = currentScroll < lastScrollTop;
      const isAtTop = currentScroll < 100;

      if (isAtTop || isScrollingUp) {
        floatingBar.style.transform =
          `translate(0, -${menuHeight}px)`;

        floatingBar.style.transition =
          'transform 600ms cubic-bezier(0, 0, 0.2, 1)';
      } else {
        floatingBar.style.transform = 'translate(0, 0)';

        floatingBar.style.transition =
          'transform 600ms cubic-bezier(0.4, 0, 0.6, 1)';
      }

      lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
    };

    window.addEventListener(
      'scroll',
      handleBarPosition,
      { passive: true }
    );

    window.addEventListener(
      'resize',
      handleBarPosition,
      { passive: true }
    );

    handleBarPosition();
  }

  window.requestAnimationFrame(initFloatingBar);
})();



/**
 * Tracks Freshchat widget opening.
 * Pushes chat_open event to dataLayer
 * when the fc-open class is added.
 */
(function () {
  function observeClassToggleWhenElementAppears(elementId, className) {
    let classState = false;

    const waitForElement = new MutationObserver((mutationsList, observer) => {
      const element = document.getElementById(elementId);

      if (element) {
        observer.disconnect();
        observeClassToggle(element, className);
      }
    });

    waitForElement.observe(document.body, {
      childList: true,
      subtree: true
    });

    function observeClassToggle(element, className) {
      const observer = new MutationObserver((mutationsList) => {
        mutationsList.forEach((mutation) => {
          if (
            mutation.type === 'attributes' &&
            mutation.attributeName === 'class'
          ) {
            const hasClass = element.classList.contains(className);

            if (hasClass && !classState) {
              dataLayer.push({
                event: 'chat_open',
                pageUrl: window.location.href,
                location: 'footer'
              });

              classState = true;
            } else if (!hasClass && classState) {
              classState = false;
            }
          }
        });
      });

      observer.observe(element, {
        attributes: true
      });
    }
  }

  observeClassToggleWhenElementAppears('fc_frame', 'fc-open');
})();



/**
 * Tracks clicks on the player account logout button.
 * Pushes my_account_logout event to dataLayer.
 */
(function () {
  document.addEventListener('click', (event) => {
    const targetElement = event.target;

    if (
      (
        targetElement.hasAttribute('data-testid') &&
        targetElement.getAttribute('data-testid') ===
          'ComponentPlayerAccountPlayerAccountMenuButton-button-logOut'
      ) ||
      (
        targetElement.closest(
          '[data-testid="ComponentPlayerAccountPlayerAccountMenuButton-button-logOut"]'
        ) &&
        document.querySelector(
          '[data-testid="ComponentPlayerAccountPlayerAccountMenuButton-button-logOut"]'
        )
      )
    ) {
      dataLayer.push({
        event: 'my_account_logout'
      });
    }
  });
})();


deposit

<div data-bonus-header="modal" data-id="welcome-bonus-dropdown-header" data-state="collapsed" aria-expanded="false"><div class="icon-box"><img class="icon" src="/assets/gift_7f58f876fd.svg" alt=""></div><div class="text"><div class="title">&nbsp;</div><div class="subtitle">&nbsp;</div></div><div class="action" role="button" tabindex="0"><div class="action-button">Change</div><svg class="action-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 15l6-6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div>

#ffffff

#B2B3B3

Game page

DragonGaming

Nucleus

Internal

IQSoft

BetSoft

Saucify

FreshDeck

UltraPlay

LatinStudio

BetGamesTwainSport

BetGames

SpadeGaming

UrgentGames

BGaming

Genesis

Qora

Rival

GenesisNew

0px 0px 6.925530910491943px rgba(0, 0, 0, 0.60)

Live Dealer games are restricted with a bonus balance. Please deposit to proceed or play available non-live games.

Insufficient cash balance to play this Live Dealer game. Please top up your balance or finish playing with your active bonus first.

Insufficient cash balance to play this Live Dealer game. Please top up your balance to proceed.