@mjhls/mjh-framework 1.0.974-test → 1.0.974-test2

package/dist/esm/Segment.js

@@ -1,4 +1,4 @@
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import { a as _Promise, _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -38,6 +38,55 @@ var Segment = {
       email: email
     });
   },
+  identifyWithGroupAndEmail: function identifyWithGroupAndEmail(groupId, email, anonId) {
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    // let buff = Buffer.from(email, 'ascii')
+    // const eKey = buff.toString('base64')
+
+    analytics.identify(anonId, {
+      groupId: groupId,
+      email: email
+    });
+  },
+  createGroup: function createGroup(groupId, anonId, groupName) {
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    var buff = Buffer.from(groupId, 'ascii');
+    console.log('buff', buff);
+
+    var eKey = buff.toString('base64');
+    console.log('eKey', eKey);
+    _Promise.resolve(analytics.group(groupId, {
+      anonymousId: anonId,
+      name: groupName
+    })).then(function (data) {
+      return console.log('data', data);
+    }).catch(function (e) {
+      return console.log('Error: ' + e);
+    });
+  },
+  identifyWithGroup: function identifyWithGroup(groupId, anonId) {
+    if (!groupId) {
+      throw new Error('Argument is not present');
+    }
+
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+    _Promise.resolve(analytics.identify(anonId, {
+      groupId: groupId
+    })).then(function (res) {
+      return console.log('response', res);
+    });
+  },
   getURL: function getURL(url) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 

package/dist/esm/TaxonomyDescription.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-264bbd3c.js';
+import { g as getSerializers } from './index-8f118089.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-264bbd3c.js';
+import { g as getSerializers } from './index-8f118089.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/VideoSeriesLandingPage.js

@@ -36,13 +36,13 @@ import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './index-3f5c03b2.js';
-import './ADlgInfeed-dc36c928.js';
+import './ADlgInfeed-5e36f317.js';
 import './AdSlot.js';
 import './Beam.js';
 import './stringify-2b084bee.js';
 import './Segment.js';
 import './main-1894c974.js';
-import './ADInfeed-6d1fc6bf.js';
+import './ADInfeed-5765a73a.js';
 import './index-755f2cc2.js';
 import './urlFor.js';
 import './style-inject.es-1f59c1d0.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-264bbd3c.js';
+import { r as renderAuthor, g as getSerializers } from './index-8f118089.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-42f9b439.js';
@@ -30,6 +30,7 @@ import { DiscussionEmbed } from 'disqus-react';
 import Schema from './Schema.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
 import { PixelTrackingArticle } from './PixelTracking.js';
+import Segment from './Segment.js';
 import { _ as _Object$keys } from './keys-31dcdb31.js';
 import { I as InfiniteScroll } from './index.es-a6137319.js';
 import { l as lib_3 } from './index-f0fc23eb.js';
@@ -49,7 +50,6 @@ import 'react-bootstrap';
 import './index-c7e2ac95.js';
 import './util-8ed16d48.js';
 import './Beam.js';
-import './Segment.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
 import 'react-bootstrap/Modal';
 import 'react-ga';
@@ -485,13 +485,17 @@ var Recommended = function Recommended(props) {
       setLoaded = _useState6[1]; // loading, loaded, failed
 
 
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2);
+      _useState8[0];
+      _useState8[1];
+
   var starting = index * 5;
   var contentMapping = {
     videos: 'video',
     articles: 'article',
     podcasts: 'podcast'
   };
