(function() { 'use strict'; var STORAGE_KEY = 'rb-std-preview-v1'; var WORDINGS = [ { tag: 'The Classic', title: 'Traditional and formal', text: 'Save the Date\n\nfor the wedding of\n[Bride Full Name] & [Groom Full Name]\n\n[Day of the Week], [Month Day], [Year]\n[City, State]\n\nFormal invitation to follow.' }, { tag: 'The Modern', title: 'Casual and warm', text: "We're getting married!\n\n[First Name] & [First Name]\n[Month Day, Year]\n[City, State]\n\nMore details soon at\n[YourWeddingWebsite.com]" }, { tag: 'The Destination', title: 'For travel weddings', text: 'Pack your bags!\n\n[Names] are tying the knot in\n[Destination City], [Country]\n\n[Month Day, Year]\n\nBook your travel early.\n[YourWeddingWebsite.com]' } ]; var CHECKS = [ 'Wedding date confirmed with both ceremony and reception venues.', 'Save the Date clearly states that a formal invitation will follow.', 'City and State location finalized even if specific venue is not public yet.', 'Wedding website URL is ready and tested before printing.', 'Accounted for 3 to 4 weeks for designing, printing, and shipping.', 'B-list decision made (only sending to confirmed invitees).', 'Design matches the overall formality and vibe of the wedding.', 'Physical mailing addresses collected and verified for every household.', 'International guests have a plan for 8 to 12 months of notice.', 'Total cost of stamps calculated (including extra weight for cardstock).', 'Wording is clear if children or plus ones are included.', 'Digital Save the Date option considered for a portion of guests.', 'Sample ordered to check paper quality and ink colors.', 'Designated person responsible for mailing the batch on time.' ]; var state = loadState(); function loadState() { try { var raw = localStorage.getItem(STORAGE_KEY); if (raw) return JSON.parse(raw); } catch (e) {} return { weddingDate: '', weddingType: 'local', checks: {} }; } function saveState() { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } catch (e) {} } function escapeHtml(s) { if (s == null) return ''; return String(s).replace(/[&<>"']/g, function(c) { return { '&':'&','<':'<','>':'>','"':'"',"'":''' }[c]; }); } function fmtDate(d) { if (!d || isNaN(d.getTime())) return '-'; var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; return months[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear(); } function calcTiming() { var v = document.getElementById('rb-wedding-date').value; var type = document.getElementById('rb-wedding-type').value; var resultMail = document.getElementById('rb-result-mail'); var resultDesign = document.getElementById('rb-result-design'); var resultWedding = document.getElementById('rb-result-wedding'); var resultHint = document.getElementById('rb-result-mail-hint'); if (!v) { resultMail.textContent = '-'; resultDesign.textContent = '-'; resultWedding.textContent = '-'; resultHint.textContent = type === 'destination' ? 'Send 10 months before the wedding.' : 'Send 7 months before the wedding.'; return; } var wedding = new Date(v + 'T12:00:00'); var monthsOut = type === 'destination' ? 10 : 7; var mail = new Date(wedding); mail.setMonth(mail.getMonth() - monthsOut); var design = new Date(mail); design.setDate(design.getDate() - 28); // 4 weeks before mail resultWedding.textContent = fmtDate(wedding); resultMail.textContent = fmtDate(mail); resultDesign.textContent = fmtDate(design); resultHint.textContent = type === 'destination' ? 'Destination weddings: send 8 to 12 months before.' : 'Local weddings: send 6 to 8 months before.'; } function renderWordings() { var c = document.getElementById('rb-wording'); var html = ''; WORDINGS.forEach(function(w, i) { html += ''; }); c.innerHTML = html; } function renderChecks() { var c = document.getElementById('rb-checks'); var html = ''; CHECKS.forEach(function(t, i) { var done = !!state.checks[i]; html += '

' + '' + '' + escapeHtml(t) + '' + '

'; }); c.innerHTML = html; } function copyText(idx, btn) { var text = WORDINGS[idx].text; var fallback = function() { var ta = document.createElement('textarea'); ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0'; document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); } catch (e) {} document.body.removeChild(ta); }; if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).catch(fallback); } else { fallback(); } btn.classList.add('is-copied'); var label = btn.querySelector('.rb-copy-label'); if (label) label.textContent = 'Copied!'; setTimeout(function() { btn.classList.remove('is-copied'); if (label) label.textContent = 'Copy'; }, 1800); } function attachEvents() { document.getElementById('rb-wedding-date').addEventListener('input', function(e) { state.weddingDate = e.target.value; saveState(); calcTiming(); }); document.getElementById('rb-wedding-type').addEventListener('change', function(e) { state.weddingType = e.target.value; saveState(); calcTiming(); }); document.getElementById('rb-wording').addEventListener('click', function(e) { var btn = e.target.closest('[data-copy]'); if (btn) copyText(Number(btn.getAttribute('data-copy')), btn); }); document.getElementById('rb-checks').addEventListener('change', function(e) { var c = e.target.closest('[data-check]'); if (c) { var i = Number(c.getAttribute('data-check')); state.checks[i] = c.checked; saveState(); var li = c.closest('.rb-check-item'); if (li) li.classList.toggle('is-done', c.checked); } }); } // restore inputs if (state.weddingDate) document.getElementById('rb-wedding-date').value = state.weddingDate; document.getElementById('rb-wedding-type').value = state.weddingType || 'local'; renderWordings(); renderChecks(); calcTiming(); attachEvents(); })();