web-manager 3.2.13 → 3.2.16

package/lib/account.js

@@ -11,7 +11,9 @@ function Account(init) {
     self.dom = init.dom || self.Manager.dom();
     self.utilities = init.utilities || self.Manager.utilities();
 
-    if (new URL(window.location.href).pathname.includes('account')) {
+    var url = new URL(window.location.href);
+
+    if (url.pathname.startsWith('/account')) {
       self.initializeAccountPage();
     }
   } catch (e) {
@@ -102,9 +104,10 @@ Account.prototype.resolve = function (account, options) {
 
     account = account || {};
     options = options || {};
+    options.fetchNewAccount = typeof options.fetchNewAccount === 'undefined' ? true : options.fetchNewAccount;
 
     // If there is no user logged in or we choose not to fetch the account, resolve a default account
-    if (!currentUser || !currentUser.uid || options.fetchNewAccount === false) {
+    if (!currentUser || !currentUser.uid || !options.fetchNewAccount) {
       return resolve(
         self.handleAccount(
           self._resolveAccount(currentUser, account, options)
@@ -273,11 +276,11 @@ Account.prototype._resolveAccount = function (firebaseUser, account, options) {
     currentURL = new URL(window.location.href);
     isDevelopment = self.utilities.get(self.Manager, 'properties.meta.environment', '') === 'development';
 
-    if (self.utilities.get(isDevelopment)) {
+    if (isDevelopment) {
       currentURL.searchParams
       .forEach(function(value, key) {
         var accountValue = self.utilities.get(account, key, undefined)
-        if (typeof accountValue !== undefined) {
+        if (typeof accountValue !== 'undefined') {
           if (value === 'true') { value = true }
           if (value === 'false') { value = false }
 
@@ -291,12 +294,15 @@ Account.prototype._resolveAccount = function (firebaseUser, account, options) {
     }
   }
 
-  var planExpireDate = new Date(account.plan.expires.timestamp);
   var now = new Date();
+  var planExpireDate = new Date(account.plan.expires.timestamp);
   var daysTillExpire = Math.floor((planExpireDate - now) / 86400000);
   var difference = (planExpireDate.getTime() - now.getTime()) / (24 * 3600 * 1000);
+  var trialExpireDate = new Date(account.plan.trial.expires.timestamp);
+  var daysTillTrialExpire = Math.floor((trialExpireDate - now) / 86400000);
   var startDate = new Date(account.plan.payment.startDate.timestamp);
   var planIsActive = difference > -1 && account.plan.id !== defaultPlanId;
+  var planIsSuspended = account.plan.status === 'suspended';
 
   if (planIsActive) {
     account.plan.id = account.plan.id;
@@ -379,7 +385,7 @@ Account.prototype._resolveAccount = function (firebaseUser, account, options) {
   // Set UI elements
   // In a try/catch because this lib is used in node sometimes
   try {
-    var cancelURL = isDevelopment ? 'http://localhost:4001/cancel/' : 'https://itwcreativeworks.com/portal/account/manage/';
+    var cancelURL = isDevelopment ? 'http://localhost:4001/cancel' : 'https://itwcreativeworks.com/portal/account/manage';
 
     var billingSubscribeBtn = self.dom.select('.auth-billing-subscribe-btn');
     var billingUpdateBtn = self.dom.select('.auth-billing-update-btn');
@@ -387,6 +393,8 @@ Account.prototype._resolveAccount = function (firebaseUser, account, options) {
     var billingFrequencyEl = self.dom.select('.auth-billing-frequency-element');
     var billingStartDateEl = self.dom.select('.auth-billing-start-date-element');
     var billingExpirationDateEl = self.dom.select('.auth-billing-expiration-date-element');
+    var billingSuspendedMessageEl = self.dom.select('.auth-billing-suspended-message-element');
+    var billingTrialExpirationDateEl = self.dom.select('.auth-billing-trial-expiration-date-element');
 
     var $referralCount = self.dom.select('.auth-referral-count-element');
     var $referralCode = self.dom.select('.auth-referral-code-element');
@@ -420,18 +428,37 @@ Account.prototype._resolveAccount = function (firebaseUser, account, options) {
     )
     authPhoneInput.setInnerHTML(firebaseUser.phoneNumber).setValue(firebaseUser.phoneNumber)
 
+    updateURL.searchParams.set('orderId', account.plan.payment.orderId);
+    updateURL.searchParams.set('resourceId', account.plan.payment.resourceId);
+
+    billingUpdateBtn.setAttribute('hidden', true).setAttribute('href', updateURL.toString());
     billingSubscribeBtn.setAttribute('hidden', true);
-    billingUpdateBtn.setAttribute('hidden', true);
+    billingSuspendedMessageEl.setAttribute('hidden');
+    billingTrialExpirationDateEl.setAttribute('hidden');
 
+    // Update active UI
     if (planIsActive) {
-      updateURL.searchParams.set('orderId', account.plan.payment.orderId);
-      updateURL.searchParams.set('resourceId', account.plan.payment.resourceId);
-
-      billingUpdateBtn.removeAttribute('hidden').setAttribute('href', updateURL.toString());
+      billingUpdateBtn.removeAttribute('hidden');
     } else {
       billingSubscribeBtn.removeAttribute('hidden');
     }
 
+    // Update suspended UI
+    if (planIsSuspended) {
+      billingUpdateBtn.removeAttribute('hidden');
+      billingSubscribeBtn.setAttribute('hidden', true);
+
+      billingSuspendedMessageEl.removeAttribute('hidden');
+    }
+
+    // Update trial UI
+    if (account.plan.trial.activated) {
+      billingTrialExpirationDateEl
+      .removeAttribute('hidden')
+      .setInnerHTML('<i class="fas fa-gift mr-1"></i> Your free trial expires in ' + daysTillTrialExpire + ' days');
+    }
+
+    // Update billing UI
     billingPlanId.setInnerHTML(uppercase(account.plan.id));
     billingFrequencyEl.setInnerHTML(account.plan.id !== defaultPlanId ? ' (billed ' + uppercase(account.plan.payment.frequency) + ')' : '');
     billingStartDateEl.setInnerHTML(account.plan.id !== defaultPlanId ? ' - Purchased ' + getMonth(startDate) + ' ' + startDate.getDate() + ', ' + startDate.getFullYear() : '');

package/package.json

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