İndirimli ürünleri kampanyaya dahil et" ayarıyla aynı tutun (şu an: Kapalı) COUNT_DISCOUNTED_ITEMS: false, // Drawer / sepet sayfası tespiti (yalnızca UI yerleşimi için) CART_TITLE_TEXTS: ['Alışveriş Sepetim', 'Sepetim'], CHECKOUT_BUTTON_TEXTS: ['Alışverişi Tamamla', 'Sepete Git', 'Ödeme Adımına Geç', 'Ödemeye Geç'], CART_PAGE_PATHS: ['/cart', '/sepet', '/sepetim'], DISABLED_PATHS: /^\/(checkout|odeme|payment)(\/|$)/i, BRAND_LABEL: 'Starboy Ayrıcalıkları', MILESTONE_POSITIONS: [30, 63], // 1.500 ve 3.000 milestone'larının bar üzerindeki yeri (%). 5.000 = %100 DEBUG: false }; /* ===================================================================== */ var VERSION = '1.1.0'; var STATE_KEY = 'sb-reward:state:v1'; var CART_KEY = 'sb-reward:cart:v1'; var STATE_TTL = 24 * 3600 * 1000; var CART_TTL = 6 * 3600 * 1000; function K(v) { return Math.round(Number(v) * 100); } // kuruş (integer) var T1 = K(CONFIG.FREE_SHIPPING_THRESHOLD); var T2 = K(CONFIG.CHOICE_GIFT_THRESHOLD); var T3 = K(CONFIG.ALL_GIFTS_THRESHOLD); var P_ID = String(CONFIG.PERFUME_VARIANT_ID).toLowerCase(); var SIZES = Object.keys(CONFIG.BOXER_VARIANTS); var BOXER_BY_SIZE = {}, SIZE_BY_ID = {}; SIZES.forEach(function (s) { var id = String(CONFIG.BOXER_VARIANTS[s]).toLowerCase(); BOXER_BY_SIZE[s] = id; SIZE_BY_ID[id] = s; }); /* ------------------------------ utils ------------------------------ */ function log() { if (CONFIG.DEBUG) { try { console.log.apply(console, ['[sb-reward]'].concat([].slice.call(arguments))); } catch (e) {} } } function warn() { try { console.warn.apply(console, ['[sb-reward]'].concat([].slice.call(arguments))); } catch (e) {} } function readLS(k) { try { var v = window.localStorage.getItem(k); return v ? JSON.parse(v) : null; } catch (e) { return null; } } function writeLS(k, v) { try { window.localStorage.setItem(k, JSON.stringify(v)); } catch (e) {} } function removeLS(k) { try { window.localStorage.removeItem(k); } catch (e) {} } function num(v) { if (typeof v === 'number') return isFinite(v) ? v : 0; if (v == null || v === '') return 0; var n = parseFloat(String(v).replace(',', '.')); return isFinite(n) ? n : 0; } function clone(o) { return JSON.parse(JSON.stringify(o)); } function esc(s) { return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) { return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c]; }); } function norm(s) { return String(s || '').replace(/\s+/g, ' ').trim().toLocaleLowerCase('tr-TR'); } function tl(kurus) { var k = Math.max(0, Math.round(kurus)); var v = k / 100; return v.toLocaleString('tr-TR', { minimumFractionDigits: k % 100 ? 2 : 0, maximumFractionDigits: 2 }) + ' TL'; } function tierOf(paid) { return paid >= T3 ? 2 : paid >= T2 ? 1 : 0; } function isDisabledPath() { return CONFIG.DISABLED_PATHS.test(window.location.pathname || ''); } function isCartPage() { var p = (window.location.pathname || '/').replace(/\/+$/, '').toLowerCase() || '/'; return CONFIG.CART_PAGE_PATHS.some(function (x) { return p === x || p.indexOf(x + '/') === 0; }); } /* ------------------------------ state ------------------------------ */ function emptyState(cartId) { return { cartId: cartId || null, tier3Choice: null, boxerSize: null, dismissed: { perfume: false, boxer: false }, updatedAt: Date.now() }; } function loadState() { var s = readLS(STATE_KEY); if (!s || typeof s !== 'object' || Date.now() - (s.updatedAt || 0) > STATE_TTL) return emptyState(); if (s.tier3Choice !== 'perfume' && s.tier3Choice !== 'boxer') s.tier3Choice = null; if (!BOXER_BY_SIZE[s.boxerSize]) s.boxerSize = null; s.dismissed = { perfume: !!(s.dismissed && s.dismissed.perfume), boxer: !!(s.dismissed && s.dismissed.boxer) }; return s; } function stateSig(s) { return JSON.stringify([s.cartId, s.tier3Choice, s.boxerSize, s.dismissed.perfume, s.dismissed.boxer]); } function setState(next) { var changed = stateSig(next) !== stateSig(state); state = next; if (changed) { state.updatedAt = Date.now(); writeLS(STATE_KEY, state); } } /* --------------------------- cart snapshot --------------------------- */ function lineAmount(li, qty) { var unit = num(li.price); if (li.finalPrice != null && li.finalPrice !== '') { var fp = num(li.finalPrice); // finalPrice satır toplamı mı birim fiyat mı? qty>1 iken hangisine yakınsa onu kabul et. if (qty > 1 && unit > 0 && Math.abs(fp - unit * qty) < Math.abs(fp - unit)) return K(fp); return K(fp) * qty; } var dp = num(li.discountPrice); return K(dp > 0 && (unit <= 0 || dp < unit) ? dp : unit) * qty; } function isDiscountedLine(li) { var p = num(li.price), d = num(li.discountPrice); return d > 0 && p > 0 && d < p; } function makeSnapshot(cart, fresh) { var lines = Array.isArray(cart && cart.orderLineItems) ? cart.orderLineItems : []; var paid = 0, perfumeQty = 0, map = {}; lines.forEach(function (li) { if (!li) return; var v = li.variant || {}; var id = String(v.id || li.variantId || '').toLowerCase(); var qty = Math.max(0, Math.round(num(li.quantity))); if (!id || !qty) return; if (id === P_ID) { perfumeQty += qty; return; } // hediye: eşiğe dahil değil if (SIZE_BY_ID[id]) { map[id] = (map[id] || 0) + qty; return; } // hediye: eşiğe dahil değil if (!CONFIG.COUNT_DISCOUNTED_ITEMS && isDiscountedLine(li)) return; paid += lineAmount(li, qty); }); var boxers = Object.keys(map).map(function (id) { return { id: id, size: SIZE_BY_ID[id], qty: map[id] }; }); return { cartId: (cart && (cart.id || cart.cartId)) || null, paid: paid, perfumeQty: perfumeQty, boxers: boxers, fresh: !!fresh, at: Date.now() }; } function boxerQty(sn, id) { for (var i = 0; i < sn.boxers.length; i++) if (sn.boxers[i].id === id) return sn.boxers[i].qty; return 0; } function loadCache() { var c = readLS(CART_KEY); if (!c || typeof c.paid !== 'number' || Date.now() - (c.at || 0) > CART_TTL) return null; return { cartId: c.cartId || null, paid: c.paid, perfumeQty: c.perfumeQty || 0, boxers: Array.isArray(c.boxers) ? c.boxers.filter(function (b) { return b && SIZE_BY_ID[b.id]; }) : [], fresh: false, at: c.at }; } /* ---------------------------- rules engine ---------------------------- * Saf fonksiyon: sepet + tercih -> istenen hediye durumu + yapılacak işlemler. * Yalnızca hediye variant ID'leri üzerinde işlem üretir. * --------------------------------------------------------------------- */ function plan(sn, st, intent) { var s = clone(st); var tier = tierOf(sn.paid); var hasP = sn.perfumeQty > 0; var anyB = sn.boxers.length > 0; var wantP = false, wantB = null; if (tier === 0) { s = emptyState(sn.cartId); } else { if (hasP) s.dismissed.perfume = false; if (anyB) { s.dismissed.boxer = false; // Sepet storage'dan önceliklidir (kullanıcı şu an beden değiştirmiyorsa) if (!intent && !(s.boxerSize && boxerQty(sn, BOXER_BY_SIZE[s.boxerSize]) > 0)) s.boxerSize = sn.boxers[0].size; } if (tier === 1) { var choice = s.tier3Choice; if (choice === 'perfume' && !hasP && s.dismissed.perfume) choice = null; if (choice === 'boxer' && !anyB && (s.dismissed.boxer || !s.boxerSize)) choice = null; // Kayıtlı 3.000 tercihi yoksa: boxer her zaman kullanıcının açık seçimidir > otomatik parfüm if (!choice) choice = anyB ? 'boxer' : (hasP ? 'perfume' : null); wantP = choice === 'perfume'; wantB = choice === 'boxer' && s.boxerSize ? BOXER_BY_SIZE[s.boxerSize] : null; } else { wantP = hasP || !s.dismissed.perfume; wantB = s.boxerSize && (anyB || !s.dismissed.boxer) ? BOXER_BY_SIZE[s.boxerSize] : null; } } var ops = []; // Önce ekle / düzelt, sonra çıkar: ekleme başarısız olursa eski hediye sepette kalır. if (wantP && sn.perfumeQty !== 1) ops.push({ id: P_ID, q: 1 }); if (wantB && boxerQty(sn, wantB) !== 1) ops.push({ id: wantB, q: 1 }); if (!wantP && sn.perfumeQty > 0) ops.push({ id: P_ID, q: 0 }); sn.boxers.forEach(function (b) { if (b.id !== wantB) ops.push({ id: b.id, q: 0 }); }); return { state: s, tier: tier, wantP: wantP, wantB: wantB, ops: ops }; } /* ------------------------------ runtime ------------------------------ */ var state = loadState(); var snap = loadCache(); var mount = null; var ui = { sizeOpen: false, pending: null, pendingSize: null, success: null, error: null, sheetOpen: false, sheetAuto: false, sheetSig: null }; var busy = false, halted = false, autoPauseUntil = 0; var awaitingSync = false, syncTimer = null, reconTimer = null; var opHistory = [], expectations = {}, mismatches = 0, lateCart = null; var selfTouched = {}, lastIngestAt = 0, lastOpStartAt = 0; var failedImgs = {}; // Script bu satırı son 6 sn içinde kendisi mi kaldırdı? (eklediği satırı kullanıcı silerse bu manuel silmedir) function removedBySelf(id) { var t = selfTouched[id]; return !!t && t.q === 0 && Date.now() - t.at < 6000; } function detectManualRemoval(prev, next) { if (!prev || !prev.fresh || !next.fresh) return; var tier = tierOf(next.paid); if (tier === 0) return; var s = clone(state); var changed = false; if (prev.perfumeQty > 0 && next.perfumeQty === 0 && !removedBySelf(P_ID)) { if (tier === 1) { if (s.tier3Choice === 'perfume') s.tier3Choice = null; } else s.dismissed.perfume = true; changed = true; log('Hediye parfüm kullanıcı tarafından kaldırıldı'); } if (prev.boxers.length && !next.boxers.length && !prev.boxers.some(function (b) { return removedBySelf(b.id); })) { if (tier === 1) { if (s.tier3Choice === 'boxer') s.tier3Choice = null; } else s.dismissed.boxer = true; changed = true; log('Hediye boxer kullanıcı tarafından kaldırıldı'); } if (changed) setState(s); } function verifyExpectations(sn) { var now = Date.now(); Object.keys(expectations).forEach(function (id) { var e = expectations[id]; delete expectations[id]; if (now - e.at > 8000) return; var q = id === P_ID ? sn.perfumeQty : boxerQty(sn, id); if (q !== e.q) { mismatches++; warn('Beklenen hediye adedi oluşmadı:', id, 'beklenen', e.q, 'sepette', q); if (mismatches >= 2) { halted = true; try { console.error('[sb-reward] addToCart adet davranışı beklenenden farklı. Otomatik hediye yönetimi bu oturumda durduruldu.'); } catch (x) {} } } else { mismatches = 0; } }); } function ingest(cart) { var next = makeSnapshot(cart, true); if (next.cartId && state.cartId && next.cartId !== state.cartId) setState(emptyState(next.cartId)); else if (next.cartId && !state.cartId) { var s = clone(state); s.cartId = next.cartId; setState(s); } verifyExpectations(next); detectManualRemoval(snap, next); snap = next; lastIngestAt = Date.now(); writeLS(CART_KEY, { cartId: next.cartId, paid: next.paid, perfumeQty: next.perfumeQty, boxers: next.boxers, at: next.at }); if (!busy && awaitingSync) { awaitingSync = false; clearTimeout(syncTimer); } ensureMount(); render(); if (!busy) scheduleReconcile(250); } function resetAll() { state = emptyState(); writeLS(STATE_KEY, state); removeLS(CART_KEY); snap = null; ui.sizeOpen = false; ui.pending = null; ui.success = null; ui.error = null; render(); } function callAddToCart(id, q) { return new Promise(function (resolve, reject) { if (typeof window.addToCart !== 'function') { reject(new Error('window.addToCart bulunamadı')); return; } var r; try { r = window.addToCart({ variantId: id, quantity: q }); } catch (e) { reject(e); return; } Promise.resolve(r).then(function (res) { if (res === false || (res && (res.isSuccess === false || res.success === false))) { reject(new Error('addToCart başarısız (' + id + ')')); return; } var c = res && (res.cart || (res.data && res.data.cart) || (Array.isArray(res.orderLineItems) ? res : null)); if (c && Array.isArray(c.orderLineItems)) lateCart = c; resolve(res); }, reject); }); } function armSync(ms) { awaitingSync = true; clearTimeout(syncTimer); syncTimer = setTimeout(function () { awaitingSync = false; scheduleReconcile(0); }, ms); } function runOps(ops) { busy = true; render(); var i = 0; function step() { if (i >= ops.length) return Promise.resolve(true); var op = ops[i++]; selfTouched[op.id] = { q: op.q, at: Date.now() }; lastOpStartAt = Date.now(); return callAddToCart(op.id, op.q).then(function () { selfTouched[op.id] = { q: op.q, at: Date.now() }; expectations[op.id] = { q: op.q, at: Date.now() }; return step(); }); } return step().catch(function (e) { warn('Hediye sepet işlemi başarısız:', e && e.message ? e.message : e); return false; }).then(function (ok) { busy = false; if (lateCart) { var c = lateCart; lateCart = null; ingest(c); } else if (lastIngestAt >= lastOpStartAt) { scheduleReconcile(200); } else { armSync(2500); } render(); return ok; }); } function scheduleReconcile(delay) { clearTimeout(reconTimer); reconTimer = setTimeout(reconcile, delay); } function reconcile() { if (!snap || !snap.fresh || busy || awaitingSync || halted || isDisabledPath()) return; var p = plan(snap, state, false); setState(p.state); if (p.tier === 0) ui.sizeOpen = false; render(); if (!p.ops.length || Date.now() < autoPauseUntil) return; var sig = p.ops.map(function (o) { return o.id + ':' + o.q; }).join('|'); var now = Date.now(); opHistory = opHistory.filter(function (h) { return now - h.t < 20000; }); if (opHistory.filter(function (h) { return h.sig === sig; }).length >= 2) { autoPauseUntil = now + 60000; opHistory = []; warn('Aynı hediye işlemi tekrarlanıyor; otomatik yönetim 60 sn duraklatıldı:', sig); render(); return; } opHistory.push({ sig: sig, t: now }); log('Otomatik senkron:', sig); runOps(p.ops); } function flash(kind) { ui.success = kind; setTimeout(function () { if (ui.success === kind) { ui.success = null; render(); } }, 1800); } function userAction(action, size) { if (!snap || busy || halted) return; var tier = tierOf(snap.paid); if (tier === 0) return; if (action === 'boxer-open') { ui.sizeOpen = true; ui.error = null; render(); focusFirst('.sbr-size:not([disabled])'); return; } if (action === 'size-close') { ui.sizeOpen = false; render(); return; } var prev = clone(state); var s = clone(state); var kind; if (action === 'perfume') { kind = 'perfume'; s.dismissed.perfume = false; if (tier === 1) s.tier3Choice = 'perfume'; } else if (action === 'size' && BOXER_BY_SIZE[size]) { kind = 'boxer'; s.boxerSize = size; s.dismissed.boxer = false; if (tier === 1) s.tier3Choice = 'boxer'; } else { return; } var p = plan(snap, s, true); setState(p.state); ui.pending = kind; ui.pendingSize = size || null; ui.error = null; ui.success = null; opHistory = []; autoPauseUntil = 0; clearTimeout(reconTimer); if (!p.ops.length) { ui.pending = null; ui.sizeOpen = false; flash(kind); render(); return; } runOps(p.ops).then(function (ok) { ui.pending = null; ui.pendingSize = null; if (ok) { ui.sizeOpen = false; flash(kind); } else { setState(prev); ui.error = { kind: kind, at: Date.now() }; if (kind === 'boxer') ui.sizeOpen = true; setTimeout(function () { if (ui.error && Date.now() - ui.error.at >= 5900) { ui.error = null; render(); } }, 6000); } render(); }); } /* ------------------------------ IkasEvents ------------------------------ */ function onIkasEvent(event) { try { if (!event) return; var type = String(event.type || ''); var d = event.data || {}; if (/COMPLETE_CHECKOUT|ORDER_COMPLETE|PURCHASE/i.test(type)) { resetAll(); return; } var cart = d.cart || (d.checkout && d.checkout.cart) || (Array.isArray(d.orderLineItems) ? d : null); if (cart && Array.isArray(cart.orderLineItems)) ingest(cart); } catch (e) { warn('IkasEvents verisi işlenemedi:', e); } } function subscribe(attempt) { var ev = window.IkasEvents; if (ev && typeof ev.subscribe === 'function') { try { ev.subscribe({ id: 'sb-reward-core', callback: onIkasEvent }); log('IkasEvents dinleniyor'); } catch (e) { warn('IkasEvents.subscribe başarısız:', e); } return; } if (attempt < 40) setTimeout(function () { subscribe(attempt + 1); }, Math.min(250 * (attempt + 1), 2000)); else warn('window.IkasEvents bulunamadı; hediye sistemi pasif.'); } /* --------------------------------- UI --------------------------------- * Yerleşim: * - #sb-reward-top : ikas drawer'ının içinde, üstte ilerleme barı. * - #sb-reward-panel : body'ye eklenen bağımsız (fixed) hediye paneli. * Masaüstü -> drawer'ın SOLUNDA yan panel (drawer konumu takip edilir). * Mobil -> drawer'ın üstünde açılan alt sayfa (bottom sheet). * Drawer'ın ürün listesine / footer'ına hiçbir şey eklenmez. * --------------------------------------------------------------------- */ var PANEL_W = 300; var MOBILE_BREAKPOINT = 768; var CHECK = ''; var CLOSE = ''; var ARROW = ''; var SPIN = ''; // İlerleme barı (drawer içinde, mevcut ve çalışan tasarım) var TOP_CSS = [ '#sb-reward-top{box-sizing:border-box;font-family:inherit;-webkit-font-smoothing:antialiased;text-align:left;}', '#sb-reward-top *{box-sizing:border-box;}', '#sb-reward-top{display:block;width:100%;max-width:100%;flex:0 0 auto;position:relative;z-index:1;overflow:hidden;background:#F4F2EE;color:#0E0E0E;border-bottom:1px solid #E3DFD7;padding:14px 20px 4px;}', '#sb-reward-top .sbr-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 7px;}', '#sb-reward-top .sbr-eyebrow{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#8C867B;line-height:1;}', '#sb-reward-top .sbr-amount{font-size:11px;color:#8C867B;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1;}', '#sb-reward-top .sbr-amount b{color:#0E0E0E;font-weight:700;}', '#sb-reward-top .sbr-headline{margin:0 0 16px;padding:0;font-size:13.5px;line-height:1.4;font-weight:500;color:#0E0E0E;letter-spacing:-.005em;}', '#sb-reward-top .sbr-headline b{font-weight:700;}', '#sb-reward-top .sbr-headline .sbr-check{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:6px;}', '#sb-reward-top .sbr-track{position:relative;height:2px;background:#DCD7CD;margin:0 7px 36px;}', '#sb-reward-top .sbr-fill{position:absolute;left:0;top:0;bottom:0;width:0;max-width:100%;background:#0E0E0E;transition:width .6s cubic-bezier(.2,.7,.2,1);}', '#sb-reward-top .sbr-ms{position:absolute;top:1px;width:0;height:0;}', '#sb-reward-top .sbr-ms__dot{position:absolute;left:-5px;top:-5px;width:10px;height:10px;transform:rotate(45deg);background:#F4F2EE;border:1.5px solid #BEB8AC;transition:background .3s,border-color .3s;}', '#sb-reward-top .sbr-ms.is-next .sbr-ms__dot{border-color:#0E0E0E;}', '#sb-reward-top .sbr-ms.is-next .sbr-ms__dot:after{content:"";position:absolute;left:-5px;top:-5px;right:-5px;bottom:-5px;border:1px solid rgba(14,14,14,.4);animation:sbrPulse 2.2s ease-out infinite;}', '#sb-reward-top .sbr-ms.is-done .sbr-ms__dot{background:#0E0E0E;border-color:#0E0E0E;}', '#sb-reward-top .sbr-ms__label{position:absolute;top:12px;left:0;transform:translateX(-50%);white-space:nowrap;text-align:center;line-height:1.2;}', '#sb-reward-top .sbr-ms--end .sbr-ms__label{left:6px;transform:translateX(-100%);text-align:right;}', '#sb-reward-top .sbr-ms__label b{display:block;font-size:10.5px;font-weight:700;color:#A7A196;font-variant-numeric:tabular-nums;}', '#sb-reward-top .sbr-ms__label em{display:block;font-style:normal;font-size:8.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#B5AFA4;margin-top:2px;}', '#sb-reward-top .sbr-ms.is-done .sbr-ms__label b,#sb-reward-top .sbr-ms.is-next .sbr-ms__label b{color:#0E0E0E;}', '#sb-reward-top .sbr-ms.is-done .sbr-ms__label em,#sb-reward-top .sbr-ms.is-next .sbr-ms__label em{color:#5E5950;}', // mobil: hediye alt sayfasını açan şerit '#sb-reward-top .sbr-toggle{-webkit-appearance:none!important;appearance:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:42px!important;margin:0 0 14px!important;white-space:nowrap!important;padding:0 14px!important;background:#0E0E0E!important;color:#F4F2EE!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:inherit!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;line-height:1.2!important;cursor:pointer!important;text-align:left!important;}', '#sb-reward-top .sbr-toggle__l{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;color:#F4F2EE!important;}', '#sb-reward-top .sbr-toggle__dot{display:block!important;flex:0 0 6px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#F4F2EE!important;animation:sbrBlink 1.6s ease-in-out infinite;}', '#sb-reward-top .sbr-toggle__r{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;color:#A7A196!important;letter-spacing:.08em!important;font-variant-numeric:tabular-nums!important;}', '#sb-reward-top .sbr-toggle svg{display:block!important;flex:0 0 auto!important;width:12px!important;height:12px!important;}', '#sb-reward-top .sbr-toggle:focus-visible{outline:2px solid #0E0E0E!important;outline-offset:2px!important;}', '#sb-reward-top[hidden],#sb-reward-top .sbr-toggle[hidden]{display:none!important;}', '@media (max-width:480px){#sb-reward-top{padding:12px 16px 2px;}#sb-reward-top .sbr-headline{font-size:12.5px;margin-bottom:14px;}#sb-reward-top .sbr-eyebrow{letter-spacing:.18em;}}', '@media (max-width:340px){#sb-reward-top .sbr-ms__label em{letter-spacing:.08em;}}' ]; // Hediye paneli: body'de, temadan izole. Tüm bildirimlere otomatik !important eklenir. var PANEL_CSS = [ '#sb-reward-panel{position:fixed;z-index:2147483600;box-sizing:border-box;margin:0;padding:0;border:0;pointer-events:auto;font-family:inherit;font-size:13px;font-weight:400;font-style:normal;line-height:1.35;letter-spacing:normal;text-transform:none;text-align:left;color:#F2EFE9;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;}', '#sb-reward-panel *{box-sizing:border-box;margin:0;padding:0;border:0;font-family:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;background:none;box-shadow:none;float:none;min-width:0;max-width:none;}', '#sb-reward-panel svg{display:inline-block;flex:0 0 auto;width:auto;height:auto;}', // yan panel (masaüstü) '#sb-reward-panel.is-side{display:block;width:300px;background:#0B0B0B;border-right:1px solid #1E1E1E;box-shadow:-18px 0 40px rgba(0,0,0,.28);overflow:hidden;animation:sbrSideIn .28s cubic-bezier(.2,.7,.2,1);}', '#sb-reward-panel.is-side .sbr-scrim{display:none;}', '#sb-reward-panel.is-side .sbr-x{display:none;}', '#sb-reward-panel.is-side .sbr-sheet{display:flex;flex-direction:column;height:100%;background:#0B0B0B;}', // alt sayfa (mobil) '#sb-reward-panel.is-sheet{display:block;left:0;top:0;right:0;bottom:0;width:auto;height:auto;}', '#sb-reward-panel.is-sheet .sbr-scrim{display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.55);animation:sbrFade .2s ease;}', '#sb-reward-panel.is-sheet .sbr-sheet{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:0;max-height:86vh;background:#0B0B0B;border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom);overflow:hidden;animation:sbrUp .28s cubic-bezier(.2,.7,.2,1);}', '#sb-reward-panel.is-sheet .sbr-sheet:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:#333;margin:8px auto 0;}', // başlık '#sb-reward-panel .sbr-ph{flex:0 0 auto;padding:22px 20px 16px;border-bottom:1px solid #1E1E1E;}', '#sb-reward-panel.is-sheet .sbr-ph{padding:14px 20px 14px;}', '#sb-reward-panel .sbr-ph__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}', '#sb-reward-panel .sbr-eyebrow{font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#8F897F;}', '#sb-reward-panel .sbr-ph__r{display:flex;align-items:center;gap:10px;}', '#sb-reward-panel .sbr-count{font-size:10.5px;font-weight:700;color:#F2EFE9;letter-spacing:.08em;font-variant-numeric:tabular-nums;padding:3px 7px;border:1px solid #333;}', '#sb-reward-panel .sbr-title{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:#F2EFE9;}', '#sb-reward-panel .sbr-sub{margin-top:6px;font-size:12px;line-height:1.45;color:#A7A196;}', '#sb-reward-panel .sbr-sub b{color:#F2EFE9;font-weight:700;}', // gövde '#sb-reward-panel .sbr-pb{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 20px 6px;scrollbar-width:thin;scrollbar-color:#333 transparent;}', '#sb-reward-panel .sbr-pf{flex:0 0 auto;padding:12px 20px 16px;border-top:1px solid #1E1E1E;font-size:10px;line-height:1.45;color:#77726A;}', // kart '#sb-reward-panel .sbr-card{display:block;position:relative;margin:0 0 10px;padding:12px;background:#131313;border:1px solid #262626;transition:border-color .2s;}', '#sb-reward-panel .sbr-card.is-in{border-color:#F2EFE9;}', '#sb-reward-panel .sbr-crow{display:flex;align-items:center;gap:12px;}', '#sb-reward-panel .sbr-media{position:relative;flex:0 0 60px;width:60px;height:74px;overflow:hidden;background:#ECE9E3;}', '#sb-reward-panel .sbr-media img{display:block;width:60px;height:74px;object-fit:cover;max-width:none;}', '#sb-reward-panel .sbr-media img.is-broken{visibility:hidden;}', '#sb-reward-panel .sbr-info{flex:1 1 auto;min-width:0;}', '#sb-reward-panel .sbr-kicker{display:inline-block;margin-bottom:5px;padding:2px 6px;font-size:8.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#0B0B0B;background:#F2EFE9;line-height:1.3;}', '#sb-reward-panel .sbr-name{font-size:13px;font-weight:600;line-height:1.3;color:#F2EFE9;overflow-wrap:break-word;}', '#sb-reward-panel .sbr-val{margin-top:4px;font-size:11px;color:#8F897F;font-variant-numeric:tabular-nums;}', '#sb-reward-panel .sbr-val s{text-decoration:line-through;color:#6E6960;}', '#sb-reward-panel .sbr-val b{color:#F2EFE9;font-weight:700;margin-left:4px;}', '#sb-reward-panel .sbr-act{margin-top:12px;}', '#sb-reward-panel .sbr-act:empty{display:none;}', // butonlar '#sb-reward-panel button{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;color:inherit;border-radius:0;}', '#sb-reward-panel button:focus-visible{outline:2px solid #F2EFE9;outline-offset:2px;}', '#sb-reward-panel button[disabled]{cursor:default;opacity:.5;}', '#sb-reward-panel .sbr-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;padding:8px 12px;background:#F2EFE9;color:#0B0B0B;border:1px solid #F2EFE9;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;transition:background .2s,color .2s,border-color .2s;}', '#sb-reward-panel .sbr-btn:hover:not([disabled]){background:#FFFFFF;border-color:#FFFFFF;}', '#sb-reward-panel .sbr-btn--ghost{background:transparent;color:#F2EFE9;border-color:#3A3A3A;}', '#sb-reward-panel .sbr-btn--ghost:hover:not([disabled]){background:transparent;border-color:#F2EFE9;}', '#sb-reward-panel .sbr-status{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 10px;border:1px solid #2E2E2E;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F2EFE9;text-align:center;line-height:1.2;}', '#sb-reward-panel .sbr-check{display:inline-block;width:12px;height:12px;}', '#sb-reward-panel .sbr-link{display:block;width:100%;min-height:32px;margin-top:4px;padding:6px 0;background:none;border:0;color:#8F897F;font-size:10.5px;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;text-align:center;}', '#sb-reward-panel .sbr-link:hover:not([disabled]){color:#F2EFE9;}', '#sb-reward-panel .sbr-x{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-8px -10px -8px 0;color:#F2EFE9;background:none;border:0;}', // beden seçimi '#sb-reward-panel .sbr-sizes{margin-top:12px;padding-top:12px;border-top:1px solid #262626;}', '#sb-reward-panel .sbr-sizes__label{margin-bottom:8px;font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8F897F;}', '#sb-reward-panel .sbr-sizes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}', '#sb-reward-panel .sbr-size{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0;background:transparent;color:#F2EFE9;border:1px solid #3A3A3A;font-size:12.5px;font-weight:600;letter-spacing:.04em;transition:background .2s,color .2s,border-color .2s;}', '#sb-reward-panel .sbr-size:hover:not([disabled]){border-color:#F2EFE9;}', '#sb-reward-panel .sbr-size[aria-pressed="true"]{background:#F2EFE9;color:#0B0B0B;border-color:#F2EFE9;opacity:1;}', '#sb-reward-panel .sbr-size.is-remembered{border-style:dashed;border-color:#8F897F;}', '#sb-reward-panel .sbr-err{margin:2px 0 10px;font-size:11px;line-height:1.4;color:#F2B8A8;}', '#sb-reward-panel .sbr-spin{display:inline-block;width:10px;height:10px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sbrSpin .7s linear infinite;}', '@media (max-width:768px){#sb-reward-panel .sbr-size{min-height:44px;}#sb-reward-panel .sbr-btn,#sb-reward-panel .sbr-status{min-height:44px;}}', '@media (prefers-reduced-motion:reduce){#sb-reward-panel.is-side,#sb-reward-panel.is-sheet .sbr-sheet,#sb-reward-panel.is-sheet .sbr-scrim,#sb-reward-panel .sbr-spin{animation:none;}}', '#sb-reward-panel[hidden]{display:none;}' ]; var KEYFRAMES = [ '@keyframes sbrPulse{0%{opacity:.9;transform:scale(.6);}100%{opacity:0;transform:scale(1.5);}}', '@keyframes sbrSpin{to{transform:rotate(360deg);}}', '@keyframes sbrBlink{0%,100%{opacity:1;}50%{opacity:.25;}}', '@keyframes sbrSideIn{from{opacity:0;transform:translateX(14px);}to{opacity:1;transform:none;}}', '@keyframes sbrUp{from{transform:translateY(100%);}to{transform:none;}}', '@keyframes sbrFade{from{opacity:0;}to{opacity:1;}}', '@media (prefers-reduced-motion:reduce){#sb-reward-top .sbr-fill,#sb-reward-top .sbr-ms__dot{transition:none;}#sb-reward-top .sbr-ms.is-next .sbr-ms__dot:after,#sb-reward-top .sbr-toggle__dot{animation:none;}}' ]; function bang(rule) { return rule.replace(/\{([^{}]*)\}/g, function (m, body) { return '{' + body.split(';').map(function (d) { d = d.trim(); if (!d) return ''; return /!important$/.test(d) ? d : d + '!important'; }).filter(Boolean).join(';') + '}'; }); } function injectCSS() { if (document.getElementById('sb-reward-styles')) return; var st = document.createElement('style'); st.id = 'sb-reward-styles'; st.textContent = TOP_CSS.join('') + PANEL_CSS.map(bang).join('') + KEYFRAMES.join(''); (document.head || document.documentElement).appendChild(st); } function pct(paid) { var pts = [[0, 0], [T1, CONFIG.MILESTONE_POSITIONS[0]], [T2, CONFIG.MILESTONE_POSITIONS[1]], [T3, 100]]; if (paid <= 0) return 0; for (var i = 1; i < pts.length; i++) { if (paid < pts[i][0]) { var a = pts[i - 1], b = pts[i]; return a[1] + (paid - a[0]) / (b[0] - a[0]) * (b[1] - a[1]); } } return 100; } function view() { var box = null; snap.boxers.forEach(function (b) { if (!box || b.size === state.boxerSize) box = b; }); return { paid: snap.paid, tier: tierOf(snap.paid), hasP: snap.perfumeQty > 0, box: box }; } function autoActive() { return snap && snap.fresh && !halted && Date.now() >= autoPauseUntil; } function needsAction(v) { return (v.tier === 1 && !v.hasP && !v.box) || (v.tier === 2 && !v.box); } function claimed(v) { return (v.hasP ? 1 : 0) + (v.box ? 1 : 0); } function headline(v) { if (v.paid < T1) return 'Ücretsiz kargo ayrıcalığına ' + tl(T1 - v.paid) + ' kaldı.'; if (v.tier === 0) return CHECK + 'Ücretsiz kargo aktif. İlk hediyenize ' + tl(T2 - v.paid) + ' kaldı.'; if (v.tier === 1) { return (v.hasP || v.box) ? CHECK + 'Hediyeniz sepetinize eklendi. İkinci hediyeye ' + tl(T3 - v.paid) + ' kaldı.' : 'Hediyenizi seçin.'; } if (!v.box) return 'İki hediyeniz de hazır. Bedeninizi seçerek tamamlayın.'; if (!v.hasP) return 'İki hediyeniz de hazır.'; return CHECK + 'Tüm hediyeleriniz sepetinize eklendi.'; } /* ----------------------------- görseller ----------------------------- */ function giftImage(kind) { return (kind === 'perfume' ? CONFIG.PERFUME_IMAGE : CONFIG.BOXER_IMAGE) || ''; } /* ---------------------------- ilerleme barı ---------------------------- */ function buildTop() { var el = document.createElement('div'); el.id = 'sb-reward-top'; el.setAttribute('role', 'region'); el.setAttribute('aria-label', 'Sepet ayrıcalık durumu'); el.hidden = true; var pos = [CONFIG.MILESTONE_POSITIONS[0], CONFIG.MILESTONE_POSITIONS[1], 100]; var labels = [['Ücretsiz Kargo', T1], ['1 Hediye', T2], ['2 Hediye', T3]]; var ms = labels.map(function (l, i) { return '

