@textback/notification-widget 2.0.0-9450 → 2.0.1-102913

package/src/sdk/events/observer.js

@@ -1,46 +1,46 @@
-import assign from 'lodash/assign';
-
-const EVENTS = {
-    WIDGET_INIT: 'widget.init',
-    SUBSCRIBE_START: 'subscribe.start',
-};
-
-const _handlers = {};
-
-window.TextBack = window.TextBack || {};
-window.TextBack.Observer = window.TextBack.Observer || {
-    on(eventName, fn) {
-        if (!_handlers[eventName]) {
-            _handlers[eventName] = [ fn ];
-        } else {
-            _handlers[eventName].push(fn);
-        }
-
-        return () => {
-            const fnIndex = _handlers[eventName].indexOf(fn);
-            if (fnIndex !== -1) {
-                _handlers[eventName].splice(fnIndex, 1);
-            }
-        };
-    },
-
-    trigger(eventName, data) {
-        if (_handlers[eventName]) {
-            const eventData = assign({}, data, { type: eventName });
-            setTimeout(() => {
-                _handlers[eventName].forEach(handler => {
-                    try {
-                        handler(eventData)
-                    } catch (err) {
-                        console.error(`Error occuired while executing event handler on event ${eventName}`, err);
-                    }
-                });
-            }, 0);
-            
-        }
-    }
-};
-
-const Observer = window.TextBack.Observer;
-
-export { Observer, EVENTS };
+import assign from 'lodash/assign';
+
+const EVENTS = {
+    WIDGET_INIT: 'widget.init',
+    SUBSCRIBE_START: 'subscribe.start',
+};
+
+const _handlers = {};
+
+window.TextBack = window.TextBack || {};
+window.TextBack.Observer = window.TextBack.Observer || {
+    on(eventName, fn) {
+        if (!_handlers[eventName]) {
+            _handlers[eventName] = [ fn ];
+        } else {
+            _handlers[eventName].push(fn);
+        }
+
+        return () => {
+            const fnIndex = _handlers[eventName].indexOf(fn);
+            if (fnIndex !== -1) {
+                _handlers[eventName].splice(fnIndex, 1);
+            }
+        };
+    },
+
+    trigger(eventName, data) {
+        if (_handlers[eventName]) {
+            const eventData = assign({}, data, { type: eventName });
+            setTimeout(() => {
+                _handlers[eventName].forEach(handler => {
+                    try {
+                        handler(eventData)
+                    } catch (err) {
+                        console.error(`Error occuired while executing event handler on event ${eventName}`, err);
+                    }
+                });
+            }, 0);
+            
+        }
+    }
+};
+
+const Observer = window.TextBack.Observer;
+
+export { Observer, EVENTS };

package/src/sdk/index.js

@@ -1,6 +1,6 @@
-import SDK from './sdk.js';
-
-window.TextBack = window.TextBack || {};
-window.TextBack.SDK = window.TextBack.SDK || new SDK();
-
+import SDK from './sdk.js';
+
+window.TextBack = window.TextBack || {};
+window.TextBack.SDK = window.TextBack.SDK || new SDK();
+
 export default window.TextBack.SDK;

package/src/sdk/sdk.js

