@shopgate/tracking-core 7.30.0-alpha.7 → 7.30.0-alpha.8

package/plugins/trackers/GaBase.js

@@ -1,10 +1,58 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}import BasePlugin from"../Base";import SgGAUniversalTracking from"./GaUniversal";import SgGAClassicTracking from"./GaClassic";import{SGLink}from"../../helpers/helper";var TRACK_PAGE_VIEW='pageView';var TRACK_EVENT='event';var TRACK_SET='set';var TRACK_REQUIRE='require';var TRACK_CONVERSION={ADDITEM:'addItem',CURRENCY:'currencyCode',END:'trackTrans',START:'addTrans',PAGE:'page'};var ACCOUNT_CLASSIC='classic';var ACCOUNT_UNIVERSAL='universal';var shopgateOnly={merchant:false,shopgate:true};var merchantOnly={merchant:true,shopgate:false};// Command mapping tuple, [classic, universal]
-var commandMapping={};commandMapping[TRACK_PAGE_VIEW]=['trackPageview','pageview'];commandMapping[TRACK_EVENT]=['trackEvent','event'];commandMapping[TRACK_SET]=[undefined,'set'];commandMapping[TRACK_CONVERSION.ADDITEM]=['addItem','ecommerce:addItem'];commandMapping[TRACK_CONVERSION.CURRENCY]=['currencyCode'];commandMapping[TRACK_CONVERSION.END]=['trackTrans','ecommerce:send'];commandMapping[TRACK_CONVERSION.START]=['addTrans','ecommerce:addTransaction'];commandMapping[TRACK_REQUIRE]=[undefined,'require'];/**
+import BasePlugin from "../Base";
+import SgGAUniversalTracking from "./GaUniversal";
+import SgGAClassicTracking from "./GaClassic";
+import { SGLink } from "../../helpers/helper";
+const TRACK_PAGE_VIEW = 'pageView';
+const TRACK_EVENT = 'event';
+const TRACK_SET = 'set';
+const TRACK_REQUIRE = 'require';
+const TRACK_CONVERSION = {
+  ADDITEM: 'addItem',
+  CURRENCY: 'currencyCode',
+  END: 'trackTrans',
+  START: 'addTrans',
+  PAGE: 'page'
+};
+const ACCOUNT_CLASSIC = 'classic';
+const ACCOUNT_UNIVERSAL = 'universal';
+const shopgateOnly = {
+  merchant: false,
+  shopgate: true
+};
+const merchantOnly = {
+  merchant: true,
+  shopgate: false
+};
+
+// Command mapping tuple, [classic, universal]
+const commandMapping = {};
+commandMapping[TRACK_PAGE_VIEW] = ['trackPageview', 'pageview'];
+commandMapping[TRACK_EVENT] = ['trackEvent', 'event'];
+commandMapping[TRACK_SET] = [undefined, 'set'];
+commandMapping[TRACK_CONVERSION.ADDITEM] = ['addItem', 'ecommerce:addItem'];
+commandMapping[TRACK_CONVERSION.CURRENCY] = ['currencyCode'];
+commandMapping[TRACK_CONVERSION.END] = ['trackTrans', 'ecommerce:send'];
+commandMapping[TRACK_CONVERSION.START] = ['addTrans', 'ecommerce:addTransaction'];
+commandMapping[TRACK_REQUIRE] = [undefined, 'require'];
+
+/**
  * Parent Tracking plugin for Google Analytics
- */var GaBase=/*#__PURE__*/function(_BasePlugin){/**
+ */
+class GaBase extends BasePlugin {
+  /**
    * Constructor
-   */function GaBase(){var _this2;_classCallCheck(this,GaBase);_this2=_callSuper(this,GaBase,['GAcore',{}]);// Universal and classic merchant and shopgate accounts
-_this2.accounts=[];_this2.isRegistered=false;_this2.universalPlugin=null;_this2.classicPlugin=null;return _this2;}/**
+   */
+  constructor() {
+    super('GAcore', {});
+
+    // Universal and classic merchant and shopgate accounts
+    this.accounts = [];
+    this.isRegistered = false;
+    this.universalPlugin = null;
+    this.classicPlugin = null;
+  }
+
+  /**
    * Returns common data for a custom event
    * @param {string} name Event category
    * @param {Object} data Input
@@ -16,7 +64,18 @@ _this2.accounts=[];_this2.isRegistered=false;_this2.universalPlugin=null;_this2.
    *   nonInteraction: (boolean)
    * }}
    * @private
-   */_inherits(GaBase,_BasePlugin);return _createClass(GaBase,[{key:"sendCommand",value:/**
+   */
+  static getEventData(name, data) {
+    return {
+      eventCategory: name,
+      eventAction: data.eventAction,
+      eventLabel: data.eventLabel,
+      eventValue: data.eventValue,
+      nonInteraction: data.nonInteraction
+    };
+  }
+
+  /**
    * Send command to both universal and classic sdk
    *
    * @param {string} command Name of the command
@@ -25,36 +84,196 @@ _this2.accounts=[];_this2.isRegistered=false;_this2.universalPlugin=null;_this2.
    * @param {Object} [scope] Scope (merchant or shopgate account)
    * @param {string} [account] Which account to use, classic or universal
    * @private
-   */function sendCommand(command,payload,scope,account){if(typeof commandMapping[command]==='undefined'){return;}// Evaluate which accounts to send to.
-var isClassic=typeof account==='undefined'||account===ACCOUNT_CLASSIC;var isUniversal=typeof account==='undefined'||account===ACCOUNT_UNIVERSAL;if(isUniversal&&this.universalPlugin!==null){this.universalPlugin.send(commandMapping[command][1],payload,scope);}if(isClassic&&this.classicPlugin!==null){this.classicPlugin.send(commandMapping[command][0],payload,scope);}}/**
+   */
+  sendCommand(command, payload, scope, account) {
+    if (typeof commandMapping[command] === 'undefined') {
+      return;
+    }
+
+    // Evaluate which accounts to send to.
+    const isClassic = typeof account === 'undefined' || account === ACCOUNT_CLASSIC;
+    const isUniversal = typeof account === 'undefined' || account === ACCOUNT_UNIVERSAL;
+    if (isUniversal && this.universalPlugin !== null) {
+      this.universalPlugin.send(commandMapping[command][1], payload, scope);
+    }
+    if (isClassic && this.classicPlugin !== null) {
+      this.classicPlugin.send(commandMapping[command][0], payload, scope);
+    }
+  }
+
+  /**
    * Helper to register for some events
    * @private
-   */},{key:"registerEvents",value:function registerEvents(){var _this3=this;if(this.isRegistered){return;}this.isRegistered=true;// Handle pageview event for shopgate accounts
-this.register.pageview(function(data){_this3.sendCommand(TRACK_PAGE_VIEW,data.page.shopgateUrl,shopgateOnly);},shopgateOnly);// Handle pageview event for merchant account
-this.register.pageview(function(data){_this3.sendCommand(TRACK_PAGE_VIEW,data.page.merchantUrl,merchantOnly);},merchantOnly);// Handle add_to_cart event as a pageview
-this.register.addToCart(function(){_this3.sendCommand(TRACK_PAGE_VIEW,'add_to_cart');});// Smart app banner
-this.register.smartbanner(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('Smartbanner',data));});// Scroll to top button event
-this.register.scrollTop(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('ScrollTop',data),shopgateOnly);});// Qr scanner events
-this.register.qrScanner(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('QRScanner',data));});// Ad scanner events
-this.register.adScanner(function(data,originalData,scope){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('AdScanner',data),scope);});// Credit card scanner events
-this.register.ccScanner(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('CcScanner',data));});// Filter in live suggest events
-this.register.filterLiveSuggest(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('FilterLiveSuggest',data),shopgateOnly);});// Deeplink
-this.register.openDeepLink(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('DeepLinkOpen',data),shopgateOnly);});// Universal link
-this.register.openUniversalLink(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('UniversalLinkOpen',data),shopgateOnly);});// Deferred deep link
-this.register.openDeferredDeepLink(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('DeferredDeepLinkOpen',data),shopgateOnly);});// Smart app download link
-this.register.openSmartAppDownloadLink(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('SmartAppDownloadLink',data),shopgateOnly);});// Push notification
-this.register.openPushNotification(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('PushNotification',data),shopgateOnly);});// Push notification
-this.register.setCampaignWithUrl(function(data,raw){var shopgateUrl=new SGLink(data.url);shopgateUrl.setUtmParams(data,raw);_this3.sendCommand(TRACK_SET,['campaignName',shopgateUrl.getParam('utm_campaign')],undefined,ACCOUNT_UNIVERSAL);_this3.sendCommand(TRACK_SET,['campaignSource',shopgateUrl.getParam('utm_source')],undefined,ACCOUNT_UNIVERSAL);_this3.sendCommand(TRACK_SET,['campaignMedium',shopgateUrl.getParam('utm_medium')],undefined,ACCOUNT_UNIVERSAL);});// App review prompt
-this.register.appReviewPrompt(function(data){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('AppReviewPrompt',data),shopgateOnly);});// Purchase events
-this.register.purchase(function(data,rawData){_this3.sendCommand('require',['ecommerce','ecommerce.js'],null,ACCOUNT_UNIVERSAL);_this3.sendCommand(TRACK_CONVERSION.START,function(account){return{amountCompleteFloat:account.useNetPrices?data.revenueNet:data.revenueGross,amountTaxCompleteFloat:data.tax,amountShippingFloat:account.useNetPrices?data.shippingNet:data.shippingGross,city:rawData.order.shippingAddress.city,countryId:rawData.order.shippingAddress.country,currency:data.currency,orderNumber:data.id,shopName:data.affiliation,state:rawData.order.shippingAddress.stateId||''};});data.items.forEach(function(item){_this3.sendCommand(TRACK_CONVERSION.ADDITEM,function(account){return{orderNumber:rawData.order.number,productNumber:item.id,name:item.name,quantity:item.quantity,unitAmount:account.useNetPrices?item.priceNet:item.priceGross};});});_this3.sendCommand(TRACK_SET,[TRACK_CONVERSION.CURRENCY,data.currency],null,ACCOUNT_CLASSIC);_this3.sendCommand(TRACK_CONVERSION.END);});// Opt-out
-this.register.removeTracker(function(){_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('analyticsOptOut',{eventAction:'optOut',eventLabel:'all_accounts'}));_this3.accounts.forEach(function(account){var disableStr="ga-disable-".concat(account.id);document.cookie="".concat(disableStr,"=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/");window[disableStr]=true;});});// Revert opt-out
-this.register.addTracker(function(){_this3.accounts.forEach(function(account){var disableStr="ga-disable-".concat(account.id);document.cookie="".concat(disableStr,"=false; expires=Thu, 01 Jan 1970 00:00:01 UTC; path=/");window[disableStr]=false;});_this3.sendCommand(TRACK_EVENT,GaBase.getEventData('revertOptOut',{eventAction:'optOut',eventLabel:'all_accounts'}));});}/**
+   */
+  registerEvents() {
+    if (this.isRegistered) {
+      return;
+    }
+    this.isRegistered = true;
+
+    // Handle pageview event for shopgate accounts
+    this.register.pageview(data => {
+      this.sendCommand(TRACK_PAGE_VIEW, data.page.shopgateUrl, shopgateOnly);
+    }, shopgateOnly);
+
+    // Handle pageview event for merchant account
+    this.register.pageview(data => {
+      this.sendCommand(TRACK_PAGE_VIEW, data.page.merchantUrl, merchantOnly);
+    }, merchantOnly);
+
+    // Handle add_to_cart event as a pageview
+    this.register.addToCart(() => {
+      this.sendCommand(TRACK_PAGE_VIEW, 'add_to_cart');
+    });
+
+    // Smart app banner
+    this.register.smartbanner(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('Smartbanner', data));
+    });
+
+    // Scroll to top button event
+    this.register.scrollTop(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('ScrollTop', data), shopgateOnly);
+    });
+
+    // Qr scanner events
+    this.register.qrScanner(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('QRScanner', data));
+    });
+
+    // Ad scanner events
+    this.register.adScanner((data, originalData, scope) => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('AdScanner', data), scope);
+    });
+
+    // Credit card scanner events
+    this.register.ccScanner(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('CcScanner', data));
+    });
+
+    // Filter in live suggest events
+    this.register.filterLiveSuggest(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('FilterLiveSuggest', data), shopgateOnly);
+    });
+
+    // Deeplink
+    this.register.openDeepLink(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('DeepLinkOpen', data), shopgateOnly);
+    });
+
+    // Universal link
+    this.register.openUniversalLink(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('UniversalLinkOpen', data), shopgateOnly);
+    });
+
+    // Deferred deep link
+    this.register.openDeferredDeepLink(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('DeferredDeepLinkOpen', data), shopgateOnly);
+    });
+
+    // Smart app download link
+    this.register.openSmartAppDownloadLink(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('SmartAppDownloadLink', data), shopgateOnly);
+    });
+
+    // Push notification
+    this.register.openPushNotification(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('PushNotification', data), shopgateOnly);
+    });
+
+    // Push notification
+    this.register.setCampaignWithUrl((data, raw) => {
+      const shopgateUrl = new SGLink(data.url);
+      shopgateUrl.setUtmParams(data, raw);
+      this.sendCommand(TRACK_SET, ['campaignName', shopgateUrl.getParam('utm_campaign')], undefined, ACCOUNT_UNIVERSAL);
+      this.sendCommand(TRACK_SET, ['campaignSource', shopgateUrl.getParam('utm_source')], undefined, ACCOUNT_UNIVERSAL);
+      this.sendCommand(TRACK_SET, ['campaignMedium', shopgateUrl.getParam('utm_medium')], undefined, ACCOUNT_UNIVERSAL);
+    });
+
+    // App review prompt
+    this.register.appReviewPrompt(data => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('AppReviewPrompt', data), shopgateOnly);
+    });
+
+    // Purchase events
+    this.register.purchase((data, rawData) => {
+      this.sendCommand('require', ['ecommerce', 'ecommerce.js'], null, ACCOUNT_UNIVERSAL);
+      this.sendCommand(TRACK_CONVERSION.START, account => ({
+        amountCompleteFloat: account.useNetPrices ? data.revenueNet : data.revenueGross,
+        amountTaxCompleteFloat: data.tax,
+        amountShippingFloat: account.useNetPrices ? data.shippingNet : data.shippingGross,
+        city: rawData.order.shippingAddress.city,
+        countryId: rawData.order.shippingAddress.country,
+        currency: data.currency,
+        orderNumber: data.id,
+        shopName: data.affiliation,
+        state: rawData.order.shippingAddress.stateId || ''
+      }));
+      data.items.forEach(item => {
+        this.sendCommand(TRACK_CONVERSION.ADDITEM, account => ({
+          orderNumber: rawData.order.number,
+          productNumber: item.id,
+          name: item.name,
+          quantity: item.quantity,
+          unitAmount: account.useNetPrices ? item.priceNet : item.priceGross
+        }));
+      });
+      this.sendCommand(TRACK_SET, [TRACK_CONVERSION.CURRENCY, data.currency], null, ACCOUNT_CLASSIC);
+      this.sendCommand(TRACK_CONVERSION.END);
+    });
+
+    // Opt-out
+    this.register.removeTracker(() => {
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('analyticsOptOut', {
+        eventAction: 'optOut',
+        eventLabel: 'all_accounts'
+      }));
+      this.accounts.forEach(account => {
+        const disableStr = `ga-disable-${account.id}`;
+        document.cookie = `${disableStr}=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/`;
+        window[disableStr] = true;
+      });
+    });
+
+    // Revert opt-out
+    this.register.addTracker(() => {
+      this.accounts.forEach(account => {
+        const disableStr = `ga-disable-${account.id}`;
+        document.cookie = `${disableStr}=false; expires=Thu, 01 Jan 1970 00:00:01 UTC; path=/`;
+        window[disableStr] = false;
+      });
+      this.sendCommand(TRACK_EVENT, GaBase.getEventData('revertOptOut', {
+        eventAction: 'optOut',
+        eventLabel: 'all_accounts'
+      }));
+    });
+  }
+
+  /**
    * Creates an ga universals child tracker
    * @param {Object} tracker Tracker configuration data
    * @returns {GaUniversal} plugin instance
-   */},{key:"createUniversal",value:function createUniversal(tracker){var _this$accounts;(_this$accounts=this.accounts).push.apply(_this$accounts,tracker.config.merchant.concat([tracker.config.shopgate]));this.universalPlugin=new SgGAUniversalTracking(tracker);this.registerEvents();return this.universalPlugin;}/**
+   */
+  createUniversal(tracker) {
+    this.accounts.push(...tracker.config.merchant, tracker.config.shopgate);
+    this.universalPlugin = new SgGAUniversalTracking(tracker);
+    this.registerEvents();
+    return this.universalPlugin;
+  }
+
+  /**
    * Creates a ga classic child tracker
    * @param {Object} tracker Tracker configuration data
    * @returns {GaClassic} plugin instance
-   */},{key:"createClassic",value:function createClassic(tracker){var _this$accounts2;(_this$accounts2=this.accounts).push.apply(_this$accounts2,tracker.config.merchant);this.classicPlugin=new SgGAClassicTracking(tracker);this.registerEvents();return this.classicPlugin;}}],[{key:"getEventData",value:function getEventData(name,data){return{eventCategory:name,eventAction:data.eventAction,eventLabel:data.eventLabel,eventValue:data.eventValue,nonInteraction:data.nonInteraction};}}]);}(BasePlugin);// Export and create global instance
-window.SgGATrackingInstance=new GaBase();export default window.SgGATrackingInstance;
+   */
+  createClassic(tracker) {
+    this.accounts.push(...tracker.config.merchant);
+    this.classicPlugin = new SgGAClassicTracking(tracker);
+    this.registerEvents();
+    return this.classicPlugin;
+  }
+}
+
+// Export and create global instance
+window.SgGATrackingInstance = new GaBase();
+export default window.SgGATrackingInstance;

