temp.js

import Constants from "./Constants";
import Cookie from "./Cookie";
import PushNotification from "./PushNotification";
import Api from "./Api";

/**
 * Browser public object
 */
export let routee = {};

/**
 * Create cookies and get configuration
 *
 * @param {object} data
 * @return {Promise<void>}
 * @throws {string} no routee token provided
 */
routee.initialize = async function (data) {
    Constants.VISIT_TIMESTAMP = new Date().getTime();

    // Check if routeeToken (UUID) was provided
    if (Constants.KEYS.routeeToken in data) {
        localStorage.set(Constants.KEYS.routeeToken, data[Constants.KEYS.routeeToken]);
    } else {
        throw "RouteeToken not provided";
    }

    // Check if custom URL for service worker was provided
    if (Constants.KEYS.serviceWorker in data) {
        localStorage.set(Constants.KEYS.routeeToken, JSON.stringify(data[Constants.KEYS.serviceWorker]));
    }

    routee.errors = [];
    
    const configurationRequest = Api.getConfig(data.routeeToken);
    await setCookies();
    const trackingId = Cookie.get(Constants.COOKIES.tracking);
    
    /* Check if the main COOKIE was created and run the main code */
    if (trackingId) {
        const configuration = await configurationRequest.catch((error) => {
            setError(Constants.ERRORS.config, error);
        });

        if (configuration) {
            runConfig(configuration, trackingId);
        }
    } else {
        setError(Constants.ERRORS.nullId, trackingId);
    }
};

/**
 * Create cookies
 * 
 * @returns {Promise<void>}
 */
async function setCookies() {
    let analyticsId = Cookie.get(Constants.COOKIES.analytics);
    let trackingId = Cookie.get(Constants.COOKIES.tracking);
    let session = Cookie.getSession();

    
    if (!trackingId) {
        let frameRequest = Api.createFrame();

        trackingId = await Api.createSession().catch((error) => {
            setError(Constants.ERRORS.session, error);
        });

        if (trackingId) {
            Cookie.set(Constants.COOKIES.tracking, trackingId);
            Cookie.setSession();

            if (!analyticsId) {
                frameRequest.then((aId) => {
                    Cookie.set(Constants.COOKIES.analytics, aId);
                    Api.updateSession(trackingId);
                }).catch((error) => {
                    setError(Constants.ERRORS.analytics, error);
                });
            } else {
                Cookie.set(Constants.COOKIES.analytics, analyticsId);
                Api.updateSession(trackingId).catch((error) => {
                    setError(Constants.ERRORS.analytics, error);
                });
            }
        }
    } else {

        // If there is no session cookie, create new
        if (!session) {
            Api.updateSession(trackingId).then(() => {
                Cookie.setSession();
            }).catch((error) => {
                setError(Constants.ERRORS.sessionUpdate, error);
            });
        }

        // If analyticsId cookie doesn't exist, create it
        if (!analyticsId) {
            Api.createFrame().then((analyticsId) => {
                Cookie.set(Constants.COOKIES.analytics, analyticsId);
                Api.updateSession(trackingId);
            }).catch((error) => {
                setError(Constants.ERRORS.analytics, error);
            });
        }
    }
}

/**
 * Take actions based on configurations
 *
 * @param {object} configuration
 * @param {object} configuration.pushConfig
 * @param {object} configuration.pushConfig.dialogConfig
 * @param trackingId
 * @private
 */
function runConfig(configuration, trackingId) {

    /* Check if there is push config */
    if ('pushConfig' in configuration) {

        const pushConfig = {...configuration.pushConfig};
        const dialogConfig = {...configuration.pushConfig.dialogConfig};
        const title = ('title' in dialogConfig) ? dialogConfig.title : null;
        const icon = ('iconUrl' in configuration) ? configuration.iconUrl : null;
        const popupHtml = getDialogHTML(title, dialogConfig.message, dialogConfig.allow, dialogConfig.disallow, icon);

        const pushOptInCallBack = (optInData) => {
            const analyticsId = Cookie.get(Constants.COOKIES.analytics);
            optInData.trackingId = trackingId;
            optInData.routeeToken = localStorage.getItem(Constants.KEYS.routeeToken);

            if (analyticsId) {
                optInData.analyticsId = analyticsId;
            }
            Api.savePushOptIn(optInData).catch((error) => {
                setError(Constants.ERRORS.pushOptIn, error)
            });
        };

        /* Create a "push notification service" object */
        const pushNotification = new PushNotification(pushConfig, popupHtml, pushOptInCallBack);

        /* Catch push notification errors */
        pushNotification.onError((error) => {
            routee.errors.push(error);
        });

        /* Initialize and run push notification service  */
        pushNotification.init().catch((error) => {
            setError(Constants.ERRORS.pushInit, error);
        });
    } else {
        setError(Constants.ERRORS.nullConfig, configuration);
    }
}

/**
 * Store an error message
 *
 * @param {*} errorMessages
 * @private
 */
function setError(...errorMessages) {
    let error = {};
    errorMessages.forEach((errorMessage, index) => {
        error[index] = errorMessage;
    });

    routee.errors.push(error);
}

/**
 * Render the content for the push notification permission popup
 *
 * @param {string|null} title
 * @param {string} message
 * @param {string} allow
 * @param {string} disallow
 * @param {string|null} [icon=null]
 * @return {HTMLDivElement}
 * @private
 */
function getDialogHTML(title, message, allow, disallow, icon = null) {
    const pushContainerElement = document.createElement('div');
    pushContainerElement.classList.add('routee-push-container');
    let imageContainerElement;
    const websiteIcon = (icon === null) ? Constants.URL.icon : icon;

    imageContainerElement = '<div class="routee-push-image-container">' +
        '<div style="background-image: url(' + websiteIcon + ')"></div>' +
        '</div>';

    let textContainerElement = "<div class=\"routee-push-text-container\">";

    if (title !== null)
        textContainerElement += "<div class=\"routee-push-title\">" + title + "</div>";

    textContainerElement += "<div class=\"routee-push-description\">" + message + "</div>";
    textContainerElement += "</div>";

    const btnContainerElement = document.createElement('div');
    btnContainerElement.classList.add('routee-push-button-container');
    const laterBtnElement = document.createElement('div');
    laterBtnElement.classList.add('routee-push-button', 'routee-push-disallow-button', 'push-notification-later');
    laterBtnElement.innerText = disallow;
    const allowBtnElement = document.createElement('div');
    allowBtnElement.classList.add('routee-push-button', 'routee-push-allow-button', 'push-notification-allow');
    allowBtnElement.innerText = allow;

    btnContainerElement.appendChild(laterBtnElement);
    btnContainerElement.appendChild(allowBtnElement);

    pushContainerElement.innerHTML += imageContainerElement;
    pushContainerElement.innerHTML += textContainerElement;
    pushContainerElement.appendChild(btnContainerElement);

    return pushContainerElement;
}