-
   var mainCategories = article.content_placement.filter(function (cp) {
     return cp.usedForRecommendations === true;
   }).map(function (cp) {
@@ -504,7 +508,7 @@ var Recommended = function Recommended(props) {
         return;
       }
       if (mainCategories.length > 0) {
-        // console.log(mainCategories)
+        console.log(mainCategories);
         analytics.track('Article Category Viewed', {
           categories: _JSON$stringify(mainCategories)
         });
@@ -556,14 +560,42 @@ var Recommended = function Recommended(props) {
           return _ref.apply(this, arguments);
         };
       }();
+      var docGroupRecs = function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(docGroupRef) {
+          var articleRecs;
+          return regenerator.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return client.fetch('*[_type == \'article\' && documentGroup._ref == \'' + docGroupRef + '\']');
+
+                case 2:
+                  articleRecs = _context2.sent;
+
+                  console.log('articleRecs', articleRecs);
+                  if (articleRecs) setArticles(articleRecs.slice(0, 5));
+
+                case 5:
+                case 'end':
+                  return _context2.stop();
+              }
+            }
+          }, _callee2, _this$2);
+        }));
+
+        return function docGroupRecs(_x3) {
+          return _ref2.apply(this, arguments);
+        };
+      }();
       // get users traits
       var getSegmentProfile = function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-          var storedUsers, anonymousId, response, data, addTaxonomyName, favoriteCategories, articlesCategory, videosCategory, podcastCategory, taxonomyCategories, taxonomies, articlesQuery, videosQuery, podcastQuery, params, _ref3, _ref4, _articles, videos, podcasts;
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
+          var storedUsers, anonymousId, traits, traitData, response, data, addTaxonomyName, favoriteCategories, articlesCategory, videosCategory, podcastCategory, taxonomyCategories, taxonomies, articlesQuery, videosQuery, podcastQuery, params, _ref4, _ref5, _articles, videos, podcasts;
 
