// /** // * Lens Use Selection for Single-Vision Prescriptions // * // * This customization adds a "What will the glasses be used for?" selection // * for single-vision prescription types only. // * // * Options: Distance, Screen (Computer), Reading // * // * IMPORTANT: This is completely decoupled from PD values. // * Creates its own Shopify line-item property: "Lens use" // * // * NOTE: Historically "Distance" existed in the PD section (legacy behavior). // * This implementation fully decouples Lens use from PD as its own field. // */ // // ========================================================================= // // CONFIGURATION // // ========================================================================= // const LENS_USE_CONFIG = { // options: [ // { value: 'Distance', label: 'Distance glasses' }, // { value: 'Screen', label: 'Computer glasses' }, // { value: 'Reading', label: 'Reading glasses' } // ], // defaultValue: 'Distance', // propertyName: 'Lens use', // Shopify line-item property name - DO NOT CHANGE // containerId: 'la-lens-use-container', // inputName: 'la-lens-use-selection' // }; // // ========================================================================= // // TRANSLATION HELPER // // ========================================================================= // function getTranslation(text) { // // Try LensAdvisor translation system first // if (typeof LensAdvizor !== 'undefined' && // LensAdvizor.Translation && // typeof LensAdvizor.Translation.getTranslatedText === 'function') { // const translated = LensAdvizor.Translation.getTranslatedText(text); // if (translated && translated !== text) { // return translated; // } // } // // Fall back to English text // return text; // } // // ========================================================================= // // STATE MANAGEMENT // // ========================================================================= // // Internal state storage (used until LensAdvizor.response is available) // let _lensUseValue = LENS_USE_CONFIG.defaultValue; // function initializeLensUseState() { // // Only initialize if LensAdvizor and response exist // if (typeof LensAdvizor !== 'undefined' && LensAdvizor.response) { // // Initialize lensUse in response if not already set // if (typeof LensAdvizor.response.lensUse === 'undefined') { // LensAdvizor.response.lensUse = _lensUseValue; // } else { // // Sync internal state with existing response value // _lensUseValue = LensAdvizor.response.lensUse; // } // } // } // function setLensUseValue(value) { // _lensUseValue = value; // // Also store in LensAdvizor.response if available // if (typeof LensAdvizor !== 'undefined' && LensAdvizor.response) { // LensAdvizor.response.lensUse = value; // } // // Update Shopify line-item property // updateShopifyLineItem(); // } // function getLensUseValue() { // // Prefer LensAdvizor.response value if available // if (typeof LensAdvizor !== 'undefined' && // LensAdvizor.response && // LensAdvizor.response.lensUse) { // return LensAdvizor.response.lensUse; // } // return _lensUseValue || LENS_USE_CONFIG.defaultValue; // } // // ========================================================================= // // PRESCRIPTION TYPE CHECK // // ========================================================================= // function isSingleVision() { // if (typeof LensAdvizor === 'undefined' || !LensAdvizor.response) { // return false; // } // // Check prescription type - handles both named types // const prescriptionType = LensAdvizor.response.prescriptionType; // // Also check selectedPrescriptionType for the actual type // const selectedType = LensAdvizor.response.selectedPrescriptionType; // const typeName = selectedType ? selectedType.name : null; // return prescriptionType === 'single_vision' || typeName === 'single_vision'; // } // // ========================================================================= // // HTML GENERATION // // ========================================================================= // function generateLensUseHTML() { // const currentValue = getLensUseValue(); // let optionsHTML = LENS_USE_CONFIG.options.map(function(option) { // const isChecked = option.value === currentValue; // const checkedAttr = isChecked ? 'checked' : ''; // const selectedClass = isChecked ? 'la-lens-use-option--selected' : ''; // return ` // // // // ${getTranslation(option.label)} // // `; // }).join(''); // return ` //

// ${getTranslation('What will the glasses be used for?')} //

// ${optionsHTML} //

// //

