@phantomstudios/ft-lib 0.2.0

package/lib/reactPlayerTracking/index.js

@@ -0,0 +1,85 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactPlayerTracking = void 0;
+var debug_1 = __importDefault(require("debug"));
+var permutiveVideoUtils_1 = require("../permutiveVideoUtils");
+var debug = (0, debug_1.default)("@phntms/ft-lib");
+var reactPlayerTracking = /** @class */ (function () {
+    function reactPlayerTracking(FTTracker, videoTitle, videoUrl) {
+        var _this = this;
+        this.duration = 0;
+        this.playedSeconds = 0;
+        this.playedPercent = 0;
+        /** 100% is fired with ended event */
+        this.GA_milestones = [1, 25, 50, 75];
+        this.oTracking_milestones = [25, 50, 75];
+        this.setDuration = function (duration) {
+            _this.duration = Math.floor(duration);
+        };
+        this.sendGAEvent = function (action) {
+            debug("GA datalayer push - " + action);
+            _this.FTTracker.gaEvent("Video", action, _this.videoTitle);
+        };
+        this.sendoTrackingEvent = function (action, progress) {
+            debug("oTracking event - " + action);
+            _this.FTTracker.oEvent(__assign({ category: "video", action: action, product: _this.FTTracker.config.product, app: _this.FTTracker.config.app, duration: _this.duration }, (progress && { progress: progress })));
+        };
+        this.trackPlay = function () {
+            _this.sendGAEvent("playing");
+            _this.sendoTrackingEvent("playing");
+        };
+        this.trackPause = function () {
+            _this.sendGAEvent("pause");
+            _this.sendoTrackingEvent("pause");
+        };
+        this.trackEnded = function () {
+            //fire 100% progress events
+            _this.sendGAEvent("100% watched");
+            _this.sendoTrackingEvent("progress", 100);
+            _this.sendGAEvent("ended");
+            _this.sendoTrackingEvent("ended", 100);
+        };
+        this.trackProgress = function (reactPlayerProgress) {
+            var _a;
+            _this.playedSeconds = reactPlayerProgress.playedSeconds;
+            if (_this.duration > 0) {
+                _this.playedPercent = Math.floor((Math.ceil(reactPlayerProgress.playedSeconds) / _this.duration) * 100);
+            }
+            while (_this.playedPercent >= _this.GA_milestones[0]) {
+                debug("GA progress milestone - " + _this.GA_milestones[0]);
+                _this.sendGAEvent("".concat(_this.GA_milestones[0], "% watched"));
+                _this.GA_milestones.shift();
+            }
+            while (_this.playedPercent >= _this.oTracking_milestones[0]) {
+                debug("oTracking progress milestone - " + _this.oTracking_milestones[0]);
+                _this.sendoTrackingEvent("progress", _this.oTracking_milestones[0]);
+                _this.oTracking_milestones.shift();
+            }
+            //permutive only tracks progress events and contains its own milestones
+            debug("edit permutive progress event- " + _this.playedSeconds);
+            (_a = _this.permutiveTracker) === null || _a === void 0 ? void 0 : _a.emitPermutiveProgressEvent(_this.duration, _this.playedSeconds);
+        };
+        /** oTracking dispatch event function */
+        this.FTTracker = FTTracker;
+        this.videoTitle = videoTitle;
+        this.videoUrl = videoUrl;
+        this.permutiveTracker = new permutiveVideoUtils_1.permutiveVideoUtils(this.FTTracker.config.campaign, this.videoTitle, this.videoUrl);
+    }
+    return reactPlayerTracking;
+}());
+exports.reactPlayerTracking = reactPlayerTracking;
+//# sourceMappingURL=index.js.map

package/lib/reactPlayerTracking/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/reactPlayerTracking/index.ts"],"names":[],"mappings":"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"}

package/lib/utils/attention.d.ts

