@plusscommunities/pluss-newsletter-web-sharing 1.4.13 → 1.4.15

package/dist/index.cjs.js

@@ -23,6 +23,10 @@ var $ = require('jquery');
 var uuid = require('uuid');
 var _extends = require('@babel/runtime/helpers/extends');
 var NewsletterPreview = require('make-pluss-newsletter');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,6 +66,9 @@ var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumab
 var $__default = /*#__PURE__*/_interopDefaultLegacy($);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var NewsletterPreview__default = /*#__PURE__*/_interopDefaultLegacy(NewsletterPreview);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 
 var values = {
   featureKey: 'sharing',
@@ -309,38 +316,38 @@ var FeatureConfig = {
   }
 };
 
-var Components$1 = PlussCore__namespace.Components;
-var Header = Components$1.Header;
-var AddButton = Components$1.AddButton;
-var Button = Components$1.Button;
-var GenericInput = Components$1.GenericInput;
-var AnalyticsFilter = Components$1.AnalyticsFilter;
-var ImageInput = Components$1.ImageInput;
-var RadioButton = Components$1.RadioButton;
-var OverlayPage = Components$1.OverlayPage;
-var OverlayPageContents = Components$1.OverlayPageContents;
-var OverlayPageSection = Components$1.OverlayPageSection;
-var OverlayPageBottomButtons = Components$1.OverlayPageBottomButtons;
-var UserListing = Components$1.UserListing;
-var P60Icon = Components$1.P60Icon;
-var DatePicker = Components$1.DatePicker;
-var TimePicker = Components$1.TimePicker;
-var SuccessPopup = Components$1.SuccessPopup;
-var AudienceSelector = Components$1.AudienceSelector;
-var CheckBox = Components$1.CheckBox;
-var TextFormatPopup = Components$1.TextFormatPopup;
-var OptionsSection = Components$1.OptionsSection;
-var FileInput = Components$1.FileInput;
-var Popup = Components$1.Popup;
-var HubSidebar = Components$1.HubSidebar;
-var SVGIcon = Components$1.SVGIcon;
-
-var Session = PlussCore__namespace.Session;
-var isTheBest = Session.isTheBest;
-var validateAccess = Session.validateAccess;
-var authedFunction = Session.authedFunction;
-var checkLoggedIn = Session.checkLoggedIn;
-var isTVEnabled = Session.isTVEnabled;
+var Components$2 = PlussCore__namespace.Components;
+var Header = Components$2.Header;
+var AddButton = Components$2.AddButton;
+var Button = Components$2.Button;
+var GenericInput = Components$2.GenericInput;
+var AnalyticsFilter = Components$2.AnalyticsFilter;
+var ImageInput = Components$2.ImageInput;
+var RadioButton = Components$2.RadioButton;
+var OverlayPage = Components$2.OverlayPage;
+var OverlayPageContents = Components$2.OverlayPageContents;
+var OverlayPageSection = Components$2.OverlayPageSection;
+var OverlayPageBottomButtons = Components$2.OverlayPageBottomButtons;
+var UserListing = Components$2.UserListing;
+var P60Icon = Components$2.P60Icon;
+var DatePicker = Components$2.DatePicker;
+var TimePicker = Components$2.TimePicker;
+var SuccessPopup = Components$2.SuccessPopup;
+var AudienceSelector = Components$2.AudienceSelector;
+var CheckBox = Components$2.CheckBox;
+var TextFormatPopup = Components$2.TextFormatPopup;
+var OptionsSection = Components$2.OptionsSection;
+var FileInput = Components$2.FileInput;
+var Popup = Components$2.Popup;
+var HubSidebar = Components$2.HubSidebar;
+var SVGIcon = Components$2.SVGIcon;
+
+var Session$1 = PlussCore__namespace.Session;
+var isTheBest = Session$1.isTheBest;
+var validateAccess = Session$1.validateAccess;
+var authedFunction = Session$1.authedFunction;
+var checkLoggedIn = Session$1.checkLoggedIn;
+Session$1.isTVEnabled;
 
 var NEWS_LOADED = values.actionNewsLoaded;
 var NEWS_UPDATED = values.actionNewsUpdated;
@@ -651,13 +658,13 @@ var getEventTimes = function getEventTimes(events) {
   return ___default['default'].sortBy(result, 'TimeSort');
 };
 
-var Analytics = PlussCore__namespace.Analytics,
+var Analytics$2 = PlussCore__namespace.Analytics,
     Colours = PlussCore__namespace.Colours,
     Helper$1 = PlussCore__namespace.Helper; // Analytics
 
