web-manager 3.0.10 → 3.1.1

package/README.md

@@ -283,6 +283,20 @@ For these, you must first call `.account().resolve()`
 * `.auth-billing-start-date-element`: Add to any element and it will display the user's plan start date
 * `.auth-billing-expiration-date-element`: Add to any element and it will display the user's plan expiration date
 
+* `.auth-created-element`: Add to any element to show the local string for account creation date
+* `.auth-phone-element`: Add to any element to display the user's phone
+
+* `.auth-referral-count-element`: Update this element with the user's referral count
+* `.auth-referral-code-element`: Update this element with the user's referral code
+* `.auth-referral-link-element`: Update this element with the user's referral link
+* `.auth-referral-social-link`: Update this element with the user's referral link for socials where `data-provider` is the social network
+
+*  Future additions (not added yet)
+  * `auth-link-provider-btn`: Initiate a link to the `data-provider` in this element
+  * `auth-unlink-provider-btn`: Initiate an unlink to the `data-provider` in this element
+  * `auth-signout-all-sessions-btn`: Call the server to sign out of all sessions and then log out of the current one.
+
+
 ```html
 <div class="auth-signedin-false-element">
   <form onsubmit="return false;">

package/lib/account.js

@@ -202,6 +202,9 @@ Account.prototype._resolveAccount = function (currentUser, account, options) {
 
   var defaultPlanId = options.defaultPlanId || 'basic';
 
+  var currentURL;
+  var isDevelopment;
+
   // Resolve auth
   account.auth = account.auth || {};
   account.auth.email = account.auth.email || currentUser.email || null;
@@ -219,7 +222,7 @@ Account.prototype._resolveAccount = function (currentUser, account, options) {
 
   account.plan.payment = account.plan.payment || {};
   account.plan.payment.startDate = account.plan.payment.startDate || {};
-  account.plan.payment.startDate.timestamp = account.plan.payment.startDate.timestamp || '1999-01-01T00:00:00Z';
+  account.plan.payment.startDate.timestamp = account.plan.payment.startDate.timestamp || '1970-01-01T00:00:00.000Z';
   account.plan.payment.startDate.timestampUNIX = account.plan.payment.startDate.timestampUNIX || 0;
   account.plan.payment.frequency = account.plan.payment.frequency || 'unknown';
   account.plan.payment.orderId = account.plan.payment.orderId || 'unknown';
@@ -231,14 +234,35 @@ Account.prototype._resolveAccount = function (currentUser, account, options) {
   account.plan.payment.updatedBy.event.id = account.plan.payment.updatedBy.event.id || 'unknown';
   account.plan.payment.updatedBy.event.name = account.plan.payment.updatedBy.event.name || 'unknown';
   account.plan.payment.updatedBy.date = account.plan.payment.updatedBy.date || {};
-  account.plan.payment.updatedBy.date.timestamp = account.plan.payment.updatedBy.date.timestamp || '1999-01-01T00:00:00Z';
+  account.plan.payment.updatedBy.date.timestamp = account.plan.payment.updatedBy.date.timestamp || '1970-01-01T00:00:00.000Z';
   account.plan.payment.updatedBy.date.timestampUNIX = account.plan.payment.updatedBy.date.timestampUNIX || 0;
 
+  // Set some variables
+  // In a try/catch because this lib is used in node sometimes
+  try {
+    currentURL = new URL(window.location.href);
+    isDevelopment = utilities.get(self.Manager, 'properties.meta.environment', '') === 'development';
+
+    if (utilities.get(isDevelopment)) {
+      currentURL.searchParams
+      .forEach(function(value, key) {
+        var accountValue = utilities.get(account, key, undefined)
+        if (typeof accountValue !== undefined) {
+          if (value === 'true') { value = true }
+          if (value === 'false') { value = false }
+
+          utilities.set(account, key, value)
+        }
+      });
+    }
+  } catch (e) {
+    console.error('Unable to check query strings', e);
+  }
 
   var planExpireDate = new Date(account.plan.expires.timestamp);
   var now = new Date();
   var daysTillExpire = Math.floor((planExpireDate - now) / 86400000);
-  let difference = (planExpireDate.getTime() - now.getTime())/(24*3600*1000);
+  var difference = (planExpireDate.getTime() - now.getTime())/(24*3600*1000);
   var startDate = new Date(account.plan.payment.startDate.timestamp);
   var planIsActive = difference > -1 && account.plan.id !== defaultPlanId;
 
@@ -270,11 +294,11 @@ Account.prototype._resolveAccount = function (currentUser, account, options) {
   // Resolve activity
   account.activity = account.activity || {};
   account.activity.lastActivity = account.activity.lastActivity || {};
-  account.activity.lastActivity.timestamp = account.activity.lastActivity.timestamp || '1999-01-01T00:00:00Z';
+  account.activity.lastActivity.timestamp = account.activity.lastActivity.timestamp || '1970-01-01T00:00:00.000Z';
   account.activity.lastActivity.timestampUNIX = account.activity.lastActivity.timestampUNIX || 0;
 
   account.activity.created = account.activity.created || {};
-  account.activity.created.timestamp = account.activity.created.timestamp || '1999-01-01T00:00:00Z';
+  account.activity.created.timestamp = account.activity.created.timestamp || '1970-01-01T00:00:00.000Z';
   account.activity.created.timestampUNIX = account.activity.created.timestampUNIX || 0;
 
   // Api
@@ -282,9 +306,30 @@ Account.prototype._resolveAccount = function (currentUser, account, options) {
   account.api.clientId = account.api.clientId || 'unknown';
   account.api.privateKey = account.api.privateKey || 'unknown';
 
+  // Personal
+  account.personal = account.personal || {};
+
+  account.personal.name = account.personal.name || {};
+  account.personal.name.first = account.personal.name.first || '';
+  account.personal.name.last = account.personal.name.last || '';
+
+  account.personal.telephone = account.personal.telephone || {};
+  account.personal.telephone.countryCode = account.personal.telephone.countryCode || 0;
+  account.personal.telephone.national = account.personal.telephone.national || 0;
+
+  account.personal.birthday = account.personal.birthday || {};
+  account.personal.birthday.timestamp = account.personal.birthday.timestamp || '1970-01-01T00:00:00.000Z';
+  account.personal.birthday.timestampUNIX = account.personal.birthday.timestampUNIX || 0;
+
+  account.personal.gender = account.personal.gender || '';
+
+  account.personal.location = account.personal.location || {};
+  account.personal.location.country = account.personal.location.country || '';
+
+
   // Set UI elements
+  // In a try/catch because this lib is used in node sometimes
   try {
-    var isDevelopment = utilities.get(self.Manager, 'properties.meta.environment', '') === 'development';
     // var apiLinkURL = isDevelopment ? 'http://localhost:5000/discord-link' : 'https://api.{{ site.brand.name }}.com/discord-link';
     // var apiUnlinkURL = isDevelopment ? 'http://localhost:5000/discord-unlink' : 'https://api.{{ site.brand.name }}.com/discord-unlink';
     var cancelURL = isDevelopment ? 'http://localhost:4001/cancel/' : 'https://itwcreativeworks.com/portal/account/manage/';
@@ -295,8 +340,23 @@ Account.prototype._resolveAccount = function (currentUser, account, options) {
     var billingFrequencyEl = dom.select('.auth-billing-frequency-element');
     var billingStartDateEl = dom.select('.auth-billing-start-date-element');
     var billingExpirationDateEl = dom.select('.auth-billing-expiration-date-element');
+
+    var $referralCount = dom.select('.auth-referral-count-element');
+    var $referralCode = dom.select('.auth-referral-code-element');
+    var $referralLink = dom.select('.auth-referral-link-element');
+    var $referralSocialLink = dom.select('a.auth-referral-social-link[data-provider]');
+
+    var authCreatedEl = dom.select('.auth-created-element');
+    var authPhoneInput = dom.select('.auth-phone-input');
+
     var updateURL = new URL(cancelURL);
-    var currentURL = new URL(window.location.href);
+    var referralURL = new URL(window.location.origin || window.location.host);
+
+    referralURL.pathname = '/';
+    referralURL.searchParams.set('aff', account.affiliate.code)
+
+    authCreatedEl.setInnerHTML(new Date(parseInt(currentUser.metadata.a)).toLocaleString(undefined, { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }))
+    authPhoneInput.setInnerHTML(currentUser.phoneNumber).setValue(currentUser.phoneNumber)
 
     billingSubscribeBtn.setAttribute('hidden', true);
     billingUpdateBtn.setAttribute('hidden', true);
@@ -321,10 +381,44 @@ Account.prototype._resolveAccount = function (currentUser, account, options) {
       ? '<i class="fas fa-exclamation-triangle mr-1"></i> Expires in ' + daysTillExpire + ' days '
       : '');
 
-    _setAuthItem('.auth-apikey-element', utilities.get(account, 'api.privateKey', 'n/a'))
+    _setAuthItem('.auth-apikey-element', utilities.get(account, 'api.privateKey', 'n/a'));
+
+
+    $referralCount.setInnerHTML(account.affiliate.referrals.length);
+    $referralCode.setInnerHTML(account.affiliate.code).setValue(account.affiliate.code);
+    $referralCode.setInnerHTML(referralURL.toString()).setValue(referralURL.toString());
+
+    var affiliateLinkURI = encodeURIComponent(referralURL.toString());
+    var affiliateLinkTextURI = encodeURIComponent('Sign up for ' + utilities.get(self.Manager, 'properties.global.brand.name', 'this') + ', a useful service:');
+
+    $referralSocialLink
+    .each(function ($el) {
+      var provider = $el.dataset.provider;
+      var text = encodeURIComponent($el.dataset.shareText || '');
+
+      $el.setAttribute('target', '_blank')
+
+      if (provider === 'facebook') {
+        $el.setAttribute('href', 'https://www.facebook.com/sharer.php?u=' + (affiliateLinkURI) + '')
+      } else if (provider === 'twitter') {
+        $el.setAttribute('href', 'https://twitter.com/share?url=' + (affiliateLinkURI) + '&text=' + (text || affiliateLinkTextURI) + '')
+      } else if (provider === 'pinterest') {
+        $el.setAttribute('href', 'https://pinterest.com/pin/create/button/?url=' + (affiliateLinkURI) + '&description=' + (text || affiliateLinkTextURI) + '')
+      } else if (provider === 'tumblr') {
+        $el.setAttribute('href', 'https://www.tumblr.com/share/link?url=' + (affiliateLinkURI) + '&text=' + (text || affiliateLinkTextURI) + '')
+      } else if (provider === 'linkedin') {
+        $el.setAttribute('href', 'https://www.linkedin.com/sharing/share-offsite/?url=' + (affiliateLinkURI) + '&title=' + (text || affiliateLinkTextURI) + '')
+        // $el.setAttribute('href', `http://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/questions/10713542/how-to-make-custom-linkedin-share-button/10737122&title=How%20to%20make%20custom%20linkedin%20share%20button&summary=some%20summary%20if%20you%20want&source=stackoverflow.com`)
+        // $el.setAttribute('href', `http://www.linkedin.com/shareArticle?mini=false&url=' + affiliateLinkURI + '&title=' + text || affiliateLinkTextURI + '`)
+      } else if (provider === 'reddit') {
+        $el.setAttribute('href', 'http://www.reddit.com/submit?url=' + (affiliateLinkURI) + '&title=' + (text || affiliateLinkTextURI) + '')
+      }
+    })
+
   } catch (e) {
     // console.error('Unable to set DOM elements', e);
   }
+
   self.properties = account;
 
   return self.properties;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-manager",
-  "version": "3.0.10",
+  "version": "3.1.1",
   "description": "Easily access important variables such as the query string, current domain, and current page in a single object.",
   "main": "index.js",
   "scripts": {
@@ -28,4 +28,4 @@
     "firebase": "^8.10.1",
     "lazysizes": "^5.3.2"
   }
-}
+}