@@ -0,0 +1,20 @@
+export class Attention {
+    constructor(oTracker: any);
+    totalAttentionTime: number;
+    startAttentionTime: any;
+    endAttentionTime: any;
+    hasSentEvent: boolean;
+    oTracker: any;
+    init(): void;
+    startAttention(): void;
+    attentionTimeout: number | undefined;
+    startConstantAttention(): void;
+    constantAttentionInterval: number | undefined;
+    endConstantAttention(): void;
+    endAttention(): void;
+    get(): number;
+    addVideoEvents(): void;
+    videoPlayers: HTMLCollectionOf<HTMLVideoElement> | undefined;
+    handleVisibilityChange(ev: any): void;
+}
+//# sourceMappingURL=attention.d.ts.map

package/lib/utils/attention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention.d.ts","sourceRoot":"","sources":["../../src/utils/attention.js"],"names":[],"mappings":"AAiBA;IAOE,2BAGC;IATD,2BAAuB;IACvB,wBAAmB;IACnB,sBAAiB;IACjB,sBAAqB;IACrB,cAAS;IAOT,aA2CC;IAED,uBASC;IAJC,qCAGC;IAGH,+BAKC;IAJC,8CAGC;IAGH,6BAGC;IAED,qBASC;IAED,cAKC;IAED,uBAaC;IAZC,6DAA0D;IAc5D,sCAMC;CACF"}

package/lib/utils/attention.js

@@ -0,0 +1,142 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Attention = void 0;
+var oViewport = __importStar(require("@financial-times/o-viewport"));
+var ATTENTION_INTERVAL = 15000;
+var ATTENTION_EVENTS = [
+    "load",
+    "click",
+    "focus",
+    "scroll",
+    "mousemove",
+    "touchstart",
+    "touchend",
+    "touchcancel",
+    "touchleave",
+];
+var UNATTENTION_EVENTS = ["blur"];
+var EXIT_EVENTS = ["beforeunload", "unload", "pagehide"];
+var Attention = /** @class */ (function () {
+    function Attention(oTracker) {
+        this.totalAttentionTime = 0;
+        this.hasSentEvent = false;
+        this.oTracker = oTracker;
+        this.init();
+    }
+    Attention.prototype.init = function () {
+        var _this = this;
+        //Add events for all the other Attention events
+        for (var i = 0; i < ATTENTION_EVENTS.length; i++) {
+            window.addEventListener(ATTENTION_EVENTS[i], function (ev) {
+                return _this.startAttention(ev);
+            });
+        }
+        for (var i = 0; i < UNATTENTION_EVENTS.length; i++) {
+            window.addEventListener(UNATTENTION_EVENTS[i], function (ev) {
+                return _this.endAttention(ev);
+            });
+        }
+        // Need to wait for this to be available
+        oViewport.listenTo("visibility");
+        document.body.addEventListener("oViewport.visibility", function (ev) { return _this.handleVisibilityChange(ev); }, false);
+        this.addVideoEvents();
+        // Add event to send data on unload
+        EXIT_EVENTS.forEach(function (event) {
+            window.addEventListener(event, function () {
+                if (_this.hasSentEvent) {
+                    return;
+                }
+                _this.hasSentEvent = true;
+                _this.endAttention();
+                _this.oTracker.eventDispatcher({
+                    category: "page",
+                    action: "interaction",
+                    context: {
+                        attention: {
+                            total: _this.totalAttentionTime,
+                        },
+                    },
+                });
+            });
+        });
+    };
+    Attention.prototype.startAttention = function () {
+        var _this = this;
+        clearTimeout(this.attentionTimeout);
+        if (!this.startAttentionTime) {
+            this.startAttentionTime = new Date().getTime();
+        }
+        this.attentionTimeout = setTimeout(function () { return _this.endAttention(); }, ATTENTION_INTERVAL);
+    };
+    Attention.prototype.startConstantAttention = function () {
+        var _this = this;
+        this.constantAttentionInterval = setInterval(function () { return _this.startAttention(); }, ATTENTION_INTERVAL);
+    };
+    Attention.prototype.endConstantAttention = function () {
+        this.endAttention();
+        clearInterval(this.constantAttentionInterval);
+    };
+    Attention.prototype.endAttention = function () {
+        if (this.startAttentionTime) {
+            this.endAttentionTime = new Date().getTime();
+            this.totalAttentionTime += Math.round((this.endAttentionTime - this.startAttentionTime) / 1000);
+            clearTimeout(this.attentionTimeout);
+            this.startAttentionTime = null;
+        }
+    };
+    Attention.prototype.get = function () {
+        //getter should restart attention capturing as endAttention updates the value:
+        this.endAttention();
+        this.startAttention();
+        return this.totalAttentionTime;
+    };
+    Attention.prototype.addVideoEvents = function () {
+        var _this = this;
+        this.videoPlayers = document.getElementsByTagName("video");
+        for (var i = 0; i < this.videoPlayers.length; i++) {
+            this.videoPlayers[i].addEventListener("playing", function (ev) {
+                return _this.startConstantAttention(ev);
+            });
+            this.videoPlayers[i].addEventListener("pause", function (ev) {
+                return _this.endConstantAttention(ev);
+            });
+            this.videoPlayers[i].addEventListener("ended", function (ev) {
+                return _this.endConstantAttention(ev);
+            });
+        }
+    };
+    Attention.prototype.handleVisibilityChange = function (ev) {
+        if (ev.detail.hidden) {
+            this.endAttention();
+        }
+        else {
+            this.startAttention();
+        }
+    };
+    return Attention;
+}());
+exports.Attention = Attention;
+//# sourceMappingURL=attention.js.map

