// ===================== // LensAdvisor Custom JS Injector // Features: // 1. Prescription note for all lenses with fade-in // 2. Bonded / Inserts specific notes under each label (CSS handled separately) // 3. Dynamic DOM detection using setInterval + MutationObserver // ===================== (function() { // ------------------- // Config // ------------------- const PRESC_NOTE_CLASS = 'la-label-custom-wrapper'; // Prescription note container class const PRESC_NOTE_HTML = ` Prescription lenses are custom-made — allow 1–2 weeks to craft + shipping time. `; const FADE_DURATION = 300; // fade-in duration in ms const CHECK_INTERVAL = 300; // polling interval in ms const MAX_ELAPSED = 30000; // max polling time for prescription note // Bonded / Inserts notes HTML mapping (CSS already in your file) const LABEL_NOTES = { 'option1bonded': `

Sleeker, lighter, more integrated appearance

Lenses not replaceable, frames are not refundable

`, 'option1insert': `

Easily replace lenses if your prescription changes

Bulkier look compared to bonded lenses

` }; const READING_NOTE_CLASS = 'la-reading-note-wrapper'; const READING_NOTE_HTML = ` Note: The display on the glasses shows text at a virtual distance of 6 feet (2 meters). To get reading magnification on the bottom of the lens, and non-corrective on top, please select Progressive Lenses or Bifocals. `; const PD_NOTE_CLASS = 'la-pd-note-wrapper'; const PD_NOTE_HTML = ` Note: If pupilliary distance (PD) is not provided, we will use the default value of 64. `; // =================== // Bonded availability control // Purpose: // - Disable all inputs with value="Bonded" // - Used when Bonded lenses are out of stock // - Easy to enable / disable in the future // =================== // Toggle flag // true = Bonded out of stock (disabled) // false = Bonded available (enabled) const DISABLE_BONDED = false; function updateBondedAvailability() { const bondedInputs = document.querySelectorAll('input[value="Bonded"]'); bondedInputs.forEach(input => { if (DISABLE_BONDED) { // Disable option input.disabled = true; input.setAttribute('aria-disabled', 'true'); // Safety: if Bonded was pre-selected, unselect it if (input.checked) { input.checked = false; } } else { // Re-enable option input.disabled = false; input.removeAttribute('aria-disabled'); } }); } // ------------------- // Style injection (for prescription note fade-in only) // ------------------- const style = document.createElement('style'); style.textContent = ` .${PRESC_NOTE_CLASS} { opacity: 0; transition: opacity ${FADE_DURATION}ms ease-in; margin-bottom: 10px; font-size: 14px; color: #333; line-height: 1.4; } .${PRESC_NOTE_CLASS}.visible { opacity: 1; } .la-note-link { text-decoration: underline; color: #2459F6; cursor: pointer; } .la-note-link:hover { opacity: 0.7; } .${READING_NOTE_CLASS} { opacity: 0; transition: opacity ${FADE_DURATION}ms ease-in; margin-bottom: 20px; font-size: 14px; color: #333; line-height: 1.4; } .${READING_NOTE_CLASS}.visible { opacity: 1; } .${PD_NOTE_CLASS} { opacity: 0; transition: opacity ${FADE_DURATION}ms ease-in; margin-bottom: 10px; font-size: 14px; color: #333; line-height: 1.4; } .${PD_NOTE_CLASS}.visible { opacity: 1; } `; document.head.appendChild(style); // ------------------- // Function: insert prescription note // ------------------- function insertPrescriptionNote(wrapper) { if (!wrapper.querySelector(`.${PRESC_NOTE_CLASS}`)) { const noteDiv = document.createElement('div'); noteDiv.className = PRESC_NOTE_CLASS; noteDiv.innerHTML = PRESC_NOTE_HTML; wrapper.insertBefore(noteDiv, wrapper.firstChild); // Fade-in animation requestAnimationFrame(() => { noteDiv.classList.add('visible'); }); } } // ------------------- // Function: insert reading note // ------------------- function insertReadingNote() { const form = document.querySelector('form[data-form="reading"]'); if (!form) return; const wrapper = form.querySelector('.la-prescription-fields-wrapper'); if (!wrapper) return; // 防止重复插入 if (wrapper.querySelector(`.${READING_NOTE_CLASS}`)) return; const noteDiv = document.createElement('div'); noteDiv.className = READING_NOTE_CLASS; noteDiv.innerHTML = READING_NOTE_HTML; // 插入为首个元素 wrapper.insertBefore(noteDiv, wrapper.firstChild); // Fade-in requestAnimationFrame(() => { noteDiv.classList.add('visible'); }); } // ------------------- // Function: insert PD note // ------------------- function insertPDNote() { // 针对指定 wrapper const wrappers = document.querySelectorAll('.la-prescription-wrapper.alsks .la-label-wrapper'); if (!wrappers.length) return; wrappers.forEach(wrapper => { // 防止重复插入 if (wrapper.querySelector(`.${PD_NOTE_CLASS}`)) return; const noteDiv = document.createElement('div'); noteDiv.className = PD_NOTE_CLASS; noteDiv.innerHTML = PD_NOTE_HTML; // 插入为首个元素 wrapper.insertBefore(noteDiv, wrapper.firstChild); // Fade-in requestAnimationFrame(() => { noteDiv.classList.add('visible'); }); }); } // ------------------- // Function: insert bonded/insert notes // ------------------- function insertLabelNotes() { Object.keys(LABEL_NOTES).forEach(forAttr => { const label = document.querySelector(`label[for="${forAttr}"]`); if (label && !label.querySelector('.mounting-notes')) { label.insertAdjacentHTML('beforeend', LABEL_NOTES[forAttr]); } }); } // ------------------- // Function: replace title text // ------------------- function replaceLensGroupTitle() { const title = document.getElementById('la_prescriptionSelect_title'); if (title && title.textContent !== 'Choose Lens Type') { title.textContent = 'Choose Lens Type'; } } // ------------------- // Check all prescription wrappers // ------------------- function checkAllWrappers() { const wrappers = document.querySelectorAll('.la-choose-prescription-wrapper .la-label-wrapper'); wrappers.forEach(insertPrescriptionNote); insertLabelNotes(); // Apply Bonded availability (out of stock / in stock) updateBondedAvailability(); insertReadingNote(); insertPDNote(); replaceLensGroupTitle(); } // ------------------- // Initial execution // ------------------- checkAllWrappers(); // ------------------- // Polling for dynamic content // ------------------- let elapsed = 0; const interval = setInterval(() => { checkAllWrappers(); elapsed += CHECK_INTERVAL; if (elapsed >= MAX_ELAPSED) clearInterval(interval); }, CHECK_INTERVAL); // ------------------- // MutationObserver for async DOM changes // ------------------- const observer = new MutationObserver(checkAllWrappers); observer.observe(document.body, { childList: true, subtree: true }); // ------------------- // Optional: redirect to cart after AddToCart // ------------------- if (window.LensAdvizor) { LensAdvizor.postAddToCart = () => { setTimeout(() => { window.location.href = '/checkout'; }, 100); }; } })(); //check file uploaded (function () { const observer = new MutationObserver(() => { const fileInput = document.getElementById("la-prescription-file"); if (fileInput && !fileInput.dataset.listenerAdded) { fileInput.dataset.listenerAdded = "true"; // prevent duplicate binding fileInput.addEventListener("change", function (event) { const file = event.target.files[0]; if (!file) return; const allowedTypes = [ "image/png", "image/jpeg", "application/pdf" ]; console.log("File selected:", file.name, file.type); if (!allowedTypes.includes(file.type)) { alert("Invalid file type. Only PNG, JPG, PDF allowed."); fileInput.value = ""; } }); console.log("File input detected & listener attached ✅"); } }); observer.observe(document.body, { childList: true, subtree: true }); })(); //upload application (function () { let originalFile = null; document.addEventListener("change", function (e) { if (e.target && e.target.id === "la-prescription-file") { originalFile = e.target.files[0]; console.log("📁 File stored:", originalFile); } }); const originalFetch = window.fetch; window.fetch = async function (...args) { const response = await originalFetch.apply(this, args); if (args[0]?.includes("/api/prescriptions/upload/")) { try { const data = await response.clone().json(); console.log("📡 Upload API Response:", data); // ✅ FIXED HERE if (response.status === 201 && data?.authenticateURL) { console.log("🔥 Condition passed"); if (!originalFile) { console.log("❌ No original file found"); return response; } const formData = new FormData(); formData.append("file", originalFile); formData.append("unique_identifier", data.authenticateURL); try { const res = await originalFetch( "https://backend.captify.glass/api/upload", { method: "POST", headers: { "x-access-key": "7dd56b10f8ee4nvnvcvncxv9843nj34h324kh23" }, body: formData } ); const result = await res.json(); console.log("✅ External API Response:", result); } catch (err) { console.error("❌ External upload failed:", err); } } else { console.log("⚠️ Condition failed:", { status: response.status, hasUrl: !!data?.authenticateURL }); } } catch (err) { console.log("❌ Response parse error"); } } return response; }; })();

Search our store

Shopping Cart

Shopping Cart

Your cart is currently empty. Back to shopping

Stay In Touch

Shop

Service

Support

Contact

Confirm your age

Come back when you're older

Let customers speak for us

Stay In
Touch