{window.BRAND_LOGOS && window.BRAND_LOGOS[brand] ?

{React.cloneElement(window.BRAND_LOGOS[brand], { style: { width:'100%', height:'100%' } })}

: glyph}

{/* Brand name watermark at bottom */}

{brand}

); }; // === Compact thumb (for cart/summary) === const ThumbSm = ({ brand, color, glyph, size = 56 }) => (

40 ? 12 : 10, background: `linear-gradient(135deg, ${color}, ${color}aa)`, fontSize: size > 50 ? 20 : 14, display: 'grid', placeItems: 'center', flexShrink: 0, fontFamily: 'var(--font-en)', fontWeight: 800, color: 'white', }}> {window.BRAND_LOGOS && window.BRAND_LOGOS[brand] ?

{React.cloneElement(window.BRAND_LOGOS[brand], { style: { width:'100%', height:'100%' } })}

: glyph}

); // === Format EGP price === const fmtPrice = (n) => { if (n == null || isNaN(n)) return null; return new Intl.NumberFormat('en-US').format(n); }; // === Localize billing label === const billingAr = { 'Monthly': 'شهري', 'Annual': 'سنوي', 'Annual equivalent': 'سنوي (مكافئ شهري)', 'Annual equivalent monthly': 'سنوي (شهري)', 'Annual subscription': 'اشتراك سنوي', 'Top-up': 'شحن', 'Gift card': 'بطاقة هدية', 'بطاقة هدية': 'Gift Card', 'Monthly/Annual': 'شهري / سنوي', 'Custom': 'مخصص', }; const billingEn = Object.fromEntries(Object.entries(billingAr).map(([k, v]) => [v, k])); const tBilling = (b, lang) => { if (lang === 'en') return billingEn[b] || b || ''; return billingAr[b] || b || ''; }; // === WhatsApp buy helper — opens WA with prefilled order message === const WA_NUMBER = '201551724428'; const WA_LINK = `https://wa.me/${WA_NUMBER}`; const CART_ITEM_LIMIT = 2; const cartItemCount = (items = []) => { return (Array.isArray(items) ? items : []).reduce((sum, item) => { const qty = Math.max(0, Number(item?.qty) || 0); return sum + qty; }, 0); }; const clampCartItems = (items = [], limit = CART_ITEM_LIMIT) => { const out = []; let remaining = limit; (Array.isArray(items) ? items : []).forEach((item) => { if (!item || remaining <= 0) return; const qty = Math.max(1, Number(item.qty) || 1); const nextQty = Math.min(qty, remaining); out.push({ ...item, qty: nextQty }); remaining -= nextQty; }); return out; }; const cartLimitMessage = (lang = 'ar') => { return lang === 'en' ? `Cart limit is ${CART_ITEM_LIMIT} plans only.` : '\u0627\u0644\u0643\u0627\u0631\u062a \u064a\u0627\u062e\u062f \u0628\u0627\u0642\u062a\u064a\u0646 \u0628\u0633.'; }; // Translate plan names to clear Arabic for the WA message const planArabic = (plan) => { const map = { 'Go': 'ChatGPT Go', 'Plus (Lower Limit)': 'مشترك - حد استخدام أقل', 'Plus (Higher Limit)': 'مشترك - حد استخدام أعلى', 'Plus Private': 'خاص', 'Pro 5x': 'برو 5x (5 أضعاف الاستخدام)', 'Pro 20x': 'برو 20x (20 ضعف الاستخدام)', }; return map[plan] || plan; }; const displayPlanName = (productOrPlan, lang = 'ar', brand = '') => { const product = productOrPlan && typeof productOrPlan === 'object' ? productOrPlan : null; const plan = String(product ? product.plan : productOrPlan || ''); const productBrand = product ? product.brand : brand; const t = (ar, en) => lang === 'en' ? en : ar; if (productBrand === 'ChatGPT') { if (/Plus Shared/i.test(plan)) return t('بلس مشترك', 'Plus Shared'); if (/Plus Private|Private/i.test(plan)) return t('بلس خاص', 'Plus Private'); } return plan; }; const waDurationLine = (lang = 'ar', isCart = false) => { if (lang === 'en') { return isCart ? '• Subscription duration: 1 month each' : '• Subscription duration: 1 month'; } return isCart ? '• مدة كل اشتراك: شهر' : '• مدة الاشتراك: شهر'; }; const buildWaUrl = (product, lang = 'ar') => { const planLabel = displayPlanName(product, lang); const durationLine = waDurationLine(lang); const msg = lang === 'en' ? `Hello, I'd like to start this 1-month subscription:\n\n• Brand: ${product.brand}\n• Plan: ${planLabel}\n${durationLine}\n\nPlease send me the price and payment steps so I can start activation. Thanks!` : `السلام عليكم، حابب أبدأ الاشتراك ده لمدة شهر:\n\n• البراند: ${product.brand}\n• الباقة: ${planLabel}\n${durationLine}\n\nابعتلي السعر وخطوات الدفع عشان أبدأ التفعيل. شكراً.`; return `https://wa.me/${WA_NUMBER}?text=${encodeURIComponent(msg)}`; }; const buildCartWaUrl = (cart, lang = 'ar') => { const itemsList = cart.map(it => { const planLabel = displayPlanName(it, lang); return `• ${it.qty}x ${it.brand} — ${planLabel}`; }).join('\n'); const durationLine = waDurationLine(lang, true); const msg = lang === 'en' ? `Hello, I'd like to start these 1-month subscriptions:\n\n${itemsList}\n${durationLine}\n\nPlease send me the total price and payment steps so I can start activation. Thanks!` : `السلام عليكم، حابب أبدأ الاشتراكات دي لمدة شهر:\n\n${itemsList}\n${durationLine}\n\nابعتلي الإجمالي وخطوات الدفع عشان أبدأ التفعيل. شكراً.`; return `https://wa.me/${WA_NUMBER}?text=${encodeURIComponent(msg)}`; }; const formatDurationParts = (ms) => { const totalMinutes = Math.max(1, Math.ceil(Number(ms || 0) / 60000)); return { hours: Math.floor(totalMinutes / 60), minutes: totalMinutes % 60 }; }; const whatsappCooldownMessage = (retryAfterMs, lang = 'ar') => { const { hours, minutes } = formatDurationParts(retryAfterMs); const timeText = lang === 'en' ? [hours ? `${hours}h` : '', minutes ? `${minutes}m` : ''].filter(Boolean).join(' ') : [hours ? `${hours} ساعة` : '', minutes ? `${minutes} دقيقة` : ''].filter(Boolean).join(' و '); return lang === 'en' ? `WhatsApp is limited for this visitor. Try again in ${timeText || 'a few minutes'}, or leave your details and we will contact you.` : `فتح واتساب محدود للزائر ده. حاول تاني بعد ${timeText || 'دقائق قليلة'}، أو سيب بياناتك وهنكلمك.`; }; const whatsappIntentBody = (props = {}) => { const route = analyticsRoute(); return { sessionId: analyticsSessionId(), route, path: window.location.pathname || '/', lang: document.documentElement.lang || 'ar', referrer: analyticsReferrer(), device: analyticsDevice(), browser: analyticsBrowser(), props, userAgent: navigator.userAgent || '' }; }; const openWhatsAppUrl = (url, targetWindow = null) => { if (targetWindow && !targetWindow.closed) { try { targetWindow.opener = null; } catch (e) {} targetWindow.location.href = url; return; } const a = document.createElement('a'); a.href = url; a.target = '_blank'; a.rel = 'noopener noreferrer'; document.body.appendChild(a); a.click(); document.body.removeChild(a); }; const notifyWhatsAppBlocked = (message, retryAfterMs) => { const event = new CustomEvent('aisubs:whatsapp-blocked', { detail: { message, retryAfterMs } }); window.dispatchEvent(event); }; const guardWhatsAppOpen = async (event, url, lang = 'ar', props = {}) => { if (event) { event.preventDefault(); } let targetWindow = null; try { targetWindow = window.open('', '_blank'); } catch (e) {} try { const res = await fetch('/api/whatsapp-intent', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(whatsappIntentBody(props)) }); const data = await res.json().catch(() => ({})); if (res.status === 429 || data.allowed === false) { if (targetWindow && !targetWindow.closed) targetWindow.close(); const retryAfterMs = data.retryAfterMs || 0; notifyWhatsAppBlocked(whatsappCooldownMessage(retryAfterMs, lang), retryAfterMs); return false; } if (!res.ok) throw new Error(data.error || 'WhatsApp intent check failed'); openWhatsAppUrl(url, targetWindow); return true; } catch (err) { // Fail open so a temporary analytics outage does not block a real buyer. trackAnalytics('whatsapp_click', props); openWhatsAppUrl(url, targetWindow); return true; } }; const buyOnWhatsApp = (product, lang = 'ar') => { const url = buildWaUrl(product, lang); guardWhatsAppOpen(null, url, lang, { brand: product.brand, plan: product.plan, category: product.category, source: 'buy_helper' }); }; const buyOnWhatsAppDirect = (product, lang = 'ar') => { const a = document.createElement('a'); a.href = buildWaUrl(product, lang); a.target = '_blank'; a.rel = 'noopener noreferrer'; document.body.appendChild(a); a.click(); document.body.removeChild(a); }; // Arabic search aliases — brands stay English in UI, but searchable in Arabic const BRAND_AR_ALIASES = { 'ChatGPT': 'شات جي بي تي شات جبت', 'Claude': 'كلود', 'Gemini': 'جيميني جمناي', 'Perplexity': 'بربلكستي', 'Midjourney': 'ميدجورني', 'GitHub Copilot': 'جيت هاب كوبايلوت', 'Cursor': 'كيرسور', 'Windsurf': 'ويندسيرف', 'ElevenLabs': 'ايلفن لابز', 'Manus AI': 'مانوس', 'Netflix': 'نتفلكس نتفليكس', 'Spotify': 'سبوتيفاي سبوتفاي', 'Disney+': 'ديزني بلس', 'YouTube Premium': 'يوتيوب بريميوم', 'Shahid VIP': 'شاهد فيب', 'Crunchyroll': 'كرانشي رول', 'Apple Music': 'ابل ميوزك', 'Apple TV+': 'ابل تي في', 'Canva': 'كانفا', 'Adobe Creative Cloud': 'ادوبي كريتيف', 'Figma': 'فيجما', 'Freepik': 'فريبيك', 'Envato Elements': 'انفاتو', 'PlayStation Plus': 'بلايستيشن بلس', 'Xbox Game Pass': 'اكس بوكس جيم باس', 'EA Play': 'اي ايه بلاي', 'Nintendo Online': 'ننتندو', 'JetBrains': 'جيت براينز', 'Replit': 'ربلت', 'JetBrains AI': 'جيت براينز', 'Gemini Code Assist': 'جيميني كود', 'iTunes': 'ايتونز اي تيونز', 'Google Play': 'جوجل بلاي', 'NordVPN': 'نورد في بي ان', 'ExpressVPN': 'اكسبريس في بي ان', 'Grammarly': 'جرامرلي', 'Z AI': 'زي ايه اي glm جي ال ام', 'Notion': 'نوشن', 'Zoom': 'زووم', 'Duolingo': 'ديولينجو', 'LinkedIn Premium': 'لينكد ان بريميوم', 'iCloud+': 'اي كلاود بلس', 'CapCut': 'كاب كات', 'Leonardo.AI': 'ليوناردو', 'Kling AI': 'كلينج', 'Runway': 'رن واي', 'Higgsfield': 'هيجزفيلد', 'Microsoft Copilot': 'مايكروسوفت كوبايلوت', 'Grok': 'جروك سوبر جروك', 'Character.AI': 'كاراكتر', 'Poe': 'بو', 'OSN+': 'او اس ان', 'WATCH IT': 'واتش ات', 'Amazon Prime Egypt': 'امازون برايم', 'TOD': 'تود', 'beIN': 'بي ان', 'StarzPlay': 'ستارز بلاي', 'Anghami': 'انغامي', 'HiTV': 'هاي تي في', 'PUBG MOBILE': 'ببجي', 'Free Fire': 'فري فاير', 'Mobile Legends': 'موبايل ليجندز', 'Valorant': 'فالورانت', 'PlayStation': 'بلايستيشن', 'Steam': 'ستيم', 'Roblox': 'روبلوكس', 'Xbox': 'اكس بوكس', 'EA SPORTS FC Mobile': 'اي ايه سبورتس', 'Tabnine': 'تاب ناين', }; const BEST_SELLERS = ['ChatGPT','Netflix','Claude','Spotify','Canva']; const NEW_BRANDS = ['Cursor','Windsurf','ElevenLabs','Manus AI','Z AI']; const POPULAR_BRANDS = ['Gemini','Perplexity','Midjourney','GitHub Copilot']; const getProductTag = (product, lang) => { const t = (ar, en) => lang === 'en' ? en : ar; if (BEST_SELLERS.includes(product.brand)) return { cls: 'best-seller', label: t('الأكثر طلباً', 'Best Seller') }; if (NEW_BRANDS.includes(product.brand)) return { cls: 'new-tag', label: t('جديد', 'New') }; if (POPULAR_BRANDS.includes(product.brand)) return { cls: 'popular', label: t('رائج', 'Popular') }; return null; }; const ProductCard = ({ product, lang, onClick, onAdd }) => { const buyLabel = lang === 'en' ? 'Order (WhatsApp)' : 'طلب (واتساب)'; const addLabel = lang === 'en' ? 'Add' : 'أضف'; const tag = getProductTag(product, lang); const planLabel = displayPlanName(product, lang); return (