package/lib/utils/attention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../src/utils/attention.js"],"names":[],"mappings":"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"}

package/lib/utils/cookies.d.ts

@@ -0,0 +1,2 @@
+export function getValueFromCookie(matcher: any): string | null | undefined;
+//# sourceMappingURL=cookies.d.ts.map

package/lib/utils/cookies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../../src/utils/cookies.js"],"names":[],"mappings":"AAAA,4EAQC"}

package/lib/utils/cookies.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValueFromCookie = void 0;
+function getValueFromCookie(matcher) {
+    if (typeof document !== "undefined") {
+        return document.cookie.match(matcher) &&
+            RegExp.$1 !== "" &&
+            RegExp.$1 !== "null"
+            ? RegExp.$1
+            : null;
+    }
+}
+exports.getValueFromCookie = getValueFromCookie;
+//# sourceMappingURL=cookies.js.map

package/lib/utils/cookies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies.js","sourceRoot":"","sources":["../../src/utils/cookies.js"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,CAAC,OAAO;IACxC,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;YACnC,MAAM,CAAC,EAAE,KAAK,EAAE;YAChB,MAAM,CAAC,EAAE,KAAK,MAAM;YACpB,CAAC,CAAC,MAAM,CAAC,EAAE;YACX,CAAC,CAAC,IAAI,CAAC;KACV;AACH,CAAC;AARD,gDAQC"}

package/lib/utils/getTrace.d.ts

@@ -0,0 +1,6 @@
+export default getTrace;
+declare function getTrace(el: any): {
+    trace: any[];
+    customContext: {};
+};
+//# sourceMappingURL=getTrace.d.ts.map

package/lib/utils/getTrace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTrace.d.ts","sourceRoot":"","sources":["../../src/utils/getTrace.js"],"names":[],"mappings":";AAwFA;;;EA+BC"}