-          return regenerator.wrap(function _callee2$(_context2) {
+          return regenerator.wrap(function _callee3$(_context3) {
             while (1) {
-              switch (_context2.prev = _context2.next) {
+              switch (_context3.prev = _context3.next) {
                 case 0:
                   storedUsers = false;
                   // const emailData = await import('../../../emails')
@@ -571,30 +603,56 @@ var Recommended = function Recommended(props) {
                   anonymousId = analytics.user().anonymousId();
 
                   console.log('anonymousId', anonymousId);
+                  // Segment.createGroup('test_group_2', anonymousId, 'onclive_test2')
+                  // Segment.createGroup('9e4fb278-daa9-448a-bf46-d168085d9126', anonymousId, 'onclive_test3')
+                  Segment.identifyWithGroup('9e4fb278-daa9-448a-bf46-d168085d9126', anonymousId);
 
-                  _context2.next = 5;
-                  return fetch('/api/getSegmentProfile', {
+                  _context3.next = 6;
+                  return fetch('/api/getTraits', {
                     method: 'POST',
                     body: _JSON$stringify({ anonymousId: anonymousId })
                   });
 
-                case 5:
-                  response = _context2.sent;
-                  _context2.next = 8;
-                  return response.json();
+                case 6:
+                  traits = _context3.sent;
+                  _context3.next = 9;
+                  return traits.json();
 
-                case 8:
-                  data = _context2.sent;
+                case 9:
+                  traitData = _context3.sent;
+
+                  console.log('persona result:', traitData);
+
+                  if (!(traitData.traits && traitData.traits.groupId)) {
+                    _context3.next = 15;
+                    break;
+                  }
 
-                  // console.log('persona result:', data)
                   try {
-                    trackedEmailRecs(anonymousId, '9e4fb278-daa9-448a-bf46-d168085d9126');
+                    docGroupRecs(traitData.traits.groupId);
                   } catch (e) {
                     if (e) console.log('Error: ' + e);
                   }
+                  _context3.next = 56;
+                  break;
 
-                  if (!(data && data.traits && data.traits.favorite_article_category)) {
-                    _context2.next = 44;
+                case 15:
+                  _context3.next = 17;
+                  return fetch('/api/getSegmentProfile', {
+                    method: 'POST',
+                    body: _JSON$stringify({ anonymousId: anonymousId })
+                  });
+
+                case 17:
+                  response = _context3.sent;
+                  _context3.next = 20;
+                  return response.json();
+
+                case 20:
+                  data = _context3.sent;
+
+                  if (!(data && data.traits && data.traits.most_frequent_category)) {
+                    _context3.next = 55;
                     break;
                   }
 
@@ -616,30 +674,30 @@ var Recommended = function Recommended(props) {
 
                   // console.log('%csegment user profile', 'font-size:1.5rem;color:#000000;padding:1rem;background-color:yellow;', data.traits)
                   console.log('in data conditional');
-                  favoriteCategories = JSON.parse(data.traits.favorite_article_category);
+                  favoriteCategories = JSON.parse(data.traits.most_frequent_category);
 
                   // grab contentCategory ID
 
-                  _context2.next = 16;
+                  _context3.next = 27;
                   return client.fetch("*[_type == 'contentCategory' && name == 'Articles'][0]{_id}");
 
-                case 16:
-                  articlesCategory = _context2.sent;
-                  _context2.next = 19;
+                case 27:
+                  articlesCategory = _context3.sent;
+                  _context3.next = 30;
                   return client.fetch("*[_type == 'contentCategory' && name == 'Videos'][0]{_id}");
 
-                case 19:
-                  videosCategory = _context2.sent;
-                  _context2.next = 22;
+                case 30:
+                  videosCategory = _context3.sent;
+                  _context3.next = 33;
                   return client.fetch("*[_type == 'contentCategory' && name == 'Podcasts'][0]{_id}");
 
-                case 22:
-                  podcastCategory = _context2.sent;
-                  _context2.next = 25;
+                case 33:
+                  podcastCategory = _context3.sent;
+                  _context3.next = 36;
                   return client.fetch('*[_type == \'taxonomy\' ' + addTaxonomyName(favoriteCategories) + ']');
 
-                case 25:
-                  taxonomyCategories = _context2.sent;
+                case 36:
+                  taxonomyCategories = _context3.sent;
                   taxonomies = '';
 
                   taxonomyCategories.forEach(function (taxonomy, index) {
@@ -652,21 +710,21 @@ var Recommended = function Recommended(props) {
                   taxonomies = taxonomies + ' )';
 
                   // grab 3 articles from sanity different from the one currently being read
-                  articlesQuery = '*[_type == \'article\'\n          && !(_id in path("drafts.**"))\n          && defined(title)\n          && defined(url)\n          && is_visible == true \n          && passwordLock != true\n          && references(\'' + articlesCategory._id + '\')\n          ' + taxonomies + '\n          && defined(published)\n          && _id != $id\n          && dateTime(published) <= dateTime(now())] | order(published desc) [' + starting + '...' + (starting + 5) + '] {\n            ...,\n            title,\n            thumbnail,\n            url,\n            contentCategory->,\n            published,\n          }';
-                  videosQuery = '*[_type == \'article\'\n          && !(_id in path("drafts.**"))\n          && defined(title)\n          && defined(url)\n          && is_visible == true \n          && passwordLock != true\n          && references(\'' + videosCategory._id + '\')\n          ' + taxonomies + '\n          && defined(published)\n          && _id != $id\n          && dateTime(published) <= dateTime(now())] | order(published desc) [' + starting + '...' + (starting + 1) + '] {\n            ...,\n            title,\n            thumbnail,\n            url,\n            contentCategory->,\n            published,\n          }';
-                  podcastQuery = '*[_type == \'article\'\n          && !(_id in path("drafts.**"))\n          && defined(title)\n          && defined(url)\n          && is_visible == true \n          && passwordLock != true\n          && references(\'' + podcastCategory._id + '\')\n          ' + taxonomies + '\n          && defined(published)\n          && _id != $id\n          && dateTime(published) <= dateTime(now())] | order(published desc) [' + starting + '...' + (starting + 2) + '] {\n            ...,\n            title,\n            thumbnail,\n            url,\n            contentCategory->,\n            published,\n          }';
+                  articlesQuery = '*[_type == \'article\'\n            && !(_id in path("drafts.**"))\n            && defined(title)\n            && defined(url)\n            && is_visible == true \n            && passwordLock != true\n            && references(\'' + articlesCategory._id + '\')\n            ' + taxonomies + '\n            && defined(published)\n            && _id != $id\n            && dateTime(published) <= dateTime(now())] | order(published desc) [' + starting + '...' + (starting + 5) + '] {\n              ...,\n              title,\n              thumbnail,\n              url,\n              contentCategory->,\n              published,\n            }';
+                  videosQuery = '*[_type == \'article\'\n            && !(_id in path("drafts.**"))\n            && defined(title)\n            && defined(url)\n            && is_visible == true \n            && passwordLock != true\n            && references(\'' + videosCategory._id + '\')\n            ' + taxonomies + '\n            && defined(published)\n            && _id != $id\n            && dateTime(published) <= dateTime(now())] | order(published desc) [' + starting + '...' + (starting + 1) + '] {\n              ...,\n              title,\n              thumbnail,\n              url,\n              contentCategory->,\n              published,\n            }';
+                  podcastQuery = '*[_type == \'article\'\n            && !(_id in path("drafts.**"))\n            && defined(title)\n            && defined(url)\n            && is_visible == true \n            && passwordLock != true\n            && references(\'' + podcastCategory._id + '\')\n            ' + taxonomies + '\n            && defined(published)\n            && _id != $id\n            && dateTime(published) <= dateTime(now())] | order(published desc) [' + starting + '...' + (starting + 2) + '] {\n              ...,\n              title,\n              thumbnail,\n              url,\n              contentCategory->,\n              published,\n            }';
                   params = {
                     id: article._id
                   };
-                  _context2.next = 35;
+                  _context3.next = 46;
                   return _Promise.all([client.fetch(articlesQuery, params), client.fetch(videosQuery, params), client.fetch(podcastQuery, params)]);
 
-                case 35:
-                  _ref3 = _context2.sent;
-                  _ref4 = _slicedToArray(_ref3, 3);
-                  _articles = _ref4[0];
-                  videos = _ref4[1];
-                  podcasts = _ref4[2];
+                case 46:
+                  _ref4 = _context3.sent;
+                  _ref5 = _slicedToArray(_ref4, 3);
+                  _articles = _ref5[0];
+                  videos = _ref5[1];
+                  podcasts = _ref5[2];
 
                   if (_articles.length === 0) {
                     setLoaded('failed');
@@ -683,22 +741,22 @@ var Recommended = function Recommended(props) {
                     }
                     setArticles(_articles);
                   }
-                  _context2.next = 45;
+                  _context3.next = 56;
                   break;
 
-                case 44:
+                case 55:
                   setLoaded('failed');
 
-                case 45:
+                case 56:
                 case 'end':
-                  return _context2.stop();
+                  return _context3.stop();
               }
             }
-          }, _callee2, _this$2);
+          }, _callee3, _this$2);
         }));
 
         return function getSegmentProfile() {
-          return _ref2.apply(this, arguments);
+          return _ref3.apply(this, arguments);
         };
       }();
       getSegmentProfile();

package/dist/esm/getSerializers.js

@@ -1,6 +1,6 @@
 import './extends-6d8e3924.js';
 import 'react';
-export { g as default } from './index-264bbd3c.js';
+export { g as default } from './index-8f118089.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/index.js

@@ -87,7 +87,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-264bbd3c.js';
+export { g as getSerializers } from './index-8f118089.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -131,9 +131,9 @@ import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './main-1894c974.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-6d1fc6bf.js';
+import './ADInfeed-5765a73a.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-dc36c928.js';
+import './ADlgInfeed-5e36f317.js';
 import './getContentCategory-15dcc413.js';
 import './get-3c308da4.js';
 import './eq-bdcbf886.js';

package/package.json

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