@textback/notification-widget 2.0.3 → 2.0.4-110501

package/release/builds/textback/notificationwidget/src/sdk/channels/vk.js

@@ -1,195 +0,0 @@
-import UUID from 'uuid-js';
-
-import loadScript from '../utils/loadScript.js';
-import apiErrorHandler from '../utils/apiErrorHandler.js';
-
-import Channel from './channel.js';
-import VKModal from './vk-modal/vk-modal.js';
-import constants from "../utils/constants";
-
-const VK_API_VERSION = '5.131';
-const LOGIN_TIMEOUT = 4096;
-
-function loadVkLib(){
-  return new Promise((resolve, reject) => {
-    if (window.VK && window.VK.Auth) {
-      resolve('vk cache');
-    }
-    else {
-      loadScript('//vk.com/js/api/openapi.js')
-        .then(function () {
-          resolve('vk load');
-        }, function (err) {
-          reject(err);
-        });
-    }
-  });
-}
-
-function initVK(apiId) {
-  return new Promise((resolve, reject) => {
-    if (apiId) {
-      if (!window.VK._apiId) {
-        window.VK.init({apiId});
-      }
-      window.VK.Auth.getLoginStatus(resolve);
-    } else {
-      reject('noVKApiId');
-    }
-  });
-}
-
-function handleVKLoadingError(error) {
-  console.error('Failed to load VK openapi.js. VK channel will be unavailable');
-  return null;
-}
-
-// isVkAppUsed :: Object -> Boolean
-const isVkAppUsed = config => {
-  return config.useVkApp
-    ? config.useVkApp
-    : false;
-};
-
-export default class VKChannel extends Channel {
-  constructor(channelData = {}, deeplink, widget) {
-    super(channelData, deeplink, widget);
-
-    this.isDoubleCheck = widget.config.isDoubleCheck;
-    this.vkApiId = this.widget.config.vkApiId;
-    this.initPromise = null;
-    this.vkPluginContainerId = null;
-    this.authorized = false;
-    this.landingUrl = this.config.additionalProperties ? this.config.additionalProperties.landingUrl : undefined;
-
-    if (this.enabled) {
-      this.vkPluginContainerId = UUID.create(4).hex;
-
-      if (!this.widget.useVKApi) {
-        this.initPromise = loadVkLib()
-          .catch(err => this.__handleVKLoadingError(err));
-      } else {
-        this.initPromise = loadVkLib()
-          .then(() => initVK(this.vkApiId))
-          .then(() => {
-            this.authorized = !!(window.VK.Auth.getSession());
-          })
-          .catch(err => this.__handleVKLoadingError(err));
-      }
-    }
-  }
-
-  subscribe() {
-    super.subscribe();
-    return this.landingUrl ?
-      window.open(this.landingUrl, '_blank')
-      :
-      (isVkAppUsed(this.widget.config)
-       ? window.open(`https://vk.com/app${this.widget.config.vkApiId}_-${this.config.id}#r=subscribe_${this.deeplink}&accountId=${this.widget.config.accountId}&channelId=${this.channelId}`, 'vk')
-       : this.subscribeViaPlugin());
-  }
-
-  subscribeViaApi() {
-    let promise = null;
-
-    if (!this.authorized) {
-      promise = this.__login().then( res => this.__allowMessagesFromGroup() );
-    } else {
-      promise = this.__allowMessagesFromGroup();
-    }
-    return promise;
-  }
-
-  __allowMessagesFromGroup () {
-    window.VK.Api.call(
-      'messages.allowMessagesFromGroup',
-      {
-        group_id: this.id,
-        v: VK_API_VERSION,
-      },
-      res => {
-        const vkSession = window.VK.Auth.getSession();
-        const vkUserId = vkSession.mid;
-
-        if (res.response === 1) {
-          this.__textbackSubscribe(vkUserId);
-        } else {
-          console.log('VK res error:', res);
-        }
-      }
-    );
-  }
-
-
-  __login () {
-    return new Promise(resolve => {
-      window.VK.Auth.login(res => {
-        resolve(res);
-      }, LOGIN_TIMEOUT);
-    });
-  }
-
-  __textbackSubscribe (vkUserId, channelWidgetIdx) {
-    //we shall parse deeplink from server webhook. This method looks like artifact from age without webhhoks.
-    if(!this.isDoubleCheck) return null;
-
-    return fetch(`${this.widget.initialConfig.apiPath}/endUserNotifications/subscriptions`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json'
-      },
-      body: JSON.stringify({
-        'accountId': this.widget.config.accountId,
-        'insecureContext': this.widget.insecureContext,
-        'secureContextToken': this.widget.secureContextToken,
-        'address': {
-          'channel': 'vk',
-          'channelId': this.config.channelId,
-          'accountId': this.widget.config.accountId,
-          'remoteAddress': vkUserId,
-          'chatId': vkUserId
-        },
-        deepLinkId: this.deeplink.replace('subscribe_',''),
-        widgetId: this.widget.id,
-        'user': {
-          'id': this.widget.widgetUserId
-        }
-      })
-    }).then(apiErrorHandler);
-  }
-
-  __handleVKLoadingError(err) {
-    super.reportError('Failed to load VK openapi.js. VK channel will be unavailable.', err);
-    return null;
-  }
-
-  subscribeViaPlugin() {
-    const modal = new VKModal(this.vkPluginContainerId);
-    this.renderVKSubscriptionButton();
-
-    modal.onClose = () => {
-      if (this.vkSubscribeHandler) {
-        window.VK.Observer.unsubscribe('widgets.allowMessagesFromCommunity.allowed', this.vkSubscribeHandler);
-        this.vkSubscribeHandler = null;
-      }
-    };
-  }
-
-  renderVKSubscriptionButton(height = 30, containerId = this.vkPluginContainerId) {
-    if (this.vkSubscribeHandler) {
-      window.VK.Observer.unsubscribe('widgets.allowMessagesFromCommunity.allowed', this.vkSubscribeHandler);
-      this.vkSubscribeHandler = null;
-    }
-
-    const options = {
-      height,
-      key: this.deeplink
-    };
-
-    window.VK.Widgets.AllowMessagesFromCommunity(containerId, options, this.id);
-    if (!this.config.disableAllowMessageEvents) {
-      this.vkSubscribeHandler = this.__textbackSubscribe.bind(this);
-      window.VK.Observer.subscribe('widgets.allowMessagesFromCommunity.allowed', this.vkSubscribeHandler);
-    }
-  }
-}

