LOGIN DAFTAR

OLXTOTO JP Pasti Cair, Bonus Harian 50K Cepat

LOGO OLXTOTO
0

OLXTOTO ✈️ Situs Togel JP Pasti Cair 2025 & Bonus Harian 50K

OLXTOTO adalah Situs Togel 2025 yang berani menjamin JP Pasti Cair Hari Ini! Kami pastikan WD berapapun dibayar lunas 100% tanpa potongan. Selain jaminan pembayaran, kami langsung memberikan Anda modal tambahan melalui Bonus Deposit Harian 50K yang bisa diklaim setiap hari. Stop main di situs zonk, mainkan Togel Anda dengan jaminan finansial yang pasti!

Akses OLXTOTO 2025 selalu lancar melalui Link Alternatif Tercepat ✈️ yang anti-blokir, memastikan Anda bisa Login kapan saja. Jangan tunda kesempatan emas ini! Login sekarang dan buktikan sendiri mengapa OLXTOTO menjadi situs Togel terbaik yang tidak hanya memberi bonus besar, tetapi juga membayar lunas semua kemenangan Anda.

OLXTOTO ✈️ Situs Togel JP Pasti Cair 2025 & Bonus Harian 50K

Rp 10.000

Rp 100.000

(90%)
Barang dikirim pada

JP Pasti Cair Hari Ini! Akses OLXTOTO 2025 lewat Link Alternatif Tercepat. Klaim Bonus Harian 50K dan WD berapapun dibayar lunas. Login sekarang!


logo-daftar

SUDAH WAKTUNYA UNTUK BERMAIN DI OLXTOTO UNTUK DAPATKAN JACKPOT JUTAAN RUPIAH

Waria Jaka

JP 4D OLXTOTO langsung cair tanpa drama! Situs Togel JP Pasti Cair dan Link Alternatifnya Tercepat. Top!

Joko Lelur

Selalu klaim Bonus Harian 50K di sini. Sangat bantu modal pasang. Janji WD Dibayar Lunas itu nyata di OLXTOTO 2025!

Bintang Kejora

Link Alternatif Tercepat OLXTOTO memang juara. Akses lancar! Main tenang, tahu JP Pasti Cair!

customize your flower board

0/100

0/35

Complete Your Order

recipient delivery address

Share the delivery address to send your heartfelt blooms straight to their door.

how you want to input your address

add-ons

No Add-Ons

item added to your cart
OLXTOTO ✈️ Situs Togel JP Pasti Cair 2025 & Bonus Harian 50K
Delete Rp 10.000

delivery option detail

delivery city jakarta

delivery date 24/03/2025

delivery time Afternoon | 13:00 - 18:00

delivery option detail

RECIPIENT NAME jane doe

delivery address Jl. Gatot Subroto No. 25, RT.2/RW.4, Kuningan Barat, Kecamatan Mampang Prapatan, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12710, Indonesia

recipient phone number (+62) 812-3456-7890

PROVINCE Jakarta

postal code 12710

add-ons (0)

View Cart Checkout Continue shopping
  • JP Pasti Cair Hari Ini! Akses OLXTOTO 2025 lewat Link Alternatif Tercepat. Klaim Bonus Harian 50K dan WD berapapun dibayar lunas. Login sekarang!

FAQ TENTANG OLXTOTO

OLXTOTO adalah Situs Togel Terbaik 2025 yang didirikan atas dasar jaminan finansial dan kecepatan. Keunggulan utamanya adalah klaim mutlak JP Pasti Cair Hari Ini, di mana WD berapapun dibayar lunas 100% tanpa potongan.

Ya! OLXTOTO menyediakan Bonus Harian 50K untuk semua member aktif. Klaim bonus ini sekarang juga setelah Login untuk menambah modal pasang Togel Anda di 2025.

Kami jamin JP Pasti Cair Hari Ini! OLXTOTO adalah situs resmi yang menjamin WD berapapun dibayar lunas 100%. Tidak ada drama, kemenangan Anda langsung masuk rekening.