@@ -1,30 +1,67 @@
-require('es6-promise').polyfill();
-import 'whatwg-fetch';
-
-import Widget from './widget/widget.js';
-import { Observer, EVENTS } from './events/observer.js';
-
-export default class SDK {
-    constructor() {
-        this.widgets = {};
-    }
-
-    initWidget(config) {
-        if (config && config.widgetId) {
-            const widget = new Widget(config, this);
-            this.widgets[config.widgetId] = widget.initialize();
-            this.widgets[config.widgetId].then(widget => Observer.trigger(EVENTS.WIDGET_INIT, { widgetId: config.widgetId }), err => console.error(err));
-            return this.widgets[config.widgetId];
-        } else {
-            throw new Error('Widget id is not defined');
-        }
-    }
-
-    getWidget(widgetId) {
-        return this.widgets[widgetId] ? this.widgets[widgetId] : null;
-    }
-
-    on(eventName, fn) {
-        return Observer.on(eventName, fn);
-    }
-}
+import apiErrorHandler from "./utils/apiErrorHandler";
+import 'whatwg-fetch';
+
+import Widget from './widget/widget.js';
+import {EVENTS, Observer} from './events/observer.js';
+import {deeplinkUpdater} from './utils/loadDeepLink.js';
+
+require('es6-promise').polyfill();
+
+export default class SDK {
+    constructor() {
+        this.widgets = {};
+        this._deeplinkUpdater = deeplinkUpdater;
+    }
+
+    initWidget(config, preventViewCounting = false) {
+        if (config && config.widgetId) {
+            const widget = new Widget(config, this);
+            this.widgets[config.widgetId] = widget.initialize();
+            this.widgets[config.widgetId].then(widget => {
+              Observer.trigger(EVENTS.WIDGET_INIT, {widgetId: config.widgetId});
+
+              // First of all, this is a restriction on the count of views for textback settings page ( = for widget preview)
+              if (preventViewCounting) return;
+
+              this.countWidgetView(widget);
+            }, err => console.error(err));
+            return this.widgets[config.widgetId];
+        } else {
+            throw new Error('Widget id is not defined');
+        }
+    }
+
+    countWidgetView(widget) {
+        return fetch(`${widget.initialConfig.apiPath}/endUserNotifications/subscriptions/notificationWidget/views`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                'accountId': widget.config.accountId,
+                'widgetId': widget.id
+            })
+        }).then(apiErrorHandler);
+    }
+
+    getWidget(widgetId) {
+        return this.widgets[widgetId] ? this.widgets[widgetId] : null;
+    }
+
+    on(eventName, fn) {
+        return Observer.on(eventName, fn);
+    }
+
+    getDeeplinkUpdater(widgetId) {
+        let _getWidget = this.widgets[widgetId];
+
+        if (!_getWidget) return null;
+
+        return _getWidget.then(x => {
+            return this._deeplinkUpdater(
+                x.initialConfig.apiPath,
+                x.deeplink.split('_')[1]
+            );
+        });
+    }
+}

package/src/sdk/utils/apiErrorHandler.js