package/lib/utils/getTrace.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function sanitise(str) {
+    return typeof str === "string" ? str.trim() : str;
+}
+function assignIfUndefined(subject, target) {
+    for (var prop in subject) {
+        if (!target[prop]) {
+            target[prop] = subject[prop];
+        }
+        else {
+            console.warn("You can't set a custom property called ".concat(prop));
+        }
+    }
+}
+var elementPropertiesToCollect = [
+    "nodeName",
+    "className",
+    "id",
+    "href",
+    "text",
+    "role",
+];
+// For a given container element, get the number of elements that match the
+// original element (siblings); and the index of the original element (position).
+var getSiblingsAndPosition = function (el, originalEl, selector) {
+    var siblings = Array.from(el.querySelectorAll(selector));
+    var position = siblings.findIndex(function (item) { return item === originalEl; });
+    if (position === -1) {
+        return;
+    }
+    return {
+        siblings: siblings.length,
+        position: position,
+    };
+};
+// Get all (sanitised) properties of a given element.
+var getAllElementProperties = function (el) {
+    return elementPropertiesToCollect.reduce(function (returnObject, property) {
+        if (el[property]) {
+            returnObject[property] = sanitise(el[property]);
+        }
+        else if (el.getAttribute(property)) {
+            returnObject[property] = sanitise(el.getAttribute(property));
+        }
+        else if (el.hasAttribute(property)) {
+            returnObject[property] = el.hasAttribute(property);
+        }
+        return returnObject;
+    }, {});
+};
+// Get some properties of a given element.
+var getDomPathProps = function (attrs, props) {
+    // Collect any attribute that matches given strings.
+    attrs
+        .filter(function (attribute) {
+        return attribute.name.match(/^data-trackable|^data-o-|^aria-/i);
+    })
+        .forEach(function (attribute) {
+        props[attribute.name] = attribute.value;
+    });
+    return props;
+};
+// Get only the custom data-trackable-context-? properties of a given element
+var getContextProps = function (attrs, props, isOriginalEl) {
+    var customProps = {};
+    // for the original element collect properties like className, nodeName
+    if (isOriginalEl) {
+        elementPropertiesToCollect.forEach(function (name) {
+            if (typeof props[name] !== "undefined" && name !== "id") {
+                customProps[name] = props[name];
+            }
+        });
+    }
+    // Collect any attribute that matches given strings.
+    attrs
+        .filter(function (attribute) { return attribute.name.match(/^data-trackable-context-/i); })
+        .forEach(function (attribute) {
+        customProps[attribute.name.replace("data-trackable-context-", "")] =
+            attribute.value;
+    });
+    return customProps;
+};
+function getTrace(el) {
+    var rootEl = document;
+    var originalEl = el;
+    var selector = originalEl.getAttribute("data-trackable")
+        ? "[data-trackable=\"".concat(originalEl.getAttribute("data-trackable"), "\"]")
+        : originalEl.nodeName;
+    var trace = [];
+    var customContext = {};
+    while (el && el !== rootEl) {
+        var props = getAllElementProperties(el);
+        var attrs = Array.from(el.attributes);
+        var domPathProps = getDomPathProps(attrs, props);
+        // If the element happens to have a data-trackable attribute, get the siblings
+        // and position of the element (relative to the current element).
+        if (domPathProps["data-trackable"]) {
+            domPathProps = Object.assign(domPathProps, getSiblingsAndPosition(el, originalEl, selector));
+        }
+        trace.push(domPathProps);
+        var contextProps = getContextProps(attrs, props, el === originalEl);
+        assignIfUndefined(contextProps, customContext);
+        el = el.parentNode;
+    }
+    return { trace: trace, customContext: customContext };
+}
+exports.default = getTrace;
+//# sourceMappingURL=getTrace.js.map

package/lib/utils/getTrace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTrace.js","sourceRoot":"","sources":["../../src/utils/getTrace.js"],"names":[],"mappings":"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"}

package/lib/utils/intersectionObserverPolyfill.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=intersectionObserverPolyfill.d.ts.map

package/lib/utils/intersectionObserverPolyfill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersectionObserverPolyfill.d.ts","sourceRoot":"","sources":["../../src/utils/intersectionObserverPolyfill.js"],"names":[],"mappings":""}