// recart email capture for cashback window.addEventListener('recart:optin-tool:email-captured', (event) => { const payload = event.detail; localStorage.setItem("rivo_cashback_opt_in_email", payload.email) }); window.Rivo.loyalty_campaign_enabled = true; window.Rivo.loyalty_campaign_config = { discount_code: "", desktop_announcement_text: "Customer exclusive: $10 off with code FF26 at checkout.", mobile_announcement_text: "Customer exclusive: $10 off with code FF26 at checkout.", sign_in_text: "Log in to claim your customer exclusive offer.", account_sidebar_customer_subtitle: "Use code FF26 for $10 off Friends & Family prices.", page_customer_title: "Customer exclusive: $10 off with code FF26 at checkout.", page_customer_body: "Complete your carry and & save during the Friends and Family Sale.", page_customer_button_text: "Shop the Friends and Family Sale", page_guest_title: "Sign in to unlock customer exclusives", page_guest_body: "Complete your carry with Wallets, Rings, Travel & more.", page_guest_button_text: "Sign in to save", check_previous_usage: false, order_tracking_title: "Your $10 off is waiting", order_tracking_body: "Friends & Family prices are live through November 4. Use code FF26 at checkout for $10 off, on every order." } function setCampaignConfig(){ if (window.Rivo.loyalty_campaign_enabled){ window.Rivo.campaign_config = { profile_hint: JSON.parse(localStorage.getItem('rivo_profile_hint') || '{}'), discount_code: window.Rivo.loyalty_campaign_config.discount_code, is_mobile: window.innerWidth < 768, preview_mode: false, preview_email: "@rivo.io" } window.Rivo.campaign_config.discount_code_eligible = (window.Rivo.campaign_config?.profile_hint?.customer_orders_count > 0 || window.Rivo.common?.customer?.orders_count > 0); } else { window.Rivo.campaign_config = {}; } } setCampaignConfig(); let campaignConfig = window.Rivo.campaign_config; // Set Variables const firstName = window.Rivo.common?.customer?.first_name || window.Rivo.campaign_config?.profile_hint?.first_name || window.Rivo.campaign_config?.profile_hint?.customer_first_name; // Return early if the customer has already used the discount code // let alreadyUsed = window.Rivo.common?.customer?.tags && (window.Rivo.common.customer.tags.indexOf("2025 Memorial / Fathers Day Discount Used") !== -1); // if (alreadyUsed || (campaignConfig.preview_mode && campaignConfig.profile_hint.email && campaignConfig.profile_hint.email.includes(campaignConfig.preview_email) == false)){ // return; //} function addAutoDiscountAnnouncementBar(){ const wrapper = document.querySelector('.theridge-promoBanner__text p'); if (wrapper){ wrapper.style.display = 'block'; wrapper.style.transition = 'transform 0.5s ease-out, opacity 0.5s ease-out'; wrapper.style.transform = 'translateY(-20px)'; wrapper.style.opacity = '0'; let giftCardText; if (window.Rivo.campaign_config.is_mobile){ giftCardText = window.Rivo.loyalty_campaign_config.mobile_announcement_text; } else { giftCardText = window.Rivo.loyalty_campaign_config.desktop_announcement_text; } setTimeout(() => { if (window.Rivo.common.customer){ wrapper.innerHTML = `${giftCardText}`; } else { wrapper.innerHTML = `${firstName ? `${firstName}, ` : ''}Sign in to unlock ${window.Rivo.loyalty_campaign_config.sign_in_text}`; } wrapper.style.transform = 'translateY(20px)'; requestAnimationFrame(() => { wrapper.style.transform = 'translateY(0)'; wrapper.style.opacity = '1'; }); }, 500); } } function updateLoyaltyPageTier(){ if (!window.location.pathname.includes("ridge-loyalty")){return;} let titleText; let bodyText; let buttonText; let buttonUrl; if (window.Rivo.common.customer){ titleText = window.Rivo.loyalty_campaign_config.page_customer_title; bodyText = window.Rivo.loyalty_campaign_config.page_customer_body; buttonText = window.Rivo.loyalty_campaign_config.page_customer_button_text; } else { titleText = window.Rivo.loyalty_campaign_config.page_guest_title; bodyText = window.Rivo.loyalty_campaign_config.page_guest_body; buttonText = window.Rivo.loyalty_campaign_config.page_guest_button_text; buttonUrl = "#rivo"; } const tierContainer = document.querySelector(".large-hero-with-text-container-third-screen"); if (window.Rivo.campaign_config.discount_code_eligible){ tierContainer.querySelector("h2").textContent = `${firstName ? `${firstName}, ` : ''}${titleText}`; tierContainer.querySelector("p").textContent = bodyText; tierContainer.querySelector(".large-hero-with-text-button").textContent = buttonText; if (buttonUrl){ tierContainer.querySelector(".large-hero-with-text-button").dataset.href= buttonUrl; } } else { tierContainer.style.display = "none"; } } function updateAccountSidebar(){ if (window.Rivo.common.customer){ const subtitle = document.querySelector('.rivo-aw-home-hero .rivo-aw-subtitle') if (subtitle){ subtitle.textContent = window.Rivo.loyalty_campaign_config.account_sidebar_customer_subtitle; } } } if (window.Rivo.campaign_config.discount_code_eligible){ // Customer is eligible for the campaign offer. Show the campaign offer. const currentDiscountCode = getCookie("discount_code"); if (currentDiscountCode !== window.Rivo.campaign_config.discount_code){ fetch(`/discount/${window.Rivo.campaign_config.discount_code}`); } addAutoDiscountAnnouncementBar(); updateLoyaltyPageTier(); updateAccountSidebar(); } document.addEventListener('rivo:profile-hint-identified', () => { console.log('rivo:profile-hint-identified'); setCampaignConfig(); let discountCodeEligible = window.Rivo.campaign_config?.profile_hint?.customer_orders_count > 0 || window.Rivo.common?.customer?.orders_count > 0; if (!window.Rivo.common.customer && discountCodeEligible){ // Logged out customer is eligible for the campaign offer. addAutoDiscountAnnouncementBar(); updateLoyaltyPageTier(); updateAccountSidebar(); } }); if (window.location.pathname.includes("ridge-loyalty")){ //Hide offer section if needed if (window.Rivo.common.customer && !window.Rivo.campaign_config.discount_code_eligible){ const offerSection = document.querySelector(".large-hero-with-text-container-third-screen"); if (offerSection){ offerSection.style.display = "none"; } } function addRivoHeroContent() { const heroContainer = document.querySelector('.hero-banner__content'); if (heroContainer) { const firstOrderDate = new Date(window.Rivo.common.customer.first_order_at); const today = new Date(); const diffTime = Math.abs(today - firstOrderDate); const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24)); // Format the day number with leading zeros (e.g., "002") const formattedDays = String(diffDays).padStart(3, '0'); const firstName = window.Rivo.common.customer.first_name; heroContainer.querySelector(".hero-banner__header").innerHTML = `DAY ${formattedDays}`; heroContainer.querySelector(".hero-banner__subtext").innerHTML = `${firstName ? `Hey ${firstName}, we're` : "We're"} with you from day 01 to day 999+ of carrying your gear.`; } } // Track start time and create interval const startTime = Date.now(); const maxWaitTime = 20000; // 20 seconds in milliseconds const checkInterval = 100; // 100ms interval const intervalId = setInterval(() => { // Check if we've exceeded max wait time if (Date.now() - startTime >= maxWaitTime) { clearInterval(intervalId); return; } // Check for customer data if (window.Rivo?.common?.customer?.first_order_at) { addRivoHeroContent(); clearInterval(intervalId); } }, checkInterval); } // ============================================================ // Ridge — personalize the Media Banner for logged-in customers // Page: /pages/sweepstakes-account (rivo-loyalty-landing-page) // // Pattern: "Customizing Outside of the Rivo Account Widget" // https://developer-docs.rivo.io/docs/rivo-account-widget-sdk // // WHERE TO PASTE: // Rivo app > Accounts > Account Widget > // Javascript Settings for Developers > Onload Javascript // // Logged-in result (scoped to the sweepstakes banner section only): // Headline -> "Welcome, , you have entries" // Subtext -> "Check out more ways to earn entries and exclusive deals" // ============================================================ (function () { // Only run on the sweepstakes account page. setTimeout(function () { if (location.pathname.indexOf("/pages/sweepstakes-account") === -1) return; var poll = setInterval(function () { // Wait for a logged-in customer. var customer = window.RivoProfileAlpine && RivoProfileAlpine.store("rivo_profile_customer"); if (!customer || !customer.id) return; // First media banner on the page. var banner = document.querySelector(".tvg_media_banner_zMpJtq_banner"); if (!banner) return; var titleEl = banner.querySelector('[class*="tvg_media_banner"][class*="_title"]'); var descEl = banner.querySelector('[class*="tvg_media_banner"][class*="_description"]'); if (!titleEl || !descEl) return; clearInterval(poll); var name = customer.first_name || "there"; var entries = customer.pretty_points_tally || "0"; // Headline var titleText = titleEl.querySelector("span") || titleEl; titleText.innerHTML = "Welcome, " + name + ".
You have " + entries + " entries"; // Subtext (force our copy) var descText = descEl.querySelector("p") || descEl; descText.textContent = "Check out more ways to earn entries and exclusive deals."; }, 150); // Safety: stop after 15s. setTimeout(function () { clearInterval(poll); }, 15000); }, 1000); })(); //end banner takeover // sweepstakes opt-ins (function () { const ENTRIES_STORAGE_KEY = "recart_opt_in_spin_to_win_entries"; const EMAIL_STORAGE_KEY = "recart_sweepstakes_opt_in_email"; const MAX_ENTRIES = 30; const submittedOptIns = new Set(); function toValidEntries(value, source) { const entries = Number(value); if (!Number.isInteger(entries) || entries <= 0) { return null; } if (entries > MAX_ENTRIES) { console.error( `${source} entries cannot exceed ${MAX_ENTRIES}:`, entries ); return null; } return entries; } function isSpinOptIn(optinToolName) { return /\bspin\b/i.test(optinToolName || ""); } function getEntriesFromOptinToolName(name) { // Examples: // "Desktop 5" → 5 // "Desktop 10" → 10 // "Mobile 10" → 10 // "Mobile 20" → 20 const match = name?.match( /(?:Desktop|Mobile)\s+(\d+)\s*$/i ); return match ? toValidEntries(match[1], "Recart opt-in tool") : null; } function getEntries(optinToolName) { const toolNameEntries = getEntriesFromOptinToolName(optinToolName); if (toolNameEntries) { return toolNameEntries; } return toValidEntries( localStorage.getItem(ENTRIES_STORAGE_KEY), "Local storage" ); } async function postToRivo(endpoint, body) { if (!window.RivoAPI?.url) { throw new Error("RivoAPI is not available"); } const response = await fetch( window.RivoAPI.url("POST", endpoint), { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) } ); if (!response.ok) { throw new Error( `Rivo API returned ${response.status}` ); } return response.json(); } async function submitEmailOptIn(payload) { const email = payload?.email?.trim().toLowerCase(); if (!email) { return; } localStorage.setItem(EMAIL_STORAGE_KEY, email); const requiresEntries = isSpinOptIn( payload?.optinToolName ); const entries = requiresEntries ? getEntries(payload.optinToolName) : null; const submissionKey = `email:${email}`; if ( (requiresEntries && !entries) || submittedOptIns.has(submissionKey) ) { return; } submittedOptIns.add(submissionKey); try { await postToRivo("email_subscribe_opt_ins", { email, ...(entries ? { email_entries: entries } : {}) }); console.log("Rivo email opt-in submitted:", { email, entries }); } catch (error) { submittedOptIns.delete(submissionKey); console.error( "Unable to submit Rivo email opt-in:", error ); } } async function submitSmsOptIn(payload) { const phoneNumber = payload?.phoneNumber?.trim(); const email = localStorage .getItem(EMAIL_STORAGE_KEY) ?.trim() .toLowerCase(); const loggedInCustomerId = window.Rivo?.common?.customer?.id; const requiresEntries = isSpinOptIn( payload?.optinToolName ); const entries = requiresEntries ? getEntries(payload.optinToolName) : null; const customerIdentifier = email ? { email } : { logged_in_customer_id: loggedInCustomerId }; const submissionKey = email ? `sms:email:${email}:${phoneNumber}` : `sms:customer:${loggedInCustomerId}:${phoneNumber}`; if ( !phoneNumber || (!email && !loggedInCustomerId) || (requiresEntries && !entries) || submittedOptIns.has(submissionKey) ) { return; } submittedOptIns.add(submissionKey); try { await postToRivo("sms_subscribe_opt_ins", { ...customerIdentifier, ...(entries ? { sms_entries: entries } : {}) }); console.log("Rivo SMS opt-in submitted:", { email, loggedInCustomerId, phoneNumber, entries }); } catch (error) { submittedOptIns.delete(submissionKey); console.error( "Unable to submit Rivo SMS opt-in:", error ); } } })(); // recart account page (function () { const OPTIN_TOOLS = { "#show_emailsignup": { desktop: "6a56dcc5f97bae3f24449be0", mobile: "6a56db80f97bae3f24449bde" }, "#show_smssignup": { desktop: "6a56de91315951b17540f88b", mobile: "6a56dd7f315951b17540f889" } }; const MOBILE_MAX_WIDTH = 767; let lastTriggeredHash = null; function isMobileDevice() { const mobileUserAgent = /mobi/i.test(window.navigator.userAgent); const mobileDimensions = window.matchMedia( `(max-width: ${MOBILE_MAX_WIDTH}px)` ).matches; return mobileUserAgent || mobileDimensions; } function showSignupPopup() { const hash = window.location.hash.toLowerCase(); const optinTool = OPTIN_TOOLS[hash]; if (!optinTool || hash === lastTriggeredHash) return; if ( !window._recart || typeof window._recart.showOptinTool !== "function" ) { window.setTimeout(showSignupPopup, 250); return; } const device = isMobileDevice() ? "mobile" : "desktop"; window._recart.showOptinTool(optinTool[device]); lastTriggeredHash = hash; } window.addEventListener("DOMContentLoaded", showSignupPopup); window.addEventListener("hashchange", showSignupPopup); })();