Diamond

document.addEventListener("DOMContentLoaded", function() { //Full content path to avoid process other element with same .hersoslide class //Warning: If the structure of the pageMarkup in Contentful changes this will break this functionality const slides = document.querySelectorAll('cymbeo-deprecated .top.hero .cycle-slideshow .heroslide'); const processedSlides = new Array(slides.length).fill(false); slides.forEach((slide, index) => { processedSlides[index] = false; const observer = new MutationObserver((mutations) => { mutations.forEach(async (mutation) => { if (mutation.attributeName === 'class') { const currentlyActive = slide.classList.contains('cycle-slide-active'); const alreadyProcessed = processedSlides[index]; if (currentlyActive && !alreadyProcessed) { processedSlides[index] = true; await callAmplitudeService(slide, index, AmpliEventContext.DotComPromotionViewed); } } }); }); observer.observe(slide, { attributes: true }); const anchor = slide.querySelector('a'); if (anchor) { anchor.addEventListener('click', async function() { await callAmplitudeService(slide, index, AmpliEventContext.DotComPromotionClicked); }); } }); async function callAmplitudeService(slide, index, context) { const href = slide.querySelector('a') ? slide.querySelector('a').getAttribute('href') : ''; const promotionName = getPromotionNameFromClassList(slide.classList); const promotionContent = href; const locale = 'en-SG'; const promotionLocation = `home page hero slide, ${locale}`; // Check if amplitudeService exists and call it if (typeof window.amplitudeService !== 'undefined' && window.amplitudeService) { // TO-DO: Before deploying this to PROD, this commented code needs to be removed. // Currently, it will remain commented to not lose track of the events and logic implemented to make it work. // This code needs to be refactored due to the changes in the Amplitude project // Due to the Amplitude request creation is disabled will not affect to send a dummy event type, // this was made to avoid changing the logic without knowing if will be need it or not // await window.amplitudeService.createBasicAmplitudeRequest({ // context: context, // additionalData: { // promotionContent: promotionContent, // promotionLocation: promotionLocation, // promotionName: promotionName, // promotionOrderPosition: index.toString() // } // }) } } function getPromotionNameFromClassList(classList) { //Warning: If promotion don't follow the structure slide-[PROMOTION_NAME] this logic will not work let promotionName = ''; const filteredClassNames = Array.from(classList).filter(className => className.startsWith('slide-') && !className.includes('cycle-slide') ); if (filteredClassNames.length > 0) { //Warning: If class have multiple class following the structure slide-[PROMOTION_NAME], only the last one will be valid const lastClassName = filteredClassNames[filteredClassNames.length - 1]; promotionName = lastClassName.substring(lastClassName.indexOf('-') + 1); } return promotionName; } }); >