/* ============================================================================= Tuckernuck — Rivo Account Widget Custom JS ----------------------------------------------------------------------------- Block 1: Rise v2 app proxy override (legacy gift card) Block 2: "Track a Shipment" / "Start a Return" buttons below Your Orders Block 3: Hide loyalty for "RivoExcluded" customers Block 4: Custom home sections — VIP icon+perks, Birthday, Connect (styles live in the CSS variable at the top of block 4; edit there) ============================================================================= */ // 1. Rise v2 app proxy override const _origLegacyGiftCard = window.RivoAPI?.legacy_gift_card; if (window.RivoAPI) { window.RivoAPI.legacy_gift_card = function (legacy_app) { if (legacy_app === "rise") { return fetch("/apps/rise-ai/external/wallet") .then(function (r) { if (r.status === 204 || !r.ok) { return { gift_card: { balance: 0, code: null, pretty_balance: "$0.00" } }; } return r.json(); }) .then(function (data) { if (data.gift_card) return data; var bal = parseFloat(data.balance || 0); return { gift_card: { balance: bal, code: data.code || null, id: data.code || null, pretty_balance: "$" + bal.toFixed(2), }, }; }) .catch(function () { return { gift_card: { balance: 0, code: null, pretty_balance: "$0.00" } }; }); } return _origLegacyGiftCard ? _origLegacyGiftCard(legacy_app) : Promise.resolve({}); }; } // 2. "Track a Shipment" and "Start a Return" buttons below Your Orders if (typeof document !== "undefined") { var rivoPendingInsert = false; function rivoInsertOrderButtons() { // Already present? Nothing to do. if (document.getElementById("rivo-return-button")) return; var allDivs = document.querySelectorAll("div"); for (var j = 0; j < allDivs.length; j++) { if (allDivs[j].childElementCount === 0 && allDivs[j].textContent.trim() === "Your Orders") { var parent = allDivs[j].parentElement; var buttonStyles = { display: "block", textAlign: "center", fontFamily: "GTAmerica, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif", textTransform: "uppercase", }; var trackLink = document.createElement("a"); trackLink.id = "rivo-track-button"; trackLink.className = "button button--primary"; trackLink.href = "https://tnuck.com/pages/tracking"; trackLink.target = "_blank"; trackLink.textContent = "Track a Shipment"; Object.assign(trackLink.style, buttonStyles); var returnLink = document.createElement("a"); returnLink.id = "rivo-return-button"; returnLink.className = "button button--primary"; returnLink.href = "https://returnsportal.tnuck.com/"; returnLink.target = "_blank"; returnLink.textContent = "Start a Return"; Object.assign(returnLink.style, buttonStyles); returnLink.style.marginTop = "8px"; // Wrap both in a single div so the parent's 25px flex gap only applies once var wrapper = document.createElement("div"); wrapper.id = "rivo-buttons-wrapper"; wrapper.appendChild(trackLink); wrapper.appendChild(returnLink); parent.parentNode.insertBefore(wrapper, parent.nextSibling); break; } } } var rivoObserver = new MutationObserver(function () { // Buttons already there, or an insert is already queued -> skip. if (rivoPendingInsert || document.getElementById("rivo-return-button")) return; // Only act once we can see the "Your Orders" label in the current view. var divs = document.querySelectorAll("div"); var found = false; for (var i = 0; i < divs.length; i++) { if (divs[i].childElementCount === 0 && divs[i].textContent.trim() === "Your Orders") { found = true; break; } } if (!found) return; // Wait a beat for the view to finish rendering, then insert. // NOTE: observer is intentionally left connected so the buttons // are re-added every time the SPA re-renders the Orders list. rivoPendingInsert = true; setTimeout(function () { rivoInsertOrderButtons(); rivoPendingInsert = false; }, 1000); }); rivoObserver.observe(document.body, { childList: true, subtree: true }); } // 3. Hide loyalty for "Rivo Excluded" customers (function () { var style = document.createElement("style"); style.id = "rivo-excluded-hide"; style.textContent = ".rivo-aw-button-points, .rivo-custom-section { display: none !important; }"; document.head.appendChild(style); var attempts = 0; var maxAttempts = 20; var checkExcluded = setInterval(function () { attempts++; try { var customer = window.RivoProfileAlpine && window.RivoProfileAlpine.store("rivo_profile_customer"); if (!customer || !customer.tags) { if (attempts >= maxAttempts) { clearInterval(checkExcluded); style.remove(); } return; } clearInterval(checkExcluded); var tags = Array.isArray(customer.tags) ? customer.tags : customer.tags.split(",").map(function (t) { return t.trim(); }); if (tags.indexOf("RivoExcluded") === -1) { style.remove(); } } catch (e) { console.warn("[Rivo Excluded] Error hiding loyalty section:", e); clearInterval(checkExcluded); style.remove(); } }, 500); })(); // 4. Custom account-widget home sections: VIP icon+perks, Birthday, Connect (function () { // ============================================================ // EDITABLE STYLES — edit here without touching the JS below. // Colors/sizes reference Rivo account-settings CSS vars (with literal // fallbacks). Only these vars resolve on this store: // --rivo-aw-heading-font-color, --rivo-aw-body-secondary-font-color, // --rivo-aw-section-title-font-size // Font family + base text color inherit from the widget automatically. // ============================================================ var CSS = ` /* ---- Native VIP progress block tweaks (folded in from standalone CSS) ---- */ .rivo-aw-vip-tier-progress-link { display: none; } .rivo-aw-vip-tier-progress-title-row .rivo-aw-title { font-size: 32px; } /* ---- Shared section chrome ---- */ .tn-section { padding: 20px 0 !important; border-top: 1px solid #e5e5e5; } .tn-eyebrow { font-size: 14px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rivo-aw-heading-font-color, #2d2926); margin-bottom: 0px; } .tn-blurb { font-size: 14px; line-height: 1.4; color: var(--rivo-aw-body-secondary-font-color, #707070); margin: 10px 0px 16px 0px; } /* ---- VIP tier icon ---- */ .tn-title-row-flex { display: flex; align-items: center; gap: 10px; } .tn-vip-tier-icon { width: 40px; height: 40px; min-width: 40px; display: flex; align-items: center; justify-content: center; } .tn-vip-tier-icon img { width: 100%; height: 100%; object-fit: contain; } /* ---- VIP perks list ---- */ .tn-vip-perks-list { margin-top: 4px; padding-top: 12px; border-top: 1px solid #e5e5e5; } .tn-vip-perks-item { display: flex; align-items: flex-start; gap: 10px; padding: 4px 0; } .tn-vip-perks-check { width: 18px; min-width: 18px; height: 18px; margin-top: 2px; color: var(--rivo-aw-heading-font-color, #2d2926); } .tn-vip-perks-check svg { width: 100%; height: 100%; } .tn-vip-perks-check svg path { fill: none; } .tn-vip-perks-name { font-size: 14px; line-height: 1.4; color: var(--rivo-aw-heading-font-color, #2d2926); } /* ---- Birthday / Connect ---- */ .tn-section-icon { width: 50px; height: 50px; margin-bottom: 12px; } .tn-section-icon svg { width: 100%; height: 100%; } .tn-section-icon img { width: 100%; height: 100%; object-fit: contain; } .tn-birthday-inputs { display: flex; gap: 10px; margin-bottom: 12px; } .tn-birthday-inputs select { flex: 1; padding: 10px 12px; font-size: 14px; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff; color: var(--rivo-aw-heading-font-color, #2d2926); font-family: inherit; } /* layout only — visual button style comes from the merchant button class */ .tn-btn { display: block; width: fit-content; box-sizing: border-box; text-align: center; text-decoration: none; } /* ---- Birthday divider + success state ---- */ .tn-birthday-divider { display: none; } .tn-btn.tn-btn-success { padding: 8px 20px; font-size: 14px; font-weight: 500; background: #e5e5e5; color: #000; pointer-events: none; } .tn-birthday-saved { font-size: 14px; line-height: 1.4; color: var(--rivo-aw-body-secondary-font-color, #707070); margin-top: 10px; } .tn-form-msg { font-size: 13px; margin-top: 10px; display: none; } .tn-form-msg.tn-error { display: block; color: #b00020; } /* ---- Connect opt-in form (email + SMS) ---- */ /* Field styling inherits from the native rivo-form / rivo-checkbox-container / rivo-sms-terms-and-conditions classes; only spacing is set here. */ .tn-connect-form { margin-bottom: 12px; } `; function injectStyles() { if (document.getElementById("tn-custom-widget-styles")) return; var s = document.createElement("style"); s.id = "tn-custom-widget-styles"; s.textContent = CSS; document.head.appendChild(s); } // ============================================================ // LOGIC — no styling below this line // ============================================================ var STAR = ''; var CHECK = ''; var CAKE = ''; // Connect ("Connect With Us") section icon — merchant-provided asset. var CONNECT_ICON_URL = "https://loyalty.rivo.io/assets/vqkfds9ro6iplbqanfsiw7lxzkfc"; function store() { return window.RivoProfileAlpine && window.RivoProfileAlpine.store("rivo_profile_customer"); } function loyConfig() { return window.RivoProfileAlpine && window.RivoProfileAlpine.store("loy_config"); } function btnClass() { var s = window.RivoProfileAlpine && window.RivoProfileAlpine.store("rivo_aw_settings"); return (s && s.primary_button_class_names) || "button button--primary"; } // account-widget settings / translations / live shopify customer (used by Connect opt-in) function awSettings() { return (window.RivoProfileAlpine && window.RivoProfileAlpine.store("rivo_aw_settings")) || {}; } function awTranslation() { return (window.RivoProfileAlpine && window.RivoProfileAlpine.store("rivo_aw_translation")) || {}; } function shopifyCustomer() { return (window.RivoProfileAlpine && window.RivoProfileAlpine.store("shopify_customer")) || {}; } function apiEndpoint() { return (window.Rivo && window.Rivo.loy_config && window.Rivo.loy_config.api_endpoint) || (loyConfig() && loyConfig().api_endpoint) || ""; } // ---- Consent state on the account HOME page ---- // The shopify_customer store (with accurate email/sms consent) is NOT loaded on // the home page — only on the profile/settings page. And on the home page // rivo_profile_customer.buyer_accepts_sms_marketing can be null, so SMS status // isn't reliable there. To fix this we fetch the Shopify customer once (the same // RivoAPI call the widget uses elsewhere) and cache the result. var tnConsent = null; // { email: bool|null, sms: bool|null, phone, first_name, last_name } var tnConsentState = "idle"; // idle | loading | ready | failed function loadConsent() { if (tnConsentState === "loading" || tnConsentState === "ready") return; if (!(window.RivoAPI && typeof window.RivoAPI.shopify_customer === "function")) { tnConsentState = "failed"; return; } tnConsentState = "loading"; try { Promise.resolve(window.RivoAPI.shopify_customer("loggedin")) .then(function (data) { var c = (data && data.customer) ? data.customer : data; tnConsent = { email: c && c.email_marketing_consent ? c.email_marketing_consent.state === "subscribed" : null, sms: c && c.sms_marketing_consent ? c.sms_marketing_consent.state === "subscribed" : null, phone: (c && c.phone) || "", first_name: (c && c.first_name) || "", last_name: (c && c.last_name) || "", }; tnConsentState = "ready"; run(); // re-render now that consent is known }) .catch(function () { tnConsentState = "failed"; run(); }); } catch (e) { tnConsentState = "failed"; } } // Source of truth is the freshly-fetched Shopify customer (tnConsent). On the // home page rivo_profile_customer.accepts_marketing (from Shopify Liquid) is the // deprecated field and can read false even when the customer IS subscribed, and // buyer_accepts_sms_marketing is null — so the store is only a last-resort // fallback. The cache is invalidated + refetched whenever the customer returns // to home from the profile/preferences pages (see maybeRefreshConsent), so it // stays current with consent changes made there. function isEmailSubscribed() { if (tnConsent && tnConsent.email !== null) return tnConsent.email; var p = store(); return !!(p && p.accepts_marketing); } function isSmsSubscribed() { if (tnConsent && tnConsent.sms !== null) return tnConsent.sms; var p = store(); if (p && typeof p.buyer_accepts_sms_marketing === "boolean") return p.buyer_accepts_sms_marketing; return false; // unknown -> treat as not subscribed (rendering is deferred until known) } function currentPhone() { if (tnConsent && tnConsent.phone) return tnConsent.phone; var p = store(); return (p && p.phone) || ""; } // If the customer visited the profile/preferences page (where marketing consent // can be changed) and then returned to home, the cached consent is stale. // Invalidate it so injectConnect refetches the current server state. var tnConsentDirty = false; function maybeRefreshConsent() { if (findVisible(".rivo-profile-page") || findVisible(".rivo-preferences-page")) { tnConsentDirty = true; } else if (tnConsentDirty && homeContainer()) { tnConsentDirty = false; tnConsent = null; tnConsentState = "idle"; } } function findVisible(sel) { var els = document.querySelectorAll(sel); for (var i = 0; i < els.length; i++) if (els[i].offsetParent !== null) return els[i]; return null; } function homeContainer() { return findVisible(".rivo-home-page"); } // native-style heading using rivo-aw-title function nativeTitle(text) { var h = document.createElement("div"); h.className = "rivo-aw-heading"; h.setAttribute("role", "heading"); h.setAttribute("aria-level", "3"); var t = document.createElement("div"); t.className = "rivo-aw-title"; t.textContent = text; h.appendChild(t); return h; } // birthday icon from ways_to_earn "Celebrate Your Birthday" (match on name; fallback = cake) function birthdayIconSvg() { var lc = loyConfig(); var wte = lc && lc.ways_to_earn; if (wte && wte.length) { for (var i = 0; i < wte.length; i++) { var w = wte[i]; var name = String(w.name || "").toLowerCase(); if (w.icon && name.indexOf("birthday") !== -1) return w.icon; } } return CAKE; } // ---------- VIP icon + perks ---------- function cellIsGranted(v) { if (v === null || v === undefined) return false; var s = String(v).trim().toLowerCase(); return !(s === "" || s === "no" || s === "-" || s === "—" || s === "n/a"); } function perksForTier(tierId) { var lc = loyConfig(); var rows = lc && lc.loyalty_landing_page_settings && lc.loyalty_landing_page_settings.vip_tiers_table_data; if (!rows || !rows.length) return []; var out = []; rows.forEach(function (row) { if (!row.perk || !row.tiers) return; var cell = row.tiers.filter(function (t) { return String(t.id) === String(tierId); })[0]; if (!cell || !cellIsGranted(cell.value)) return; var v = String(cell.value).trim(); out.push(v.toLowerCase() === "yes" ? row.perk : row.perk + ": " + v); }); return out; } function buildIcon(tier) { var wrap = document.createElement("div"); wrap.className = "tn-vip-tier-icon"; wrap.setAttribute("aria-hidden", "true"); if (tier && tier.icon_url) { var img = document.createElement("img"); img.src = tier.icon_url; img.alt = tier.name || ""; img.onerror = function () { wrap.innerHTML = STAR; }; wrap.appendChild(img); } else { wrap.innerHTML = STAR; } return wrap; } function buildPerks(labels) { if (!labels || !labels.length) return null; var list = document.createElement("div"); list.className = "tn-vip-perks-list"; labels.forEach(function (label) { var item = document.createElement("div"); item.className = "tn-vip-perks-item"; item.innerHTML = '" + '