-var compileStats = Analytics.compileStats;
-var getInsight = Analytics.getInsight;
-var getAnalyticsFilterOptions = Analytics.getAnalyticsFilterOptions; // Colours
+var compileStats = Analytics$2.compileStats;
+var getInsight = Analytics$2.getInsight;
+var getAnalyticsFilterOptions = Analytics$2.getAnalyticsFilterOptions; // Colours
 
 var COLOUR_BRANDING_MAIN = Colours.COLOUR_BRANDING_MAIN;
 var COLOUR_BRANDING_OFF = Colours.COLOUR_BRANDING_OFF;
@@ -668,8 +675,8 @@ var hexToRGBAstring = Colours.hexToRGBAstring; // Misc
 
 var hideChat = Helper$1.hideChat;
 
-var Components = PlussCore__namespace.Components;
-var Text = Components.Text;
+var Components$1 = PlussCore__namespace.Components;
+var Text = Components$1.Text;
 
 function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -968,7 +975,7 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
   return ListNewsletter;
 }(React.Component);
 
-var mapStateToProps$9 = function mapStateToProps(state) {
+var mapStateToProps$a = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     news: state[values.reducerKey].news,
@@ -976,7 +983,7 @@ var mapStateToProps$9 = function mapStateToProps(state) {
   };
 };
 