package/release/builds/textback/notificationwidget/src/sdk/channels/whatsapp.js

@@ -1,27 +0,0 @@
-import Channel from './channel.js';
-import browserInfo from '../utils/browserInfo.js';
-import getLocale from '../../libraries/localization/getLocale.js';
-import text from '../../libraries/localization/text.js';
-
-export default class WhatsappChannel extends Channel {
-  constructor(channelData = {}, deeplink, widget) {
-    super(channelData, deeplink, widget);
-
-    this.domainPrefix = browserInfo.isMobile() ? 'api' : 'web';
-
-    if(channelData.hasOwnProperty('additionalProperties') && channelData.additionalProperties.hasOwnProperty('customDeeplinkValue')) {
-      this.customText = channelData.additionalProperties.customDeeplinkValue;
-    } else {
-      this.customText = null;
-    }
-  }
-
-  subscribe() {
-    super.subscribe();
-
-    let prefixText = text('whatsapp_prefixtext', getLocale());
-    let deeplink = this.customText ? this.customText : `${prefixText} ${this.deeplink}`;
-
-    window.open(`https://api.whatsapp.com/send/?phone=+${this.id}&text=${encodeURIComponent(deeplink)}&app_absent=0`, 'whatsapp');
-  }
-}

package/release/builds/textback/notificationwidget/src/sdk/channels/whatsappb.js