// `; // } // // ========================================================================= // // DOM INJECTION // // ========================================================================= // function removeLensUseContainer() { // const existing = document.getElementById(LENS_USE_CONFIG.containerId); // if (existing) { // existing.remove(); // } // } // function injectLensUseComponent(targetSelector, position) { // // Remove any existing container first // removeLensUseContainer(); // // Only inject for single-vision // if (!isSingleVision()) { // return false; // } // const targetElement = document.querySelector(targetSelector); // if (!targetElement) { // return false; // } // const html = generateLensUseHTML(); // targetElement.insertAdjacentHTML(position, html); // attachLensUseEventListeners(); // // IMPORTANT: Always set the initial value in Shopify properties // // This ensures the default value is sent even if the customer never changes it // updateShopifyLineItem(); // return true; // } // // ========================================================================= // // EVENT LISTENERS // // ========================================================================= // function attachLensUseEventListeners() { // const container = document.getElementById(LENS_USE_CONFIG.containerId); // if (!container) return; // const radioInputs = container.querySelectorAll('.la-lens-use-radio'); // const optionLabels = container.querySelectorAll('.la-lens-use-option'); // radioInputs.forEach(function(radio) { // radio.addEventListener('change', function(e) { // const value = e.target.value; // setLensUseValue(value); // // CRITICAL: Immediately update Shopify properties (especially for email_later) // updateShopifyLineItem(); // // Update visual state // optionLabels.forEach(function(label) { // label.classList.remove('la-lens-use-option--selected'); // if (label.dataset.value === value) { // label.classList.add('la-lens-use-option--selected'); // } // }); // // Clear validation error // hideValidationError(); // }); // }); // // Make entire row clickable (accessibility enhancement) // optionLabels.forEach(function(label) { // label.addEventListener('click', function(e) { // // Only trigger if click wasn't on the radio input itself // if (e.target.tagName !== 'INPUT') { // const radio = label.querySelector('.la-lens-use-radio'); // if (radio && !radio.checked) { // radio.checked = true; // radio.dispatchEvent(new Event('change', { bubbles: true })); // } // } // }); // // Keyboard accessibility // label.addEventListener('keydown', function(e) { // if (e.key === 'Enter' || e.key === ' ') { // e.preventDefault(); // const radio = label.querySelector('.la-lens-use-radio'); // if (radio) { // radio.checked = true; // radio.dispatchEvent(new Event('change', { bubbles: true })); // } // } // }); // }); // } // // ========================================================================= // // VALIDATION // // ========================================================================= // function showValidationError() { // const container = document.getElementById(LENS_USE_CONFIG.containerId); // if (!container) return; // const errorEl = container.querySelector('.la-lens-use-error'); // if (errorEl) { // errorEl.style.display = 'block'; // } // container.classList.add('la-lens-use-wrapper--error'); // } // function hideValidationError() { // const container = document.getElementById(LENS_USE_CONFIG.containerId); // if (!container) return; // const errorEl = container.querySelector('.la-lens-use-error'); // if (errorEl) { // errorEl.style.display = 'none'; // } // container.classList.remove('la-lens-use-wrapper--error'); // } // function validateLensUse() { // // Only validate for single-vision // if (!isSingleVision()) { // return true; // } // const value = getLensUseValue(); // if (!value) { // showValidationError(); // return false; // } // hideValidationError(); // return true; // } // // ========================================================================= // // SHOPIFY LINE-ITEM INTEGRATION // // ========================================================================= // /** // * Add Lens use to customBaseProductProperties // * This ensures it appears as a SEPARATE line-item property in Shopify // * WITHOUT modifying any existing line-item formats (OD, OS, PD, etc.) // */ // function updateShopifyLineItem() { // if (typeof LensAdvizor === 'undefined') return; // // Ensure customBaseProductProperties exists // if (!LensAdvizor.customBaseProductProperties) { // LensAdvizor.customBaseProductProperties = {}; // } // if (!isSingleVision()) { // // Remove property if not single vision // if (LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]) { // delete LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]; // } // return; // } // const value = getLensUseValue(); // if (value) { // // Add as its OWN property - completely separate from PD or any other field // LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName] = value; // } // } // // ========================================================================= // // FLOW-SPECIFIC INJECTION HANDLERS // // ========================================================================= // /** // * Manual Entry Flow: DISABLED - Do not show lens use selection // */ // function handleManualEntryFlow() { // // Remove component if it exists // removeLensUseContainer(); // return; // } // /** // * Upload Prescription Flow: Inject AFTER PD section, BEFORE save button // */ // function handleUploadFlow() { // if (!isSingleVision()) { // removeLensUseContainer(); // return; // } // initializeLensUseState(); // // Primary target: After PD fields container // let injected = injectLensUseComponent('#la-pd-fields-container', 'afterend'); // if (!injected) { // // Fallback: After prescription upload area // injected = injectLensUseComponent('.la-prescription-upload-area', 'afterend'); // } // if (!injected) { // // Secondary fallback: Before form footer // injectLensUseComponent('[data-form="upload"] .la-form-footer', 'beforebegin'); // } // } // /** // * Display selected lens use value on review page (read-only) // * Adds the selection to the existing prescription details description // */ // function displaySelectedLensUseOnReview() { // if (!isSingleVision()) { // return; // } // const method = LensAdvizor.response ? LensAdvizor.response.method : null; // // Only display for upload (manual disabled, email_later has its own handler) // if (method === 'uploaded') { // const selectedValue = getLensUseValue(); // const option = LENS_USE_CONFIG.options.find(opt => opt.value === selectedValue); // const displayText = getTranslation(option ? option.label : selectedValue); // // Find the prescription review item // const reviewItems = document.querySelectorAll('.la-review-item.la-flex-start'); // // Usually the second review item is the prescription details // let prescriptionReviewItem = null; // for (let item of reviewItems) { // const methodText = item.textContent; // if (methodText.includes('Method:') || methodText.includes('Reseptityyppi')) { // prescriptionReviewItem = item; // break; // } // } // if (prescriptionReviewItem) { // // Find the last label-description div to append lens use info // const descriptions = prescriptionReviewItem.querySelectorAll('.la-label-description'); // if (descriptions.length > 0) { // const lastDescription = descriptions[descriptions.length - 1]; // // Check if lens use has already been added (prevent duplicates) // const lensUseText = getTranslation('Lens type use:'); // if (lastDescription.innerHTML.includes(lensUseText)) { // return; // Already added, skip // } // // Add lens use as a new line in the description // const lensUseHTML = `${lensUseText} ${displayText}`; // // Append to the last description // if (lastDescription.innerHTML.includes('
')) { // lastDescription.innerHTML += `
${lensUseHTML}`; // } else { // lastDescription.innerHTML += `
${lensUseHTML}`; // } // } // } // } // } // /** // * Email Later Flow: Inject at TOP, ABOVE review/confirmation section // * NOTE: There is NO PD step in this flow // * IMPORTANT: Only inject on the REVIEW page, not on method selection // */ // function handleEmailLaterFlow() { // if (!isSingleVision()) { // removeLensUseContainer(); // return; // } // initializeLensUseState(); // // Wait for review section to actually be rendered // // Target: Top of the email later review content // let injected = injectLensUseComponent('.la-email-later-review', 'beforebegin'); // if (!injected) { // // Fallback: Before order summary/confirmation // injected = injectLensUseComponent('.la-order-summary', 'beforebegin'); // } // if (!injected) { // // Another fallback: After form wrapper but before content // injected = injectLensUseComponent('[data-form="email_later"]', 'afterbegin'); // } // if (!injected) { // // Last resort: Top of modal content body (but check we're not on method selection) // const methodSelection = document.querySelector('.la-submission-methods'); // if (!methodSelection) { // injectLensUseComponent('.la-prescription-modal-content-body', 'afterbegin'); // } // } // } // // ========================================================================= // // EVENT HANDLERS // // ========================================================================= // function handleComponentDidMount(evt) { // if (!evt.detail || !evt.detail.eventType) return; // const eventType = evt.detail.eventType; // switch (eventType) { // case 'LensAdvizor:render:manualEntryForm': // handleManualEntryFlow(); // break; // case 'LensAdvizor:render:uploadForm': // handleUploadFlow(); // break; // case 'LensAdvizor:render:submissionMethods': // // Do NOT inject here - this is the method selection screen // // Component will be injected when review actually renders // removeLensUseContainer(); // break; // case 'LensAdvizor:review:rendered': // // Check if this is email_later method on review page // if (LensAdvizor.response && LensAdvizor.response.method === 'email_later') { // // Small delay to ensure DOM is ready // setTimeout(function() { // handleEmailLaterFlow(); // }, 100); // } else { // // For manual/upload: display selected value as read-only // setTimeout(function() { // displaySelectedLensUseOnReview(); // updateShopifyLineItem(); // }, 100); // } // break; // } // } // // Legacy event handlers (for backward compatibility) // function onManualEntryRendered() { // handleManualEntryFlow(); // } // function onUploadFormRendered() { // handleUploadFlow(); // } // function onReviewRendered() { // // Check if this is email_later on review page // if (typeof LensAdvizor !== 'undefined' && // LensAdvizor.response && // LensAdvizor.response.method === 'email_later') { // setTimeout(function() { // handleEmailLaterFlow(); // }, 100); // } else { // // For manual/upload: display selected value as read-only // setTimeout(function() { // displaySelectedLensUseOnReview(); // updateShopifyLineItem(); // }, 100); // } // } // // ========================================================================= // // INITIALIZATION // // ========================================================================= // function setupFormValidation() { // // Hook into form submission to validate Lens use selection // document.addEventListener('click', function(e) { // const target = e.target; // // Check if this is a form button (Save, Continue, Add to Cart, etc.) // const isFormButton = target.classList.contains('la-form-btn') || // target.classList.contains('la-modal-footer-btn') || // target.closest('.la-form-btn') || // target.closest('.la-modal-footer-btn'); // if (isFormButton && isSingleVision()) { // const container = document.getElementById(LENS_USE_CONFIG.containerId); // // Only validate if the component is currently visible // if (container) { // if (!validateLensUse()) { // e.preventDefault(); // e.stopPropagation(); // e.stopImmediatePropagation(); // // Scroll to the component // container.scrollIntoView({ behavior: 'smooth', block: 'center' }); // return false; // } // // Ensure value is set in Shopify properties before proceeding // updateShopifyLineItem(); // } // } // }, true); // Use capture phase to intercept early // } // function init() { // document.addEventListener('LensAdvizor:component:DidMount', handleComponentDidMount); // // Legacy events (fallback for compatibility) // document.addEventListener('LensAdvizor:render:manualEntryForm', onManualEntryRendered); // document.addEventListener('LensAdvizor:render:uploadForm', onUploadFormRendered); // document.addEventListener('LensAdvizor:review:rendered', onReviewRendered); // // Setup form validation // setupFormValidation(); // // Handle prescription type changes - remove component if type changes to non-single-vision // document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function() { // if (!isSingleVision()) { // removeLensUseContainer(); // // Clean up Shopify property // if (typeof LensAdvizor !== 'undefined' && // LensAdvizor.customBaseProductProperties && // LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]) { // delete LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]; // } // } // }); // // Clean up component when navigating back to method selection // document.addEventListener('LensAdvizor:render:submissionMethods', function() { // // Always remove when showing method selection // removeLensUseContainer(); // }); // // Ensure property is set before add to cart // document.addEventListener('LensAdvizor:addToCart', function() { // if (isSingleVision()) { // // Force update to ensure latest value is captured // initializeLensUseState(); // updateShopifyLineItem(); // // Log for debugging // console.log('[Lens Use] Adding to cart with value:', getLensUseValue()); // } // }); // document.addEventListener('LensAdvizor:addToCart:success', function() { // if (isSingleVision()) { // updateShopifyLineItem(); // } // }); // // Additional hook for cart preparation // document.addEventListener('LensAdvizor:cart:prepare', function() { // if (isSingleVision()) { // updateShopifyLineItem(); // } // }); // // Handle navigation - clean up if leaving prescription entry // document.addEventListener('LensAdvizor:modal:close', function() { // removeLensUseContainer(); // }); // } // // Start initialization when LensAdvisor is ready // if (typeof LensAdvizor !== 'undefined' && LensAdvizor.loadingCompleted) { // init(); // } else { // document.addEventListener('LensAdvizor:init:complete', init); // } // // Centralized sanitizer to strip "distance" and "near" from PD strings and tidy separators // function sanitizePd(value) { // if (typeof value !== 'string') { // return value; // } // return value // .replace(/distance|near/gi, '') // .replace(/\|\s*\|/g, '|') // .replace(/\s*\|\s*$/g, '') // Remove pipe with spaces before/after at end // .replace(/[\s|]*$/g, '') // Remove any trailing spaces or pipes // .trim(); // } // function cleanPrescriptionData() { // if (!window.LensAdvizor || !window.LensAdvizor.prescription) { // return; // } // var prescription = window.LensAdvizor.prescription; // prescription.pd = sanitizePd(prescription.pd); // if (prescription.properties) { // Object.keys(prescription.properties).forEach(function(key) { // prescription.properties[key] = sanitizePd(prescription.properties[key]); // }); // } // } // function cleanPdDisplay() { // var descriptionElements = document.querySelectorAll('.la-label-description'); // descriptionElements.forEach(function(element) { // if (!element.textContent || element.getAttribute('data-la-cleaned') === '1') return; // var text = element.textContent; // // Only process if it contains known field patterns // var hasFields = /(Linssityyppi|Kehys|PD|Lens type use|OD Right|OS Left)[\s:]/i.test(text); // if (!hasFields) { // return; // } // // Remove "distance" and "near" from the text // text = sanitizePd(text); // // Split by field labels (with colon or space+label pattern) and rebuild with
tags // // Match: "Label:" or "Label " at word boundaries // var fields = text.split(/(?=Linssityyppi\s*:|Kehys\s*:|PD\s*:|Lens type use\s*:|OD\s+Right\s*:|OS\s+Left\s*:)/i).filter(function(f) { return f.trim(); }); // if (fields.length > 1) { // var html = fields.map(function(f) { // var trimmed = f.trim(); // // Remove any leading "PD: " if the value already starts with "PD" // if (/^PD\s*:\s*PD\s/i.test(trimmed)) { // trimmed = trimmed.replace(/^PD\s*:\s*/i, ''); // } // return trimmed; // }).join('
'); // element.innerHTML = html; // element.setAttribute('data-la-cleaned', '1'); // } else { // // Just sanitize if no restructuring needed // element.textContent = text; // element.setAttribute('data-la-cleaned', '1'); // } // }); // } // // Intercept at the earliest possible moment // document.addEventListener('LensAdvizor:init:start', function() { // cleanPrescriptionData(); // }); // // Override prescription.pd to ensure every read/write is sanitized // document.addEventListener('LensAdvizor:init:complete', function() { // cleanPrescriptionData(); // if (window.LensAdvizor && window.LensAdvizor.prescription) { // var originalPd = window.LensAdvizor.prescription.pd; // Object.defineProperty(window.LensAdvizor.prescription, 'pd', { // configurable: true, // enumerable: true, // get: function() { // return sanitizePd(originalPd); // }, // set: function(value) { // originalPd = sanitizePd(value); // } // }); // } // }); // // Clean PD field values when the manual entry form renders // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail && evt.detail.eventType === 'LensAdvizor:render:manualEntryForm') { // cleanPrescriptionData(); // } // }); // // Keep prescription data sanitized on updates // document.addEventListener('LensAdvizor:prescription:updated', function() { // cleanPrescriptionData(); // }); // // Remove "distance" from PD display in review page // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail && evt.detail.eventType === 'LensAdvizor:review:rendered') { // cleanPdDisplay(); // } // }); // // Clean prescription data right before adding to cart // document.addEventListener('LensAdvizor:component:WillMount', function(evt) { // if (evt.detail && evt.detail.eventType === 'LensAdvizor:addToCart:success') { // cleanPrescriptionData(); // } // }); // // Intercept right before cart add // document.addEventListener('LensAdvizor:addToCart:success', function() { // cleanPrescriptionData(); // }); // // Also intercept on any cart update // document.addEventListener('LensAdvizor:Cart:Updated', function() { // cleanPrescriptionData(); // }); // // Install request-level sanitizers to catch server-bound payloads // (function installRequestSanitizers() { // if (window.__laPdSanitizedNetwork) return; // window.__laPdSanitizedNetwork = true; // function looksLikeCartUrl(url) { // try { // var u = new URL(url, window.location.origin); // return /\/cart\/(add|update|change|clear|add\.js|update\.js|change\.js|clear\.js)/i.test(u.pathname); // } catch (e) { // return /\/cart\/(add|update|change|clear)/i.test(String(url)); // } // } // function sanitizeStringBody(str) { // if (typeof str !== 'string') return str; // if (str.indexOf('distance') === -1 && str.indexOf('near') === -1) return str; // var out = str.replace(/distance|near/gi, ''); // // Collapse duplicate pipes in both plain and encoded forms // out = out.replace(/\|\s*\|/g, '|'); // out = out.replace(/%7C\s*%7C/gi, '%7C'); // out = out.replace(/\s*\|\s*$/g, ''); // Remove pipe with spaces // out = out.replace(/[\s|]*$/g, ''); // Remove trailing spaces/pipes // return out; // } // function sanitizeFormData(fd) { // if (!(fd instanceof FormData)) return fd; // var copy = new FormData(); // fd.forEach(function(value, key) { // if (typeof value === 'string' && value.indexOf('distance') !== -1) { // copy.append(key, sanitizePd(value)); // } else { // copy.append(key, value); // } // }); // return copy; // } // function sanitizeURLSearchParams(params) { // if (!(params instanceof URLSearchParams)) return params; // var copy = new URLSearchParams(); // params.forEach(function(value, key) { // if (typeof value === 'string' && value.indexOf('distance') !== -1) { // copy.set(key, sanitizePd(value)); // } else { // copy.set(key, value); // } // }); // return copy; // } // function sanitizeObjectDeep(obj) { // if (!obj || typeof obj !== 'object') return obj; // var seen = new WeakSet(); // function walk(node) { // if (!node || typeof node !== 'object' || seen.has(node)) return; // seen.add(node); // Object.keys(node).forEach(function(k) { // var v = node[k]; // if (typeof v === 'string') { // if (v.indexOf('distance') !== -1) { // node[k] = sanitizePd(v); // } // } else if (v && typeof v === 'object') { // walk(v); // } // }); // } // walk(obj); // return obj; // } // // Patch fetch // if (window.fetch) { // var originalFetch = window.fetch; // window.fetch = function(input, init) { // try { // var url = (typeof input === 'string') ? input : (input && input.url); // var shouldTouch = url ? looksLikeCartUrl(url) : true; // if (init && init.body && shouldTouch) { // if (typeof init.body === 'string') { // init.body = sanitizeStringBody(init.body); // } else if (init.body instanceof FormData) { // init.body = sanitizeFormData(init.body); // } else if (init.body instanceof URLSearchParams) { // init.body = sanitizeURLSearchParams(init.body); // } else if (typeof init.body === 'object' && !(init.body instanceof Blob)) { // sanitizeObjectDeep(init.body); // } // } // } catch (e) { // // Fail open: do not block the request if anything goes wrong // } // return originalFetch.apply(this, arguments); // }; // } // // Patch XMLHttpRequest // if (window.XMLHttpRequest) { // var OriginalXHR = window.XMLHttpRequest; // var open = OriginalXHR.prototype.open; // var send = OriginalXHR.prototype.send; // OriginalXHR.prototype.open = function(method, url) { // this.__la_url = url; // return open.apply(this, arguments); // }; // OriginalXHR.prototype.send = function(body) { // try { // if (body) { // var shouldTouch = this.__la_url ? looksLikeCartUrl(this.__la_url) : true; // if (shouldTouch) { // if (typeof body === 'string') { // body = sanitizeStringBody(body); // } else if (body instanceof FormData) { // body = sanitizeFormData(body); // } else if (body instanceof URLSearchParams) { // body = sanitizeURLSearchParams(body); // } // } // } // } catch (e) { // // Fail open // } // return send.call(this, body); // }; // } // // Patch navigator.sendBeacon // if (navigator && typeof navigator.sendBeacon === 'function') { // var originalBeacon = navigator.sendBeacon.bind(navigator); // navigator.sendBeacon = function(url, data) { // try { // var shouldTouch = url ? looksLikeCartUrl(url) : true; // if (shouldTouch && typeof data === 'string') { // data = sanitizeStringBody(data); // } // } catch (e) { // // Fail open // } // return originalBeacon(url, data); // }; // } // })(); /** * Lens Use Selection for Single-Vision Prescriptions * * This customization adds a "What will the glasses be used for?" selection * for single-vision prescription types only. * * Options: Distance, Screen (Computer), Reading * * IMPORTANT: This is completely decoupled from PD values. * Creates its own Shopify line-item property: "Lens use" * * NOTE: Historically "Distance" existed in the PD section (legacy behavior). * This implementation fully decouples Lens use from PD as its own field. */ // ========================================================================= // CONFIGURATION // ========================================================================= const LENS_USE_CONFIG = { options: [ { value: 'Distance', label: 'Distance glasses' }, { value: 'Screen', label: 'Computer glasses' }, { value: 'Reading', label: 'Reading glasses' } ], defaultValue: 'Distance', propertyName: 'Lens use', // Shopify line-item property name - DO NOT CHANGE containerId: 'la-lens-use-container', inputName: 'la-lens-use-selection' }; // ========================================================================= // TRANSLATION HELPER // ========================================================================= function getTranslation(text) { // Try LensAdvisor translation system first if (typeof LensAdvizor !== 'undefined' && LensAdvizor.Translation && typeof LensAdvizor.Translation.getTranslatedText === 'function') { const translated = LensAdvizor.Translation.getTranslatedText(text); if (translated && translated !== text) { return translated; } } // Fall back to English text return text; } // ========================================================================= // STATE MANAGEMENT // ========================================================================= // Internal state storage (used until LensAdvizor.response is available) let _lensUseValue = LENS_USE_CONFIG.defaultValue; function initializeLensUseState() { // Only initialize if LensAdvizor and response exist if (typeof LensAdvizor !== 'undefined' && LensAdvizor.response) { // Initialize lensUse in response if not already set if (typeof LensAdvizor.response.lensUse === 'undefined') { LensAdvizor.response.lensUse = _lensUseValue; } else { // Sync internal state with existing response value _lensUseValue = LensAdvizor.response.lensUse; } } } function setLensUseValue(value) { _lensUseValue = value; // Also store in LensAdvizor.response if available if (typeof LensAdvizor !== 'undefined' && LensAdvizor.response) { LensAdvizor.response.lensUse = value; } // Update Shopify line-item property updateShopifyLineItem(); } function getLensUseValue() { // Prefer LensAdvizor.response value if available if (typeof LensAdvizor !== 'undefined' && LensAdvizor.response && LensAdvizor.response.lensUse) { return LensAdvizor.response.lensUse; } return _lensUseValue || LENS_USE_CONFIG.defaultValue; } // ========================================================================= // PRESCRIPTION TYPE CHECK // ========================================================================= function isSingleVision() { if (typeof LensAdvizor === 'undefined' || !LensAdvizor.response) { return false; } // Check prescription type - handles both named types const prescriptionType = LensAdvizor.response.prescriptionType; // Also check selectedPrescriptionType for the actual type const selectedType = LensAdvizor.response.selectedPrescriptionType; const typeName = selectedType ? selectedType.name : null; return prescriptionType === 'single_vision' || typeName === 'single_vision'; } // ========================================================================= // HTML GENERATION // ========================================================================= function generateLensUseHTML() { const currentValue = getLensUseValue(); let optionsHTML = LENS_USE_CONFIG.options.map(function(option) { const isChecked = option.value === currentValue; const checkedAttr = isChecked ? 'checked' : ''; const selectedClass = isChecked ? 'la-lens-use-option--selected' : ''; return ` ${getTranslation(option.label)} `; }).join(''); return `

