/** * Hover manager - mouse tracking, overlapping-element grouping, and click dispatch * * Reads (via globals): * SFE.Context - .activeMode (r/w), .actionBar, .uuidMap, * .sortHandlersByPriority, .hoverTracker * SFE.ElementState - .attachEventListener, .removeEventListener * SFE.GenerateClientUuid * SFE.OverlayManager * SFE.startEditing - set by frontend-inline-edit.js * SFE.startCommenting - set by frontend-inline-edit.js * SFE.ManagerData - .postId, .handlers, .permissions * * Exposes: SFE.HoverManager { attachActionBarToElement, findOverlappingGroup } */ (function() { 'use strict'; window.MWP = window.MWP || {}; window.MWP.SFE = window.MWP.SFE || {}; const SFE = window.MWP.SFE; SFE.ManagerData = SFE.ManagerData || {}; /** * Return whether the current user may view pending drafts. * * Comment-only users intentionally receive the normal comment handler for a * block, but must not learn that the block has a pending draft or enter the * draft-preview flow. * * @returns {boolean} True when draft state may be exposed in the UI. */ function canAccessDrafts() { const permissions = SFE.ManagerData.permissions || {}; return !!(permissions.can_publish || permissions.can_draft); } /** * Returns true while a FloatingUiMoveManager-driven UI drag session is active. * * This suppresses hover state churn while the user is repositioning plugin * chrome such as the movable mode toggle bar. * * @returns {boolean} True when a UI drag session is active. */ function isUiDragActive() { return !!( SFE.FloatingUiMoveManager && typeof SFE.FloatingUiMoveManager.isDragActive === 'function' && SFE.FloatingUiMoveManager.isDragActive() ); } /** * Return whether batch editing currently has an active editor surface. * * This mirrors the existing "active session or session still loading" * behavior so hover ownership stays stable from the first editor open. * * @returns {boolean} True when batch editing is effectively active. */ function isBatchEditingActive() { const batchManager = SFE.BatchEditManager || null; if (!batchManager || !SFE.Context.activeEditor) { return false; } return ( (typeof batchManager.isSessionActive === 'function' && batchManager.isSessionActive()) || (typeof batchManager.isEnabled === 'function' && batchManager.isEnabled()) ); } /** * Return whether one pointer coordinate lies within an element's bounds. * * @param {Element|null} element Target element. * @param {number} x Pointer client X coordinate. * @param {number} y Pointer client Y coordinate. * @returns {boolean} True when the point is inside the element box. */ function isPointWithinElementBounds(element, x, y) { if (!(element instanceof Element)) { return false; } const rect = element.getBoundingClientRect(); return ( x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom ); } /** * Return whether two bound elements belong to the same active block family. * * Parent/child relationships inside the active block must remain hoverable, * while unrelated overlapping siblings should be ignored when the pointer is * still inside the active block's own bounds. * * @param {HTMLElement} activeElement Active editor block root. * @param {HTMLElement} candidateElement Candidate bound element. * @returns {boolean} True when the candidate is the active element, one of * its descendants, or one of its ancestors. */ function isWithinActiveElementFamily(activeElement, candidateElement) { if (!(activeElement instanceof HTMLElement) || !(candidateElement instanceof HTMLElement)) { return false; } return ( candidateElement === activeElement || activeElement.contains(candidateElement) || candidateElement.contains(activeElement) ); } /** * Filter hover candidates during batch editing so only the active block and * its parent/child bound relatives can win hover while the pointer remains * inside the active block bounds. * * @param {HTMLElement[]} candidates Candidate editable elements under the pointer. * @param {number} clientX Pointer client X coordinate. * @param {number} clientY Pointer client Y coordinate. * @returns {HTMLElement[]} Filtered candidate elements. */ function filterBatchHoverCandidates(candidates, clientX, clientY) { if (!Array.isArray(candidates) || candidates.length === 0) { return []; } if (!isBatchEditingActive()) { return candidates; } const activeElement = SFE.Context.activeEditor?.element || null; if (!(activeElement instanceof HTMLElement)) { return candidates; } if (!isPointWithinElementBounds(activeElement, clientX, clientY)) { return candidates; } return candidates.filter(candidate => isWithinActiveElementFamily(activeElement, candidate)); } /** * Find every editable element whose overlay directly intersects the starting * element's overlay. * * This deliberately does not recursively expand through intersecting * elements. Recursive expansion turns an overlap chain into one group, so a * full-width block at the top of the viewport can pull in unrelated blocks * farther down the page. Edge contact is also excluded because it does not * produce a shared overlay area. * * @param {HTMLElement} startElement Hovered editable element. * @returns {HTMLElement[]} Directly intersecting elements, sorted for display. */ function findOverlappingGroup(startElement) { const allElements = Array.from(document.querySelectorAll('[data-mwp-sfe-bound="1"]')); const startRect = startElement.getBoundingClientRect(); const groupArray = allElements.filter(element => { if (element === startElement) { return true; } const rect = element.getBoundingClientRect(); return ( startRect.left < rect.right && startRect.right > rect.left && startRect.top < rect.bottom && startRect.bottom > rect.top ); }); // Sort by bottom Y coordinate and physical size groupArray.sort((a, b) => { const aRect = a.getBoundingClientRect(); const bRect = b.getBoundingClientRect(); // Priority 1: Bottom coordinate (the element that ends lowest on the page comes first) if (Math.abs(aRect.bottom - bRect.bottom) > 1) { return bRect.bottom - aRect.bottom; } // Priority 2: Top coordinate (if bottoms are equal, the one that starts higher up is "outermost") if (Math.abs(aRect.top - bRect.top) > 1) { return aRect.top - bRect.top; } // Fallback: DOM order (ancestors first) return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1; }); return groupArray; } /** * Attach interactive action bar to a single element */ function attachActionBarToElement(element) { const ctx = SFE.Context; const { attachEventListener, removeEventListener } = SFE.ElementState; const generateClientUuid = SFE.GenerateClientUuid; const overlayManager = SFE.OverlayManager; const hoverTracker = ctx.hoverTracker; const actionBar = ctx.actionBar; const uuidMap = ctx.uuidMap; const sortHandlersByPriority = ctx.sortHandlersByPriority; const handlers = SFE.ManagerData.handlers; const postId = SFE.ManagerData.postId; const isInlineUIEnabled = () => ctx.isInlineUIEnabled !== false; // Clean up old event listeners removeEventListener(element, 'mouseenter', 'mwpSfeShowBar'); removeEventListener(element, 'mouseleave', 'mwpSfeHideBar'); removeEventListener(element, 'mousemove', 'mwpSfeMouseMove'); removeEventListener(element, 'click', 'mwpSfeClick', true); // Clean up old action bar if (element.dataset.mwpSfeBound) { element.querySelectorAll('[data-mwp-sfe-control]').forEach(el => el.remove()); delete element.dataset.mwpSfeBound; } // SKIP nested lists if (element.tagName === 'OL' || element.tagName === 'UL') { const parentList = element.closest('li'); if (parentList) return; } let uuid = element.dataset.mwpSfeUuid; let applicableHandlers = []; // Get handlers from uuidMap if available if (uuid && uuidMap[uuid]) { if (canAccessDrafts() && uuidMap[uuid].is_pending) { element.classList.add('mwp-sfe-status-pending'); } uuidMap[uuid].handlers.forEach(handlerId => { const handler = handlers.find(h => h.id === handlerId); if (handler) applicableHandlers.push(handler); }); } if (!applicableHandlers.length) return; element.dataset.mwpSfeBound = '1'; // Sort handlers by priority const sortedHandlers = sortHandlersByPriority(applicableHandlers); const editHandler = sortedHandlers.find(handler => handler.capability === 'edit') || null; const schemaRuntime = SFE.SchemaRuntime || null; if ( editHandler && schemaRuntime && typeof schemaRuntime.syncPlaceholders === 'function' ) { schemaRuntime.syncPlaceholders(element, editHandler); } if (!uuid) { const primaryHandler = sortedHandlers[0]; const typeCode = primaryHandler.elementTypeCode || element.tagName.toLowerCase(); uuid = generateClientUuid(postId, typeCode, element); element.dataset.mwpSfeUuid = uuid; } // Detect comment-only elements (all handlers are 'comment', no edit handler). // We do NOT touch the element itself - the status is stored on the overlay only. const isCommentOnly = ( sortedHandlers.length > 0 && sortedHandlers.every(h => h.capability === 'comment') ); // Mirror the status onto the element itself so CSS can exclude locked // elements from pointer-events restoration (the same way mwp-sfe-status-pending // is used for draft elements). We keep this as the sole CSS hook - the overlay // data-status attribute remains the authoritative source for JS queries. if (isCommentOnly) { element.classList.add('mwp-sfe-status-comment-only'); } // Add persistent status overlay if (overlayManager) { let status = 'editable'; if (element.classList.contains('mwp-sfe-status-pending')) status = 'pending'; else if (isCommentOnly) status = 'comment-only'; overlayManager.addStatusOverlay(element, status); } // Store handlers and uuid on element for later retrieval element._mwpSfeHandlers = sortedHandlers; element._mwpSfeUuid = uuid; // Use mousemove with elementsFromPoint to detect overlapping elements const mouseMoveHandler = function(e) { if (!isInlineUIEnabled()) { if (overlayManager) overlayManager.hideHover(); actionBar.hide(); hoverTracker.lastHoveredElements = []; hoverTracker.currentGroupId = null; hoverTracker.bottommostElement = null; hoverTracker.isProcessing = false; return; } // Suppress all hover state changes while a save is in progress. if (ctx.isSaving) return; if (isUiDragActive()) return; hoverTracker.currentMousePos = { x: e.clientX, y: e.clientY }; if (hoverTracker.isProcessing) return; hoverTracker.isProcessing = true; requestAnimationFrame(() => { if (isUiDragActive()) { hoverTracker.isProcessing = false; return; } // Preserve the current hover while the pointer crosses the tiny // block-to-action-bar gap. Without this, an overlapping parent block // wins elementsFromPoint() before the pointer can reach the bar. if (actionBar.isPointerInHoverTransferCorridor(e.clientX, e.clientY)) { hoverTracker.isProcessing = false; return; } const elementsAtPoint = document.elementsFromPoint(e.clientX, e.clientY); // If hovering action bar, don't change state const hoveringActionBar = elementsAtPoint.some(el => el.classList.contains('mwp-sfe-inline-actions') || el.closest('.mwp-sfe-inline-actions') ); if (hoveringActionBar) { hoverTracker.isProcessing = false; return; } // Get editable elements const editableElements = elementsAtPoint.filter(el => el.dataset.mwpSfeBound === '1' && !el.classList.contains('mwp-sfe-element-active') && !el.closest('[data-mwp-sfe-control]') ); const batchHoverCandidates = filterBatchHoverCandidates( editableElements, e.clientX, e.clientY ); if (batchHoverCandidates.length === 0) { // No elements - hide hover overlay, and (outside batch) the action bar too if (overlayManager) overlayManager.hideHover(); if (!isBatchEditingActive()) { actionBar.hide(); } hoverTracker.lastHoveredElements = []; hoverTracker.currentGroupId = null; hoverTracker.bottommostElement = null; hoverTracker.isProcessing = false; return; } // When a batch editor is active, pending drafts and comment-only elements // are locked - can't switch to them until the current editor is closed. // Lock status is read from the overlay's data-status via getElementStatus(), // so nothing extra is written to the page element itself. if (isBatchEditingActive()) { const isLocked = el => { const st = overlayManager ? overlayManager.getElementStatus(el) : null; return st === 'pending' || st === 'comment-only'; }; const switchableElements = batchHoverCandidates.filter(el => !isLocked(el)); if (switchableElements.length === 0) { // Only locked elements under cursor - hide hover. // Cursor (not-allowed) and pointer-events are CSS-driven via the // element's status overlay (data-status="pending"/"comment-only"). if (overlayManager) overlayManager.hideHover(); hoverTracker.lastHoveredElements = batchHoverCandidates; hoverTracker.currentGroupId = null; hoverTracker.bottommostElement = null; hoverTracker.isProcessing = false; return; } // Switchable elements in view - show hover. // Cursor is handled by CSS on the status overlay / bound element. if (overlayManager) overlayManager.showHover(switchableElements[0]); hoverTracker.lastHoveredElements = switchableElements; hoverTracker.currentGroupId = switchableElements.map(el => el.dataset.mwpSfeUuid).join(','); hoverTracker.bottommostElement = switchableElements[0]; hoverTracker.isProcessing = false; return; } // Find full overlapping group const overlappingGroup = findOverlappingGroup(batchHoverCandidates[0]); const groupId = overlappingGroup.map(el => el.dataset.mwpSfeUuid).join(','); // Check if we're in the same group if (groupId === hoverTracker.currentGroupId) { // Same group - follow the directly hovered element while keeping // the multi-row action bar open for the existing overlap group. const topElement = batchHoverCandidates[0]; if (overlayManager) { overlayManager.showHover(topElement); } if (overlappingGroup.length > 1 && actionBar.activeBar && actionBar.activeBar._multiElements) { actionBar.setMultiElementHoverAnchor(topElement); const focusIndex = overlappingGroup.indexOf(topElement); if (focusIndex !== -1 && focusIndex !== actionBar.activeBar._currentFocusIndex) { const rows = actionBar.activeBar.querySelectorAll('.mwp-sfe-multi-element-row'); rows.forEach((row, idx) => { row.classList.toggle('mwp-sfe-focused', idx === focusIndex); }); actionBar.activeBar._currentFocusIndex = focusIndex; } } hoverTracker.lastHoveredElements = batchHoverCandidates; hoverTracker.isProcessing = false; return; } // New group - show action bar hoverTracker.currentGroupId = groupId; hoverTracker.bottommostElement = overlappingGroup[0]; // First is bottommost hoverTracker.lastHoveredElements = batchHoverCandidates; if (overlappingGroup.length === 1) { // Single element if (overlayManager) overlayManager.showHover(overlappingGroup[0]); actionBar.show( overlappingGroup[0], overlappingGroup[0]._mwpSfeHandlers, overlappingGroup[0]._mwpSfeUuid ); } else { // Multiple overlapping elements - keep the full group, but anchor // the action bar to the exact element under the pointer. if (overlayManager) overlayManager.showHover(batchHoverCandidates[0]); actionBar.showMultiple(overlappingGroup, batchHoverCandidates[0]); } hoverTracker.isProcessing = false; }); }; attachEventListener(element, 'mousemove', mouseMoveHandler, 'mwpSfeMouseMove'); // Global mousemove to detect leaving all elements const globalMouseMoveHandler = function(e) { if (!isInlineUIEnabled()) return; // Suppress hover-state changes while a save is in progress. if (ctx.isSaving) return; // Always update current mouse position globally // This ensures the delayed timeout in the element handler has accurate position data hoverTracker.currentMousePos = { x: e.clientX, y: e.clientY }; if (isUiDragActive()) return; if (actionBar.isPointerInHoverTransferCorridor(e.clientX, e.clientY)) return; const elementsAtPoint = document.elementsFromPoint(e.clientX, e.clientY); const hasEditableElement = elementsAtPoint.some(el => el.dataset.mwpSfeBound === '1'); const hoveringActionBar = elementsAtPoint.some(el => el.classList.contains('mwp-sfe-inline-actions') || el.closest('.mwp-sfe-inline-actions') ); if (!hasEditableElement && !hoveringActionBar && hoverTracker.lastHoveredElements.length > 0) { if (overlayManager) overlayManager.hideHover(); // In batch mode with an active editor (or while the session is still // loading - isEnabled=true but isSessionActive=false), keep the action // bar visible on the active element - only hide the hover overlay. // Mirrors the dual check used in ElementState.markActive and in the // isBatchEditing() helper above. const bm = SFE.BatchEditManager || null; const batchEditing = !!( bm && SFE.Context.activeEditor && ( (typeof bm.isSessionActive === 'function' && bm.isSessionActive()) || (typeof bm.isEnabled === 'function' && bm.isEnabled()) ) ); if (!batchEditing) { actionBar.hide(); } hoverTracker.lastHoveredElements = []; hoverTracker.currentGroupId = null; hoverTracker.bottommostElement = null; } }; // Attach global handler only once - store reference for later cleanup if (!document.body._mwpSfeGlobalMouseMove) { document.body._mwpSfeGlobalMouseMove = globalMouseMoveHandler; document.body.addEventListener('mousemove', globalMouseMoveHandler); } // Track where the latest pointer press started so close-on-click decisions // can be based on interaction origin (mousedown), not click target. if (!document.body._mwpSfeGlobalMouseDown) { document.body._mwpSfeGlobalMouseDown = function(e) { const ctx = SFE.Context || {}; const activeEl = ctx.activeEditor && ctx.activeEditor.element; const startedInActiveEditor = !!(activeEl && activeEl.contains(e.target)); const startedInControl = !!(e.target && e.target.closest && e.target.closest('[data-mwp-sfe-control]')); const startedInEditable = !!(e.target && e.target.closest && e.target.closest('[data-mwp-sfe-bound="1"]')); document.body._mwpSfeMouseDownMeta = { startedInActiveEditor, startedInControl, startedInEditable }; }; document.body.addEventListener('mousedown', document.body._mwpSfeGlobalMouseDown, true); } // Global click handler: in batch mode, clicking outside the active editing // element (and outside plugin controls) should close that editor and keep // changes - mirroring the behavior of switching to another element. if (!document.body._mwpSfeGlobalClick) { const globalClickHandler = function(e) { const ctx = SFE.Context; const body = document.body; // In preview states we preserve the active editor/session and allow // normal page interaction; outside clicks must never auto-close. if ( ctx.isInlineUIEnabled === false || body.classList.contains('mwp-sfe-active-preview') || body.classList.contains('mwp-sfe-preview-mode') ) { return; } // Comment mode and draft preview are locked - only Cancel/Escape can exit. // Block ALL external clicks unconditionally, regardless of batch state. // (Draft editing is also locked but handled below via draftEditState.) if (ctx.activeMode === 'comment' || ctx.activeMode === 'draft') { if (!e.target.closest('[data-mwp-sfe-control]')) { e.preventDefault(); e.stopImmediatePropagation(); } return; } // Draft editing is also locked (activeEditor IS set in this case, but // draftEditState distinguishes it from a regular editor). if (ctx.draftEditState) return; // Never auto-close the active editor while a save is already in flight. if (ctx.isSaving) return; // Below: batch-only logic - clicking outside active editor saves and closes. const bm = SFE.BatchEditManager || null; if (!bm || !bm.isSessionActive()) return; if (!ctx.activeEditor) return; // Ignore clicks on plugin controls (toolbar, action bar, overlays, etc.) if (e.target.closest('[data-mwp-sfe-control]')) return; // Ignore clicks inside the element currently being edited const activeEl = ctx.activeEditor.element; if (activeEl && activeEl.contains(e.target)) return; // Auto-close is origin-based: only close when the interaction STARTED // outside editor/UI/editable regions. This prevents drag-select releases // from link/file controls from being misclassified as outside clicks. const downMeta = document.body._mwpSfeMouseDownMeta || null; if ( downMeta && ( downMeta.startedInActiveEditor || downMeta.startedInControl || downMeta.startedInEditable ) ) { return; } // Ignore clicks on other editable elements - their own click handler // will call startOrSwitchEditing which switches the active editor. if (e.target.closest('[data-mwp-sfe-bound="1"]')) return; // Clicked outside everything - save changes accumulated so far and // close the editor (restoreOriginal = false → keep edits in dirty map). const didClose = SFE.closeInPlaceEditor( ctx.activeEditor, false, { closeReason: 'outside-click' } ); if (didClose === false) { e.preventDefault(); e.stopImmediatePropagation(); } }; document.body._mwpSfeGlobalClick = globalClickHandler; // Use capture so it fires before element click handlers document.body.addEventListener('click', globalClickHandler, true); } // Dedicated position tracker on document capture phase - fires before any // stopPropagation in the editor tree, keeping currentMousePos accurate // even when the editor absorbs mousemove events during active editing. if (!document._mwpSfePosTracker) { document._mwpSfePosTracker = (e) => { hoverTracker.currentMousePos = { x: e.clientX, y: e.clientY }; }; document.addEventListener('mousemove', document._mwpSfePosTracker, true); } // Click listener const clickHandler = function(e) { if (!isInlineUIEnabled()) return; // Ignore clicks on plugin controls (toolbar, action bar, overlays...) if (e.target.closest('[data-mwp-sfe-control]')) return; // Capture runs from outer -> inner; when a nested editable element was // actually clicked, let its own handler decide and avoid hijacking on // the ancestor. const clickedBound = e.target.closest('[data-mwp-sfe-bound="1"]'); if (clickedBound && clickedBound !== element && element.contains(clickedBound)) { return; } // If this element is the one currently being edited, absorb the click // and stop propagation so ancestor elements (e.g. a Cover block wrapping // a Paragraph block) don't also receive it and try to switch editors. if (element.classList.contains('mwp-sfe-element-active')) { // Media editors should never forward clicks into page/lightbox handlers. if (ctx.activeEditor && ctx.activeEditor.isMediaEditor) { e.preventDefault(); e.stopImmediatePropagation(); return; } // For text/container editors, allow native click/default behavior // (e.g. toggling inside details/accordion blocks). return; } // If this element is an ancestor of the active editor element and the // click landed inside the active editor's DOM subtree, the visible area // at the click coordinates is occupied by the active editor - don't // treat this as a click on the outer (ancestor) element. // Example: clicking inside a Paragraph editor that lives inside a Cover // block should not switch the active editor to the Cover block. const _ctx = SFE.Context; if (_ctx.activeEditor && _ctx.activeEditor.element) { const _activeEl = _ctx.activeEditor.element; if ( element !== _activeEl && element.contains(_activeEl) && _activeEl.contains(e.target) ) { e.stopPropagation(); return; } } const batchManager = SFE.BatchEditManager || null; const batchSessionActive = ( batchManager && typeof batchManager.isSessionActive === 'function' && batchManager.isSessionActive() ); // Block all element-open clicks while a save is in progress. if (ctx && ctx.isSaving) { e.preventDefault(); e.stopImmediatePropagation(); return; } // In single-edit mode, prevent interruption while another element is active. if (!batchSessionActive && document.querySelector('.mwp-sfe-element-active')) { e.preventDefault(); e.stopImmediatePropagation(); return; } // Comment mode and draft mode (preview or editing) must only be exited via // Cancel or Escape - never by clicking another element. // activeMode === 'draft' covers draft PREVIEW (draftEditState is null then). // draftEditState covers draft EDITING (activeMode is cleared by openEditorInternal). if (ctx.activeMode === 'comment' || ctx.activeMode === 'draft' || ctx.draftEditState) { e.preventDefault(); e.stopPropagation(); return; } e.preventDefault(); e.stopImmediatePropagation(); // Block pending draft and comment-only interaction when another editor is active // in a batch session - the user must close the active editor first. // Lock status is read from the overlay's data-status, not the element itself. if (batchSessionActive && SFE.Context.activeEditor) { const _status = overlayManager ? overlayManager.getElementStatus(element) : null; if (_status === 'pending' || _status === 'comment-only') return; } const isPending = element.classList.contains('mwp-sfe-status-pending'); if (isPending) { // Always call loadPendingDraft directly - never route through startEditing/ // batchManager for drafts, as the batch manager ignores the 'draft' mode // and would try to open a regular editor instead. const loadDraft = SFE.DraftManager?.loadPendingDraft || SFE.loadPendingDraft; if (typeof loadDraft === 'function') { loadDraft(null, element, uuid, sortedHandlers); } } else { const editHandler = sortedHandlers.find(h => h.capability === 'edit'); const commentHandler = sortedHandlers.find(h => h.capability === 'comment'); if (editHandler) { ctx.activeMode = 'edit'; SFE.startEditing(element, editHandler, uuid, e, false, ctx.activeMode); } else if (commentHandler) { // Comment-only element: Start commenting directly const bar = actionBar.show(element, sortedHandlers, uuid); if (bar) SFE.startCommenting(bar, element, sortedHandlers, uuid); } } }; // Clear mode ctx.activeMode = null; attachEventListener(element, 'click', clickHandler, 'mwpSfeClick', true); // Store cleanup function on element for potential manual cleanup element._mwpSfeCleanup = () => { removeEventListener(element, 'mousemove', 'mwpSfeMouseMove'); // No need to remove global handler as it's shared }; } SFE.HoverManager = { attachActionBarToElement, findOverlappingGroup }; })(); import { Tooltip, Box } from '@elementor/ui'; import { __ } from '@wordpress/i18n'; import * as PropTypes from 'prop-types'; export const UpgradeTooltip = ( { children, disabled = false, tooltip = false, ...props } ) => { if ( disabled && tooltip ) { return ( { children } ); } return children; }; UpgradeTooltip.propTypes = { children: PropTypes.node.isRequired, disabled: PropTypes.bool, tooltip: PropTypes.bool, }; Wowbet rasmiy veb-sayti ᐈ O'zbekistonda sportga pul tikish – Dlytecollections
Wowbet rasmiy veb-sayti ᐈ O'zbekistonda sportga pul tikish

Wowbet rasmiy veb-sayti ᐈ O'zbekistonda sportga pul tikish

Wowbetning yordam xizmati O'zbekistondagi foydalanuvchilarning ehtiyojlariga moslashtirilgan va platforma bilan bog'liq har qanday muammolarni hal qilish uchun qulay aloqa usullarini taklif etadi. Wowbet shaxsni tasdiqlovchi hujjatni tekshirishni o'z ichiga olgan holda avtomatik va qo'lda yoshni tekshirish usullaridan foydalanadi. Optimallashtirilgan grafika va tezkor javob berish vaqti tufayli xizmat cheklangan mobil internet tezligida ham ishonchli ishlaydi, bu ayniqsa O'zbekiston mintaqalarida dolzarbdir. Wowbet kerak bo'lganda valyutani avtomatik ravishda konvertatsiya qiladi, bu esa jarayonni O'zbekistondagi o'yinchilar uchun qulay va foydalanuvchilar uchun qulay qiladi.

Qo‘shilish : Wowbet o'yin tanloviga Qozog'istondagi slotlar va sportga pul tikish kiradi.

Bu hududlar o'yinchilarga ko'ngil ochish va yutuqlarini oshirish uchun ko'plab imkoniyatlarni taqdim etadi. Har bir liniya platformani barcha turdagi tashrif buyuruvchilar uchun foydali va qiziqarli qiladigan noyob xususiyatlarga ega. Qozog'istonlik o'yinchilar uchun WOWBET kafolatlangan ishonchlilik va maxfiylik bilan moslashtirilgan depozit va pul yechish usullarini taklif etadi. Barcha operatsiyalar xavfsiz kanallar orqali amalga oshiriladi va tranzaksiyalar oson va shaffof tarzda amalga oshiriladi. Foydalanuvchilar butun mamlakat bo'ylab mashhur xizmatlardan foydalangan holda Qozog'iston tengesida to'lovlarni amalga oshirishlari mumkin. Bu ularga o'z hisoblarini tezda yangilash va yutuqlarini hech qanday muammosiz yechib olish imkonini beradi, bu esa ayniqsa muntazam foydalanuvchilar uchun juda muhimdir.

Shuni ta'kidlash kerakki, kriptovalyutalar, shuningdek, kerakli miqdorni olish qaroringizga ta'sir qilishi mumkin bo'lgan liniya tebranishlari kabi o'ziga xos xavflarni ham o'z ichiga oladi. Wowbet professional inson resurslari, samarali muloqot va brauzeringizda yuzaga kelishi mumkin bo'lgan har qanday texnik yoki moliyaviy muammolarni tezkor hal qilishni kafolatlaydi. Yangi veb-brauzer depozit qo'ygandan so'ng ikkilanmasdan chiroyli bonusni faollashtirishga umid qiladi. Wowbetdagi jonli kazino jonli HD translyatsiyalar orqali haqiqiy qimorxona muhitini yaratadi. O'zbekistonlik o'yinchilar istalgan vaqtda jonli o'yinlarni o'ynashlari mumkin. Bundan tashqari, ushbu bosqichda siz qo'shimcha qulaylik uchun liniya tanlovingizni sozlash imkonini beruvchi avtomatlashtirilgan pul tikish bilan birga yon tomonni tanlashingiz kerak.

  • Hujumchining xavfsizligini ta'minlash uchun birinchi qadam shaxsning shaxsini tekshirishdir — hujumchi uning shaxsini va yashash manzilini tasdiqlovchi hujjatlarning nusxalarini oladi.
  • 2025-yil 1-yanvardan boshlab Oʻzbekistonda interaktiv pul tikishni qonuniylashtiruvchi qonun kuchga kiradi.
  • Yordamchi kunu tun ishlaydi, ammo xulosalar qulay va samarali platformadagi allelopatiya kabi tezda ko'rib chiqiladi.
  • Qo'shimcha dastur barcha funksiyalarga tezkor kirish imkonini beradi, shuningdek, brauzer versiyasiga nisbatan yaxshilangan chaqqonlik va barqarorlikni ta'minlaydi.
  • Umuman olganda, bir necha daqiqa davomida qarz olish uchun diqqatni jamlashning pasayishi, endi bir necha qadamda siz o'yindan zavqlanayotgandek ko'rinishingiz mumkin.

wowbet ойын автоматтары

Ushbu o'yin usulining o'ziga xosligi uning nihoyatda oson ishga tushirilishi, avtonom kiritilishi va shaxsiy parametrlarni saqlashi, shuningdek, qo'shimcha avtorizatsiyasiz shaxsiy hisobingizga kirish imkoniyatidadir. Bunday bozorlar tafsilotlarni tahlil qilishni va aniq bashorat qilish uchun statistikadan foydalanishni Qo‘shilish afzal ko'rganlarni o'ziga jalb qiladi. Bularning barchasi Qozog'istonlik o'yinchilar uchun demokratik tarzda, Qozog'iston tengesini qo'llab-quvvatlash va aniq tikish kuponlari dizayni bilan mavjud. Bu variantlarning barchasi o'yinchilarga o'yin davom etar ekan, yangi yaratilgan vizual va vizual ko'rsatmalardan foydalangan holda aniq tikish imkonini beradi. Interfeys mobil qurilmalar uchun moslashtirilgan va umumiy jarayon – tikishni tanlashdan tortib uni tasdiqlashgacha – atigi bir necha soniya davom etadi.

Jonli garovlarni oling va Wow bet – cheklovlarsiz jonli garovlarga ro'yxatdan o'ting

Bu, ayniqsa, yo'lda pul tikadiganlar yoki mobil qurilmalardan foydalanadiganlar uchun juda muhimdir. Jurnal minimalist dizaynga ega, ammo hikoya tanlashdan tortib profil yaratishgacha bo'lgan barcha kerakli variantlarni qamrab oladi. Rasmiy WoW veb-saytini blokirovka qilish uchun Qozog'istondagi Penalty tegishli oyna saytlaridan foydalanishni talab qiladi. Bular asosiy platformaning funksiyalari, imkoniyatlari va uskunalarini to'liq takrorlaydigan zaxira resurslardir. Foydalanuvchilarning yanada uzluksiz tajribasi uchun Wowbet foydalanuvchilarga Android va iOS platformalari uchun mavjud bo'lgan maxsus qo'shimchani taklif etadi.

Ularning har biri turli formatlarda mavjud bo'lib, har kim o'ziga mos variantni topishi va qoidalarni tushunishi mumkin. Wowbet o'zining keng qamrovli kelishuvlari, ishonchli xizmati va foydalanuvchilarni qo'llab-quvvatlashi tufayli hurmatga sazovor bo'ldi. Ushbu xususiyatlar platformadan O'zbekistonlik investorlar uchun juda qulay foydalanishni ta'minlaydi va shuningdek, qimor o'yinlaridan muammosiz zavqlanishning qulay usulini taklif etadi. Ham mahalliy (Qozog'iston Premer-ligasi, xokkey turnirlari), ham xalqaro chempionatlarga osongina kirish mumkin. Veb-sayt foydalanuvchisi jonli pul tikish, translyatsiyalarni ko'rish va o'rnatilgan vositalardan foydalanishi mumkin.

Barcha turdagi bilyardlar turli xil garovlar, limitlar va qoidalar bilan birga keladi va moslashuvchan sozlamalar sizga o'yinni shaxsiy xohishingizga moslashtirish imkonini beradi. Bularning barchasi Live Casino-ni Wowbet platformasidagi eng mashhurlaridan biriga aylantiradi. Futboldan tashqari, tennis turnirlari ham yirik, ham ayollar o'rtasidagi katta daromad keltiradi. O'yinchilar Wimbledon, Australian Open va boshqa Grand Slam turnirlari kabi nufuzli tadbirlarga pul tikishadi.

wowbet бездепозитный бонус

Wowbet nima? – Platformaning xususiyatlariga umumiy nuqtai nazar

Ushbu bo'limda men asosiy bonus takliflari, ularni qanday olish va Wowbetni raqobatchilaridan ajratib turadigan yutuqlar haqida gaplashaman. 2025-yil yanvar oyidan boshlab O'zbekiston interaktiv pul tikishni qonuniylashtiradi. Bu bonusli o'yinchilar uchun muhim afzallik, chunki u xalqaro platformalarda o'ynashni sezilarli darajada soddalashtiradi va barcha harakatlarning haqiqiyligini ta'minlaydi.

Wowbet’da jonli pul tikish strategiyalari

Buning uchun ishonchli elektron pochta manzilini kiritishingiz va parol yaratishingiz, so'ngra hisobingizni qayta yaratishingiz kerak. Klassik slotlarni yoki murakkabroq karta o'yinlarini afzal ko'rishingizdan qat'i nazar, Wowbet sizga ajoyib vaqt o'tkazish uchun kerak bo'lgan hamma narsani taqdim etadi. Wowbet shaxsiy ma'lumotlaringiz va yutuqlaringizni himoya qilish uchun SSL va TLS shifrlashdan foydalanadi. Platforma shuningdek, qo'shimcha hisob xavfsizligi uchun ikki faktorli autentifikatsiyadan foydalanadi va qat'iy maxfiylik siyosatiga amal qiladi. Platforma Bitcoin (BTC), Ethereum (ETH), Litecoin (LTC) va boshqa mashhur kriptovalyutalarni qo'llab-quvvatlaydi. Kriptovalyutalardan foydalanish bir qator afzalliklarga ega, masalan, past to'lovlar va tezkor tranzaksiya tezligi.

Qozog'istonlik investorlar mahalliy to'lov usullariga, jumladan, keng ko'lamli xizmatlarga, shuningdek, an'anaviy bank qurilmalariga osongina kirish imkoniyatiga ega. Telegram autentifikatsiyasi qozog'istonlik investorlar orasida qulayligi va real vaqt rejimida bildirishnomalar berish imkoniyati tufayli eng mashhurdir. Bugungi kunda onlayn qimor o'yinlari nafaqat g'alaba qozonish istagi, balki qulaylik, xavfsizlik, tarmoq ichidagi qo'llab-quvvatlash va o'yinchilarning ehtiyojlariga moslashish bilan ham bog'liq. Ushbu mezonlar qozog'istonlik foydalanuvchilar uchun juda muhimdir, chunki mamlakatning qimor o'yinlari sahnasi o'ziga xos xususiyatlarga ega va o'yinchilar qulay va ishonchli o'yin tajribasiga ishonishni xohlashadi. Wowbet mijozlarni qo'llab-quvvatlash guruhi o'z foydalanuvchilariga haftasiga yetti kun, 24/7 har tomonlama yordam ko'rsatadi.

wowbet apk скачать

Mutlaq mahorat talab qilmaydigan o'yinlarni afzal ko'rgan o'yinchilar uchun Wowbet Crash, Dice, JetX va boshqa turli xil o'yinlarni taklif etadi. Ushbu o'yinlar soddaligi va hayajonliligi tufayli O'zbekistonlik o'yinchilar orasida tobora ommalashib bormoqda. Yangi avtomobil yo'lining eng muhim nuanslaridan biri bu uning mahalliy qo'shimchalarga moslashishidir.

Bundan tashqari, Wowbet tezkor to'lovlarni va faollikning ortishi asosida chegirmalar olish imkoniyatini taklif etadi, bu esa foydalanuvchilar uchun qo'shimcha rag'batdir. Platformada tobora ko'proq tadbirlar va turnirlar mavjud bo'lib, nafaqat akulani, balki qo'shimcha sovrinlarni yutib olish imkoniyatini ham qadrlaydigan o'yinchilarni jalb qiladi. Wowbet O'zbekistondagi turli foydalanuvchilarning ehtiyojlarini qondirish uchun hisobni to'ldirish va pul yechishning keng turlarini taklif etadi. Bank kartalari, elektron hamyonlar va kriptovalyutalardan foydalanish tranzaksiyalarda qulaylik va shaffoflikni ta'minlaydi. O'zaro foydali bo'lishi va siz Wowbetning barcha xususiyatlaridan muvaffaqiyatli foydalanishingiz uchun sizning afzalliklaringiz va har qanday platformaning o'ziga xosligiga asoslangan gamma algoritmini tanlash muhimdir.

Yuqori hikoyalardagi chegarani tekislash

Sog'lom bonus – bu yangi foydalanuvchilar uchun maxsus taklif bo'lib, ularga talab qilinadigan depozit miqdorini sezilarli darajada oshirish imkonini beradi. Bonusni olish uchun siz kamida bir yevro depozit qilishingiz va garov talablariga javob berishingiz kerak. Wowbet xalqaro litsenziyaga ega bo'lib, adolatli o'yin, ma'lumotlarni himoya qilish va firibgarlikka qarshi qat'iy choralarni kafolatlaydi. Bundan tashqari, Wowbetga kirish jarayonida foydalanuvchilarning shaxsiy ma'lumotlari va mablag'lari eng yaxshi holatda himoyalangan. O'yinchilar o'z pullarining xavfsizligi va ma'lumotlarining maxfiyligiga ishonishlari mumkin.

Belgilangan o'yinga qarashning hojati yo'q; vizual tahlil sizga xabardor qarorlar qabul qilishga yordam beradi. Bu hujumkor format bo'lib, unda garovlar o'yin davomida qabul qilinadi va koeffitsientlar doimiy ravishda yangilanadi. Bu, ayniqsa, jonli garovlar va natijani bashorat qilish qiyin bo'lgan yuqori xavfli o'yinlar uchun juda muhimdir.

GET HELP

COMPANY

+1 832 929 6235

info@dlytecollections.com 

9001 Jones Road, Houston Texas USA

Copyright © 2023. All rights reserved