' + label + "

"; list.appendChild(item); }); return list; } function injectVip() { var block = findVisible(".rivo-aw-home-vip-tier-progress"); if (!block) return; var titleRow = block.querySelector(".rivo-aw-vip-tier-progress-title-row"); if (!titleRow || titleRow.querySelector(".tn-vip-tier-icon")) return; var s = store(); var tier = s && s.current_vip_tier_info && s.current_vip_tier_info.tier; if (!tier || !tier.icon_url) return; var container = block.querySelector(".rivo-aw-vip-tier-progress-container"); if (container && !container.querySelector(".tn-eyebrow")) { var eb = document.createElement("div"); eb.className = "tn-eyebrow"; eb.textContent = "YOUR VIP REWARDS TIER"; container.insertBefore(eb, container.firstChild); } titleRow.classList.add("tn-title-row-flex"); titleRow.insertBefore(buildIcon(tier), titleRow.firstChild); var perksEl = buildPerks(perksForTier(tier.id)); if (container && perksEl && !container.querySelector(".tn-vip-perks-list")) container.appendChild(perksEl); } // ---------- Birthday (only if redeem block on AND no dob) ---------- function buildBirthday() { var section = document.createElement("div"); section.className = "tn-birthday-section tn-section rivo-slideout-content-wrapper"; var icon = document.createElement("div"); icon.className = "tn-section-icon"; icon.setAttribute("aria-hidden", "true"); icon.innerHTML = birthdayIconSvg(); section.appendChild(icon); section.appendChild(nativeTitle("When’s Your Birthday?")); var blurb = document.createElement("div"); blurb.className = "tn-blurb"; blurb.textContent = "Don’t forget to add your birthday for a special surprise."; section.appendChild(blurb); var row = document.createElement("div"); row.className = "tn-birthday-inputs"; var monthNames = ["Month","January","February","March","April","May","June","July","August","September","October","November","December"]; var monthSel = document.createElement("select"), daySel = document.createElement("select"); monthNames.forEach(function (m, i) { var o = document.createElement("option"); o.value = i === 0 ? "" : String(i).padStart(2, "0"); o.textContent = m; if (i === 0) { o.disabled = true; o.selected = true; } monthSel.appendChild(o); }); function fillDays() { daySel.innerHTML = ""; var ph = document.createElement("option"); ph.value = ""; ph.textContent = "Day"; ph.disabled = true; ph.selected = true; daySel.appendChild(ph); var caps = { "02": 29, "04": 30, "06": 30, "09": 30, "11": 30 }; var max = caps[monthSel.value] || 31; for (var d = 1; d <= max; d++) { var o = document.createElement("option"); o.value = String(d).padStart(2, "0"); o.textContent = String(d); daySel.appendChild(o); } } fillDays(); monthSel.addEventListener("change", fillDays); row.appendChild(monthSel); row.appendChild(daySel); section.appendChild(row); var btn = document.createElement("button"); btn.type = "button"; btn.className = "tn-btn " + btnClass(); btn.textContent = "SAVE MY BIRTHDAY"; var msg = document.createElement("div"); msg.className = "tn-form-msg"; // success state: hide inputs, show green confirmation button + saved date function showSuccess(mm, dd) { var monthLabel = monthNames[parseInt(mm, 10)] || ""; row.style.display = "none"; btn.className = "tn-btn tn-btn-success"; btn.textContent = "✓ BIRTHDAY SAVED"; btn.disabled = true; if (!section.querySelector(".tn-birthday-saved")) { var saved = document.createElement("div"); saved.className = "tn-birthday-saved"; saved.textContent = "Your birthday is set to " + monthLabel + " " + parseInt(dd, 10) + "."; section.insertBefore(saved, msg); } } btn.addEventListener("click", function () { if (!monthSel.value || !daySel.value) { msg.textContent = "Please select a month and day."; msg.className = "tn-form-msg tn-error"; return; } btn.disabled = true; btn.textContent = "SAVING…"; var mm = monthSel.value, dd = daySel.value; window.RivoAPI.update_dob("loggedin", mm + "-" + dd) .then(function () { showSuccess(mm, dd); }) .catch(function () { btn.disabled = false; btn.className = "tn-btn " + btnClass(); btn.textContent = "SAVE MY BIRTHDAY"; msg.textContent = "Something went wrong. Please try again."; msg.className = "tn-form-msg tn-error"; }); }); section.appendChild(btn); section.appendChild(msg); // divider after the birthday block var divider = document.createElement("hr"); divider.className = "tn-birthday-divider"; section.appendChild(divider); return section; } function injectBirthday() { var s = store(); if (!s) return; var existing = document.querySelector(".tn-birthday-section"); if (s.dob) { if (existing) existing.remove(); return; } var redeem = findVisible(".rivo-aw-home-redeem-rewards"); if (!redeem) { if (existing) existing.remove(); return; } // redeem off -> nothing if (existing && existing.offsetParent !== null) return; var home = homeContainer(); if (!home) return; home.insertBefore(buildBirthday(), redeem); } // ---------- Connect (only if redeem block on AND not subscribed to email OR sms) ---------- function buildConnect() { var settings = awSettings(); var t = awTranslation(); var emailEnabled = !!settings.login_accepts_marketing_enabled; var smsEnabled = !!settings.accepts_sms_marketing_enabled; var section = document.createElement("div"); section.className = "tn-connect-section tn-section rivo-slideout-content-wrapper"; // Section icon (merchant-provided asset) above the heading. var icon = document.createElement("div"); icon.className = "tn-section-icon"; icon.setAttribute("aria-hidden", "true"); var iconImg = document.createElement("img"); iconImg.src = CONNECT_ICON_URL; iconImg.alt = ""; icon.appendChild(iconImg); section.appendChild(icon); section.appendChild(nativeTitle("Connect With Us")); var blurb = document.createElement("div"); blurb.className = "tn-blurb"; blurb.textContent = "Sign up for our newsletter and texts for rewards updates and exclusive VIP promotions (plus, earn points for subscribing!)"; section.appendChild(blurb); // Fallback: if the store hasn't enabled either marketing channel, keep the // original outbound sign-up link. if (!emailEnabled && !smsEnabled) { var link = document.createElement("a"); link.href = "https://tnuck.com/#rivo-profile"; link.className = "tn-btn " + btnClass(); link.textContent = "SIGN UP"; section.appendChild(link); return section; } // Reuse the native profile form's markup + classes so styling is inherited. var form = document.createElement("div"); form.className = "rivo-form tn-connect-form"; var emailCb = null, phoneInput = null, smsCb = null; // ---- Email marketing consent (only while not subscribed to email) ---- if (emailEnabled && !isEmailSubscribed()) { var emailRow = document.createElement("div"); emailRow.className = "rivo-form-row rivo-form-field rivo-field-has-value"; var emailLabel = document.createElement("label"); emailLabel.className = "rivo-checkbox-container"; emailCb = document.createElement("input"); emailCb.type = "checkbox"; emailCb.id = "tn-connect-email"; emailCb.checked = isEmailSubscribed(); var emailSpan = document.createElement("span"); emailSpan.className = "rivo-checkbox-label"; emailSpan.textContent = "Join the newsletter (15 pts)"; emailLabel.appendChild(emailCb); emailLabel.appendChild(emailSpan); emailRow.appendChild(emailLabel); form.appendChild(emailRow); } // ---- SMS phone number + consent (only while not subscribed to SMS) ---- if (smsEnabled && !isSmsSubscribed()) { // Phone input (created first so the SMS checkbox can reference it), // but appended below the checkbox. var phoneRow = document.createElement("div"); phoneRow.className = "rivo-form-row"; phoneInput = document.createElement("input"); phoneInput.type = "tel"; phoneInput.minLength = 10; phoneInput.setAttribute("pattern", "^\\+?[0-9\\s\\-\$\$]+$"); phoneInput.autocomplete = "tel"; phoneInput.placeholder = t.mobile_phone_number_text || "Mobile Phone Number"; phoneInput.setAttribute("aria-label", phoneInput.placeholder); phoneInput.value = currentPhone(); phoneRow.appendChild(phoneInput); var smsRow = document.createElement("div"); smsRow.className = "rivo-form-row rivo-form-field rivo-field-has-value"; var smsLabel = document.createElement("label"); smsLabel.className = "rivo-checkbox-container"; smsCb = document.createElement("input"); smsCb.type = "checkbox"; smsCb.id = "tn-connect-sms"; smsCb.checked = isSmsSubscribed(); smsCb.disabled = !phoneInput.value; // SMS consent requires a phone number var smsSpan = document.createElement("span"); smsSpan.className = "rivo-checkbox-label"; smsSpan.textContent = "Text me with news and offers (15 pts)"; smsLabel.appendChild(smsCb); smsLabel.appendChild(smsSpan); smsRow.appendChild(smsLabel); // Checkbox above the phone number slot. form.appendChild(smsRow); form.appendChild(phoneRow); // Mirror native behavior: clearing the phone unchecks + disables SMS consent. phoneInput.addEventListener("input", function () { if (!phoneInput.value) { smsCb.checked = false; smsCb.disabled = true; } else { smsCb.disabled = false; } }); if (settings.sms_terms_and_conditions) { var termsRow = document.createElement("div"); termsRow.className = "rivo-form-row rivo-form-field"; var terms = document.createElement("p"); terms.className = "rivo-sms-terms-and-conditions"; terms.innerHTML = settings.sms_terms_and_conditions; termsRow.appendChild(terms); form.appendChild(termsRow); } } // Nothing left to opt into (e.g. email disabled and already SMS-subscribed). if (!form.childNodes.length) return null; section.appendChild(form); var btn = document.createElement("button"); btn.type = "button"; btn.className = "tn-btn " + btnClass(); btn.textContent = "SIGN UP"; var msg = document.createElement("div"); msg.className = "tn-form-msg"; function showSuccess() { form.style.display = "none"; btn.className = "tn-btn tn-btn-success"; btn.textContent = "✓ SUBSCRIBED"; btn.disabled = true; if (!section.querySelector(".tn-connect-saved")) { var saved = document.createElement("div"); saved.className = "tn-connect-saved tn-birthday-saved"; saved.textContent = "Thanks for subscribing! Your preferences have been saved."; section.insertBefore(saved, msg); } } btn.addEventListener("click", function () { var pc = store() || {}; var phoneVal = phoneInput ? String(phoneInput.value || "").trim() : ""; var wantsEmail = !!(emailCb && emailCb.checked); // Require at least one actionable choice from the controls actually shown. if (!wantsEmail && !phoneVal) { msg.textContent = emailCb ? "Please check the newsletter box or add your mobile number." : "Please add your mobile number."; msg.className = "tn-form-msg tn-error"; return; } // Same payload the native profile form sends. first_name/last_name are // included because the backend assigns them unconditionally (omitting them // would clear the customer's name). `preferences` is intentionally omitted // so saved preference-question answers are left untouched. accepts_marketing // is only sent when the email row is shown (so an already-subscribed // customer isn't unintentionally unsubscribed). SMS consent is only sent // alongside a phone number (backend requires both). var payload = { first_name: (tnConsent && tnConsent.first_name) || pc.first_name || "", last_name: (tnConsent && tnConsent.last_name) || pc.last_name || "", }; if (emailCb) payload.accepts_marketing = emailCb.checked; if (smsEnabled && phoneVal) { payload.phone = phoneVal; payload.accepts_sms_marketing = !!(smsCb && smsCb.checked); } btn.disabled = true; btn.textContent = "SAVING…"; msg.className = "tn-form-msg"; fetch(apiEndpoint() + "/customers/loggedin/profile", { method: "PUT", headers: { "Content-Type": "application/json", "Accept": "application/json" }, body: JSON.stringify(payload), }) .then(function (r) { return r.json(); }) .then(function (data) { if (data && data.success) { // Reflect the new consent in the stores so the section can hide and // stay hidden on the next re-render (same source of truth injectConnect uses). var scStore = window.RivoProfileAlpine && window.RivoProfileAlpine.store("shopify_customer"); if (scStore) { if (emailCb) scStore.email_marketing_consent = { state: emailCb.checked ? "subscribed" : "unsubscribed" }; if (smsEnabled && phoneVal) { scStore.phone = phoneVal; scStore.sms_marketing_consent = { state: (smsCb && smsCb.checked) ? "subscribed" : "unsubscribed" }; } } var pcStore = store(); if (pcStore) { if (emailCb) pcStore.accepts_marketing = emailCb.checked; if (smsEnabled && phoneVal) pcStore.buyer_accepts_sms_marketing = !!(smsCb && smsCb.checked); } if (tnConsent) { if (emailCb) tnConsent.email = emailCb.checked; if (smsEnabled && phoneVal) { tnConsent.sms = !!(smsCb && smsCb.checked); tnConsent.phone = phoneVal; } } // Fully opted in (nothing left) -> remove the whole block. // Otherwise keep it and show the inline success state. var needsEmail = emailEnabled && !isEmailSubscribed(); var needsSms = smsEnabled && !isSmsSubscribed(); if (!needsEmail && !needsSms) section.remove(); else showSuccess(); } else { btn.disabled = false; btn.className = "tn-btn " + btnClass(); btn.textContent = "SIGN UP"; msg.textContent = (data && data.error) || "Something went wrong. Please try again."; msg.className = "tn-form-msg tn-error"; } }) .catch(function () { btn.disabled = false; btn.className = "tn-btn " + btnClass(); btn.textContent = "SIGN UP"; msg.textContent = "Something went wrong. Please try again."; msg.className = "tn-form-msg tn-error"; }); }); section.appendChild(btn); section.appendChild(msg); return section; } function injectConnect() { var s = store(); if (!s) return; var settings = awSettings(); var emailEnabled = !!settings.login_accepts_marketing_enabled; var smsEnabled = !!settings.accepts_sms_marketing_enabled; // The Shopify customer (accurate SMS/email consent + the name we must echo // back on save) isn't loaded on the home page. Fetch it once and wait, so an // already-subscribed customer never sees the SMS block flash and the save // payload always carries the real first/last name. if ((emailEnabled || smsEnabled) && tnConsentState !== "ready" && tnConsentState !== "failed") { loadConsent(); return; // run() is re-invoked once consent resolves (or the fetch fails) } var needsEmail = emailEnabled && !isEmailSubscribed(); var needsSms = smsEnabled && !isSmsSubscribed(); var existing = document.querySelector(".tn-connect-section"); // Subscribed to every enabled channel -> nothing to opt into, hide the block. if ((emailEnabled || smsEnabled) && !needsEmail && !needsSms) { if (existing) existing.remove(); return; } var redeem = findVisible(".rivo-aw-home-redeem-rewards"); if (!redeem) { if (existing) existing.remove(); return; } // redeem off -> nothing if (existing && existing.offsetParent !== null) return; var home = homeContainer(); if (!home) return; // Display Connect above Birthday: anchor before the birthday section when // present, otherwise fall back to before the redeem block. var birthday = document.querySelector(".tn-birthday-section"); var anchor = (birthday && birthday.offsetParent !== null) ? birthday : redeem; var connect = buildConnect(); if (!connect) { if (existing) existing.remove(); return; } // nothing to opt into home.insertBefore(connect, anchor); } function run() { maybeRefreshConsent(); injectStyles(); injectVip(); injectBirthday(); injectConnect(); } var observer = new MutationObserver(run); var root = document.querySelector("#rivo-account-slideout") || document.body; observer.observe(root, { childList: true, subtree: true }); run(); })();

Marysia