${getTranslation('What will the glasses be used for?')}

${optionsHTML}

`; } // ========================================================================= // DOM INJECTION // ========================================================================= function removeLensUseContainer() { const existing = document.getElementById(LENS_USE_CONFIG.containerId); if (existing) { existing.remove(); } } function injectLensUseComponent(targetSelector, position) { // Remove any existing container first removeLensUseContainer(); // Only inject for single-vision if (!isSingleVision()) { return false; } const targetElement = document.querySelector(targetSelector); if (!targetElement) { return false; } const html = generateLensUseHTML(); targetElement.insertAdjacentHTML(position, html); attachLensUseEventListeners(); // IMPORTANT: Always set the initial value in Shopify properties // This ensures the default value is sent even if the customer never changes it updateShopifyLineItem(); return true; } // ========================================================================= // EVENT LISTENERS // ========================================================================= function attachLensUseEventListeners() { const container = document.getElementById(LENS_USE_CONFIG.containerId); if (!container) return; const radioInputs = container.querySelectorAll('.la-lens-use-radio'); const optionLabels = container.querySelectorAll('.la-lens-use-option'); radioInputs.forEach(function(radio) { radio.addEventListener('change', function(e) { const value = e.target.value; setLensUseValue(value); // CRITICAL: Immediately update Shopify properties (especially for email_later) updateShopifyLineItem(); // Update visual state optionLabels.forEach(function(label) { label.classList.remove('la-lens-use-option--selected'); if (label.dataset.value === value) { label.classList.add('la-lens-use-option--selected'); } }); // Clear validation error hideValidationError(); }); }); // Make entire row clickable (accessibility enhancement) optionLabels.forEach(function(label) { label.addEventListener('click', function(e) { // Only trigger if click wasn't on the radio input itself if (e.target.tagName !== 'INPUT') { const radio = label.querySelector('.la-lens-use-radio'); if (radio && !radio.checked) { radio.checked = true; radio.dispatchEvent(new Event('change', { bubbles: true })); } } }); // Keyboard accessibility label.addEventListener('keydown', function(e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); const radio = label.querySelector('.la-lens-use-radio'); if (radio) { radio.checked = true; radio.dispatchEvent(new Event('change', { bubbles: true })); } } }); }); } // ========================================================================= // VALIDATION // ========================================================================= function showValidationError() { const container = document.getElementById(LENS_USE_CONFIG.containerId); if (!container) return; const errorEl = container.querySelector('.la-lens-use-error'); if (errorEl) { errorEl.style.display = 'block'; } container.classList.add('la-lens-use-wrapper--error'); } function hideValidationError() { const container = document.getElementById(LENS_USE_CONFIG.containerId); if (!container) return; const errorEl = container.querySelector('.la-lens-use-error'); if (errorEl) { errorEl.style.display = 'none'; } container.classList.remove('la-lens-use-wrapper--error'); } function validateLensUse() { // Only validate for single-vision if (!isSingleVision()) { return true; } const value = getLensUseValue(); if (!value) { showValidationError(); return false; } hideValidationError(); return true; } // ========================================================================= // SHOPIFY LINE-ITEM INTEGRATION // ========================================================================= /** * Add Lens use to customBaseProductProperties * This ensures it appears as a SEPARATE line-item property in Shopify * WITHOUT modifying any existing line-item formats (OD, OS, PD, etc.) */ function updateShopifyLineItem() { if (typeof LensAdvizor === 'undefined') return; // Ensure customBaseProductProperties exists if (!LensAdvizor.customBaseProductProperties) { LensAdvizor.customBaseProductProperties = {}; } if (!isSingleVision()) { // Remove property if not single vision if (LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]) { delete LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]; } return; } const value = getLensUseValue(); if (value) { // Add as its OWN property - completely separate from PD or any other field LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName] = value; } } // ========================================================================= // FLOW-SPECIFIC INJECTION HANDLERS // ========================================================================= /** * Manual Entry Flow: DISABLED - Do not show lens use selection */ function handleManualEntryFlow() { // Remove component if it exists removeLensUseContainer(); return; } /** * Upload Prescription Flow: Inject AFTER PD section, BEFORE save button */ function handleUploadFlow() { if (!isSingleVision()) { removeLensUseContainer(); return; } initializeLensUseState(); // CRITICAL: Always ensure Shopify line-item is updated // This must happen regardless of whether UI component injection succeeds updateShopifyLineItem(); // Primary target: After PD fields container let injected = injectLensUseComponent('#la-pd-fields-container', 'afterend'); if (!injected) { // Fallback: After prescription upload area injected = injectLensUseComponent('.la-prescription-upload-area', 'afterend'); } if (!injected) { // Secondary fallback: Before form footer injectLensUseComponent('[data-form="upload"] .la-form-footer', 'beforebegin'); } } /** * Display selected lens use value on review page (read-only) * Adds the selection to the existing prescription details description */ function displaySelectedLensUseOnReview() { if (!isSingleVision()) { return; } const method = LensAdvizor.response ? LensAdvizor.response.method : null; // Only display for upload (manual disabled, email_later has its own handler) if (method === 'uploaded') { const selectedValue = getLensUseValue(); const option = LENS_USE_CONFIG.options.find(opt => opt.value === selectedValue); const displayText = getTranslation(option ? option.label : selectedValue); // Find the prescription review item const reviewItems = document.querySelectorAll('.la-review-item.la-flex-start'); // Usually the second review item is the prescription details let prescriptionReviewItem = null; for (let item of reviewItems) { const methodText = item.textContent; if (methodText.includes('Method:') || methodText.includes('Reseptityyppi')) { prescriptionReviewItem = item; break; } } if (prescriptionReviewItem) { // Find the last label-description div to append lens use info const descriptions = prescriptionReviewItem.querySelectorAll('.la-label-description'); if (descriptions.length > 0) { const lastDescription = descriptions[descriptions.length - 1]; // Check if lens use has already been added (prevent duplicates) const lensUseText = getTranslation('Lens type use:'); if (lastDescription.innerHTML.includes(lensUseText)) { return; // Already added, skip } // Add lens use as a new line in the description const lensUseHTML = `${lensUseText} ${displayText}`; // Append to the last description if (lastDescription.innerHTML.includes('
')) { lastDescription.innerHTML += `
${lensUseHTML}`; } else { lastDescription.innerHTML += `
${lensUseHTML}`; } } } } } /** * Email Later Flow: Inject at TOP, ABOVE review/confirmation section * NOTE: There is NO PD step in this flow * IMPORTANT: Only inject on the REVIEW page, not on method selection */ function handleEmailLaterFlow() { if (!isSingleVision()) { removeLensUseContainer(); return; } initializeLensUseState(); // CRITICAL: Always ensure Shopify line-item is updated for email_later flow // This must happen regardless of whether UI component injection succeeds updateShopifyLineItem(); // Target: Top of the email later review content let injected = injectLensUseComponent('.la-email-later-review', 'beforebegin'); if (!injected) { // Fallback: Before order summary/confirmation injected = injectLensUseComponent('.la-order-summary', 'beforebegin'); } if (!injected) { // Another fallback: After form wrapper but before content injected = injectLensUseComponent('[data-form="email_later"]', 'afterbegin'); } if (!injected) { // Last resort: Top of modal content body (but check we're not on method selection) const methodSelection = document.querySelector('.la-submission-methods'); if (!methodSelection) { injectLensUseComponent('.la-prescription-modal-content-body', 'afterbegin'); } } } // ========================================================================= // EVENT HANDLERS // ========================================================================= function handleComponentDidMount(evt) { if (!evt.detail || !evt.detail.eventType) return; const eventType = evt.detail.eventType; switch (eventType) { case 'LensAdvizor:render:manualEntryForm': handleManualEntryFlow(); break; case 'LensAdvizor:render:uploadForm': handleUploadFlow(); break; case 'LensAdvizor:render:submissionMethods': // Do NOT inject here - this is the method selection screen // Component will be injected when review actually renders removeLensUseContainer(); break; case 'LensAdvizor:review:rendered': // Check if this is email_later method on review page if (LensAdvizor.response && LensAdvizor.response.method === 'email_later') { handleEmailLaterFlow(); } else { // For manual/upload: display selected value as read-only displaySelectedLensUseOnReview(); updateShopifyLineItem(); } break; } } // Legacy event handlers (for backward compatibility) function onManualEntryRendered() { handleManualEntryFlow(); } function onUploadFormRendered() { handleUploadFlow(); } function onReviewRendered() { // Check if this is email_later on review page if (typeof LensAdvizor !== 'undefined' && LensAdvizor.response && LensAdvizor.response.method === 'email_later') { handleEmailLaterFlow(); } else { // For manual/upload: display selected value as read-only displaySelectedLensUseOnReview(); updateShopifyLineItem(); } } // ========================================================================= // INITIALIZATION // ========================================================================= function setupFormValidation() { // Hook into form submission to validate Lens use selection document.addEventListener('click', function(e) { const target = e.target; // Check if this is a form button (Save, Continue, Add to Cart, etc.) const isFormButton = target.classList.contains('la-form-btn') || target.classList.contains('la-modal-footer-btn') || target.closest('.la-form-btn') || target.closest('.la-modal-footer-btn'); if (isFormButton && isSingleVision()) { const container = document.getElementById(LENS_USE_CONFIG.containerId); // Only validate if the component is currently visible if (container) { if (!validateLensUse()) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); // Scroll to the component container.scrollIntoView({ behavior: 'smooth', block: 'center' }); return false; } // Ensure value is set in Shopify properties before proceeding updateShopifyLineItem(); } } }, true); // Use capture phase to intercept early } function init() { document.addEventListener('LensAdvizor:component:DidMount', handleComponentDidMount); // Legacy events (fallback for compatibility) document.addEventListener('LensAdvizor:render:manualEntryForm', onManualEntryRendered); document.addEventListener('LensAdvizor:render:uploadForm', onUploadFormRendered); document.addEventListener('LensAdvizor:review:rendered', onReviewRendered); // Setup form validation setupFormValidation(); // Handle prescription type changes - remove component if type changes to non-single-vision document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function() { if (!isSingleVision()) { removeLensUseContainer(); // Clean up Shopify property if (typeof LensAdvizor !== 'undefined' && LensAdvizor.customBaseProductProperties && LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]) { delete LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]; } } }); // Clean up component when navigating back to method selection document.addEventListener('LensAdvizor:render:submissionMethods', function() { // Always remove when showing method selection removeLensUseContainer(); }); // Ensure property is set before add to cart - CRITICAL for all flows document.addEventListener('LensAdvizor:addToCart', function() { if (isSingleVision()) { // Force update to ensure latest value is captured initializeLensUseState(); updateShopifyLineItem(); // Double-check the property is actually set if (typeof LensAdvizor !== 'undefined' && LensAdvizor.customBaseProductProperties) { const currentValue = LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName]; console.log('[Lens Use] Adding to cart with value:', currentValue); // If still not set, force set it with the current or default value if (!currentValue) { const valueToSet = getLensUseValue(); LensAdvizor.customBaseProductProperties[LENS_USE_CONFIG.propertyName] = valueToSet; console.log('[Lens Use] Force-set value:', valueToSet); } } } }); document.addEventListener('LensAdvizor:addToCart:success', function() { if (isSingleVision()) { updateShopifyLineItem(); } }); // Additional hook for cart preparation document.addEventListener('LensAdvizor:cart:prepare', function() { if (isSingleVision()) { initializeLensUseState(); updateShopifyLineItem(); } }); // Hook into review rendered to ensure value is always set for email_later document.addEventListener('LensAdvizor:component:WillMount', function(evt) { if (!evt.detail || !evt.detail.eventType) return; // Before review renders, ensure lens use value is initialized if (evt.detail.eventType === 'LensAdvizor:review:rendered') { if (isSingleVision()) { initializeLensUseState(); updateShopifyLineItem(); } } }); // Handle navigation - clean up if leaving prescription entry document.addEventListener('LensAdvizor:modal:close', function() { removeLensUseContainer(); }); } // Start initialization when LensAdvisor is ready if (typeof LensAdvizor !== 'undefined' && LensAdvizor.loadingCompleted) { init(); } else { document.addEventListener('LensAdvizor:init:complete', init); } // Centralized sanitizer to strip "distance" and "near" from PD strings and tidy separators function sanitizePd(value) { if (typeof value !== 'string') { return value; } return value .replace(/distance|near/gi, '') .replace(/\|\s*\|/g, '|') .replace(/\s*\|\s*$/g, '') // Remove pipe with spaces before/after at end .replace(/[\s|]*$/g, '') // Remove any trailing spaces or pipes .trim(); } function cleanPrescriptionData() { if (!window.LensAdvizor || !window.LensAdvizor.prescription) { return; } var prescription = window.LensAdvizor.prescription; prescription.pd = sanitizePd(prescription.pd); if (prescription.properties) { Object.keys(prescription.properties).forEach(function(key) { prescription.properties[key] = sanitizePd(prescription.properties[key]); }); } } function cleanPdDisplay() { var descriptionElements = document.querySelectorAll('.la-label-description'); descriptionElements.forEach(function(element) { if (!element.textContent || element.getAttribute('data-la-cleaned') === '1') return; var text = element.textContent; // Only process if it contains known field patterns var hasFields = /(Linssityyppi|Kehys|PD|Lens type use|OD Right|OS Left)[\s:]/i.test(text); if (!hasFields) { return; } // Remove "distance" and "near" from the text text = sanitizePd(text); // Split by field labels (with colon or space+label pattern) and rebuild with
tags // Match: "Label:" or "Label " at word boundaries var fields = text.split(/(?=Linssityyppi\s*:|Kehys\s*:|PD\s*:|Lens type use\s*:|OD\s+Right\s*:|OS\s+Left\s*:)/i).filter(function(f) { return f.trim(); }); if (fields.length > 1) { var html = fields.map(function(f) { var trimmed = f.trim(); // Remove any leading "PD: " if the value already starts with "PD" if (/^PD\s*:\s*PD\s/i.test(trimmed)) { trimmed = trimmed.replace(/^PD\s*:\s*/i, ''); } return trimmed; }).join('
'); element.innerHTML = html; element.setAttribute('data-la-cleaned', '1'); } else { // Just sanitize if no restructuring needed element.textContent = text; element.setAttribute('data-la-cleaned', '1'); } }); } // Intercept at the earliest possible moment document.addEventListener('LensAdvizor:init:start', function() { cleanPrescriptionData(); }); // Override prescription.pd to ensure every read/write is sanitized document.addEventListener('LensAdvizor:init:complete', function() { cleanPrescriptionData(); if (window.LensAdvizor && window.LensAdvizor.prescription) { var originalPd = window.LensAdvizor.prescription.pd; Object.defineProperty(window.LensAdvizor.prescription, 'pd', { configurable: true, enumerable: true, get: function() { return sanitizePd(originalPd); }, set: function(value) { originalPd = sanitizePd(value); } }); } }); // Clean PD field values when the manual entry form renders document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor:render:manualEntryForm') { cleanPrescriptionData(); } }); // Keep prescription data sanitized on updates document.addEventListener('LensAdvizor:prescription:updated', function() { cleanPrescriptionData(); }); // Remove "distance" from PD display in review page document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor:review:rendered') { cleanPdDisplay(); } }); // Clean prescription data right before adding to cart document.addEventListener('LensAdvizor:component:WillMount', function(evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor:addToCart:success') { cleanPrescriptionData(); } }); // Intercept right before cart add document.addEventListener('LensAdvizor:addToCart:success', function() { cleanPrescriptionData(); }); // Also intercept on any cart update document.addEventListener('LensAdvizor:Cart:Updated', function() { cleanPrescriptionData(); }); // Install request-level sanitizers to catch server-bound payloads (function installRequestSanitizers() { if (window.__laPdSanitizedNetwork) return; window.__laPdSanitizedNetwork = true; function looksLikeCartUrl(url) { try { var u = new URL(url, window.location.origin); return /\/cart\/(add|update|change|clear|add\.js|update\.js|change\.js|clear\.js)/i.test(u.pathname); } catch (e) { return /\/cart\/(add|update|change|clear)/i.test(String(url)); } } function sanitizeStringBody(str) { if (typeof str !== 'string') return str; if (str.indexOf('distance') === -1 && str.indexOf('near') === -1) return str; // Preserve "Lens use" property values - they may contain "Distance" intentionally // Match patterns like: "Lens use":"Distance" or "Lens use": "Distance" var lensUsePattern = /("Lens use"\s*:\s*")([^"]*)(")/gi; var preservedValues = []; var placeholder = '___LENS_USE_PRESERVED___'; var placeholderIndex = 0; // Temporarily replace Lens use values with placeholders str = str.replace(lensUsePattern, function(match, prefix, value, suffix) { preservedValues.push({ prefix: prefix, value: value, suffix: suffix }); return placeholder + (placeholderIndex++) + placeholder; }); var out = str.replace(/distance|near/gi, ''); // Collapse duplicate pipes in both plain and encoded forms out = out.replace(/\|\s*\|/g, '|'); out = out.replace(/%7C\s*%7C/gi, '%7C'); out = out.replace(/\s*\|\s*$/g, ''); // Remove pipe with spaces out = out.replace(/[\s|]*$/g, ''); // Remove trailing spaces/pipes // Restore Lens use values preservedValues.forEach(function(item, idx) { out = out.replace(placeholder + idx + placeholder, item.prefix + item.value + item.suffix); }); return out; } function sanitizeFormData(fd) { if (!(fd instanceof FormData)) return fd; var copy = new FormData(); // Keys that should NOT be sanitized var excludeKeys = ['Lens use', 'lens_use', 'lensUse', 'lens use']; fd.forEach(function(value, key) { // Skip sanitization for excluded keys (like "Lens use") if (excludeKeys.indexOf(key) !== -1) { copy.append(key, value); } else if (typeof value === 'string' && value.indexOf('distance') !== -1) { copy.append(key, sanitizePd(value)); } else { copy.append(key, value); } }); return copy; } function sanitizeURLSearchParams(params) { if (!(params instanceof URLSearchParams)) return params; var copy = new URLSearchParams(); // Keys that should NOT be sanitized var excludeKeys = ['Lens use', 'lens_use', 'lensUse', 'lens use']; params.forEach(function(value, key) { // Skip sanitization for excluded keys (like "Lens use") if (excludeKeys.indexOf(key) !== -1) { copy.set(key, value); } else if (typeof value === 'string' && value.indexOf('distance') !== -1) { copy.set(key, sanitizePd(value)); } else { copy.set(key, value); } }); return copy; } function sanitizeObjectDeep(obj) { if (!obj || typeof obj !== 'object') return obj; var seen = new WeakSet(); // Keys that should NOT be sanitized (contain intentional "distance" values) var excludeKeys = ['Lens use', 'lens_use', 'lensUse', 'lens use']; function walk(node) { if (!node || typeof node !== 'object' || seen.has(node)) return; seen.add(node); Object.keys(node).forEach(function(k) { var v = node[k]; // Skip sanitization for excluded keys (like "Lens use") if (excludeKeys.indexOf(k) !== -1) { return; } if (typeof v === 'string') { if (v.indexOf('distance') !== -1) { node[k] = sanitizePd(v); } } else if (v && typeof v === 'object') { walk(v); } }); } walk(obj); return obj; } // Patch fetch if (window.fetch) { var originalFetch = window.fetch; window.fetch = function(input, init) { try { var url = (typeof input === 'string') ? input : (input && input.url); var shouldTouch = url ? looksLikeCartUrl(url) : true; if (init && init.body && shouldTouch) { if (typeof init.body === 'string') { init.body = sanitizeStringBody(init.body); } else if (init.body instanceof FormData) { init.body = sanitizeFormData(init.body); } else if (init.body instanceof URLSearchParams) { init.body = sanitizeURLSearchParams(init.body); } else if (typeof init.body === 'object' && !(init.body instanceof Blob)) { sanitizeObjectDeep(init.body); } } } catch (e) { // Fail open: do not block the request if anything goes wrong } return originalFetch.apply(this, arguments); }; } // Patch XMLHttpRequest if (window.XMLHttpRequest) { var OriginalXHR = window.XMLHttpRequest; var open = OriginalXHR.prototype.open; var send = OriginalXHR.prototype.send; OriginalXHR.prototype.open = function(method, url) { this.__la_url = url; return open.apply(this, arguments); }; OriginalXHR.prototype.send = function(body) { try { if (body) { var shouldTouch = this.__la_url ? looksLikeCartUrl(this.__la_url) : true; if (shouldTouch) { if (typeof body === 'string') { body = sanitizeStringBody(body); } else if (body instanceof FormData) { body = sanitizeFormData(body); } else if (body instanceof URLSearchParams) { body = sanitizeURLSearchParams(body); } } } } catch (e) { // Fail open } return send.call(this, body); }; } // Patch navigator.sendBeacon if (navigator && typeof navigator.sendBeacon === 'function') { var originalBeacon = navigator.sendBeacon.bind(navigator); navigator.sendBeacon = function(url, data) { try { var shouldTouch = url ? looksLikeCartUrl(url) : true; if (shouldTouch && typeof data === 'string') { data = sanitizeStringBody(data); } } catch (e) { // Fail open } return originalBeacon(url, data); }; } })(); //# sourceURL=la_extrastuff.js

Kenelle

Kehysmuoto

Kehyksen leveys

Väri

Polarisoidut

Ostoskorisi -

Ostoskorisi