@xylabs/pixel 1.3.3 → 1.3.7

package/dist/esm5/index.js

@@ -1,181 +1,129 @@
-import randomBytes from 'randombytes';
-import isEqual from 'lodash/isEqual';
+import axios from 'axios';
 import { assertEx } from '@xylabs/sdk-js';
 import { Mutex } from 'async-mutex';
 import Cookies from 'js-cookie';
 import md5 from 'md5';
-import axios from 'axios';
 import { parse } from 'bowser';
+import randomBytes from 'randombytes';
+import isEqual from 'lodash/isEqual';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+const apiBaseUri = {
+    beta: 'https://pixel.xylabs.com',
+    local: 'http://localhost:3030',
+    prod: 'https://pixel.xylabs.com',
+};
+class PixelApi {
+    /* baseUri can either be a preset (prod, beta, local), or a specific uri */
+    constructor(baseUri = 'prod') {
+        this.endPoint = apiBaseUri[baseUri] ? `${apiBaseUri[baseUri]}/t/event/queue` : baseUri;
+    }
+    trackEvents(events) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield axios.post(this.endPoint, events)).data;
+        });
+    }
+}
 
-var Referrer = /** @class */ (function () {
-    function Referrer() {
+let systemInfo = undefined;
+const getSystemInfo = () => {
+    try {
+        systemInfo = systemInfo || parse(window.navigator.userAgent);
+    }
+    catch (ex) {
+        console.log(`getSystemInfo Error: ${ex}`);
+    }
+    return systemInfo;
+};
+
+class Referrer {
+    constructor() {
         var _a, _b;
         this.session = (_a = this.getFromSession()) !== null && _a !== void 0 ? _a : document.referrer;
         sessionStorage.setItem(Referrer.storageId, this.session);
         this.local = (_b = this.getFromLocal()) !== null && _b !== void 0 ? _b : document.referrer;
         window.localStorage.setItem(Referrer.storageId, this.local);
     }
-    Referrer.prototype.getFromLocal = function () {
-        var value = window.localStorage.getItem(Referrer.storageId);
+    getFromLocal() {
+        const value = window.localStorage.getItem(Referrer.storageId);
         if (value && value.length > 0) {
             return value;
         }
-    };
-    Referrer.prototype.getFromSession = function () {
-        var value = sessionStorage.getItem(Referrer.storageId);
+    }
+    getFromSession() {
+        const value = sessionStorage.getItem(Referrer.storageId);
         if (value && value.length > 0) {
             return value;
         }
-    };
-    Referrer.prototype.toJson = function () {
+    }
+    toJson() {
         if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
             return {
                 local: this.local,
                 session: this.session,
             };
         }
-    };
-    Referrer.storageId = '_coin_referrer';
-    return Referrer;
-}());
+    }
+}
+Referrer.storageId = '_coin_referrer';
 