-var ListNewsletterEntries = reactRedux.connect(mapStateToProps$9, {
+var ListNewsletterEntries = reactRedux.connect(mapStateToProps$a, {
   newsLoaded: newsLoaded,
   removeNews: removeNews
 })(ListNewsletter$1);
@@ -1343,7 +1350,7 @@ var NewsletterSubmissions = /*#__PURE__*/function (_Component) {
   return NewsletterSubmissions;
 }(React.Component);
 
-var mapStateToProps$8 = function mapStateToProps(state) {
+var mapStateToProps$9 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     submissions: state[values.reducerKey].submissions,
@@ -1351,7 +1358,7 @@ var mapStateToProps$8 = function mapStateToProps(state) {
   };
 };
 
-var NewsletterSubmissions$1 = reactRedux.connect(mapStateToProps$8, {
+var NewsletterSubmissions$1 = reactRedux.connect(mapStateToProps$9, {
   newsSubmissionsLoaded: newsSubmissionsLoaded
 })(NewsletterSubmissions);
 
@@ -1706,14 +1713,14 @@ var NewsHubAnalytics = /*#__PURE__*/function (_Component) {
   return NewsHubAnalytics;
 }(React.Component);
 
-var mapStateToProps$7 = function mapStateToProps(state) {
+var mapStateToProps$8 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     auth: auth
   };
 };
 
-var NewsHubAnalytics$1 = reactRedux.connect(mapStateToProps$7, {
+var NewsHubAnalytics$1 = reactRedux.connect(mapStateToProps$8, {
   usersLoaded: usersLoaded
 })(reactRouter.withRouter(NewsHubAnalytics));
 
@@ -1890,7 +1897,7 @@ var styles$5 = {
   }
 };
 
-var mapStateToProps$6 = function mapStateToProps(state) {
+var mapStateToProps$7 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     news: state[values.reducerKey].news,
@@ -1898,7 +1905,7 @@ var mapStateToProps$6 = function mapStateToProps(state) {
   };
 };
 
-var AvailableNews = reactRedux.connect(mapStateToProps$6, {
+var AvailableNews = reactRedux.connect(mapStateToProps$7, {
   newsLoaded: newsLoaded,
   removeNews: removeNews
 })(reactRouter.withRouter(ListNewsletter));
@@ -2234,7 +2241,7 @@ var styles$4 = {
   }
 };
 
-var mapStateToProps$5 = function mapStateToProps(state) {
+var mapStateToProps$6 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     news: state[values.reducerKey].news,
@@ -2244,7 +2251,7 @@ var mapStateToProps$5 = function mapStateToProps(state) {
   };
 };
 
-var NewsHub$1 = reactRedux.connect(mapStateToProps$5, {
+var NewsHub$1 = reactRedux.connect(mapStateToProps$6, {
   newsLoaded: newsLoaded,
   newsSubmissionsLoaded: newsSubmissionsLoaded,
   setAuth: setAuth
@@ -3574,10 +3581,9 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
     value: function renderTvMode() {
       var _this16 = this;
 
-      if (!isTVEnabled(this.props.auth.interfaces, 'announcements')) {
-        return null;
-      }
-
+      // if (!isTVEnabled(this.props.auth.interfaces, 'announcements')) {
+      //   return null;
+      // }
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "marginTop-16"
       }, /*#__PURE__*/React__default['default'].createElement(RadioButton, {
@@ -3833,7 +3839,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   return AddNewsletterEntry;
 }(React.Component);
 
-var mapStateToProps$4 = function mapStateToProps(state) {
+var mapStateToProps$5 = function mapStateToProps(state) {
   var auth = state.auth;
   var allUsers = state.users.allUsers;
   return {
@@ -3844,7 +3850,7 @@ var mapStateToProps$4 = function mapStateToProps(state) {
   };
 };
 
-var AddNewsletterEntry$1 = reactRedux.connect(mapStateToProps$4, {
+var AddNewsletterEntry$1 = reactRedux.connect(mapStateToProps$5, {
   newsUpdate: newsUpdate,
   usersLoaded: usersLoaded,
   addRecentlyCreated: addRecentlyCreated
@@ -4354,14 +4360,14 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
   return PublishAvailableNews;
 }(React.Component);
 
-var mapStateToProps$3 = function mapStateToProps(state) {
+var mapStateToProps$4 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     auth: auth
   };
 };
 
-var PublishAvailableNews$1 = reactRedux.connect(mapStateToProps$3, {
+var PublishAvailableNews$1 = reactRedux.connect(mapStateToProps$4, {
   newsUpdate: newsUpdate
 })(PublishAvailableNews);
 
@@ -4911,14 +4917,14 @@ var NewsletterSubmission = /*#__PURE__*/function (_Component) {
   return NewsletterSubmission;
 }(React.Component);
 
-var mapStateToProps$2 = function mapStateToProps(state) {
+var mapStateToProps$3 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     auth: auth
   };
 };
 
-var NewsletterSubmission$1 = reactRedux.connect(mapStateToProps$2, {
+var NewsletterSubmission$1 = reactRedux.connect(mapStateToProps$3, {
   removeNewsSubmission: removeNewsSubmission,
   newsSubmissionsLoaded: newsSubmissionsLoaded
 })(NewsletterSubmission);
@@ -5096,14 +5102,14 @@ var NewsletterAnalytics = /*#__PURE__*/function (_Component) {
   return NewsletterAnalytics;
 }(React.Component);
 
-var mapStateToProps$1 = function mapStateToProps(state) {
+var mapStateToProps$2 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     auth: auth
   };
 };
 
-var NewsletterAnalytics$1 = reactRedux.connect(mapStateToProps$1, {})(NewsletterAnalytics);
+var NewsletterAnalytics$1 = reactRedux.connect(mapStateToProps$2, {})(NewsletterAnalytics);
 
 var MakerPopup = PlussCore__namespace.Components.MakerPopup;
 
@@ -6122,7 +6128,7 @@ var GenerateNewsletter = /*#__PURE__*/function (_Component) {
   return GenerateNewsletter;
 }(React.Component);
 
-var mapStateToProps = function mapStateToProps(state) {
+var mapStateToProps$1 = function mapStateToProps(state) {
   var auth = state.auth;
   return {
     news: state[values.reducerKey].news,
@@ -6130,7 +6136,7 @@ var mapStateToProps = function mapStateToProps(state) {
   };
 };
 
-var GenerateNewsletter$1 = reactRedux.connect(mapStateToProps, {
+var GenerateNewsletter$1 = reactRedux.connect(mapStateToProps$1, {
   newsLoaded: newsLoaded,
   setAuth: setAuth
 })(GenerateNewsletter);
@@ -7198,6 +7204,181 @@ var NewsletterTemplate$1 = reactRedux.connect(null, {
   setNavData: setNavData
 })(NewsletterTemplate);
 
+var Analytics$1 = PlussCore__namespace.Analytics,
+    Session = PlussCore__namespace.Session,
+    Components = PlussCore__namespace.Components;
+
+var getInitialState = function getInitialState() {
+  return {
+    pageViews: 0,
+    prevPageViews: 0,
+    uniquePageView: 0,
+    prevUniquePageView: 0,
+    isLoading: true
+  };
+}; // AnalyticsHub Component
+
+
+var AnalyticsHub = function AnalyticsHub(_ref) {
+  var startTime = _ref.startTime,
+      endTime = _ref.endTime,
+      auth = _ref.auth,
+      prevText = _ref.prevText,
+      dayCount = _ref.dayCount,
+      strings = _ref.strings;
+
+  var _useState = React.useState(getInitialState()),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      analyticsData = _useState2[0],
+      setAnalyticsData = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      isExportOpen = _useState4[0],
+      setIsExportOpen = _useState4[1];
+
+  var hasAccess = Session.validateAccess(auth.site, values.permissionNewsletter, auth);
+
+  if (!hasAccess) {
+    return null;
+  }
+
+  var featureTitle = strings["".concat(values.featureKey, "_textTitleNews")] || values.textTitleNews;
+  var exportColumns = [{
+    label: 'Select All',
+    key: ''
+  }, {
+    label: 'Start Date',
+    key: 'startDate'
+  }, {
+    label: 'End Date',
+    key: 'endDate'
+  }, {
+    label: 'Page Views',
+    key: 'pageViews'
+  }, {
+    label: 'Unique Visitors',
+    key: 'uniquePageView'
+  }];
+  React.useEffect(function () {
+    getData();
+  }, [startTime, endTime]);
+
+  var getData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
+      var timeDifference, _yield$Promise$all, _yield$Promise$all2, currentStatsResponse, prevStatsResponse, data;
+
+      return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setAnalyticsData(getInitialState()); // Load analytics data here using startTime and endTime
+
+              timeDifference = endTime - startTime;
+              _context.next = 4;
+              return Promise.all([analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime, endTime, true), analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime - timeDifference, startTime, true)]);
+
+            case 4:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = _slicedToArray__default['default'](_yield$Promise$all, 2);
+              currentStatsResponse = _yield$Promise$all2[0];
+              prevStatsResponse = _yield$Promise$all2[1];
+              data = {
+                pageViews: Analytics$1.countActivities(currentStatsResponse.data, 'PageView', 'total'),
+                prevPageViews: Analytics$1.countActivities(prevStatsResponse.data, 'PageView', 'total'),
+                uniquePageView: Analytics$1.countActivities(currentStatsResponse.data, 'UniquePageView', 'uniquearray'),
+                prevUniquePageView: Analytics$1.countActivities(prevStatsResponse.data, 'UniquePageView', 'uniquearray'),
+                isLoading: false
+              };
+              setAnalyticsData(data);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function getData() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var isReadyToOpenCSV = function isReadyToOpenCSV() {
+    return !analyticsData.isLoading;
+  };
+
+  var getExportSource = function getExportSource() {
+    return [{
+      startDate: moment__default['default'](startTime + 1).format('D-MM-YYYY'),
+      endDate: moment__default['default'](endTime).format('D-MM-YYYY'),
+      pageViews: analyticsData.pageViews,
+      uniquePageView: analyticsData.uniquePageView
+    }];
+  };
+
+  var csvPopup = function csvPopup() {
+    if (!isExportOpen) {
+      return null;
+    }
+
+    var source = getExportSource();
+    return /*#__PURE__*/React__default['default'].createElement(Components.ExportCsvPopup, {
+      onClose: function onClose() {
+        setIsExportOpen(false);
+      },
+      columns: exportColumns,
+      source: source,
+      filename: "".concat(values.analyticsKey, "analytics_").concat(source[0].startDate, "_").concat(source[0].endDate, ".csv")
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "dashboardSection"
+  }, csvPopup(), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Components.Text, {
+    type: "h4",
+    className: "inlineBlock marginRight-40"
+  }, featureTitle), /*#__PURE__*/React__default['default'].createElement(Components.Button, {
+    inline: true,
+    buttonType: "primaryAction",
+    onClick: function onClick() {
+      if (!isReadyToOpenCSV()) return;
+      setIsExportOpen(true);
+    },
+    isActive: isReadyToOpenCSV(),
+    leftIcon: "file-code-o"
+  }, "Export CSV")), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "analyticsSection dashboardSection_content"
+  }, /*#__PURE__*/React__default['default'].createElement(Components.StatBox, {
+    title: "".concat(featureTitle, " Page Views"),
+    icon: freeSolidSvgIcons.faEye,
+    value: analyticsData.pageViews,
+    previousValue: analyticsData.prevPageViews,
+    prevText: prevText,
+    viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=PageView&countType=total&dayCount=").concat(dayCount),
+    isLoading: analyticsData.isLoading
+  }), /*#__PURE__*/React__default['default'].createElement(Components.StatBox, {
+    title: "Unique ".concat(featureTitle, " Visitors"),
+    icon: freeSolidSvgIcons.faUser,
+    value: analyticsData.uniquePageView,
+    previousValue: analyticsData.prevUniquePageView,
+    prevText: prevText,
+    viewGraphLink: "/chart?entity=".concat(values.analyticsKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=UniquePageView&countType=uniquearray&dayCount=").concat(dayCount),
+    isLoading: analyticsData.isLoading
+  })));
+};
+
+var mapStateToProps = function mapStateToProps(state) {
+  var auth = state.auth;
+  return {
+    auth: auth,
+    strings: state.strings && state.strings.config || {}
+  };
+};
+
+var toExport = reactRedux.connect(mapStateToProps, {})(AnalyticsHub);
+
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -7689,9 +7870,11 @@ var Screens = function () {
   screens[values.screenNewsletterTemplate] = NewsletterTemplate$1;
   return screens;
 }();
- // New Feature Picker preview
+
+var Analytics = [toExport];
 
 exports.ActivityText = ActivityText;
+exports.Analytics = Analytics;
 exports.Config = FeatureConfig;
 exports.FeaturePickerContent = FeaturePickerContent;
 exports.PreviewFull = PreviewFull;