{tag && {tag.label}}

{product.brand}

{planLabel}

{tBilling(product.billing, lang)}

{ e.stopPropagation(); guardWhatsAppOpen(e, buildWaUrl(product, lang), lang, { brand: product.brand, plan: product.plan, category: product.category, source: 'product_card' }); }}> {buyLabel}

); }; // === Fly-to-cart animation === const flyToCart = (e, product) => { const btn = e.currentTarget; const srcRect = btn.getBoundingClientRect(); const cartBtn = document.querySelector('.header-actions .icon-btn:last-child'); if (!cartBtn) return; const destRect = cartBtn.getBoundingClientRect(); const flyer = document.createElement('div'); flyer.className = 'fly-item'; flyer.textContent = product.glyph || product.brand[0]; Object.assign(flyer.style, { position: 'fixed', zIndex: 9999, width: '48px', height: '48px', borderRadius: '14px', background: product.color || 'var(--gold)', color: 'white', fontWeight: '800', fontFamily: 'Inter, sans-serif', fontSize: '18px', display: 'flex', alignItems: 'center', justifyContent: 'center', boxShadow: `0 8px 24px ${product.color}88`, pointerEvents: 'none', left: srcRect.left + srcRect.width / 2 - 24 + 'px', top: srcRect.top + srcRect.height / 2 - 24 + 'px', transition: 'all 0.65s cubic-bezier(0.2, 0.8, 0.2, 1)', opacity: '1', transform: 'scale(1)', }); document.body.appendChild(flyer); requestAnimationFrame(() => { requestAnimationFrame(() => { Object.assign(flyer.style, { left: destRect.left + destRect.width / 2 - 12 + 'px', top: destRect.top + destRect.height / 2 - 12 + 'px', width: '24px', height: '24px', borderRadius: '50%', fontSize: '10px', opacity: '0.3', transform: 'scale(0.4)', }); }); }); flyer.addEventListener('transitionend', () => { flyer.remove(); cartBtn.classList.add('cart-bounce'); const badge = cartBtn.querySelector('.badge'); if (badge) badge.classList.add('badge-pop'); setTimeout(() => { cartBtn.classList.remove('cart-bounce'); if (badge) badge.classList.remove('badge-pop'); }, 400); }, { once: true }); }; // Expose to other Babel scripts Object.assign(window, { Icon, BrandVisual, ThumbSm, fmtPrice, tBilling, billingAr, displayPlanName, ProductCard, buyOnWhatsApp, buyOnWhatsAppDirect, buildWaUrl, buildCartWaUrl, guardWhatsAppOpen, WA_NUMBER, WA_LINK, CART_ITEM_LIMIT, cartItemCount, clampCartItems, cartLimitMessage, flyToCart, BRAND_AR_ALIASES, analyticsSessionId, analyticsDevice, analyticsBrowser, analyticsReferrer, analyticsRoute, trackAnalytics, });