@@ -1,27 +0,0 @@
-import Channel from './channel.js';
-import browserInfo from '../utils/browserInfo.js';
-import getLocale from '../../libraries/localization/getLocale.js';
-import text from '../../libraries/localization/text.js';
-
-export default class WhatsappbChannel extends Channel {
-  constructor(channelData = {}, deeplink, widget) {
-    super(channelData, deeplink, widget);
-
-    this.domainPrefix = browserInfo.isMobile() ? 'api' : 'web';
-
-    if(channelData.hasOwnProperty('additionalProperties') && channelData.additionalProperties.hasOwnProperty('customDeeplinkValue')) {
-      this.customText = channelData.additionalProperties.customDeeplinkValue;
-    } else {
-      this.customText = null;
-    }
-  }
-
-  subscribe() {
-    super.subscribe();
-
-    let prefixText = text('whatsapp_prefixtext', getLocale());
-    let deeplink = this.customText ? this.customText : `${prefixText} ${this.deeplink}`;
-
-    window.open(`https://api.whatsapp.com/send/?phone=+${this.id}&text=${encodeURIComponent(deeplink)}&app_absent=0`, 'whatsappb');
-  }
-}

package/release/builds/textback/notificationwidget/src/sdk/events/observer.js

@@ -1,46 +0,0 @@
-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/release/builds/textback/notificationwidget/src/sdk/index.js

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

package/release/builds/textback/notificationwidget/src/sdk/sdk.entry.js

@@ -1 +0,0 @@
-import SDK from './index.js';

package/release/builds/textback/notificationwidget/src/sdk/sdk.js

@@ -1,67 +0,0 @@
-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/release/builds/textback/notificationwidget/src/sdk/utils/apiErrorHandler.js

@@ -1,12 +0,0 @@
-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/release/builds/textback/notificationwidget/src/sdk/utils/appInsights.js

@@ -1,88 +0,0 @@
-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/release/builds/textback/notificationwidget/src/sdk/utils/browserInfo.js

@@ -1,9 +0,0 @@
-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/release/builds/textback/notificationwidget/src/sdk/utils/constants.js

@@ -1,18 +0,0 @@
-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/release/builds/textback/notificationwidget/src/sdk/utils/cookies.js

@@ -1,67 +0,0 @@
-/**
- * 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/release/builds/textback/notificationwidget/src/sdk/utils/find.js

@@ -1,8 +0,0 @@
-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/release/builds/textback/notificationwidget/src/sdk/utils/loadConfig.js

@@ -1,21 +0,0 @@
-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;
-};

package/release/builds/textback/notificationwidget/src/sdk/utils/loadDeepLink.js

@@ -1,48 +0,0 @@
-'use strict';
-
-import apiErrorHandler from './apiErrorHandler.js';
-
-const cache = {};
-
-export const deeplinkUpdater = (apiPath, deeplink) => {
-  let _promises = [];
-
-  return data => {
-    Promise.all(_promises).then(() => {
-      let _data = JSON.stringify({
-        id: deeplink,
-        insecureContext: { data: data }
-      });
-
-      let _promise = fetch(
-        `${apiPath}/endUserNotifications/deepLinks`,
-        {
-          method: 'PATCH',
-          body: _data
-        }
-      );
-
-      _promises.push(_promise);
-
-      return _promises;
-    });
-  };
-};
-
-export default function loadDeepLink(apiPath, options = {}) {
-  const body = JSON.stringify(options);
-
-  if (cache[body]) {
-    return cache[body];
-  }
-
-  cache[body] = fetch(`${apiPath}/endUserNotifications/deepLinks`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json'
-    },
-    body
-  }).then(apiErrorHandler);
-
-  return cache[body];
-};

package/release/builds/textback/notificationwidget/src/sdk/utils/loadScript.js

@@ -1,26 +0,0 @@
-const cache = {};
-
-export default function loadScript(url) {
-    if (cache[url]){
-        return cache[url];
-    }
-
-    cache[url] = new Promise((resolve, reject) => {
-        let ready = false;
-        const scriptElement = document.createElement("script");
-
-        scriptElement.type = "text/javascript";
-        scriptElement.src = url;
-        scriptElement.async = true;
-        scriptElement.onload = scriptElement.onreadystatechange = function() {
-            if (!ready && (!this.readyState || this.readyState == "complete")) {
-                ready = true;
-                resolve();
-            }
-        };
-        scriptElement.onerror = scriptElement.onabort = reject;
-        document.head.appendChild(scriptElement);
-    });
-
-    return cache[url];
-}