// ---- LENSADVIZOR V2 CODE ------- document.addEventListener('LensAdvizor:init:complete', function () { LensAdvizor.addToCartButtons.forEach(button => button.style.display = "inherit") LensAdvizor.selectLensButtons.forEach(function (button) { var next = button.nextElementSibling; // guard: don't re-add if (next && next.classList && next.classList.contains('la-after-select-info')) return; button.insertAdjacentHTML("afterend", `

${LensAdvizor.Translation.getTranslatedText("Don't need prescription lenses?")}

`) }) }) document.addEventListener('LensAdvizor:review:rendered', function () { if (document.querySelector('#da-delivery-note')) return; // guard: only one copy var w = document.querySelector('.la-order-notes-wrapper'); if (!w) return; w.insertAdjacentHTML("beforebegin", `

${LensAdvizor.Translation.getTranslatedText("NOTE: Delivery time of prescription lenses will be between 12 to 15 business days.")}

`) }) document.addEventListener('LensAdvizor:component:DidMount', function (evt) { if (evt.detail.eventType == "LensAdvizor:render:uploadForm" || evt.detail.eventType == "LensAdvizor:render:readingForm" || evt.detail.eventType == "LensAdvizor:render:manualEntryForm") { if (document.querySelector("#la-pd-info-container")) return; // guard: only one copy var target = document.querySelector("#la-pd-fields-container"); if (!target) return; var pdMeasurementHTML = `

${LensAdvizor.Translation.getTranslatedText("Your pupillary distance (PD) is the distance between your pupils. Don't have it? Measure it using this link:")}
${LensAdvizor.Translation.getTranslatedText("Measure your PD")}

Pupillary Distance Image

${LensAdvizor.Translation.getTranslatedText("How to enter your PD correctly")}

${LensAdvizor.Translation.getTranslatedText("ACCUPD_TEXT")}

` target.insertAdjacentHTML("afterend", pdMeasurementHTML) } }) // --- Hide option depending on selected options // _hide_when_option1_is: Green, Blue, Red / _only_show_when_option1_is: Green, Blue, Red (option1/2/3) document.addEventListener('LensAdvizor:component:DidMount', function (evt, args) { if (evt.detail && evt.detail.method === "renderOption") { const { raw_options } = this.response.lens; let lastOptionKey = ''; let optionKey = `option${this.response.optionLevel}`; let option = raw_options[this.response.optionLevel - 1]; if (!option || !Array.isArray(option.values)) { return; } if (this.response.optionLevel > 1) { lastOptionKey = `option${this.response.optionLevel - 1}`; } option.values.forEach(function (optval) { if (!optval.metafields || !Array.isArray(optval.metafields)) { return; } optval.metafields.forEach(function (mf) { let elementID = '#' + optionKey + optval.name.generateUnique(); if (mf.key === `_hide_when_${lastOptionKey}_is`) { const vals = mf.value.split(",").map(item => item.trim()); if (vals.includes(this.response.lensOptionsSelected[lastOptionKey])) { document.querySelector(elementID).parentElement.style.display = 'none'; } } if (mf.key === `_only_show_when_${lastOptionKey}_is`) { const allowedVals = mf.value.split(",").map(item => item.trim()); if (!allowedVals.includes(this.response.lensOptionsSelected[lastOptionKey])) { document.querySelector(elementID).parentElement.style.display = 'none'; } } }.bind(this)); }.bind(this)); } }.bind(LensAdvizor)); // red square document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function(){ if (!document.querySelector('.la-prescription-disclaimer')) { var translatedText = LensAdvizor.Translation.getTranslatedText("According to the laws, you must provide a valid prescription issued by a licensed ophthalmologist or optometrist."); var disclaimerHTML = '

' + translatedText + '

'; document.querySelector('.la-choose-prescription-wrapper').insertAdjacentHTML('beforeend', disclaimerHTML); } }); document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function() { if (document.querySelector('#da-footer-disclaimer')) return; // guard: only one copy var b = document.querySelector('.la-subtotal-footer-button'); if (!b) return; b.insertAdjacentHTML("beforebegin", ``) }) //# sourceURL=la_extrastuff.js // // ---- LENSADVIZOR V2 CODE ------- // document.addEventListener('LensAdvizor:init:complete', function () { // LensAdvizor.addToCartButtons.forEach(button => button.style.display = "inherit") // LensAdvizor.selectLensButtons.forEach(button => button.insertAdjacentHTML("afterend", `