' + '' + '' + tl(l[1]) + '' + l[0] + '

'; }).join(''); el.innerHTML = '

' + esc(CONFIG.BRAND_LABEL) + '

' + '

' + ms + '

' + ''; el.addEventListener('click', function (e) { var b = e.target && e.target.closest ? e.target.closest('[data-sbr-action="sheet-open"]') : null; if (!b) return; e.preventDefault(); e.stopPropagation(); ui.sheetOpen = true; ui.sheetAuto = false; placePanel(); var x = mount && mount.panel.querySelector('.sbr-x'); if (x) { try { x.focus({ preventScroll: true }); } catch (err) {} } }); return el; } function updateTop(v) { var t = mount.top; var amount = t.querySelector('[data-sbr="amount"]'); var aHtml = v.paid < T3 ? '' + tl(v.paid) + ' / ' + tl(T3) : '' + tl(v.paid) + ''; if (amount.innerHTML !== aHtml) amount.innerHTML = aHtml; var h = t.querySelector('[data-sbr="headline"]'); var hh = headline(v); if (h.getAttribute('data-sbr-h') !== hh) { h.innerHTML = hh; h.setAttribute('data-sbr-h', hh); } t.querySelector('[data-sbr="fill"]').style.width = pct(v.paid).toFixed(2) + '%'; var bar = t.querySelector('[data-sbr="bar"]'); bar.setAttribute('aria-valuenow', String(Math.round(v.paid / 100))); bar.setAttribute('aria-valuetext', (h.textContent || '').trim()); var ths = [T1, T2, T3], nextIdx = -1; for (var i = 0; i < 3; i++) if (v.paid < ths[i]) { nextIdx = i; break; } for (var j = 0; j < 3; j++) { var m = t.querySelector('[data-sbr-ms="' + j + '"]'); m.classList.toggle('is-done', v.paid >= ths[j]); m.classList.toggle('is-next', j === nextIdx); } } // Mobilde alt sayfayı açan şerit function syncToggle(show) { if (!mount) return; var tg = mount.top.querySelector('[data-sbr="toggle"]'); if (!tg) return; if (!show || !snap) { if (!tg.hidden) tg.hidden = true; return; } var v = view(); var need = needsAction(v); var label = need ? (v.tier === 1 ? 'Hediyenizi seçin' : 'Beden') : (v.tier === 1 ? 'Hediyeniz' : 'Hediyeleriniz'); var html = '' + (need ? '' : CHECK) + esc(label) + '' + '' + claimed(v) + ' / ' + v.tier + ARROW + ''; if (tg.__sbrHtml !== html) { tg.innerHTML = html; tg.__sbrHtml = html; } tg.setAttribute('aria-label', label + ', ' + claimed(v) + ' / ' + v.tier + ' hediye'); if (tg.hidden) tg.hidden = false; } /* ----------------------------- hediye paneli ----------------------------- */ function btn(action, label, cls, disabled, key, extra) { return ''; } function status(html) { return '

