Einstein Activities for Hybrid Implementations

res.render('checkout/checkout', {
+   basketId: currentBasket.UUID,
    order: orderModel,
    customer: accountModel,
    ...
});

-    <div id="checkout-main" class="container data-checkout-stage <isif condition="${pdict.order.usingMultiShipping && pdict.order.shipping.length > 1}">multi-ship</isif>" data-customer-type="${pdict.customer.registeredUser ? 'registered' : 'guest'}" data-checkout-stage="${pdict.currentStage}" data-checkout-get-url="${URLUtils.https('CheckoutServices-Get')}">
+    <div id="checkout-main" class="container data-checkout-stage <isif condition="${pdict.order.usingMultiShipping && pdict.order.shipping.length > 1}">multi-ship</isif>" data-customer-type="${pdict.customer.registeredUser ? 'registered' : 'guest'}" data-checkout-stage="${pdict.currentStage}" data-checkout-get-url="${URLUtils.https('CheckoutServices-Get')}" data-checkout-price-total="${pdict.order.priceTotal}" data-checkout-items="${JSON.stringify(pdict.order.items)}" data-basket-id="${pdict.basketId}">

'use strict';

/**
 * Get the value of a cookie
 * Source: https://gist.github.com/wpsmith/6cf23551dd140fb72ae7
 * @param  {string} name  The name of the cookie
 * @return {string | undefined}       The cookie value
 */
function getCookie(name) {
    var value = '; ' + document.cookie;
    var parts = value.split('; ' + name + '=');
    var result;

    if (parts.length === 2) {
        result = parts.pop().split(';').shift();
    }
    return result;
}

/**
 * Fire a given Einstein activity with the provided data.
 *
 * @param {string} name - The name of the activity.
 * @param {Object} data - The activity payload.
 */
function fireEinsteinActivity(name, data) {
    // NOTE: These should be placed in the custom preferences of BM. This will help
    // avoid any code deployments if you need to change these values.
    // NOTE 2: this is _Einstein_ site id (not the same as SFRA one like RefArch).
    var SITE_ID = '$YOUR_SITE_ID';
    var CLIENT_ID = '$YOUR_CLIENT_ID';
    // Reports & Dashboards will only show data that's been tagged as `prd` (production)
    var INSTANCE_TYPE = 'prd';

    // Assign the realm to the data.
    var activityData = Object.assign(data, {
        realm: SITE_ID.split('-')[0],
        instanceType: INSTANCE_TYPE
    });

    var userId = data.userId;
    var cookieId = data.cookieId;

    // Apply payload information for logged in users.
    if (userId) {
        activityData = Object.assign(activityData, {
            userId: userId
        });
    }

    if (cookieId) {
        activityData = Object.assign(activityData, {
            cookieId: cookieId
        });
    }

    var url =
            'https://api.cquotient.com/v3/activities' +
                '/' + SITE_ID +
                '/' + name;

    try {
        fetch(url, {
            headers: {
                'Content-Type': 'application/json',
                'x-cq-client-id': CLIENT_ID
            },
            method: 'POST',
            body: JSON.stringify(activityData)
        });
    } catch (e) {
        console.error(e);
    }
}

var exports = {
    fireEinsteinActivity: fireEinsteinActivity,
    getCookie: getCookie
};

module.exports = exports;

var einsteinHelpers = require('../einsteinHelpers');

/**
 * @returns {boolean} whether the current customer is registered or not
 */
function isRegisteredCustomer() {
    return $('.data-checkout-stage').data('customer-type') === 'registered';
}

/**
 * Get the cookieId, which is a unique identifier used for linking subsequent activities to the same user.
 * If the cookieId is not defined, then Reports & Dashboards will treat the activity as coming from an anonymous user.
 * @returns {string | undefined} value of the cookieId param for Einstein Activities API
 */
function getCookieId() {
    var siteId = window.CQuotient && window.CQuotient.siteId;
    // This usid cookie is set by either PWA or plugin_slas
    return einsteinHelpers.getCookie('usid_' + siteId) || einsteinHelpers.getCookie('usid') || undefined;
}

/**
 * Get the userId, which is for linking registered users across different devices.
 * @returns {string | undefined} value of the userId param for Einstein Activities API
 */
function getUserId() {
    var siteId = window.CQuotient && window.CQuotient.siteId;
    // This enc_user_id is set by PWA
    return window.localStorage.getItem('enc_user_id_' + siteId) || window.localStorage.getItem('enc_user_id') || undefined;
}

/**
 * Updates the URL to determine stage
 * @param {number} currentStage - The current stage the user is currently on in the checkout
 */
function updateUrl(currentStage) {
    // ...

    var cookieId = getCookieId();
    var userId = isRegisteredCustomer() ? getUserId() : undefined;

    einsteinHelpers.fireEinsteinActivity('checkoutStep', {
        basketId: $('#checkout-main').data('basket-id'),
        stepName: checkoutStages[currentStage],
        stepNumber: currentStage,
        cookieId: cookieId,
        userId: userId
    });
}

//
// Send Einstein `beginCheckout` activity
//
// Parse total amount value
var amount = $('#checkout-main').data('checkout-price-total');
amount = Number(amount.replace(/[^0-9.-]+/g, ''));

var products = $('#checkout-main')
    .data('checkout-items')
    .items.map(function (item) {
        return {
            id: item.id,
            price: Number(item.priceTotal.price.replace(/[^0-9.-]+/g, '')),
            quantity: item.quantity
        };
    });

var cookieId = getCookieId();
var userId = isRegisteredCustomer() ? getUserId() : undefined;

einsteinHelpers.fireEinsteinActivity('beginCheckout', {
    products: products,
    amount: amount,
    cookieId: cookieId,
    userId: userId
});