@@ -1,12 +1,12 @@
-export default function apiErrorHandler(res) {
-    return res.json()
-        .then(data => {
-            if (data.$error) {
-                return Promise.reject(data.$error.msg || data.$error.scn);
-            }
-            data.headers = res.headers;
-
-            return data;
-        })
-        .catch(() => Promise.reject(`widget error: ${res.status}`));
+export default function apiErrorHandler(res) {
+    return res.json()
+        .then(data => {
+            if (data.$error) {
+                return Promise.reject(data.$error.msg || data.$error.scn);
+            }
+            data.headers = res.headers;
+
+            return data;
+        })
+        .catch(() => Promise.reject(`widget error: ${res.status}`));
 };

package/src/sdk/utils/appInsights.js

@@ -1,88 +1,88 @@
-const appInsights = {
-    init(aiKey, userId, accountId) {
-        return new Promise((resolve, reject) => {
-            window.TextBack = window.TextBack || {};
-            let context = window.TextBack;
-            if (aiKey) {
-                let appInsights = context.appInsights || function (config) {
-                    //basically most below code is got from MS so it's kinda unreadable hmm.. see MS instructions on appinsigths
-                    function r(config) {
-                        t[config] = function () {
-                            let i = arguments;
-                            t.queue.push(function () {
-                                t[config].apply(t, i)
-                            })
-                        }
-                    }
-
-                    let t = {
-                            config: config
-                        },
-                        u = document,
-                        e = context,
-                        o = "script",
-                        s = u.createElement(o),
-                        i, f;
-                    for (s.src = config.url || "//az416426.vo.msecnd.net/scripts/a/ai.0.js", u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ["Event", "Exception", "Metric", "PageView", "Trace"]; i.length;) r("track" + i.pop());
-                    return r("setAuthenticatedUserContext"), r("clearAuthenticatedUserContext"), config.disableExceptionTracking || (i = "onerror", r("​_" + i), f = e[i], e[i] = function (config, r, u, e, o) {
-                        let s = f && f(config, r, u, e, o);
-                        return s !== !0 && t["_​" + i](config, r, u, e, o), s
-                    }), t
-                }({
-                    instrumentationKey: aiKey,
-                    // Don't log browser exceptions.
-                    disableExceptionTracking: true,
-                    // Don't log ajax calls.
-                    disableAjaxTracking: true,
-                    //this url will point to the library - use @dev for testing when updating\editing lib - use @latest for production version of lib
-                    //keep in mind that prod widget should always use @latest
-                    url: '//unpkg.com/@textback/notification-widget@latest/src/libraries/ai.1.0.11.js'
-                    // url: '//unpkg.com/@textback/notification-widget@dev/src/libraries/ai.1.0.11.js'
-                    //url: '//localhost:8080/src/libraries/ai.1.0.11.js',
-                });
-
-
-                this.accountId = accountId;
-                context.appInsights = appInsights;
-                //ensure appinsights is fully loaded
-                let timer = setInterval(function () {
-                    if(appInsights._onerror){
-                        clearInterval(timer);
-                        appInsights.setAuthenticatedUserContext(userId);
-                        resolve(true);
-                    }
-                }, 50);
-
-            }
-            //no aiKey - no telemetry
-            else{
-                resolve(true);
-            }
-        });
-    },
-    trackEvent(eventName, data) {
-        let context = window.TextBack;
-        context.appInsights && context.appInsights.trackEvent(eventName, data);
-    },
-    trackButtonClick(widgetId, eventName, channelType) {
-        let payload = {
-            channelType,
-            widgetId,
-            accountId: this.accountId,
-            widgetUrl: window.location.href
-        };
-        this.trackEvent(eventName, payload);
-    },
-    trackWidgetEvent(widgetId, eventName, reason) {
-        let payload = {
-            reason,
-            widgetId,
-            accountId: this.accountId,
-            widgetUrl: window.location.href
-        };
-        this.trackEvent(eventName, payload);
-    }
-};
-
-export default appInsights;
-
+const appInsights = {
+    init(aiKey, userId, accountId) {
+        return new Promise((resolve, reject) => {
+            window.TextBack = window.TextBack || {};
+            let context = window.TextBack;
+            if (aiKey) {
+                let appInsights = context.appInsights || function (config) {
+                    //basically most below code is got from MS so it's kinda unreadable hmm.. see MS instructions on appinsigths
+                    function r(config) {
+                        t[config] = function () {
+                            let i = arguments;
+                            t.queue.push(function () {
+                                t[config].apply(t, i)
+                            })
+                        }
+                    }
+
+                    let t = {
+                            config: config
+                        },
+                        u = document,
+                        e = context,
+                        o = "script",
+                        s = u.createElement(o),
+                        i, f;
+                    for (s.src = config.url || "//az416426.vo.msecnd.net/scripts/a/ai.0.js", u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ["Event", "Exception", "Metric", "PageView", "Trace"]; i.length;) r("track" + i.pop());
+                    return r("setAuthenticatedUserContext"), r("clearAuthenticatedUserContext"), config.disableExceptionTracking || (i = "onerror", r("​_" + i), f = e[i], e[i] = function (config, r, u, e, o) {
+                        let s = f && f(config, r, u, e, o);
+                        return s !== !0 && t["_​" + i](config, r, u, e, o), s
+                    }), t
+                }({
+                    instrumentationKey: aiKey,
+                    // Don't log browser exceptions.
+                    disableExceptionTracking: true,
+                    // Don't log ajax calls.
+                    disableAjaxTracking: true,
+                    //this url will point to the library - use @dev for testing when updating\editing lib - use @latest for production version of lib
+                    //keep in mind that prod widget should always use @latest
+                    url: '//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/libraries/ai.1.0.11.js'
+                    // url: '//cdn.jsdelivr.net/npm/@textback/notification-widget@dev/src/libraries/ai.1.0.11.js'
+                    //url: '//localhost:8080/src/libraries/ai.1.0.11.js',
+                });
+
+
+                this.accountId = accountId;
+                context.appInsights = appInsights;
+                //ensure appinsights is fully loaded
+                let timer = setInterval(function () {
+                    if(appInsights._onerror){
+                        clearInterval(timer);
+                        appInsights.setAuthenticatedUserContext(userId);
+                        resolve(true);
+                    }
+                }, 50);
+
+            }
+            //no aiKey - no telemetry
+            else{
+                resolve(true);
+            }
+        });
+    },
+    trackEvent(eventName, data) {
+        let context = window.TextBack;
+        context.appInsights && context.appInsights.trackEvent(eventName, data);
+    },
+    trackButtonClick(widgetId, eventName, channelType) {
+        let payload = {
+            channelType,
+            widgetId,
+            accountId: this.accountId,
+            widgetUrl: window.location.href
+        };
+        this.trackEvent(eventName, payload);
+    },
+    trackWidgetEvent(widgetId, eventName, reason) {
+        let payload = {
+            reason,
+            widgetId,
+            accountId: this.accountId,
+            widgetUrl: window.location.href
+        };
+        this.trackEvent(eventName, payload);
+    }
+};
+
+export default appInsights;
+

package/src/sdk/utils/browserInfo.js

@@ -1,9 +1,9 @@
-const isMobile = /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(navigator.userAgent);
-
-const browserInfo = {
-    isMobile() { 
-        return isMobile;
-    },
-};
-
+const isMobile = /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(navigator.userAgent);
+
+const browserInfo = {
+    isMobile() { 
+        return isMobile;
+    },
+};
+
 export default browserInfo;

package/src/sdk/utils/constants.js

@@ -1,18 +1,18 @@
-const COOKIE_NAME_PREFIX = 'tb_notif_widget_';
-const constants = {
-    COOKIE_NAME_PREFIX: COOKIE_NAME_PREFIX,
-    /**
-     * 10 years
-     */
-    WIDGET_USER_ID_COOKIE_TTL: 315360000,
-    COOKIE_WIDGET_USER_ID: `${COOKIE_NAME_PREFIX}widgetUserId`,
-    SECONDS_IN_DAY: 86400,
-    // make subscription using API call
-    WIDGET_TYPE_API_CALL : 'apiCall',
-    // make subscription using native social widget
-    WIDGET_TYPE_WIDGET : 'widget',
-    DEFAULT_WIDGET_TYPE : 'widget',
-    SUBSCRIPTION_WINDOW_PROPS: 'width=600,height=800',
-};
-
+const COOKIE_NAME_PREFIX = 'tb_notif_widget_';
+const constants = {
+    COOKIE_NAME_PREFIX: COOKIE_NAME_PREFIX,
+    /**
+     * 10 years
+     */
+    WIDGET_USER_ID_COOKIE_TTL: 315360000,
+    COOKIE_WIDGET_USER_ID: `${COOKIE_NAME_PREFIX}widgetUserId`,
+    SECONDS_IN_DAY: 86400,
+    // make subscription using API call
+    WIDGET_TYPE_API_CALL : 'apiCall',
+    // make subscription using native social widget
+    WIDGET_TYPE_WIDGET : 'widget',
+    DEFAULT_WIDGET_TYPE : 'widget',
+    SUBSCRIPTION_WINDOW_PROPS: 'width=600,height=800',
+};
+
 export default constants;

package/src/sdk/utils/cookies.js

@@ -1,50 +1,67 @@
-/**
- * Created by martb on 28.06.2017.
- * Module for work with cookies
- */
-
-const cookies = {
-    /**
-     * возвращает cookie с именем name, если есть, если нет, то null
-     * @param name {String}
-     * @returns {String|null}
-     */
-    getCookie: function (name) {
-        let nameEQ = name + "=";
-        let ca = document.cookie.split(';');
-        for (let i = 0; i < ca.length; i++) {
-            let c = ca[i];
-            while (c.charAt(0) === ' ') c = c.substring(1, c.length);
-            if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
-        }
-        return null;
-    },
-
-    /**
-     * устанавливает  куку
-     * @param name - имя куки
-     * @param value - значение куки
-     * @param t - время в секундах
-     */
-    setCookie: function (name, value, t) {
-        let expires = "";
-        if (t) {
-            let date = new Date();
-            t *= 1000;
-            date.setTime(date.getTime() + t);
-            expires = "; expires=" + date.toUTCString();
-        }
-        document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";
-    },
-
-
-    /*
-    * удаляет куку по имени
-    * @param name {String}
-    */
-    deleteCookie: function (name) {
-        setCookie(name, "", -1);
-    }
-};
-
-export default cookies;
+/**
+ * Created by martb on 28.06.2017.
+ * Module for work with cookies
+ */
+
+const cookies = {
+    /**
+     * возвращает cookie с именем name, если есть, если нет, то null
+     * @param name {String}
+     * @returns {String|null}
+     */
+    getCookie: function (name) {
+        let nameEQ = name + "=";
+        let ca = document.cookie.split(';');
+        for (let i = 0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+            if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
+        }
+        return null;
+    },
+
+    /**
+     * устанавливает  куку
+     * @param name - имя куки
+     * @param value - значение куки
+     * @param t - время в секундах
+     */
+    setCookie: function (name, value, t) {
+        let expires = "";
+        if (t) {
+            let date = new Date();
+            t *= 1000;
+            date.setTime(date.getTime() + t);
+            expires = "; expires=" + date.toUTCString();
+        }
+        document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";
+    },
+
+
+    /*
+    * удаляет куку по имени
+    * @param name {String}
+    */
+    deleteCookie: function (name) {
+        setCookie(name, "", -1);
+    },
+
+
+    getCookieObject: function () {
+      const result = {};
+
+      document.cookie
+        .split(';')
+        .forEach((cookieItem) => {
+          const separatorPos = cookieItem.indexOf('=');
+          const key = cookieItem.slice(0, separatorPos).trim();
+          const value = cookieItem.slice(separatorPos + 1);
+
+          result[key] = value;
+        });
+
+      return result;
+    }
+};
+
+export default cookies;

package/src/sdk/utils/find.js

@@ -1,8 +1,8 @@
-export default function find(array, predicate) {
-    for (let i = 0; i < array.length; i++) {
-        if (predicate(array[i], i, array)) {
-            return array[i];
-        }
-    }
-    return undefined;
+export default function find(array, predicate) {
+    for (let i = 0; i < array.length; i++) {
+        if (predicate(array[i], i, array)) {
+            return array[i];
+        }
+    }
+    return undefined;
 }

package/src/sdk/utils/loadConfig.js

@@ -1,21 +1,21 @@
-import apiErrorHandler from './apiErrorHandler.js';
-
-const cache = {};
-
-
-export default function loadConfig(widgetId, apiPath) {
-    if (!widgetId) {
-        return Promise.reject('Widget id required');
-    }
-
-    if (cache[widgetId]) {
-        return cache[widgetId];
-    }
-
-    const loadingPromise = fetch(`${apiPath}/endUserNotifications/widgets/${widgetId}`).then(apiErrorHandler);
-    loadingPromise.then(() => {
-        cache[widgetId] = loadingPromise;
-    });
-
-    return loadingPromise;
+import apiErrorHandler from './apiErrorHandler.js';
+
+const cache = {};
+
+
+export default function loadConfig(widgetId, apiPath) {
+    if (!widgetId) {
+        return Promise.reject('Widget id required');
+    }
+
+    if (cache[widgetId]) {
+        return cache[widgetId];
+    }
+
+    const loadingPromise = fetch(`${apiPath}/endUserNotifications/widgets/${widgetId}`).then(apiErrorHandler);
+    loadingPromise.then(() => {
+        cache[widgetId] = loadingPromise;
+    });
+
+    return loadingPromise;
 };