' + html + '

'; } function showSizes(v) { return ui.sizeOpen || (v.tier === 2 && !v.box); } function card(kind, v) { var isP = kind === 'perfume'; var inCart = isP ? v.hasP : !!v.box; var otherIn = isP ? !!v.box : v.hasP; var name = isP ? CONFIG.PERFUME_NAME : CONFIG.BOXER_NAME; var value = isP ? CONFIG.PERFUME_VALUE : CONFIG.BOXER_VALUE; var img = giftImage(kind); var lock = busy || halted; var openAction = isP ? 'perfume' : 'boxer-open'; var sizesOpen = !isP && showSizes(v); var act; if (ui.pending === kind) { act = (!isP && sizesOpen) ? '' : btn('', SPIN + 'Sepetinize ekleniyor…', 'sbr-btn', true, kind + '-pending', ' aria-busy="true"'); } else if (inCart || ui.success === kind) { act = status(CHECK + (ui.success === kind || isP ? 'Sepetinize eklendi' : 'Sepetinize eklendi · ' + esc(v.box.size))); if (!isP && inCart && !ui.sizeOpen) act += btn('boxer-open', 'Beden seçimini değiştir', 'sbr-link', lock, 'boxer-change', ' aria-label="Boxer beden seçimini değiştir"'); } else if (ui.error && ui.error.kind === kind && !sizesOpen) { act = btn(openAction, 'Tekrar deneyin', 'sbr-btn', lock, kind + '-retry'); } else if (sizesOpen) { act = ''; } else if (v.tier === 1) { act = btn(openAction, otherIn ? 'Seçimi değiştir' : 'Bu hediyeyi seç', otherIn ? 'sbr-btn sbr-btn--ghost' : 'sbr-btn', lock, kind + '-select', ' aria-label="' + esc(name) + (otherIn ? ': seçimi değiştir"' : ': bu hediyeyi seç"')); } else if (isP) { act = (!state.dismissed.perfume && autoActive()) ? status(SPIN + 'Sepetinize ekleniyor…') : btn('perfume', state.dismissed.perfume ? 'Sepete yeniden ekle' : 'Bu hediyeyi seç', 'sbr-btn', lock, 'perfume-readd', ' aria-label="' + esc(name) + ': ' + (state.dismissed.perfume ? 'sepete yeniden ekle' : 'bu hediyeyi seç') + '"'); } else { act = ''; } var media = '

