mySiteMap.js

const enviroment = 'https://qa.';
//DATOS DE USUARIO
const email = vsm.session.email != "" ? vsm.session.email : "";
const idUser = vsm.session.id != "" ? vsm.session.id : "";
const userName = vsm.session.title != "" ? vsm.session.title : "";
const isSuscriber = site.session.isSuscriber() && site.session != undefined ? "Suscriptor" : "Usuario";
let dateTime = new Date();
dateTime = `${dateTime.getDate()}/${dateTime.getMonth()}/${dateTime.getFullYear()} - hora ${dateTime.getHours()}:${dateTime.getMinutes()}`

let isMatch = false
let url = ""



//SELECTORES y zonas Genericos
let globalZones = [
    { name: "Header", selector: '#page-header' },
    { name: "Footer", selector: '#page-footer' },
]


let globalListeners = [
    { class: "#page-header-session-box .sign-in-button", labelName: 'Botón Ingresar' },
    { class: "#page-header-middle .b-suscription", labelName: 'Botón Suscribite' },
    { class: ".svg-icon.menu", labelName: 'Botón MENU sitio' },
    { class: ".session.with-avatar", labelName: 'Botón MENU mi perfil' },
    { class: ".session-options li:nth-child(2) a", labelName: 'Botón MI PERFIL' },
    { class: "#main-menu ul li a", labelName: 'TAGS' },
    { class: ".piece.markets.standard ul li", labelName: 'TICKERS' },
]
//

//SELECTORES y zonas Home
let homeListeners = [
    { class: `.section article.item`, labelName: '' },
    { class: `.sectionfull article.item`, labelName: '' },
    { class: `article.locked`, labelName: 'Article Member from Home' },
    { class: `.columnists .items article.item`, labelName: 'Clumnists from Home' },
]

let payWallListeners = [`.item .button`, `.item .list_items`, `.otros-planes__item a`, `.footer-footer a`]

let homeInteractions = {
    name: "Home"
}

const home = new PageType("Home", "cronista.com", homeInteractions, homeListeners);
const payWall = new PageType("PayWall", `cronista.com/suscripciones/`, homeInteractions, payWallListeners);

function Pages() {
    return [home, payWall]
}
//

SalesforceInteractions.init({
    cookieDomain: "cronista.com",
}).then(() => {
    const sitemapConfig = {
        global: {
            onActionEvent: (actionEvent) => {
                url = window.location.href
                if (email) {
                    actionEvent.user = actionEvent.user || {};
                    actionEvent.user.attributes = actionEvent.user.attributes || {};
                    actionEvent.user.identities = actionEvent.user.identities || {};
                    actionEvent.user.attributes.URL || {};
                    actionEvent.user.attributes.contentZones || {};
                    actionEvent.user.attributes.emailAddress = email;
                    actionEvent.user.attributes.isSuscription = isSuscriber;
                    actionEvent.user.attributes.name = userName;
                    actionEvent.user.attributes.lastName = userName;
                    actionEvent.user.attributes.date = dateTime
                    actionEvent.user.identities.userIdCms = idUser;
                }
                return actionEvent;
            },
            contentZones: GenerateContentZones(globalZones),
            listeners: GenerateListeners("Global", globalListeners),
        },
        pageTypeDefault: {
            name: "default",
            interaction: {
                name: "Default Page",
            }
        },
        pageTypes: Pages()
    };
    SalesforceInteractions.initSitemap(sitemapConfig);
});

function PageType(name, myUrl, interaction, myEvents) {
    this.name = name;
    this.interaction = interaction;
    this.isMatch = () => {
        let url = window.location.href;
        if (url.includes('?') || url.includes('/')) {
            url = url.slice(0, window.location.href.lastIndexOf('?'));
        }
        console.log(`${enviroment}${myUrl}`)
        isMatch = (url === `${enviroment}${myUrl}` ? true : false);
        console.log(isMatch)
        if (name == "PayWall") {
            let limit = new URL(window.location.href).searchParams.get("limit")
            console.log(limit)
        }


        return isMatch;
    };
    this.listeners = GenerateListeners(name, myEvents);
}

function ReadHomeBlocks(event) {
    let main = document.querySelector('.main-container');
    let block1 = main.childNodes[0].querySelectorAll('article.item');
    let block2 = main.childNodes[2].querySelectorAll('article.item')
    sendDataFromHomeBlocks("Click, Article from home (Bloque1)", event, block1)
    sendDataFromHomeBlocks("Click, Article from home (Bloque2)", event, block2)
}

function sendDataFromHomeBlocks(nameEvent, target, container) {

    for (let i = 0; i < container.length; i++) {
        console.log(nameEvent)
        console.log(target)
        console.log(container)
        if (target === container[i]) {
            console.log("cumple")
            SalesforceInteractions.sendEvent({
                interaction: {
                    name: nameEvent,
                },
                user: {
                    identities: {
                        emailAddress: email
                    },
                    attributes: {
                        name: userName
                    }
                }
            });
            break;
        }

    }

}

function ReadGlobalEvents(event, listeners) {
    let dataName = listeners.labelName

    if (listeners.labelName == "TICKERS" || listeners.labelName == "TAGS") {
        dataName = listeners.labelName + ": " + SalesforceInteractions.cashDom(event.target).text()
    }

    SalesforceInteractions.sendEvent({
        interaction: {
            name: dataName,
            attributes: {
                userIdCms: idUser,
                name: userName,
                lastName: userName,
                isSuscriber: isSuscriber,
                emailAddress: email,
                continueUrl: url
            },
        },
    });

}



function GenerateContentZones(zones) {

    let ContentZones = [];
    if (zones.length > 0) {
        for (let i = 0; i < zones.length; i++) {
            let ContentZone = {
                name: zones[i].name,
                selector: zones[i].selector
            }
            ContentZones.push(ContentZone)
        }
    }
    return ContentZones;
}

function GenerateListeners(pageType, elements) {
    let listeners = [];

    if (elements.length > 0) {
        for (let i = 0; i < elements.length; i++) {

            if (pageType == "Home" && (elements[i].class == elements[0].class || elements[i].class == elements[1].class)) {
                console.log(elements[i].class)
                let myEventsBlock = SalesforceInteractions.listener("click", elements[i].class, (e) => {
                    e.preventDefault()
                    console.log(e)
                    ReadHomeBlocks(e.currentTarget)
                })
                listeners.push(myEventsBlock)
            } else {
                let myEvents = SalesforceInteractions.listener("click", `${elements[i].class}`, (e) => {
                    e.preventDefault()
                    console.log(elements[i].class)
                    ReadGlobalEvents(e, elements[i])
                    e.stopPropagation();
                })

                listeners.push(myEvents)
            }
        }
    }
    return listeners;
}