${LensAdvizor.Translation.getTranslatedText("Don't need prescription lenses?")}

`)) // // hard set currency rates // // LensAdvisor.Currency.rates.GBP = (1/0.8461) // // LensAdvisor.Currency.rates.EUR = (1/0.909) // // LensAdvisor.Currency.rates.CAD = (1/1.38) // // LensAdvisor.Currency.rates.AUD = (1/1.461538) // // LensAdvisor.Currency.convert = function(amount, from, to) { // // amount = Math.ceil((amount*this.rates[from]) / this.rates[to]) // // if (to === "EUR" && amount >= 0.05) { // // amount = amount-0.05 // // } // // return amount; // // } // }) // document.addEventListener('LensAdvizor:review:rendered', function () { // document.querySelector('.la-order-notes-wrapper').insertAdjacentHTML("beforebegin", `

${LensAdvizor.Translation.getTranslatedText("NOTE: Delivery time of prescription lenses will be between 12 to 15 business days.")}

`) // }) // document.addEventListener('LensAdvizor:component:DidMount', function (evt) { // if (evt.detail.eventType == "LensAdvizor:render:uploadForm" || evt.detail.eventType == "LensAdvizor:render:readingForm" || evt.detail.eventType == "LensAdvizor:render:manualEntryForm") { // var pdMeasurementHTML = ` //

// ${LensAdvizor.Translation.getTranslatedText("Your pupillary distance (PD) is the distance between your pupils. Don't have it? Measure it using this link:")} //
// ${LensAdvizor.Translation.getTranslatedText("Measure your PD")} //

// Pupillary Distance Image

${LensAdvizor.Translation.getTranslatedText("How to enter your PD correctly")}

${LensAdvizor.Translation.getTranslatedText("ACCUPD_TEXT")}

// ` // document.querySelector("#la-pd-fields-container").insertAdjacentHTML("afterend", pdMeasurementHTML) // } // }) // // --- Hide option depending on selected options // // Uses the following metadata, with comma separated values // // _hide_when_option1_is: Green, Blue, Red // // _only_show_when_option1_is: Green, Blue, Red // // can apply to option1, option2, option3 // document.addEventListener('LensAdvizor:component:DidMount', function (evt, args) { // if (evt.detail && evt.detail.method === "renderOption") { // // console.log(evt.detail.optionLevel); // const { raw_options } = this.response.lens; // let lastOptionKey = ''; // let optionKey = `option${this.response.optionLevel}`; // let option = raw_options[this.response.optionLevel - 1]; // if (!option || !Array.isArray(option.values)) { // // console.error('Option values are undefined or not an array'); // return; // Exit early to avoid further errors // } // if (this.response.optionLevel > 1) { // lastOptionKey = `option${this.response.optionLevel - 1}`; // } // option.values.forEach(function (optval) { // if (!optval.metafields || !Array.isArray(optval.metafields)) { // // Skip this iteration if metafields is not defined as expected // return; // } // optval.metafields.forEach(function (mf) { // let elementID = '#' + optionKey + optval.name.generateUnique(); // if (mf.key === `_hide_when_${lastOptionKey}_is`) { // const vals = mf.value.split(",").map(item => item.trim()); // if (vals.includes(this.response.lensOptionsSelected[lastOptionKey])) { // // Hide the element if the selected value is in the list for hiding // document.querySelector(elementID).parentElement.style.display = 'none'; // } // } // if (mf.key === `_only_show_when_${lastOptionKey}_is`) { // const allowedVals = mf.value.split(",").map(item => item.trim()); // // If the selected value in the previous option is NOT in the allowed list, hide the element // if (!allowedVals.includes(this.response.lensOptionsSelected[lastOptionKey])) { // document.querySelector(elementID).parentElement.style.display = 'none'; // } // } // }.bind(this)); // }.bind(this)); // } // }.bind(LensAdvizor)); // // red square // document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function(){ // if (!document.querySelector('.la-prescription-disclaimer')) { // var translatedText = LensAdvizor.Translation.getTranslatedText("According to the laws, you must provide a valid prescription issued by a licensed ophthalmologist or optometrist."); // var disclaimerHTML = '

