(() => { const showFilePreview = async (fileUrl) => { let viewer = document.getElementById('moon-file-viewer'); if (!viewer) { viewer = document.createElement('div'); viewer.id = 'moon-file-viewer'; viewer.style.cssText = 'display:none;position:fixed;inset:0;z-index:2147483647;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);box-sizing:border-box;'; viewer.innerHTML = '

Loading preview...

'; document.body.appendChild(viewer); viewer.querySelector('button').addEventListener('click', () => { viewer.style.display = 'none'; }); viewer.addEventListener('click', (event) => { if (event.target === viewer) viewer.style.display = 'none'; }); } const image = viewer.querySelector('img'); const loading = viewer.querySelector('[data-file-loading]'); const error = viewer.querySelector('[data-file-error]'); const download = viewer.querySelector('[data-file-download]'); download.href = fileUrl; download.setAttribute('download', 'pet-photo'); image.style.display = 'none'; error.style.display = 'none'; loading.style.display = 'block'; viewer.style.display = 'flex'; try { const response = await fetch(fileUrl, { mode: 'cors', credentials: 'omit' }); if (!response.ok) throw new Error('File request failed'); const fileBlob = await response.blob(); if (viewer._moonFileObjectUrl) URL.revokeObjectURL(viewer._moonFileObjectUrl); const objectUrl = URL.createObjectURL(fileBlob); viewer._moonFileObjectUrl = objectUrl; image.onload = () => { loading.style.display = 'none'; image.style.display = 'block'; }; image.onerror = () => { loading.style.display = 'none'; error.style.display = 'block'; }; image.src = objectUrl; } catch (requestError) { loading.style.display = 'none'; error.style.display = 'block'; } }; const setupCartDetails = () => { const banner = document.getElementById('moon-bogo-reminder'); const count = document.querySelector('.moonbundle-cart-drawer-header-item-count'); const drawer = document.querySelector('.moonbundle-cart-drawer-content'); if (!banner || !count || !drawer) { window.setTimeout(setupCartDetails, 150); return; } const updateReminder = () => { const itemCount = Number.parseInt(count.textContent || '0', 10); banner.style.display = itemCount === 1 ? 'flex' : 'none'; }; const prepareFileLinks = () => { drawer.querySelectorAll('.moonbundle-cart-item-property').forEach((row) => { const key = row.querySelector('.moonbundle-cart-item-property-key'); const value = row.querySelector('.moonbundle-cart-item-property-value'); if (!key || !value || !/pet\s*(?:'s\s*)?photo/i.test(key.textContent || '')) return; let link = value.querySelector('a'); if (!link) { const fileUrl = value.textContent.trim(); if (!/^https?:\/\//i.test(fileUrl)) return; link = document.createElement('a'); link.href = fileUrl; value.replaceChildren(link); } if (link.textContent.trim() !== 'View File') link.textContent = 'View File'; link.removeAttribute('target'); link.rel = 'noopener noreferrer'; link.style.setProperty('color', '#2563eb', 'important'); link.style.setProperty('font-weight', '600', 'important'); link.style.setProperty('text-decoration', 'underline', 'important'); link.style.setProperty('cursor', 'pointer', 'important'); if (link.dataset.moonFileViewerReady !== 'true') { link.dataset.moonFileViewerReady = 'true'; link.addEventListener('click', (event) => { event.preventDefault(); event.stopPropagation(); showFilePreview(link.href); }); } }); }; const update = () => { updateReminder(); prepareFileLinks(); }; update(); new MutationObserver(update).observe(drawer, { childList: true, subtree: true, characterData: true }); }; setupCartDetails(); })();

Products