' + (img ? ' ' + esc(name) + '

' : '') + '

'; return '

' + '

' + media + '

HEDİYE

' + esc(name) + '

' + '

~~' + tl(K(value)) + '~~0 TL

' + '

' + act + '

' + (sizesOpen ? sizesHTML(v) : '') + '

'; } function sizesHTML(v) { var cur = v.box ? v.box.size : null; var label = 'Beden'; var lock = busy || halted; var grid = SIZES.map(function (s) { var on = cur === s; var remembered = !cur && state.boxerSize === s; var pend = ui.pending === 'boxer' && ui.pendingSize === s; return ''; }).join(''); var close = (ui.sizeOpen && (v.tier === 1 || v.box)) ? btn('size-close', 'İptal', 'sbr-link', busy, 'size-close') : ''; return '

' + label + '

' + '

' + grid + '

' + close + '

'; } function panelHTML(v) { var t1 = v.tier === 1; var have = claimed(v); var title, sub; if (t1) { title = have ? 'Hediyeniz seçildi' : 'Hediyenizi seçin'; sub = have ? 'İkinci hediyeye ' + tl(T3 - v.paid) + ' kaldı.' : 'Size özel iki hediyeden birini tercih edin.'; } else { title = 'İki hediyeniz de hazır'; sub = !v.box ? 'Bedeninizi seçerek tamamlayın.' : (v.hasP ? 'Tüm hediyeleriniz sepetinize eklendi.' : (state.dismissed.perfume ? '' : 'Sepetinize ekleniyor…')); } var msg = ''; if (halted) msg = '