' + translatedText + '

'; // document.querySelector('.la-choose-prescription-wrapper').insertAdjacentHTML('beforeend', disclaimerHTML); // } // }); // document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function() { // document.querySelector('.la-subtotal-footer-button').insertAdjacentHTML("beforebegin", // `

${LensAdvizor.Translation.getTranslatedText("According to the laws, you must provide a valid prescription issued by a licensed ophthalmologist or optometrist.")}

`) // }) // // ⚠️ CLINICAL NOTE: this validation exists because spectacle Rx normally use a // // // consistent cylinder-sign convention across both eyes. Removing it sends the // // // values exactly as typed to the lab. Confirm Donahug/their lab accept mixed-sign // // // CYL as-entered (no auto-transposition) before deploying. Remove once Dev ships // // // the per-store toggle Gaveen requested. // // // ============================================================================= // // if (!window.__laDonahugAllowMixedCyl) { // // window.__laDonahugAllowMixedCyl = true; // // var _laOrigDispatch = document.dispatchEvent.bind(document); // // document.dispatchEvent = function (evt) { // // var isCylBlock = evt && evt.type === "LensAdvizor:action:exception" // // && evt.detail && evt.detail.message === "CYL values must both be positive or negative"; // // if (!isCylBlock) { // // return _laOrigDispatch(evt); // // } // // var LA = window.LensAdvizor; // // if (LA && LA.response) { // // setTimeout(function () { // // var manualResponse = Object.assign({}, (LA.localStorage && LA.localStorage.manualResponse) || {}); // // manualResponse[LA.response.prescriptionType] = LA.response.manually; // // LA.setLocalStorage("manualResponse", manualResponse); // // if (LA.options.prescriptionConfig.prescriptionEntryFormLocation === "before-review") { // // LA.renderReview(); // // } else { // // LA[LA.lensDisplayMethod](); // // } // // }, 0); // // } // // return true; // swallow this one error so the red toast never shows // // }; // // } // ---- Prism surcharge ---- // Adds the Prism product when the customer enters a real prism value. // Shows the Prism product's market price (Shopify Markets) next to the Prism field. // Makes PD required while Prism is set to Yes. if (!window.__daPrismSurcharge) { window.__daPrismSurcharge = true; var DA_PRISM_PRODUCT_ID = 7991383490602; var DA_PRISM_VARIANT_ID = 44702015815722; var DA_PRISM_FALLBACK_PRICE = 10; // Needed so the widget fetches the market price for this product LensAdvizor.customProductIds = (LensAdvizor.customProductIds || []).concat(DA_PRISM_PRODUCT_ID); var daPos = function (x) { return parseFloat(x) > 0; }; // -- Market price: the manual entry form renders before the widget loads // presentment prices, so fetch them here (once) and merge them in. var daPrismPricePromise = null; var daGetPrismPrice = function () { if (!daPrismPricePromise) { daPrismPricePromise = Promise.resolve() .then(function () { var cached = LensAdvizor.presentmentPrices && LensAdvizor.presentmentPrices[DA_PRISM_PRODUCT_ID]; return cached ? LensAdvizor.presentmentPrices : LensAdvizor.getPresentmentPrices([]); }) .then(function (prices) { LensAdvizor.presentmentPrices = Object.assign({}, LensAdvizor.presentmentPrices, prices); return LensAdvizor.convertCurrency(DA_PRISM_PRODUCT_ID, DA_PRISM_VARIANT_ID, DA_PRISM_FALLBACK_PRICE); }) .catch(function () { daPrismPricePromise = null; // allow a retry on the next render return null; }); } return daPrismPricePromise; }; var daAddPrismFeeNote = function () { if (document.querySelector('#da-prism-fee-note')) return; var toggle = document.querySelector('.la-prism-field'); if (!toggle) return; var wrapper = toggle.closest('.la-prescription-fields-wrapper'); var heading = (wrapper && wrapper.querySelector('.la-h6')) || document.querySelector('label[for="la-prism-field-dual"]'); if (!heading) return; var note = document.createElement('span'); note.id = 'da-prism-fee-note'; heading.appendChild(note); daGetPrismPrice().then(function (price) { if (!price || isNaN(price)) return; note.textContent = '+ ' + LensAdvizor.formatCurrency(price); }); }; // -- PD required while Prism = Yes var daPrismSelected = function () { var yes = document.querySelector('#la-prism-field-dual'); return !!(yes && yes.checked); }; var daPdSelects = function () { return Array.prototype.slice.call(document.querySelectorAll( '#la-prescription-form #la-pd-value, #la-prescription-form select[name="la-pd-right"], #la-prescription-form select[name="la-pd-left"]' )); }; var daSyncPdRequired = function () { var required = daPrismSelected(); daPdSelects().forEach(function (sel) { if (required) { sel.setAttribute('required', ''); sel.setAttribute('data-da-prism-required', '1'); } else if (sel.getAttribute('data-da-prism-required') === '1') { sel.removeAttribute('required'); sel.removeAttribute('data-da-prism-required'); } }); }; var daPdMissing = function () { var dual = document.querySelector('#la-pd-field-dual'); var isDual = !!(dual && dual.checked); var names = isDual ? ['la-pd-right', 'la-pd-left'] : ['la-pd-value']; return names.some(function (n) { var sel = document.querySelector('#la-prescription-form select[name="' + n + '"]'); return sel && !sel.value; }); }; var daOnManualEntryRender = function () { daAddPrismFeeNote(); daSyncPdRequired(); }; // The widget fires DidMount for this form before the fields are in the DOM, so hook both events and defer ['LensAdvizor:component:WillMount', 'LensAdvizor:component:DidMount'].forEach(function (t) { document.addEventListener(t, function (evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor:render:manualEntryForm') { setTimeout(daOnManualEntryRender, 0); setTimeout(daOnManualEntryRender, 300); } }); }); // Toggles re-render the section: put the note back and re-apply required document.addEventListener('change', function (e) { var t = e.target; if (!t || !t.classList) return; if (t.classList.contains('la-prism-field') || t.name === 'la-pd-field') { setTimeout(daOnManualEntryRender, 0); setTimeout(daOnManualEntryRender, 200); } }); // Safety net: block submit when Prism = Yes and PD is empty document.addEventListener('submit', function (e) { if (!e.target || e.target.id !== 'la-prescription-form') return; if (!daPrismSelected() || !daPdMissing()) return; e.preventDefault(); e.stopImmediatePropagation(); daSyncPdRequired(); if (typeof e.target.checkValidity === 'function') e.target.checkValidity(); document.dispatchEvent(new CustomEvent('LensAdvizor:action:exception', { detail: { message: 'PD is required when Prism is selected' } })); }, true); // -- Add the Prism product on the review step document.addEventListener('LensAdvizor:component:WillMount', function (evt) { if (!evt.detail || evt.detail.eventType !== 'LensAdvizor:review:rendered') return; // Removing first prevents a duplicate charge when the customer goes back and forward var i = LensAdvizor.customAddOns.findIndex(function (v) { return v.step === 'Prism'; }); if (i >= 0) LensAdvizor.customAddOns.splice(i, 1); var m = (LensAdvizor.response && LensAdvizor.response.manually) || {}; var pf = m.prism_fields || {}; // Only charge for a value above zero: "0.00" means no prism var hasPrism = ['od_right', 'os_left'].some(function (eye) { var e = pf[eye] || {}; return daPos(e.horizontal) || daPos(e.vertical); }); if (!hasPrism) return; var detail = ['od_right', 'os_left'].map(function (eye) { var e = pf[eye] || {}, parts = []; if (daPos(e.horizontal)) parts.push(e.horizontal + (e.base_direction_horizontal ? ' ' + e.base_direction_horizontal : '')); if (daPos(e.vertical)) parts.push(e.vertical + (e.base_direction_vertical ? ' ' + e.base_direction_vertical : '')); return parts.length ? (eye === 'od_right' ? 'OD ' : 'OS ') + parts.join(', ') : ''; }).filter(Boolean).join(' | '); LensAdvizor.customAddOns.push({ productId: DA_PRISM_PRODUCT_ID, variantId: DA_PRISM_VARIANT_ID, price: DA_PRISM_FALLBACK_PRICE, // default-currency price; the widget converts it productTitle: 'Prism', step: 'Prism', properties: detail ? { Prism: detail } : {} }); }); } // ---- END Prism surcharge ---- //# sourceURL=la_extrastuff.js

Zoeken