English

DiceLab

Enjoy classic casino arcade vibes in Jo Jo Joker at Betwhale. Keep it simple and rewarding with fast-paced, fruit-and-jester action.

Jo Jo Joker Slot | Betwhale

Jo-Jo-Joker

betwhale


// 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


//chat media
const mediaQuery = window.matchMedia('(min-width: 1200px)');

if (!mediaQuery.matches) {
  window.fcWidgetMessengerConfig = {
    config: {
      headerProperty: {
        hideChatButton: true,
      },
    },
  };
}

// ==========================================
// open chat by URL (?chat=opened)
// ==========================================
window.addEventListener('load', function () {
  if (window.location.search.includes('chat=opened')) {
    let attempts = 0;
    
    const chatInterval = setInterval(function () {
      attempts++;
      
      if (typeof window.fcWidget === 'object' && typeof window.fcWidget.open === 'function') {
        try {
          window.fcWidget.open();
          clearInterval(chatInterval);
        } catch (e) {
          console.error('Freshchat open error:', e);
        }
      }
 
      if (attempts >= 30) {
        clearInterval(chatInterval);
      }
    }, 500);
  }
});

// ==========================================
// footer menu toggler
// ==========================================
setTimeout(() => {
  document.addEventListener('click', function (event) {
    const opener = event.target.closest('.block_opener');
    if (!opener) return;
    
    opener.classList.toggle('opened');
  });
}, 1500);

// 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


#E2E9F9

#FFF

iqs-sign-up-short

Join Now And Start Winning

iqs-sign-in

Log In

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_8852d22d45.svg" alt=""></div><div class="text"><div class="title">Casino Welcome Bonus</div><div class="subtitle">Casino Welcome Bonus</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>

setTimeout(() => {
//faq item
document.body.addEventListener('click', (event) => {
  // Находим ближайший элемент с классом .faq-item-head от точки клика
  const head = event.target.closest('.faq-item-head');

  // Если кликнули внутри .faq-item-head
  if (head) {
    // Переключаем класс opened у его родителя
    head.parentElement?.classList.toggle('opened');
  }
});

//seo text open
  if (window.__seoTextDelegatedBound) return;
  window.__seoTextDelegatedBound = true;

  // Параметр під фіксований хедер (px)
  const STICKY_HEADER_OFFSET = 0;

  const prefersReducedMotion = () =>
    window.matchMedia("(prefers-reduced-motion: reduce)").matches;

  // Глобальне делегування кліків (працює постійно, навіть при підміні DOM)
  document.addEventListener("click", (e) => {
    const showBtn = e.target.closest(".btn_show");
    const hideBtn = e.target.closest(".btn_hide");
    if (!showBtn && !hideBtn) return;

    e.preventDefault();

    const container = (showBtn || hideBtn).closest(".seo-text") || document;
    const expandable = container.querySelector(".expand_seotext");
    const btnShow = container.querySelector(".btn_show");
    const btnHide = container.querySelector(".btn_hide");
    if (!expandable || !btnShow || !btnHide) return;

    const expanded = !!showBtn; // show → true, hide → false

    expandable.classList.toggle("unvisible", !expanded);
    btnShow.classList.toggle("isActive", !expanded);
    btnHide.classList.toggle("isActive", expanded);

    // A11y
    btnShow.setAttribute("aria-expanded", String(expanded));
    btnHide.setAttribute("aria-expanded", String(expanded));
    expandable.setAttribute("aria-hidden", String(!expanded));

    // Скрол до заголовка при згортанні
    if (!expanded) {
      const header = container.querySelector("h1");
      if (header) {
        const y =
          window.scrollY +
          header.getBoundingClientRect().top -
          STICKY_HEADER_OFFSET;
        window.scrollTo({
          top: Math.max(0, y),
          behavior: prefersReducedMotion() ? "auto" : "smooth",
        });
      }
    }
  });

  // (Необов'язково) підв'язати aria-controls
  const bindAria = () => {
    document.querySelectorAll(".seo-text").forEach((container, i) => {
      const expandable = container.querySelector(".expand_seotext");
      if (!expandable) return;
      if (!expandable.id) expandable.id = `seo-expandable-${i + 1}`;
      container
        .querySelectorAll(".btn_show, .btn_hide")
        .forEach((b) => b.setAttribute("aria-controls", expandable.id));
    });
  };

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", bindAria, { once: true });
  } else {
    bindAria();
  }
}, 1000);

Game page

DragonGaming

Nucleus

Internal

IQSoft

BetSoft

Saucify

FreshDeck

UltraPlay

LatinStudio

BetGamesTwainSport

BetGames

SpadeGaming

UrgentGames

BGaming

Genesis

Qora

Rival

RaceBook

DataBet

Betby

GenesisNew

Not available with your active bonus

Live Dealer games are restricted with a bonus balance. Please deposit to proceed or play other 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.

Play Jo Jo Joker online