Hediye seçimi şu anda tamamlanamıyor. Lütfen sayfayı yenileyin.

'; else if (ui.error) msg = '

' + (ui.error.kind === 'boxer' ? 'Seçtiğiniz beden eklenemedi.' : 'Hediyeniz sepete eklenemedi.') + ' Lütfen tekrar deneyin.

'; return '

' + '

' + tl(t1 ? T2 : T3) + ' üzeri

' + '

' + have + ' / ' + v.tier + '' + btn('sheet-close', CLOSE, 'sbr-x', false, 'sheet-close', ' aria-label="Kapat"') + '

' + '

' + title + '

' + (sub ? '

' + sub + '

' : '') + '

' + '

' + msg + card('perfume', v) + card('boxer', v) + '

' + '

Hediye indirimi sepetinize otomatik yansıtılır.

'; } /* Mobil alt sayfa: seçim gerektiğinde bir kez otomatik açılır, kullanıcı kapatırsa aynı durum için tekrar açılmaz. Seçim tamamlanınca kendiliğinden kapanır. */ var sheetCloseTimer = null; function autoSheet(v) { var need = needsAction(v); var sig = v.tier + ':' + need; if (need) { clearTimeout(sheetCloseTimer); if (ui.sheetSig !== sig) { ui.sheetSig = sig; ui.sheetOpen = true; ui.sheetAuto = true; } } else { ui.sheetSig = sig; if (ui.sheetOpen && ui.sheetAuto && !ui.pending && !ui.sizeOpen) { clearTimeout(sheetCloseTimer); sheetCloseTimer = setTimeout(function () { if (!snap || needsAction(view()) || ui.pending || ui.sizeOpen) return; ui.sheetOpen = false; ui.sheetAuto = false; placePanel(); }, 1400); } } } // UI katmanındaki olası bir hata, sepet/kampanya mantığının akışını asla kesmesin function render() { try { renderImpl(); } catch (e) { warn('UI render hatası:', e); } } function renderImpl() { if (!mount) return; if (!snap) { mount.top.hidden = true; ui.sheetOpen = false; placePanel(); return; } var v = view(); mount.top.hidden = false; updateTop(v); if (v.tier === 0) { ui.sheetOpen = false; ui.sheetAuto = false; ui.sheetSig = null; if (mount.gifts.__sbrHtml) { mount.gifts.innerHTML = ''; mount.gifts.__sbrHtml = ''; } placePanel(); return; } autoSheet(v); var html = panelHTML(v); if (mount.gifts.__sbrHtml !== html) { var ae = document.activeElement; var fk = ae && mount.gifts.contains(ae) ? ae.getAttribute('data-sbr-key') : null; var pb = mount.gifts.querySelector('.sbr-pb'); var st = pb ? pb.scrollTop : 0; mount.gifts.innerHTML = html; mount.gifts.__sbrHtml = html; var npb = mount.gifts.querySelector('.sbr-pb'); if (npb && st) npb.scrollTop = st; if (fk) { var n = mount.gifts.querySelector('[data-sbr-key="' + fk + '"]'); if (n && !n.disabled) { try { n.focus({ preventScroll: true }); } catch (e) {} } } } placePanel(); } function focusFirst(sel) { if (!mount) return; var n = mount.gifts.querySelector(sel); if (n) { try { n.focus({ preventScroll: true }); } catch (e) {} } } function onPanelClick(e) { var b = e.target && e.target.closest ? e.target.closest('[data-sbr-action]') : null; if (!b || !mount || !mount.panel.contains(b) || b.disabled) return; var a = b.getAttribute('data-sbr-action'); if (!a) return; e.preventDefault(); if (a === 'sheet-close') { closeSheet(); return; } userAction(a, b.getAttribute('data-sbr-size')); } function closeSheet() { clearTimeout(sheetCloseTimer); ui.sheetOpen = false; ui.sheetAuto = false; placePanel(); if (mount) { var tg = mount.top.querySelector('[data-sbr="toggle"]'); if (tg && !tg.hidden) { try { tg.focus({ preventScroll: true }); } catch (e) {} } } } function onImgError(e) { var t = e.target; if (!t || t.tagName !== 'IMG') return; t.classList.add('is-broken'); // kart yapısı korunur, yerine ikon/yazı üretilmez } function buildPanel() { var p = document.createElement('div'); p.id = 'sb-reward-panel'; p.hidden = true; p.innerHTML = '' + '