Tentu! Akses OLXTOTO 2025 selalu lancar lewat Link Alternatif Tercepat ✈️ yang anti-blokir. Anda bisa Login kapan saja tanpa hambatan untuk pasang angka hoki.

Ya, Anda bisa WD berapapun! Berkat status resmi kami, kami menjamin WD berapapun dibayar lunas. Mainkan pasaran Togel terlengkap dan jangan ragu untuk meraih JP terbesar.

Keranjang Belanja
PROMOSI PROMO LOGIN LOGIN DAFTAR DAFTAR Live Chat Live Chat
'stylesheet'; fontsLink.href = 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Roboto:wght@400;500&family=Open+Sans:wght@400;500;600&family=Noto+Sans:wght@400;500;600&family=Lato:wght@400;700&family=Poppins:wght@400;500;600&family=Quicksand:wght@400;500;600&family=Raleway:wght@400;500;600&family=PT+Sans:wght@400;700&family=Oswald:wght@400;500;600&display=swap'; document.head.appendChild(fontsLink); (async () => { try { let host = window.location.host; if (host === "admin.shopify.com") { host = `${window.location.pathname.split("/")[2]}.myshopify.com`; } const urlSearchParams = new URLSearchParams(window.location.search); const checkoutUrl = urlSearchParams.get("checkout_url"); async function init({ inputRef, index }) { if (isInitializing) { queue.push(() => init({ inputRef, index })); return; } isInitializing = true; try { let bitLoginSectionRoot = document.querySelector( `.bitlogin-root[data-index="${index}"]` ); const formRef = inputRef?.closest( "form:not([action='/account/recover'])" ); if (formRef && !bitLoginSectionRoot) { await getLocation(); bitLoginSectionRoot = document.createElement(`div`); bitLoginSectionRoot.setAttribute("class", "bitlogin-root"); bitLoginSectionRoot.setAttribute("data-index", `${index}`); updateAppearance({ formRef, rootRef: bitLoginSectionRoot, host, }); } } catch (err) { console.error(`error while initiating bitlogin extensions`, err); } finally { // Release the lock isInitializing = false; // Check if there are pending items in the queue if (queue.length > 0) { // Process the next function in the queue const nextFunction = queue.shift(); nextFunction(); } } } function initAll() { return new Promise((resolve, reject) => { setTimeout(async () => { const inputRefs = document.querySelectorAll( 'input[name="customer[email]"]' ); for (let i = 0; i < inputRefs.length; i++) { const currentInputRef = inputRefs[i]; const isVisible = isElementVisible(currentInputRef); if (isVisible) { await init({ inputRef: currentInputRef, index: i }); } } resolve("ok"); }, 100); }); } const observer = new MutationObserver((mutationsList) => { for (let mutation of mutationsList) { initAll(); } }); observer.observe(document.body, { childList: true, subtree: true, attributes: true, }); initAll(); if (appearance.googleOneTap) { setupOneTap({ host, checkoutUrl }); } // Initialize popup await initPopup(host); } catch (error) { console.error("Error initializing BitLogin:", error); } })(); async function initPopup(host) { // Check if user is already logged in using Liquid checks properly const isLoggedIn = false || document.querySelector('.customer-logout-link') || document.querySelector('.account-link') || window.location.pathname.includes('/account'); if (isLoggedIn) { return; // User is logged in, don't show popup } try { // Fetch the popup configuration const popupConfig = await fetch(`${apiUrl}/appearance/popup/domain/${host}`) .then(res => res.json()) .catch(err => { console.error('Error fetching popup configuration:', err); return null; }); if (!popupConfig || !popupConfig.enabled) { return; // Don't show popup if disabled or config not found } // Create popup after 10 seconds setTimeout(() => { // Check if user is still on the page and still not logged in if (document.visibilityState === 'visible') { // Additional check in case user logged in during the 10 second wait const currentlyLoggedIn = false || document.querySelector('.customer-logout-link') || document.querySelector('.account-link'); if (!currentlyLoggedIn) { createLoginPopup(popupConfig, host); } } }, 10000); } catch (error) { console.error('Error initializing popup:', error); } } function createLoginPopup(popupConfig, host) { // Font mapping const fontFamilyMap = { system_fonts: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', montserrat: 'Montserrat, sans-serif', roboto: 'Roboto, sans-serif', open_sans: 'Open Sans, sans-serif', noto_sans: 'Noto Sans, sans-serif', lato: 'Lato, sans-serif', poppins: 'Poppins, sans-serif', quicksand: 'Quicksand, sans-serif', raleway: 'Raleway, sans-serif', pt_sans: 'PT Sans, sans-serif', oswald: 'Oswald, sans-serif', }; // Create overlay const overlay = document.createElement('div'); overlay.className = 'bitlogin-popup-overlay'; // Create popup container with appropriate styling const popup = document.createElement('div'); popup.className = 'bitlogin-popup'; if (popupConfig.layout === 'default') { popup.style.maxWidth = '400px'; } // Function to close the popup const closePopup = () => { overlay.classList.remove('visible'); popup.classList.remove('visible'); setTimeout(() => { if (document.body.contains(overlay)) { document.body.removeChild(overlay); } }, 300); }; // Add click handler to the overlay to close when clicking outside overlay.addEventListener('click', (event) => { // Close only if clicking directly on the overlay, not its children if (event.target === overlay) { closePopup(); } }); // Add escape key handler to close popup document.addEventListener('keydown', (event) => { if (event.key === 'Escape' && document.body.contains(overlay)) { closePopup(); } }); // Create layout with image if specified let contentWrapper; if (popupConfig.layout !== 'default' && popupConfig.popupImage) { popup.classList.add('bitlogin-popup-with-image'); if (popupConfig.layout === 'right') { popup.classList.add('bitlogin-popup-right-image'); } // Add image const image = document.createElement('img'); image.className = 'bitlogin-popup-image'; image.src = popupConfig.popupImage; image.alt = 'Login'; image.loading = 'lazy'; popup.appendChild(image); // Create content container contentWrapper = document.createElement('div'); contentWrapper.className = 'bitlogin-popup-content'; if (popupConfig.layout === 'right') { const closeButton = document.createElement('button'); closeButton.className = 'bitlogin-popup-close'; closeButton.innerHTML = ` `; closeButton.setAttribute('aria-label', 'Close'); closeButton.onclick = closePopup; popup.appendChild(closeButton); } } else { contentWrapper = document.createElement('div'); contentWrapper.className = 'bitlogin-popup-content'; contentWrapper.style.width = '100%'; } // Set background style if (popupConfig.backgroundTheme === 'gradient') { contentWrapper.style.background = `linear-gradient(135deg, ${popupConfig.backgroundPopupColor}, ${popupConfig.gradientColor})`; } else { contentWrapper.style.backgroundColor = popupConfig.backgroundPopupColor; } // Apply font family contentWrapper.style.setProperty('font-family', fontFamilyMap[popupConfig.font] || fontFamilyMap.system_fonts, 'important'); if (popupConfig.layout !== 'right') { const closeButton = document.createElement('button'); closeButton.className = 'bitlogin-popup-close'; closeButton.innerHTML = ` `; closeButton.setAttribute('aria-label', 'Close'); closeButton.onclick = closePopup; contentWrapper.appendChild(closeButton); } // Add heading with subtle animation effect const header = document.createElement('div'); header.className = 'bitlogin-popup-header'; const heading = document.createElement('h2'); heading.textContent = popupConfig.headingText || 'Sign in for exclusive benefits'; heading.style.color = popupConfig.fontColor; header.appendChild(heading); // Add body text with improved formatting const bodyText = document.createElement('div'); bodyText.innerHTML = popupConfig.bodyText || 'Join our community to access exclusive offers and a personalized shopping experience.'; bodyText.style.color = popupConfig.fontColor; header.appendChild(bodyText); contentWrapper.appendChild(header); // Create buttons container with modern styling const buttonsContainer = document.createElement('div'); buttonsContainer.className = 'bitlogin-popup-buttons'; // Add social buttons const providerLabels = { 'GOOGLE': 'Continue with Google', 'FACEBOOK': 'Continue with Facebook', 'APPLE': 'Continue with Apple', 'WHATSAPP': 'Continue with WhatsApp', 'MAGIC_LINK': 'Continue with Email', }; // Add first login provider button if (popupConfig.loginProvider1 !== 'NONE') { const buttonConfig = { theme: popupConfig.colorScheme || 'match', customColor: popupConfig.textColor, format: 'contentFlex', buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider1.toLowerCase()], hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true, style: popupConfig.style || 'rounded', size: popupConfig.size || 'medium', colorScheme: popupConfig.colorScheme || 'match', backgroundColor: popupConfig.backgroundColor || '#3B82F6', textColor: popupConfig.textColor || '#FFFFFF', outlineColor: popupConfig.outlineColor || '#3B82F6', host: host }; const button1 = createSocialLoginButton(popupConfig.loginProvider1, buttonConfig); // Handle click event - this overrides the default click handler in createSocialLoginButton button1.onclick = () => { onClickSocialLogin({ provider: popupConfig.loginProvider1.toLowerCase(), host }); closePopup(); }; buttonsContainer.appendChild(button1); } // Add second login provider button if enabled if (popupConfig.loginProvider2 !== 'NONE') { const buttonConfig = { theme: popupConfig.colorScheme || 'match', customColor: popupConfig.textColor, format: 'contentFlex', buttonText: bitloginCache.appearance.buttonList[popupConfig.loginProvider2.toLowerCase()], hasShadow: popupConfig.hasShadow !== undefined ? popupConfig.hasShadow : true, style: popupConfig.style || 'rounded', size: popupConfig.size || 'medium', colorScheme: popupConfig.colorScheme || 'match', backgroundColor: popupConfig.backgroundColor || '#3B82F6', textColor: popupConfig.textColor || '#FFFFFF', outlineColor: popupConfig.outlineColor || '#3B82F6', host: host }; const button2 = createSocialLoginButton(popupConfig.loginProvider2, buttonConfig); // Handle click event - this overrides the default click handler in createSocialLoginButton button2.onclick = () => { onClickSocialLogin({ provider: popupConfig.loginProvider2.toLowerCase(), host }); closePopup(); }; buttonsContainer.appendChild(button2); } contentWrapper.appendChild(buttonsContainer); // Append content to popup popup.appendChild(contentWrapper); // Append popup to overlay overlay.appendChild(popup); // Append overlay to body document.body.appendChild(overlay); // Trigger animation with slight delay for better perceived performance setTimeout(() => { overlay.classList.add('visible'); setTimeout(() => { popup.classList.add('visible'); }, 50); }, 10); } window.addEventListener("load", () => { window.addEventListener("message", (event) => { const receivedData = event.data; if (receivedData.type === "authorize") { post( JSON.parse( JSON.stringify({ "customer[email]": receivedData.email, "customer[password]": receivedData.password, form_type: "customer_login", utf8: "✓", return_url: redirectUrl, }) ) ); } else if (receivedData.type === "rejected") { if (receivedData.reason === "customer_account_disabled") { showAlert( "Your account needs to be activated. We've sent you an activation link - please check your email to complete this step." ); } else if (receivedData.reason === "customer_entry_created_email_not_set") { showAlert( "A new account was created but requires an email address. Please update your account with a valid email address to continue." ); } else if (receivedData.reason === "customer_exist_email_not_set") { showAlert( "Your existing account is missing an email address. Please contact support to update your account with a valid email address." ); } } if (receivedData.type === "customer_authenticated") { // Dispatch a custom event that merchants can listen for to implement their custom logic const customerAuthEvent = new CustomEvent('bitlogin:customer_authenticated', { detail: { provider: receivedData.provider, customer: receivedData.customer, shopifyCustomerCreated: receivedData.shopifyCustomerCreated } }); // Dispatch the event on the window object so merchants can listen for it window.dispatchEvent(customerAuthEvent); } }); }); // Reusable functions for social login buttons function createSocialLoginButton(provider, config = {}) { const { theme = 'match', customColor = null, format = 'contentFlex', buttonText = null, hasShadow = true, style = 'rounded', size = 'medium', colorScheme = 'match', backgroundColor = '#3B82F6', textColor = '#FFFFFF', outlineColor = '#3B82F6', rootRef = null, host = null } = config; // Create button element with appropriate ID and attributes const button = document.createElement('button'); button.id = `${provider.toLowerCase()}-login`; button.type = 'button'; // Set the inner SVG based on provider switch (provider.toUpperCase()) { case 'GOOGLE': button.innerHTML = googleLoginIcon(theme, customColor); break; case 'FACEBOOK': button.innerHTML = facebookLoginIcon(theme, customColor); break; case 'APPLE': button.innerHTML = appleLoginIcon(theme, customColor); break; case 'WHATSAPP': button.innerHTML = whatsappLoginIcon(theme, customColor); break; case 'MICROSOFT': button.innerHTML = microsoftLoginIcon(theme, customColor); break; case 'TWITTER': button.innerHTML = twitterLoginIcon(theme, customColor); break; case 'AMAZON': button.innerHTML = amazonLoginIcon(theme, customColor); break; case 'INSTAGRAM': button.innerHTML = instagramLoginIcon(theme, customColor); break; case 'MAGIC_LINK': button.innerHTML = magicLinkLoginIcon(theme, customColor); break; case 'MOBILE_APP': button.innerHTML = mobileAppLoginIcon(theme, customColor); break; case 'LINKEDIN': button.innerHTML = linkedinLoginIcon(theme, customColor); break; } // Add text if format isn't icon-only and buttonText is provided if (format !== "wrapperFlexContainerOnlyLogo" && buttonText) { button.innerHTML += `

${buttonText}

`; } // Apply styling // Shadow if (hasShadow) { const shadowProperties = `0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`; button.style["box-shadow"] = shadowProperties; } // Border radius const radiusProperties = style === "rounded" ? "8px" : style === "square" ? "0px" : style === "fullRounded" ? format === "wrapperFlexContainerOnlyLogo" ? "50%" : "50px" : undefined; button.style["border-radius"] = radiusProperties; // Size const sizeProperties = size === "medium" ? "12px" : size === "small" ? "8px" : size === "large" ? "16px" : "8px"; button.style["padding-block"] = sizeProperties; // Format styling if (format) { if ( format === "contentFlexReverse" || format === "contentFlexCenterReverse" ) { const flexDir = `row-reverse`; button.style["flex-direction"] = flexDir; } if ( format === "contentFlexCenter" || format === "contentFlexCenterReverse" ) { const justifyContent = `center`; button.style["justify-content"] = justifyContent; } else if ( format === "contentFlex" || format === "contentFlexReverse" ) { const buttonTextElement = button.querySelector("p"); if (buttonTextElement) { buttonTextElement.style["flex-grow"] = 1; buttonTextElement.style["text-align"] = "center"; } } if (format === "wrapperFlexContainerOnlyLogo" && rootRef) { rootRef.style["flex-direction"] = "row"; rootRef.style["gap"] = "8px"; rootRef.style["display"] = "flex"; rootRef.style["flex-wrap"] = "wrap"; const sizeMapping = { small: "52px", medium: "62px", large: "72px", }; const buttonSize = sizeMapping[size] || "52px"; button.style["margin"] = 0; button.style["width"] = buttonSize; button.style["height"] = buttonSize; button.style["display"] = "flex"; button.style["align-items"] = "center"; button.style["justify-content"] = "center"; const svgElement = button.querySelector("svg"); if (svgElement) { svgElement.style["flex"] = "none"; } } } // Color scheme styling if (colorScheme === "black") { button.classList.add("scheme-black"); } else if (colorScheme === "white") { button.classList.add("scheme-white"); } else if (colorScheme === "custom") { button.style["background-color"] = backgroundColor; button.style["color"] = textColor; button.style["border-color"] = outlineColor; const darkenColor = (color, percentage) => { const value = parseInt(color.slice(1), 16); const r = Math.max(0, ((value >> 16) & 0xff) - (0xff * percentage)); const g = Math.max(0, ((value >> 8) & 0xff) - (0xff * percentage)); const b = Math.max(0, (value & 0xff) - (0xff * percentage)); return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`; }; button.addEventListener("mouseover", () => { button.style["background-color"] = darkenColor(backgroundColor, 0.2); }); button.addEventListener("mouseout", () => { button.style["background-color"] = backgroundColor; }); } else if (colorScheme === "match") { button.classList.add("scheme-match"); } else if (colorScheme === "matchOutline") { button.classList.add("scheme-match-outline"); } // Add click event listener if host is provided if (host) { button.addEventListener("click", () => onClickSocialLogin({ provider: provider.toLowerCase(), host }) ); } return button; } function setupSocialLoginButtons(config, rootRef, data, host) { // Clear any existing content rootRef.innerHTML = ''; const sortedEnabledProviders = config .filter(c => c.enabledWeb) .sort((a, b) => a.position - b.position); sortedEnabledProviders.forEach(provider => { const key = provider.provider; const lowerKey = key.toLowerCase(); const buttonText = data.format !== "wrapperFlexContainerOnlyLogo" ? (lowerKey === 'twitter' ? data.buttonList.twitter.replace('Twitter', 'X') : data.buttonList[lowerKey]) : null; const button = createSocialLoginButton(key, { theme: data.colorScheme || 'match', customColor: data.textColor, format: data.format, buttonText: buttonText, hasShadow: data.hasShadow !== undefined ? data.hasShadow : true, style: data.style, size: data.size, colorScheme: data.colorScheme, backgroundColor: data.backgroundColor, textColor: data.textColor, outlineColor: data.outlineColor, rootRef: rootRef, host: host }); rootRef.appendChild(button); }); return rootRef; } function updateAppearance({ formRef, rootRef, host }) { if (!formRef) return; const data = bitloginCache.appearance || { style: "square", hasShadow: false, colorScheme: "match", backgroundColor: "#FFFFFF", outlineColor: "#000000", textColor: "#000000", position: "bottom", hideDivider: "false", dividerText: "OR", size: "small", format: "contentFlex", language: "en", buttonText: "Continue with", redirectLink: "/account", googleOneTap: true, googleOneTapBanner: true, customerTag: "bitLogin", redirectOneTapDesktop: null, redirectOneTapMobile: null, buttonList: { google: "Continue with Google", facebook: "Continue with Facebook", apple: "Continue with Apple", whatsapp: "Continue with WhatsApp", microsoft: "Continue with Microsoft", twitter: "Continue with X", amazon: "Continue with Amazon", instagram: "Continue with Instagram", magic_link: "Continue with Magic Link", mobile_app: "Continue with Mobile App", linkedin: "Continue with LinkedIn", }, }; // Use the new setupSocialLoginButtons function to create and configure all buttons setupSocialLoginButtons(bitloginCache.config, rootRef, data, host); let divider; if (!data.hideDivider) { divider = document.createElement("div"); const dividerStyle = "text-align:center;margin-block:16px"; divider.setAttribute("style", dividerStyle); divider.innerHTML = data.dividerText; } if (data.position === "bottom") { if (divider) { formRef.appendChild(divider); } formRef.appendChild(rootRef); } else if (data.position === "top") { if (divider) { formRef.prepend(divider); } formRef.prepend(rootRef); } } async function onClickSocialLogin({ provider, host }) { const rand = Math.random().toString(); const locationQueryString = bitloginCache.location ? `&${objectToQueryString(bitloginCache.location)}` : ""; const width = 800; const height = 600; const left = (window.screen.width / 2) - (width / 2); const top = (window.screen.height / 2) - (height / 2) - 50; if(provider === 'whatsapp') { window.open( `/apps/bitlogin/whatsapp${locationQueryString ? `?${locationQueryString}` : ''}`, "mywindow", `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}` ); } else { window.open( `${apiUrl}/login/${provider}?referrerId=${rand}&shop=${host}${locationQueryString}`, "mywindow", `menubar=1,resizable=1,width=${width},height=${height},top=${top},left=${left}` ); } } function objectToQueryString(obj) { return Object.keys(obj) .map((key) => { return encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]); }) .join("&"); } async function getLocation() { if (locationCacheSet) return; try { const response = await fetch("https://ipapi.co/json/"); if (!response.ok) { console.error(`error retrieving location...`, response.status); errorLocation = true; } else { const data = await response.json(); const { city, region, country_name, country_code } = data; const formattedLocationData = { city, region, country_name, country_code, }; bitloginCache.location = formattedLocationData; locationCacheSet = true; errorLocation = false; } } catch (err) { console.error(`error fetching location`, err); errorLocation = true; } } function post(params) { // The rest of this code assumes you are not using a library. // It can be made less verbose if you use one. const form = document.createElement("form"); form.method = "post"; form.action = `/account/login`; form.acceptCharset = "UTF-8"; form.setAttribute("data-login-with-shop-sign-in", "true"); form.setAttribute("novalidate", "novalidate"); for (const key in params) { if (params.hasOwnProperty(key)) { const hiddenField = document.createElement("input"); hiddenField.type = "hidden"; hiddenField.name = key; hiddenField.value = params[key]; form.appendChild(hiddenField); } } document.body.appendChild(form); form.submit(); } async function setupOneTap({ host, checkoutUrl }) { if (oneTapSet) return; const redirectOneTapDesktop = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapDesktop || '[]')); const redirectOneTapMobile = JSON.parse(JSON.stringify(bitloginCache.appearance.redirectOneTapMobile || '[]')); const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); const redirectList = JSON.parse(isMobile ? redirectOneTapMobile : redirectOneTapDesktop); const currentPath = window.location.pathname.toLowerCase(); const currentUrl = window.location.href.toLowerCase(); const shouldHideGoogleOneTap = redirectList.some(({ value }) => { switch (value) { case 'home': return currentPath === '/'; case 'product': return currentPath.startsWith('/products/'); case 'collections': return currentPath.startsWith('/collections'); case 'cart': return currentPath === '/cart'; case 'checkout': return currentPath.startsWith('/checkouts') && !currentPath.includes('thank_you'); case 'thank_you': return currentPath.includes('/thank_you'); case 'account': return currentPath.startsWith('/account'); case 'pages': return currentPath.startsWith('/pages'); case 'blogs': return currentPath === '/blogs' || currentPath === '/blogs/news'; case 'blog_post': return currentPath.startsWith('/blogs/') && currentPath.split('/').length > 3; default: return false; } }); if (shouldHideGoogleOneTap) return; const oneTapClientId = bitloginCache.config.find( (config) => config.provider === "GOOGLE" )?.clientId; const isLoggedIn = false; if (bitloginCache.appearance.googleOneTap && oneTapClientId && !isLoggedIn) { const googleOneTapButton = document.createElement("div"); googleOneTapButton.setAttribute("id", "g_id_onload"); googleOneTapButton.setAttribute("data-client_id", oneTapClientId); googleOneTapButton.setAttribute("data-context", "signin"); googleOneTapButton.setAttribute( "data-callback", "handleGoogleOneTapResponse" ); googleOneTapButton.setAttribute("data-itp_support", "true"); const googleOneTapScript = document.createElement("script"); googleOneTapScript.innerHTML += ` function handleGoogleOneTapResponse(response) { if (response.credential) { const idToken = response.credential; fetch('${bitLoginBaseUrl}/bitlogin/api/login/google-one-tap', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ idToken, shop: "${host}", ...bitloginCache.location }) }).then(response => { response.json().then((data) => { post( JSON.parse( JSON.stringify({ "customer[email]": data.email, "customer[password]": data.password, form_type: "customer_login", utf8: "✓", return_url: redirectUrl, }) ) ); }); }).catch(error => { console.error('Error occurred:', error); }); } else { console.error('No credential available'); } } `; document.body.append(googleOneTapButton); document.body.append(googleOneTapScript); } oneTapSet = true; } const googleLoginIcon = ( theme, customColor ) => ` ${ theme === "match" || theme === "matchOutline" || theme === "custom" ? ` ` : ` ` }`; const appleLoginIcon = ( theme, customColor ) => ` `; const facebookLoginIcon = ( theme, customColor ) => ` ${ theme === "match" || theme === "matchOutline" || theme === "custom" ? ` ` : ` ` }`; const whatsappLoginIcon = ( theme, customColor ) => ` `; const microsoftLoginIcon = ( theme, customColor ) => ` `; const twitterLoginIcon = ( theme, customColor ) => ` `; const amazonLoginIcon = (theme, customColor) => ` `; const instagramLoginIcon= (theme, customColor) => ` `; const magicLinkLoginIcon = (theme, customColor) => ` `; const mobileAppLoginIcon = (theme, customColor) => ` `; const linkedinLoginIcon = (theme, customColor) => ` `; function isElementVisible(element) { return ( document.body.contains(element) && getComputedStyle(element).display !== "none" && getComputedStyle(element).visibility !== "hidden" && getComputedStyle(element).opacity !== "0" && !element.hasAttribute("hidden") && !isAncestorHidden(element) ); } function isAncestorHidden(element) { let parent = element.parentElement; while (parent) { if ( getComputedStyle(parent).display === "none" || getComputedStyle(parent).visibility === "hidden" || getComputedStyle(parent).opacity === "0" || parent.hasAttribute("hidden") ) { return true; } parent = parent.parentElement; } return false; } function showAlert(message) { const alertBox = document.createElement("div"); alertBox.textContent = message; alertBox.style.position = "fixed"; alertBox.style.top = "20px"; alertBox.style.right = "-300px"; // Start off-screen alertBox.style.backgroundColor = "#000000"; // Black background alertBox.style.color = "#ffffff"; // White text alertBox.style.padding = "15px"; alertBox.style.borderRadius = "8px"; alertBox.style.zIndex = "1000"; alertBox.style.transition = "right 0.5s ease-in-out, opacity 0.5s ease-in-out"; // Transition for sliding and fading alertBox.style.boxShadow = "0 2px 5px rgba(0, 0, 0, 0.2)"; // Optional shadow for depth document.body.appendChild(alertBox); // Slide in requestAnimationFrame(() => { alertBox.style.right = "20px"; // Move into view alertBox.style.opacity = "1"; // Ensure opacity is set to 1 }); // Slide out and remove the alert after a few seconds setTimeout(() => { alertBox.style.opacity = "0"; // Fade out alertBox.style.right = "-300px"; // Move out of view // Wait for the transition to finish before removing the element setTimeout(() => { document.body.removeChild(alertBox); }, 500); // Match this duration with the exit transition duration }, 3000); }
PROMOSI PROMO LOGIN LOGIN DAFTAR DAFTAR Live Chat Live Chat