package/plugins/trackers/GaClassic.js

@@ -1,34 +1,114 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}/* global _gaq */ /**
+/* global _gaq */
+
+/**
  * Tracking plugin for google analytics classic accounts
- */var GaClassic=/*#__PURE__*/function(){/**
+ */
+class GaClassic {
+  /**
    * Constructor
    * @param {Object} options Common Tracking Configuration
    * @param {boolean} [options.overrideUnified] If true -> overrides our unified tracking system
    * @param {boolean} [options.useNativeSdk] If true -> send data via our unified tracking system
    *  to the native sdk
    * @param {Object} [options.config] Configuration for google analytics classic tracking
-   */function GaClassic(options){_classCallCheck(this,GaClassic);// eslint-disable-next-line no-underscore-dangle
-window._gaq=window._gaq||[];this.merchantAccounts=options.config.merchant;/**
+   */
+  constructor(options) {
+    // eslint-disable-next-line no-underscore-dangle
+    window._gaq = window._gaq || [];
+    this.merchantAccounts = options.config.merchant;
+
+    /**
      * List of functions that can be used to filter data
      * @type {Object}
-     */this.filters={addTrans:function addTrans(data){return[data.orderNumber,data.shopName,data.amountCompleteFloat,data.amountTaxCompleteFloat,data.amountShippingFloat,data.city,'',// State
-data.countryId];},addItem:function addItem(data){return[data.orderNumber,data.productNumber,data.name,'',data.unitAmount,data.quantity];},trackEvent:function trackEvent(data){return[data.eventCategory,data.eventAction,data.eventLabel,data.eventValue,data.nonInteraction];}};this.initPlugin();}/**
+     */
+    this.filters = {
+      addTrans(data) {
+        return [data.orderNumber, data.shopName, data.amountCompleteFloat, data.amountTaxCompleteFloat, data.amountShippingFloat, data.city, '',
+        // State
+        data.countryId];
+      },
+      addItem(data) {
+        return [data.orderNumber, data.productNumber, data.name, '', data.unitAmount, data.quantity];
+      },
+      trackEvent(data) {
+        return [data.eventCategory, data.eventAction, data.eventLabel, data.eventValue, data.nonInteraction];
+      }
+    };
+    this.initPlugin();
+  }
+
+  /**
    * Initiate and setup the SDK
-   */return _createClass(GaClassic,[{key:"initPlugin",value:function initPlugin(){// Load the SDK
-/* eslint-disable eslint-comments/no-unlimited-disable */ /* eslint-disable */if(typeof window._gaq==='undefined'||typeof window._gaq._getAsyncTracker==='undefined'||global&&global.it){(function(){var gaJs=document.createElement('script');gaJs.type='text/javascript';gaJs.async=true;gaJs.src='https://ssl.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gaJs,s);})();}/* eslint-enable */ // Setup merchant accounts
-this.merchantAccounts.forEach(function(account,index){var prefix="".concat(GaClassic.buildMerchantPrefix(index?account.id:''),".");_gaq.push(["".concat(prefix,"_setAccount"),account.id],["".concat(prefix,"_setAllowLinker"),true]);});// Set global options
-_gaq.push(['_gat._anonymizeIp',true],['_gat._forceSSL',true]);}/**
+   */
+  initPlugin() {
+    // Load the SDK
+    /* eslint-disable eslint-comments/no-unlimited-disable */
+    /* eslint-disable */
+    if (typeof window._gaq === 'undefined' || typeof window._gaq._getAsyncTracker === 'undefined' || global && global.it) {
+      (function () {
+        var gaJs = document.createElement('script');
+        gaJs.type = 'text/javascript';
+        gaJs.async = true;
+        gaJs.src = 'https://ssl.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0];
+        s.parentNode.insertBefore(gaJs, s);
+      })();
+    }
+    /* eslint-enable */
+
+    // Setup merchant accounts
+    this.merchantAccounts.forEach((account, index) => {
+      const prefix = `${GaClassic.buildMerchantPrefix(index ? account.id : '')}.`;
+      _gaq.push([`${prefix}_setAccount`, account.id], [`${prefix}_setAllowLinker`, true]);
+    });
+
+    // Set global options
+    _gaq.push(['_gat._anonymizeIp', true], ['_gat._forceSSL', true]);
+  }
+
+  /**
    * Helper to generate the prefix for an account
    *
    * @param {string} id Id of the account
    * @returns {string} Prefix for the account
-   */},{key:"send",value:/**
+   */
+  static buildMerchantPrefix(id) {
+    return `merchant_${id}`;
+  }
+
+  /**
    * Function that sends the given command with the payload to the GA SDK
    * @param {string} command Name of the command
    * @param {Object|Array|string|Function} payload Data for the command,
    *  or a function that returns data
    * @param {Object} [scope={}] Info if the event is for merchant and/or shopgate account
-   */function send(command,payload){var _this=this;var scope=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var defaults={merchant:true,shopgate:true};var mergedScope=_extends({},defaults,{},scope);/**
+   */
+  send(command, payload, scope = {}) {
+    const defaults = {
+      merchant: true,
+      shopgate: true
+    };
+    const mergedScope = {
+      ...defaults,
+      ...scope
+    };
+
+    /**
      * Since we migrates all our classic account to universal,
      * Only the merchant can have classic accounts
-     */if(mergedScope.merchant){this.merchantAccounts.forEach(function(account,index){var data=typeof payload==='function'?payload(account):payload;data=typeof _this.filters[command]!=='undefined'?_this.filters[command](data):data;var cmd="".concat(GaClassic.buildMerchantPrefix(index?account.id:''),"._").concat(command);if(Array.isArray(data)){_gaq.push([cmd].concat(data));}else{_gaq.push([cmd,data]);}});}}}],[{key:"buildMerchantPrefix",value:function buildMerchantPrefix(id){return"merchant_".concat(id);}}]);}();export default GaClassic;
+     */
+    if (mergedScope.merchant) {
+      this.merchantAccounts.forEach((account, index) => {
+        let data = typeof payload === 'function' ? payload(account) : payload;
+        data = typeof this.filters[command] !== 'undefined' ? this.filters[command](data) : data;
+        const cmd = `${GaClassic.buildMerchantPrefix(index ? account.id : '')}._${command}`;
+        if (Array.isArray(data)) {
+          _gaq.push([cmd, ...data]);
+        } else {
+          _gaq.push([cmd, data]);
+        }
+      });
+    }
+  }
+}
+export default GaClassic;

package/plugins/trackers/GaUniversal.js

@@ -1,10 +1,21 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}/* global ga */ // SgData access type constant for apps
-var ACCESS_TYPE_APP='App';/**
+import "core-js/modules/es.string.replace.js";
+/* global ga */
+
+// SgData access type constant for apps
+const ACCESS_TYPE_APP = 'App';
+
+/**
  * Dimensions and metrics
  * See: https://shopgate.atlassian.net/wiki/display/CONSUMER/Google+Analytics
- */var DIMENSION_SHOP_NUMBER='dimension1';var DIMENSION_CODEBASE_VERSION='dimension2';/**
+ */
+const DIMENSION_SHOP_NUMBER = 'dimension1';
+const DIMENSION_CODEBASE_VERSION = 'dimension2';
+
+/**
  * Tracking plugin for google analytics classic accounts
- */var GaUniversal=/*#__PURE__*/function(){/**
+ */
+class GaUniversal {
+  /**
    * Constructor
    *
    * @param {Object} options Common Tracking Configuration
@@ -14,33 +25,168 @@ var ACCESS_TYPE_APP='App';/**
    * @param {boolean} [options.useNativeSdk] If true -> send data via our unified tracking system
    *   to the native sdk
    * @param {Object} [options.config] Configuration for facebook pixel tracking
-   */function GaUniversal(options){_classCallCheck(this,GaUniversal);this.options=options;this.merchantAccounts=options.config.merchant;this.shopgateAccount=options.config.shopgate;this.universalCleanCodesCache={};/**
+   */
+  constructor(options) {
+    this.options = options;
+    this.merchantAccounts = options.config.merchant;
+    this.shopgateAccount = options.config.shopgate;
+    this.universalCleanCodesCache = {};
+
+    /**
      * List of functions that can be used to filter data
      * @type {Object}
-     */this.filters={'ecommerce:addTransaction':function ecommerceAddTransaction(data){return{revenue:data.amountCompleteFloat,tax:data.amountTaxCompleteFloat,shipping:data.amountShippingFloat,currency:data.currency,id:data.orderNumber,affiliation:data.shopName};},'ecommerce:addItem':function ecommerceAddItem(data){return{id:data.orderNumber,name:data.name,price:data.unitAmount,quantity:data.quantity,sku:data.productNumber};}};this.initPlugin();}/**
+     */
+    this.filters = {
+      'ecommerce:addTransaction': data => ({
+        revenue: data.amountCompleteFloat,
+        tax: data.amountTaxCompleteFloat,
+        shipping: data.amountShippingFloat,
+        currency: data.currency,
+        id: data.orderNumber,
+        affiliation: data.shopName
+      }),
+      'ecommerce:addItem': data => ({
+        id: data.orderNumber,
+        name: data.name,
+        price: data.unitAmount,
+        quantity: data.quantity,
+        sku: data.productNumber
+      })
+    };
+    this.initPlugin();
+  }
+
+  /**
    * Initiate and setup the SDK
-   */return _createClass(GaUniversal,[{key:"initPlugin",value:function initPlugin(){var _this=this;// Load the SDK (if the code is executed form a unit test, always load the sdk)
-if(typeof window.ga!=='function'||typeof global!=='undefined'&&typeof global.it==='function'){/* eslint-disable eslint-comments/no-unlimited-disable */ /* eslint-disable */(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments);},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m);})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');/* eslint-enable */}// Setup merchant accounts
-this.merchantAccounts.forEach(function(account){ga('create',{trackingId:account.id,cookieDomain:'auto',name:_this.buildMerchantPrefix(account.id),allowLinker:true});ga("".concat(_this.buildMerchantPrefix(account.id),".set"),'anonymizeIp',true);ga("".concat(_this.buildMerchantPrefix(account.id),".set"),'forceSSL',true);});// Setup shopgate account
-ga('create',{trackingId:this.shopgateAccount.id,cookieDomain:'auto',name:'shopgate',allowLinker:true});ga('shopgate.set','anonymizeIp',true);ga('shopgate.set','forceSSL',true);// Send custom variables to sdk
-ga('shopgate.set',DIMENSION_SHOP_NUMBER,this.options.shopNumber||window.sgData.shop.shop_number.toString());if(this.options.codebaseVersion||window.sgData.device.access===ACCESS_TYPE_APP){ga('shopgate.set',DIMENSION_CODEBASE_VERSION,this.options.codebaseVersion||window.sgData.device.codebase);}}/**
+   */
+  initPlugin() {
+    // Load the SDK (if the code is executed form a unit test, always load the sdk)
+    if (typeof window.ga !== 'function' || typeof global !== 'undefined' && typeof global.it === 'function') {
+      /* eslint-disable eslint-comments/no-unlimited-disable */
+      /* eslint-disable */
+      (function (i, s, o, g, r, a, m) {
+        i['GoogleAnalyticsObject'] = r;
+        i[r] = i[r] || function () {
+          (i[r].q = i[r].q || []).push(arguments);
+        }, i[r].l = 1 * new Date();
+        a = s.createElement(o), m = s.getElementsByTagName(o)[0];
+        a.async = 1;
+        a.src = g;
+        m.parentNode.insertBefore(a, m);
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+      /* eslint-enable */
+    }
+
+    // Setup merchant accounts
+    this.merchantAccounts.forEach(account => {
+      ga('create', {
+        trackingId: account.id,
+        cookieDomain: 'auto',
+        name: this.buildMerchantPrefix(account.id),
+        allowLinker: true
+      });
+      ga(`${this.buildMerchantPrefix(account.id)}.set`, 'anonymizeIp', true);
+      ga(`${this.buildMerchantPrefix(account.id)}.set`, 'forceSSL', true);
+    });
+
+    // Setup shopgate account
+    ga('create', {
+      trackingId: this.shopgateAccount.id,
+      cookieDomain: 'auto',
+      name: 'shopgate',
+      allowLinker: true
+    });
+    ga('shopgate.set', 'anonymizeIp', true);
+    ga('shopgate.set', 'forceSSL', true);
+
+    // Send custom variables to sdk
+    ga('shopgate.set', DIMENSION_SHOP_NUMBER, this.options.shopNumber || window.sgData.shop.shop_number.toString());
+    if (this.options.codebaseVersion || window.sgData.device.access === ACCESS_TYPE_APP) {
+      ga('shopgate.set', DIMENSION_CODEBASE_VERSION, this.options.codebaseVersion || window.sgData.device.codebase);
+    }
+  }
+
+  /**
    * Removes '-' characters from tracker ID.
    * This, sanitized string is then used as an
    * identifier for universal tracker functions.
    *
    * @param {string} code Google Analytics Property ID
    * @returns {string} sanitized merchantCode
-   */},{key:"getCleanUniversalMerchantCode",value:function getCleanUniversalMerchantCode(code){if(!this.universalCleanCodesCache.hasOwnProperty(code)){this.universalCleanCodesCache[code]=code.replace(/-/g,'');}return this.universalCleanCodesCache[code];}/**
+   */
+  getCleanUniversalMerchantCode(code) {
+    if (!this.universalCleanCodesCache.hasOwnProperty(code)) {
+      this.universalCleanCodesCache[code] = code.replace(/-/g, '');
+    }
+    return this.universalCleanCodesCache[code];
+  }
+
+  /**
    * Helper to generate the prefix for an account
    *
    * @param {string} id Id of the account
    * @returns {string} Prefix for the account
-   */},{key:"buildMerchantPrefix",value:function buildMerchantPrefix(id){return"merchant_".concat(this.getCleanUniversalMerchantCode(id));}/**
+   */
+  buildMerchantPrefix(id) {
+    return `merchant_${this.getCleanUniversalMerchantCode(id)}`;
+  }
+
+  /**
    * Function that sends the given command with the payload to the GA SDK
    * @param {string} command Name of the command
    * @param {Object|Array|string|Function} payload Data for the command,
    *        or a function that returns data
    * @param {Object} [scope={}] Info if the event is for merchant and/or shopgate account
-   */},{key:"send",value:function send(command,payload){var _this2=this;var scope=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var defaults={merchant:true,shopgate:true};var useSendCmd=command!=='require'&&command!=='set'&&command.indexOf(':')===-1;var mergedScope=_extends({},defaults,{},scope);if(mergedScope.merchant){this.merchantAccounts.forEach(function(account){var data=typeof payload==='function'?payload(account):payload;data=typeof _this2.filters[command]!=='undefined'?_this2.filters[command](data):data;var merchantPrefix=_this2.buildMerchantPrefix(account.id);var cmd=[command];if(useSendCmd){cmd.unshift("".concat(merchantPrefix,".send"));}else{// We don't need the send command for example for ecommerce:addTransaction
-cmd[0]="".concat(merchantPrefix,".").concat(cmd[0]);}if(typeof data==='undefined'){ga.apply(void 0,cmd.slice());}else if(Array.isArray(data)){ga.apply(void 0,cmd.slice().concat(data));}else{ga.apply(void 0,cmd.slice().concat([data]));}});}if(mergedScope.shopgate){var data=typeof payload==='function'?payload(this.shopgateAccount):payload;data=typeof this.filters[command]!=='undefined'?this.filters[command](data):data;var cmd=[command];if(useSendCmd){cmd.unshift('shopgate.send');}else{// We don't need the send command for example for ecommerce:addTransaction
-cmd[0]="shopgate.".concat(cmd[0]);}if(typeof data==='undefined'){ga.apply(void 0,cmd.slice());}else if(Array.isArray(data)){ga.apply(void 0,cmd.slice().concat(data));}else{ga.apply(void 0,cmd.slice().concat([data]));}}}}]);}();export default GaUniversal;
+   */
+  send(command, payload, scope = {}) {
+    const defaults = {
+      merchant: true,
+      shopgate: true
+    };
+    const useSendCmd = command !== 'require' && command !== 'set' && command.indexOf(':') === -1;
+    const mergedScope = {
+      ...defaults,
+      ...scope
+    };
+    if (mergedScope.merchant) {
+      this.merchantAccounts.forEach(account => {
+        let data = typeof payload === 'function' ? payload(account) : payload;
+        data = typeof this.filters[command] !== 'undefined' ? this.filters[command](data) : data;
+        const merchantPrefix = this.buildMerchantPrefix(account.id);
+        const cmd = [command];
+        if (useSendCmd) {
+          cmd.unshift(`${merchantPrefix}.send`);
+        } else {
+          // We don't need the send command for example for ecommerce:addTransaction
+          cmd[0] = `${merchantPrefix}.${cmd[0]}`;
+        }
+        if (typeof data === 'undefined') {
+          ga(...cmd.slice());
+        } else if (Array.isArray(data)) {
+          ga(...cmd.slice(), ...data);
+        } else {
+          ga(...cmd.slice(), data);
+        }
+      });
+    }
+    if (mergedScope.shopgate) {
+      let data = typeof payload === 'function' ? payload(this.shopgateAccount) : payload;
+      data = typeof this.filters[command] !== 'undefined' ? this.filters[command](data) : data;
+      const cmd = [command];
+      if (useSendCmd) {
+        cmd.unshift('shopgate.send');
+      } else {
+        // We don't need the send command for example for ecommerce:addTransaction
+        cmd[0] = `shopgate.${cmd[0]}`;
+      }
+      if (typeof data === 'undefined') {
+        ga(...cmd.slice());
+      } else if (Array.isArray(data)) {
+        ga(...cmd.slice(), ...data);
+      } else {
+        ga(...cmd.slice(), data);
+      }
+    }
+  }
+}
+export default GaUniversal;