// Rivo runs this as new Function('container', js)(host), AFTER initTree(host). DOM injected // here survives (Alpine already ran). We build into our own section host and let the custom // section's Target CSS selector + Placement decide WHERE that host sits — no JS repositioning. // A gentle 1.5s interval re-injects if a later re-render wipes the form. Everything writes only // into our own host; nothing anchors to outside elements and there is no page-wide observer. try { var rivoSt = function (k) { return window.RivoProfileAlpine && window.RivoProfileAlpine.store(k); }; if (typeof container !== "undefined" && container && container.id) window.__rivoBdayId = container.id; var rivoHost = function () { var id = window.__rivoBdayId; if (id) { var h = document.getElementById(id); if (h) return h; } var hs = document.querySelectorAll(".rivo-custom-section"); for (var i = 0; i < hs.length; i++) { var s = hs[i].querySelector("style"); if (s && s.textContent.indexOf("rivo-bday-inputs") !== -1) return hs[i]; } return null; }; var rivoWire = function (root, MONTHS) { var aw = rivoSt("rivo_aw_settings"); var btnCls = function () { return "rivo-bday-btn " + ((aw && aw.primary_button_class_names) || "button button--primary"); }; var monthSel = root.querySelector('[data-rivo-bday="month"]'), daySel = root.querySelector('[data-rivo-bday="day"]'), btn = root.querySelector('[data-rivo-bday="save"]'), msg = root.querySelector('[data-rivo-bday="msg"]'); btn.className = btnCls(); var loy = rivoSt("loy_config"), wte = loy && loy.ways_to_earn; if (wte && wte.length) for (var i = 0; i < wte.length; i++) { var w = wte[i]; if (w.icon && String(w.name || "").toLowerCase().indexOf("birthday") !== -1) { root.querySelector(".rivo-bday-icon").innerHTML = w.icon; break; } } var fillDays = function () { 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); var showSuccess = function (monthLabel, dd) { var row = root.querySelector(".rivo-bday-inputs"); if (row) row.style.display = "none"; btn.className = "rivo-bday-btn rivo-bday-btn-success"; btn.textContent = "✓ BIRTHDAY SAVED"; btn.disabled = true; if (!root.querySelector(".rivo-bday-saved")) { var s = document.createElement("div"); s.className = "rivo-bday-saved"; s.textContent = "Your birthday is set to " + monthLabel + " " + parseInt(dd, 10) + "."; root.insertBefore(s, msg); } }; btn.addEventListener("click", function () { if (!monthSel.value || !daySel.value) { msg.textContent = "Please select a month and day."; msg.className = "rivo-bday-form-msg rivo-bday-error"; return; } var mm = monthSel.value, dd = daySel.value, monthLabel = monthSel.options[monthSel.selectedIndex].text; btn.disabled = true; btn.textContent = "SAVING…"; window.RivoAPI.update_dob("loggedin", mm + "-" + dd) .then(function () { showSuccess(monthLabel, dd); }) .catch(function () { btn.disabled = false; btn.className = btnCls(); btn.textContent = "SAVE MY BIRTHDAY"; msg.textContent = "Something went wrong. Please try again."; msg.className = "rivo-bday-form-msg rivo-bday-error"; }); }); }; var rivoBuild = function () { try { var host = rivoHost(); if (!host) return; var store = rivoSt("rivo_profile_customer"); var existing = host.querySelector(".rivo-bday-section"); if (store && store.tags && store.tags.includes('Rivo Excluded')) { if (existing) existing.style.display = "none"; return; } if (store && store.dob) { if (existing) existing.style.display = "none"; return; } // already saved if (existing) return; // already built var CAKE = ''; var MONTHS = ["Month","January","February","March","April","May","June","July","August","September","October","November","December"]; var opts = ''; for (var m = 1; m <= 12; m++) opts += ''; var box = document.createElement("div"); box.innerHTML = '

' + '

When’s Your Birthday?

' + '' + '

' + '

Don’t forget to add your birthday for a special surprise.

' + '

' + '' + '' + '

' + '' + '

' + '

'; var root = box.firstElementChild; host.appendChild(root); rivoWire(root, MONTHS); } catch (e) { /* never take the widget down */ } }; rivoBuild(); // build now, on this execution // Gentle time-based backstop (NOT a MutationObserver — a page-wide observer floods the main // thread and hangs the widget). rivoBuild is cheap and returns early once the form exists, so a // 1.5s interval can't loop or freeze the page. One interval per page session. if (!window.__rivoBdayHeal) { window.__rivoBdayHeal = true; setInterval(rivoBuild, 1500); } } catch (e) { try { console.error("[Rivo birthday]", e); } catch (_) {} }

Get in touch