@mjhls/mjh-framework 1.0.525 → 1.0.526

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.525
+# mjh-framework v. 1.0.526
 
 > Foundation Framework 
 

package/dist/cjs/View.js

@@ -18,7 +18,7 @@ var React = require('react');
 var index = require('./index-44481153.js');
 require('prop-types');
 var moment = require('./moment-ca3bd9fb.js');
-require('next/router');
+var Router = require('next/router');
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
 var index_es = require('./index.es-f3e47207.js');
@@ -1174,20 +1174,42 @@ var Articles = function Articles(props) {
 var _this = undefined;
 
 var View = function View(props) {
+  var router = Router.useRouter();
   var shareOptions = props.shareOptions,
       article = props.article,
       _props$sponsoredFlag = props.sponsoredFlag,
       sponsoredFlag = _props$sponsoredFlag === undefined ? false : _props$sponsoredFlag,
       _props$sponsoredTaxon = props.sponsoredTaxonomies,
-      Ads = props.Ads;
+      Ads = props.Ads,
+      setCustomDimensions = props.setCustomDimensions,
+      statusCode = props.statusCode,
+      prevUrl = props.prevUrl,
+      pageview = props.pageview;
   var _props$article = props.article,
       _props$article$passwo = _props$article.passwordLock,
       passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
       description = _props$article.description,
       title = _props$article.title;
 
-  //disable infinite scroll
+  // Logging GA pageview for the initial article with custom dimensions
+
+  React.useEffect(function () {
+    if (pageview && setCustomDimensions) {
+      var timer = void 0;
+      var waitAndExicute = function waitAndExicute() {
+        if (typeof window.GA_INITIALIZED !== 'undefined') {
+          setCustomDimensions(article, statusCode, prevUrl);
+          pageview(router.asPath);
+        } else timer = setTimeout(waitAndExicute, 1000);
+      };
+      waitAndExicute();
+      return function () {
+        clearTimeout(timer);
+      };
+    }
+  }, []);
 
+  //disable infinite scroll
   var checkVideoSeries = function checkVideoSeries(article) {
     if (!article || !article.body) {
       return false;

package/dist/esm/View.js

@@ -16,7 +16,7 @@ import React, { useState, useEffect } from 'react';
 import { l as lib_3 } from './index-1819118a.js';
 import 'prop-types';
 import { m as moment } from './moment-b6f49411.js';
-import 'next/router';
+import { useRouter } from 'next/router';
 import './isSymbol-b7b7434f.js';
 import './debounce-048d9cb6.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
@@ -1163,20 +1163,42 @@ var Articles = function Articles(props) {
 var _this = undefined;
 
 var View = function View(props) {
+  var router = useRouter();
   var shareOptions = props.shareOptions,
       article = props.article,
       _props$sponsoredFlag = props.sponsoredFlag,
       sponsoredFlag = _props$sponsoredFlag === undefined ? false : _props$sponsoredFlag,
       _props$sponsoredTaxon = props.sponsoredTaxonomies,
-      Ads = props.Ads;
+      Ads = props.Ads,
+      setCustomDimensions = props.setCustomDimensions,
+      statusCode = props.statusCode,
+      prevUrl = props.prevUrl,
+      pageview = props.pageview;
   var _props$article = props.article,
       _props$article$passwo = _props$article.passwordLock,
       passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
       description = _props$article.description,
       title = _props$article.title;
 
-  //disable infinite scroll
+  // Logging GA pageview for the initial article with custom dimensions
+
+  useEffect(function () {
+    if (pageview && setCustomDimensions) {
+      var timer = void 0;
+      var waitAndExicute = function waitAndExicute() {
+        if (typeof window.GA_INITIALIZED !== 'undefined') {
+          setCustomDimensions(article, statusCode, prevUrl);
+          pageview(router.asPath);
+        } else timer = setTimeout(waitAndExicute, 1000);
+      };
+      waitAndExicute();
+      return function () {
+        clearTimeout(timer);
+      };
+    }
+  }, []);
 
+  //disable infinite scroll
   var checkVideoSeries = function checkVideoSeries(article) {
     if (!article || !article.body) {
       return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.525",
+  "version": "1.0.526",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",