-var UniqueUserId = /** @class */ (function () {
-    function UniqueUserId() {
+class UniqueUserId {
+    constructor() {
         var _a;
         this.id = (_a = window.localStorage.getItem(UniqueUserId.localStorageId)) !== null && _a !== void 0 ? _a : this.generateId();
         window.localStorage.setItem(UniqueUserId.localStorageId, this.id);
     }
-    UniqueUserId.prototype.generateId = function () {
+    generateId() {
         return randomBytes(16).toString('base64');
-    };
-    UniqueUserId.prototype.toString = function () {
+    }
+    toString() {
         return this.id;
-    };
-    UniqueUserId.localStorageId = '_coin_cid';
-    return UniqueUserId;
-}());
-
-var UserEventHandler = /** @class */ (function () {
-    function UserEventHandler() {
     }
-    return UserEventHandler;
-}());
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(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);
-};
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
 }
+UniqueUserId.localStorageId = '_coin_cid';
 
-var UtmFields = /** @class */ (function () {
-    function UtmFields() {
+class UtmFields {
+    constructor() {
         var _a;
         this.fields = [];
-        this.getUtmRecord = function () {
+        this.getUtmRecord = () => {
             var _a, _b;
-            var record = {};
-            var parsedQueryString = (_b = (_a = document.location.search.split('?')[1]) === null || _a === void 0 ? void 0 : _a.split('&')) !== null && _b !== void 0 ? _b : [];
-            parsedQueryString.map(function (item) {
-                var _a = __read(item.split('='), 2), fullKey = _a[0], value = _a[1];
-                var _b = __read(fullKey.split('_'), 2), keyCategory = _b[0], keyName = _b[1];
+            const record = {};
+            const parsedQueryString = (_b = (_a = document.location.search.split('?')[1]) === null || _a === void 0 ? void 0 : _a.split('&')) !== null && _b !== void 0 ? _b : [];
+            parsedQueryString.map((item) => {
+                const [fullKey, value] = item.split('=');
+                const [keyCategory, keyName] = fullKey.split('_');
                 if (keyCategory === 'utm') {
                     record[keyName] = value;
                 }
             });
             return Object.keys(record).length > 0 ? record : null;
         };
-        var storedString = (_a = window.localStorage.getItem(UtmFields.localStorageId)) !== null && _a !== void 0 ? _a : '[]';
+        const storedString = (_a = window.localStorage.getItem(UtmFields.localStorageId)) !== null && _a !== void 0 ? _a : '[]';
         try {
             this.fields = JSON.parse(storedString);
         }
@@ -190,77 +138,41 @@ var UtmFields = /** @class */ (function () {
         window.localStorage.setItem(UtmFields.localStorageId, JSON.stringify(this.fields));
     }
     //check the query string and if there an new/updated utm values, add them to the fields
-    UtmFields.prototype.update = function () {
+    update() {
         var _a;
-        var record = this.getUtmRecord();
+        const record = this.getUtmRecord();
         if (record) {
             if (!isEqual(this.fields[this.fields.length - 1], record)) {
                 this.fields.push(record);
             }
         }
         return (_a = this.fields) !== null && _a !== void 0 ? _a : undefined;
-    };
-    UtmFields.prototype.toString = function () {
-        return JSON.stringify(this.fields);
-    };
-    UtmFields.localStorageId = '_coin_utm';
-    return UtmFields;
-}());
-
-var apiBaseUri = {
-    beta: 'https://pixel.xylabs.com',
-    local: 'http://localhost:3030',
-    prod: 'https://pixel.xylabs.com',
-};
-var PixelApi = /** @class */ (function () {
-    /* baseUri can either be a preset (prod, beta, local), or a specific uri */
-    function PixelApi(baseUri) {
-        if (baseUri === void 0) { baseUri = 'prod'; }
-        this.endPoint = apiBaseUri[baseUri] ? "".concat(apiBaseUri[baseUri], "/t/event/queue") : baseUri;
     }
-    PixelApi.prototype.trackEvents = function (events) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, axios.post(this.endPoint, events)];
-                    case 1: return [2 /*return*/, (_a.sent()).data];
-                }
-            });
-        });
-    };
-    return PixelApi;
-}());
-
-var systemInfo = undefined;
-var getSystemInfo = function () {
-    try {
-        systemInfo = systemInfo || parse(window.navigator.userAgent);
-    }
-    catch (ex) {
-        console.log("getSystemInfo Error: ".concat(ex));
+    toString() {
+        return JSON.stringify(this.fields);
     }
-    return systemInfo;
-};
+}
+UtmFields.localStorageId = '_coin_utm';
 
-var emailHashLocalStorageName = 'xy_email_hash';
-var XyPixel = /** @class */ (function () {
-    function XyPixel(pixelId) {
+const emailHashLocalStorageName = 'xy_email_hash';
+class XyPixel {
+    constructor(pixelId) {
         this.queue = [];
         this.cid = new UniqueUserId().id;
         this.queueMutex = new Mutex();
         this.pixelId = pixelId;
         this.email_hash = localStorage.getItem(emailHashLocalStorageName);
     }
-    XyPixel.prototype.identify = function (email) {
+    identify(email) {
         this.email = email;
         this.email_hash = email ? md5(email) : undefined;
         if (this.email_hash) {
             localStorage.setItem(emailHashLocalStorageName, this.email_hash);
         }
-    };
-    XyPixel.prototype.updateFbId = function () {
+    }
+    updateFbId() {
         var _a;
-        this.exids = __assign({
+        this.exids = Object.assign({
             fbc: Cookies.get('_fbc'),
             fbp: Cookies.get('_fbp'),
             ga: Cookies.get('_ga'),
@@ -269,153 +181,100 @@ var XyPixel = /** @class */ (function () {
             scid: Cookies.get('_scid'),
             tt_sessionId: (_a = sessionStorage.getItem('tt_sessionId')) !== null && _a !== void 0 ? _a : undefined,
         });
-    };
-    XyPixel.prototype.tryFlushQueue = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.queueMutex.runExclusive(function () { return __awaiter(_this, void 0, void 0, function () {
-                            var api, events, ex_1;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        if (this.queue.length === 0)
-                                            return [2 /*return*/];
-                                        api = XyPixel.api;
-                                        if (!api) return [3 /*break*/, 4];
-                                        events = this.queue;
-                                        this.queue = [];
-                                        _a.label = 1;
-                                    case 1:
-                                        _a.trys.push([1, 3, , 4]);
-                                        return [4 /*yield*/, api.trackEvents(events)];
-                                    case 2:
-                                        _a.sent();
-                                        return [3 /*break*/, 4];
-                                    case 3:
-                                        ex_1 = _a.sent();
-                                        if (events) {
-                                            //put it back since it failed
-                                            this.queue = this.queue.concat(events);
-                                        }
-                                        console.error(ex_1);
-                                        return [3 /*break*/, 4];
-                                    case 4: return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
+    }
+    tryFlushQueue() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.queueMutex.runExclusive(() => __awaiter(this, void 0, void 0, function* () {
+                if (this.queue.length === 0)
+                    return;
+                const api = XyPixel.api;
+                if (api) {
+                    const events = this.queue;
+                    this.queue = [];
+                    try {
+                        yield api.trackEvents(events);
+                    }
+                    catch (ex) {
+                        if (events) {
+                            //put it back since it failed
+                            this.queue = this.queue.concat(events);
+                        }
+                        console.error(ex);
+                    }
                 }
-            });
+            }));
         });
-    };
-    XyPixel.prototype.send = function (event, fields) {
+    }
+    send(event, fields) {
         var _a;
-        return __awaiter(this, void 0, void 0, function () {
-            var utm, referrer;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        this.updateFbId();
-                        utm = XyPixel.utmFields().update();
-                        referrer = new Referrer();
-                        this.queue.push(__assign({
-                            cid: this.cid,
-                            create_time: Date.now(),
-                            email_hash: (_a = this.email_hash) !== null && _a !== void 0 ? _a : undefined,
-                            event: event,
-                            exids: this.exids,
-                            fields: fields,
-                            host: document.location.host,
-                            pathname: document.location.pathname,
-                            pixel: this.pixelId,
-                            referrer: referrer.toJson(),
-                            system: getSystemInfo(),
-                            utm: utm,
-                        }));
-                        console.log("Queue: ".concat(JSON.stringify(this.queue, null, 2)));
-                        return [4 /*yield*/, this.tryFlushQueue()];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
+        return __awaiter(this, void 0, void 0, function* () {
+            this.updateFbId();
+            const utm = XyPixel.utmFields().update();
+            const referrer = new Referrer();
+            this.queue.push(Object.assign({
+                cid: this.cid,
+                create_time: Date.now(),
+                email_hash: (_a = this.email_hash) !== null && _a !== void 0 ? _a : undefined,
+                event,
+                exids: this.exids,
+                fields,
+                host: document.location.host,
+                pathname: document.location.pathname,
+                pixel: this.pixelId,
+                referrer: referrer.toJson(),
+                system: getSystemInfo(),
+                utm,
+            }));
+            yield this.tryFlushQueue();
         });
-    };
-    Object.defineProperty(XyPixel, "instance", {
-        get: function () {
-            return assertEx(this._instance, 'XyPixel uninitialized');
-        },
-        enumerable: false,
-        configurable: true
-    });
-    XyPixel.init = function (pixelId) {
+    }
+    static get instance() {
+        return assertEx(this._instance, 'XyPixel uninitialized');
+    }
+    static init(pixelId) {
         this._instance = new XyPixel(pixelId);
         return this._instance;
-    };
-    XyPixel.selectApi = function (api) {
+    }
+    static selectApi(api) {
         this.api = api;
-    };
-    XyPixel.utmFields = function () {
-        if (XyPixel.utmFieldsObj === undefined) {
-            XyPixel.utmFieldsObj = new UtmFields();
-        }
-        return XyPixel.utmFieldsObj;
-    };
-    XyPixel.api = new PixelApi();
-    return XyPixel;
-}());
+    }
+}
+XyPixel.utmFields = () => {
+    if (XyPixel.utmFieldsObj === undefined) {
+        XyPixel.utmFieldsObj = new UtmFields();
+    }
+    return XyPixel.utmFieldsObj;
+};
+XyPixel.api = new PixelApi();
+
+class UserEventHandler {
+}
 
-var XyUserEventHandler = /** @class */ (function (_super) {
-    __extends(XyUserEventHandler, _super);
-    function XyUserEventHandler() {
-        return _super.call(this) || this;
+class XyUserEventHandler extends UserEventHandler {
+    constructor() {
+        super();
     }
-    XyUserEventHandler.prototype.testStarted = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('TestStarted', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
+    testStarted(fields) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield XyPixel.instance.send('TestStarted', fields);
         });
-    };
-    XyUserEventHandler.prototype.funnelStarted = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('FunnelStarted', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
+    }
+    funnelStarted(fields) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield XyPixel.instance.send('FunnelStarted', fields);
         });
-    };
-    XyUserEventHandler.prototype.viewContent = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('ViewContent', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
+    }
+    viewContent(fields) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield XyPixel.instance.send('ViewContent', fields);
         });
-    };
-    XyUserEventHandler.prototype.userClick = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('ViewPage', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
+    }
+    userClick(fields) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield XyPixel.instance.send('ViewPage', fields);
         });
-    };
-    return XyUserEventHandler;
-}(UserEventHandler));
+    }
+}
 
 export { PixelApi, Referrer, UniqueUserId, UserEventHandler, UtmFields, XyPixel, XyUserEventHandler };
 //# sourceMappingURL=index.js.map