'; p.addEventListener('click', onPanelClick); p.addEventListener('error', onImgError, true); // Drawer'ın "dışarı tıklanınca kapan" ve kaydırma kilidi dinleyicileri panel etkileşimini görmesin ['pointerdown', 'mousedown', 'touchstart', 'click', 'wheel', 'touchmove', 'focusin'].forEach(function (t) { p.addEventListener(t, function (e) { e.stopPropagation(); }, { passive: true }); }); return p; } /* --------------------------- panel konumlandırma --------------------------- */ function setMode(mode) { var p = mount.panel; if (p.__sbrMode === mode) return; p.__sbrMode = mode; p.classList.toggle('is-side', mode === 'side'); p.classList.toggle('is-sheet', mode === 'sheet'); var sheet = mount.gifts; if (mode === 'sheet') { sheet.setAttribute('role', 'dialog'); sheet.setAttribute('aria-modal', 'true'); } else { sheet.setAttribute('role', 'region'); sheet.removeAttribute('aria-modal'); } if (mode === 'sheet') { p.style.left = p.style.top = p.style.width = p.style.height = ''; } } function hidePanel() { if (!mount) return; if (!mount.panel.hidden) mount.panel.hidden = true; } function drawerOpenRect() { var d = mount.drawer && mount.drawer.isConnected ? mount.drawer : mount.root; if (!d || !d.isConnected) return null; var r = d.getBoundingClientRect(); if (r.width < 120 || r.height < 120 || r.left >= window.innerWidth - 40 || r.right <= 40) return null; var cs = window.getComputedStyle(d); if (cs.visibility === 'hidden' || cs.display === 'none' || (cs.opacity !== '' && Number(cs.opacity) === 0)) return null; return r; } function placePanel() { try { placePanelImpl(); } catch (e) { warn('Panel konum hatası:', e); } } function placePanelImpl() { if (!mount) return; var p = mount.panel; var r = snap && tierOf(snap.paid) > 0 && !isDisabledPath() ? drawerOpenRect() : null; if (!r) { hidePanel(); syncToggle(false); return; } var vw = window.innerWidth, vh = window.innerHeight; var side = vw > MOBILE_BREAKPOINT && r.left >= PANEL_W + 12; setMode(side ? 'side' : 'sheet'); if (side) { var top = Math.max(0, r.top), bottom = Math.min(vh, r.bottom); var L = Math.round(r.left - PANEL_W) + 'px', T = Math.round(top) + 'px', H = Math.round(bottom - top) + 'px'; if (p.style.left !== L) p.style.left = L; if (p.style.top !== T) p.style.top = T; if (p.style.height !== H) p.style.height = H; if (p.style.width !== PANEL_W + 'px') p.style.width = PANEL_W + 'px'; if (p.hidden) p.hidden = false; syncToggle(false); } else { if (p.hidden === !!ui.sheetOpen) p.hidden = !ui.sheetOpen; syncToggle(true); } } // Drawer açılış/kapanış animasyonu süresince paneli drawer'a kilitler (kısa rAF patlaması) var raf = window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function (f) { return setTimeout(f, 16); }; var trackUntil = 0, trackRaf = 0; function trackFor(ms) { trackUntil = Math.max(trackUntil, Date.now() + ms); if (!trackRaf) trackRaf = raf(trackTick); } function trackTick() { trackRaf = 0; placePanel(); if (Date.now() < trackUntil) trackRaf = raf(trackTick); } /* ------------------------ drawer / page mount ------------------------ */ function textMatches(el, list) { var t = norm(el.textContent); if (!t || t.length > 60) return false; return list.some(function (x) { return t.indexOf(norm(x)) !== -1; }); } function containsTitle(el) { var t = norm(el.textContent); return CONFIG.CART_TITLE_TEXTS.some(function (x) { return t.indexOf(norm(x)) !== -1; }); } function visible(el, min) { if (!el || !el.isConnected) return false; var r = el.getBoundingClientRect(); if (r.width < min || r.height < min || r.right <= 0 || r.bottom <= 0 || r.left >= window.innerWidth) return false; var cs = window.getComputedStyle(el); return cs.visibility !== 'hidden' && cs.display !== 'none'; } function findHost() { var nodes = document.querySelectorAll('button, a, [role="button"]'); var cartPage = isCartPage(); for (var i = 0; i < nodes.length; i++) { var b = nodes[i]; if (b.closest('#sb-reward-top, #sb-reward-panel')) continue; if (!textMatches(b, CONFIG.CHECKOUT_BUTTON_TEXTS) || !visible(b, 1)) continue; var el = b.parentElement, depth = 0, pageHost = null; while (el && el !== document.body && depth < 16) { var fixed = el.getAttribute('role') === 'dialog' || el.getAttribute('aria-modal') === 'true' || window.getComputedStyle(el).position === 'fixed'; if (fixed && containsTitle(el) && visible(el, 120)) return { root: el, btn: b, mode: 'drawer' }; if (cartPage && !pageHost && containsTitle(el) && visible(el, 120)) pageHost = el; el = el.parentElement; depth++; } if (pageHost) return { root: pageHost, btn: b, mode: 'page' }; } return null; } // Drawer kökü bazen tam ekran overlay olabilir; panelin hizalanacağı gerçek drawer kutusunu bulur. function findDrawerBox(btn, root) { var el = btn.parentElement; while (el && el !== document.body) { if (containsTitle(el) && el.getBoundingClientRect().width >= 240) return el; if (el === root) break; el = el.parentElement; } return root; } function findScroller(root, b) { var best = null, bestH = 0; var els = root.querySelectorAll('div, ul, section, form'); for (var i = 0; i < els.length; i++) { var el = els[i]; if (el.contains(b) || (el.id && el.id.indexOf('sb-reward') === 0)) continue; var oy = window.getComputedStyle(el).overflowY; if ((oy === 'auto' || oy === 'scroll') && el.clientHeight > 80 && el.clientHeight > bestH) { best = el; bestH = el.clientHeight; } } return best; } function removeStray() { ['sb-reward-top', 'sb-reward-panel'].forEach(function (id) { var n = document.getElementById(id); while (n) { n.parentNode.removeChild(n); n = document.getElementById(id); } }); } function unmount() { removeStray(); mount = null; } function mountInto(host) { removeStray(); var top = buildTop(); var panel = buildPanel(); var scroller = host.mode === 'drawer' ? findScroller(host.root, host.btn) : null; try { if (scroller && scroller.parentNode) scroller.parentNode.insertBefore(top, scroller); // bar: ürün listesinin hemen üstü else host.root.insertBefore(top, host.root.firstChild); document.body.appendChild(panel); // hediye paneli drawer'ın DIŞINDA } catch (e) { warn('UI yerleştirilemedi:', e); removeStray(); return; } mount = { root: host.root, btn: host.btn, drawer: findDrawerBox(host.btn, host.root), scroller: scroller, top: top, panel: panel, gifts: panel.querySelector('#sb-reward-gifts'), mode: host.mode }; render(); trackFor(900); } function ensureMount() { try { ensureMountImpl(); } catch (e) { warn('UI mount hatası:', e); } } function ensureMountImpl() { if (!document.body) return; if (isDisabledPath()) { if (mount || document.getElementById('sb-reward-top') || document.getElementById('sb-reward-panel')) unmount(); return; } if (mount) { if (mount.root.isConnected && mount.top.isConnected && mount.panel.isConnected) { placePanel(); return; } if (mount.root.isConnected && mount.top.isConnected && !mount.panel.isConnected) { document.body.appendChild(mount.panel); placePanel(); return; } if (mount.root.isConnected && !visible(mount.root, 120)) { hidePanel(); return; } unmount(); } var host = findHost(); if (host) mountInto(host); } /* ------------------------------ observers ------------------------------ */ var mutScheduled = false; var lastPath = window.location.pathname; function onMutations(list) { if (list && list.length && mount) { var relevant = false; for (var i = 0; i < list.length; i++) { var tg = list[i].target; if (!(mount.top.contains(tg) || mount.panel.contains(tg))) { relevant = true; break; } } if (!relevant) return; } if (mutScheduled) return; mutScheduled = true; setTimeout(function () { mutScheduled = false; if (window.location.pathname !== lastPath) { lastPath = window.location.pathname; ui.sizeOpen = false; ui.error = null; ui.sheetOpen = false; } ensureMount(); if (mount) trackFor(900); }, 160); } // Drawer kaydırma animasyonu bittiğinde (DOM değişmeden) konumu/bağlantıyı tazele function onAnimEnd(e) { if (!mount) { onMutations(); return; } var t = e.target; if (t && t.nodeType === 1 && (mount.root.contains(t) || t.contains(mount.root))) placePanel(); } function onKeydown(e) { if ((e.key === 'Escape' || e.key === 'Esc') && mount && mount.panel.classList.contains('is-sheet') && !mount.panel.hidden) { e.stopPropagation(); e.preventDefault(); closeSheet(); } } function refreshFromStorage() { state = loadState(); if (!snap || !snap.fresh) snap = loadCache() || snap; ensureMount(); render(); } /* --------------------------------- boot --------------------------------- */ injectCSS(); subscribe(0); try { new MutationObserver(onMutations).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'style', 'aria-hidden', 'open', 'data-state', 'aria-expanded'] }); } catch (e) { warn('MutationObserver başlatılamadı:', e); } window.addEventListener('popstate', function () { onMutations(); }); window.addEventListener('resize', function () { if (mount) { placePanel(); trackFor(300); } }); document.addEventListener('transitionend', onAnimEnd, true); document.addEventListener('animationend', onAnimEnd, true); window.addEventListener('keydown', onKeydown, true); window.addEventListener('storage', function (e) { if (e.key === STATE_KEY || (e.key === CART_KEY && (!snap || !snap.fresh))) refreshFromStorage(); }); document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'visible') refreshFromStorage(); }); window.addEventListener('pageshow', function (e) { if (e.persisted) refreshFromStorage(); }); if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', ensureMount); else ensureMount(); window.__sbReward = { booted: true, version: VERSION, config: CONFIG, state: function () { return clone(state); }, snapshot: function () { return snap ? clone(snap) : null; }, plan: function () { return snap ? plan(snap, state, false) : null; }, resume: function () { halted = false; autoPauseUntil = 0; mismatches = 0; opHistory = []; scheduleReconcile(0); }, reset: resetAll, debug: function (on) { CONFIG.DEBUG = on !== false; return CONFIG.DEBUG; } }; })(); <\/script>