@quintype/components 3.8.1 → 3.8.2-logs.1

package/dist/cjs/index.js

@@ -5050,30 +5050,32 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "loadScript", function (callback) {
-      var accessTypeKey = get__default["default"](_this.props, ['accessTypeKey']);
-      var isStaging = get__default["default"](_this.props, ['isStaging']);
-      var enableAccesstype = get__default["default"](_this.props, ['enableAccesstype']);
+      var accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
+      var isStaging = get__default["default"](_this.props, ["isStaging"]);
+      var enableAccesstype = get__default["default"](_this.props, ["enableAccesstype"]);
+      console.log("loadscript===============", _this.props);
 
       if (!enableAccesstype) {
         return false;
       }
 
       var HOST = isStaging ? _this.stagingHost : _this.prodHost;
-      var environment = isStaging ? '&env=sandbox' : '';
+      var environment = isStaging ? "&env=sandbox" : "";
       var accessTypeHost = "".concat(HOST, "/frontend/v2/accesstype.js?key=").concat(accessTypeKey).concat(environment);
       var isATScriptAlreadyPresent = document.querySelector("script[src=\"".concat(accessTypeHost, "\"]"));
 
       if (accessTypeKey && !isATScriptAlreadyPresent && !global.AccessType && global.document) {
-        var accessTypeScript = document.createElement('script');
+        console.log("coming in creating the script---------");
+        var accessTypeScript = document.createElement("script");
 
         accessTypeScript.onload = function () {
           _this.props.onATGlobalSet && _this.props.onATGlobalSet();
           callback();
         };
 
-        accessTypeScript.setAttribute('src', accessTypeHost);
-        accessTypeScript.setAttribute('id', 'AccessTypeScript');
-        accessTypeScript.setAttribute('data-accessType-script', '1');
+        accessTypeScript.setAttribute("src", accessTypeHost);
+        accessTypeScript.setAttribute("id", "AccessTypeScript");
+        accessTypeScript.setAttribute("data-accessType-script", "1");
         accessTypeScript.async = 1;
         document.body.appendChild(accessTypeScript);
         return true;
@@ -5101,15 +5103,17 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             switch (_context.prev = _context.next) {
               case 0:
                 isLoggedIn = _args.length > 3 && _args[3] !== undefined ? _args[3] : true;
+                console.log("set user global.AccessType--", global.AccessType);
+                console.log("set user props-------", emailAddress, mobileNumber, accesstypeJwt, isLoggedIn);
 
                 if (global.AccessType) {
-                  _context.next = 3;
+                  _context.next = 5;
                   break;
                 }
 
                 return _context.abrupt("return", null);
 
-              case 3:
+              case 5:
                 userObj = isLoggedIn ? {
                   emailAddress: emailAddress,
                   mobileNumber: mobileNumber,
@@ -5117,26 +5121,28 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 } : {
                   isLoggedIn: false
                 };
-                _context.next = 6;
+                _context.next = 8;
                 return awaitHelper(global.AccessType.setUser(userObj));
 
-              case 6:
+              case 8:
                 _yield$awaitHelper = _context.sent;
                 error = _yield$awaitHelper.error;
                 user = _yield$awaitHelper.data;
+                console.log("set user error-------", error);
+                console.log("set user user-------", user);
 
                 if (!error) {
-                  _context.next = 12;
+                  _context.next = 16;
                   break;
                 }
 
                 console.warn("User context setting failed  --> ", error);
                 return _context.abrupt("return", error);
 
-              case 12:
+              case 16:
                 return _context.abrupt("return", user);
 
-              case 13:
+              case 17:
               case "end":
                 return _context.stop();
             }
@@ -5214,7 +5220,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 break;
               }
 
-              return _context3.abrupt("return", Promise.reject('Subscription id is not defined'));
+              return _context3.abrupt("return", Promise.reject("Subscription id is not defined"));
 
             case 3:
               return _context3.abrupt("return", global.AccessType.cancelSubscription(subscriptionId));
@@ -5227,22 +5233,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee3);
     })));
 
-    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getPath", function (sketchesHost, relativePath) {
-      try {
-        var _URL = new URL(sketchesHost),
-            pathname = _URL.pathname;
-
-        if (pathname && pathname !== '/') {
-          return "".concat(sketchesHost).concat(relativePath);
-        }
-
-        return relativePath;
-      } catch (err) {
-        console.log('Sketches host path error ---> ', err);
-        return relativePath;
-      }
-    });
-
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
       var accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper3, error, subscriptions;
 
@@ -5250,8 +5240,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              accessTypeKey = get__default["default"](_this.props, ['accessTypeKey']);
-              isStaging = get__default["default"](_this.props, ['isStaging']);
+              accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
+              isStaging = get__default["default"](_this.props, ["isStaging"]);
               HOST = isStaging ? _this.stagingHost : _this.prodHost; // TODO: use AccesstypeJS method insead of direct api call
 
               accessTypeHost = "".concat(HOST, "/api/v1/subscription_groups.json?key=").concat(accessTypeKey);
@@ -5275,11 +5265,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }
 
               return _context4.abrupt("return", {
-                error: 'subscriptions fetch failed'
+                error: "subscriptions fetch failed"
               });
 
             case 15:
-              return _context4.abrupt("return", subscriptions['subscription_groups'] || []);
+              return _context4.abrupt("return", subscriptions["subscription_groups"] || []);
 
             case 16:
             case "end":
@@ -5318,7 +5308,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }
 
               return _context5.abrupt("return", {
-                error: 'payment options fetch failed'
+                error: "payment options fetch failed"
               });
 
             case 9:
@@ -5344,7 +5334,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
-              storyId = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : '';
+              storyId = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : "";
 
               if (global.AccessType) {
                 _context6.next = 3;
@@ -5357,7 +5347,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               _context6.next = 5;
               return awaitHelper(global.AccessType.getAssetPlans({
                 id: storyId,
-                type: 'story'
+                type: "story"
               }));
 
             case 5:
@@ -5372,7 +5362,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }
 
               return _context6.abrupt("return", {
-                error: 'asset plan fetch failed'
+                error: "asset plan fetch failed"
               });
 
             case 11:
@@ -5393,15 +5383,15 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         while (1) {
           switch (_context7.prev = _context7.next) {
             case 0:
-              isAccessTypeCampaignEnabled = get__default["default"](_this.props, ['isAccessTypeCampaignEnabled'], false);
+              isAccessTypeCampaignEnabled = get__default["default"](_this.props, ["isAccessTypeCampaignEnabled"], false);
 
               if (!isAccessTypeCampaignEnabled) {
                 _context7.next = 18;
                 break;
               }
 
-              accessTypeKey = get__default["default"](_this.props, ['accessTypeKey']);
-              isStaging = get__default["default"](_this.props, ['isStaging']);
+              accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
+              isStaging = get__default["default"](_this.props, ["isStaging"]);
               HOST = isStaging ? _this.stagingHost : _this.prodHost;
               accessTypeHost = "".concat(HOST, "/api/v1/campaigns.json?key=").concat(accessTypeKey);
               _context7.t0 = awaitHelper;
@@ -5424,11 +5414,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }
 
               return _context7.abrupt("return", {
-                error: 'subscriptions fetch failed'
+                error: "subscriptions fetch failed"
               });
 
             case 17:
-              return _context7.abrupt("return", campaignSubscriptions['subscription_groups'] || []);
+              return _context7.abrupt("return", campaignSubscriptions["subscription_groups"] || []);
 
             case 18:
               return _context7.abrupt("return", []);
@@ -5442,10 +5432,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     })));
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8() {
-      var _this$props;
-
       var callback,
-          url,
           jwtResponse,
           _yield$awaitHelper7,
           error,
@@ -5458,18 +5445,19 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               callback = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : function () {
                 return null;
               };
-              url = _this.getPath((_this$props = _this.props) === null || _this$props === void 0 ? void 0 : _this$props.sketchesHost, "/api/auth/v1/access-token/integrations/".concat(_this.props.accessTypeBkIntegrationId));
-              _context8.next = 4;
-              return fetch(url);
+              _context8.next = 3;
+              return fetch("/api/auth/v1/access-token/integrations/".concat(_this.props.accessTypeBkIntegrationId));
 
-            case 4:
+            case 3:
               jwtResponse = _context8.sent;
+              console.log("jwtresponse--------", jwtResponse);
               _context8.next = 7;
-              return awaitHelper(_this.setUser(_this.props.email, _this.props.phone, jwtResponse.headers.get('x-integration-token'), !!jwtResponse.headers.get('x-integration-token')));
+              return awaitHelper(_this.setUser(_this.props.email, _this.props.phone, jwtResponse.headers.get("x-integration-token"), !!jwtResponse.headers.get("x-integration-token")));
 
             case 7:
               _yield$awaitHelper7 = _context8.sent;
               error = _yield$awaitHelper7.error;
+              console.log("error run sequencial calls------ ", error);
 
               if (!error) {
                 try {
@@ -5496,7 +5484,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 }
               }
 
-            case 10:
+            case 11:
             case "end":
               return _context8.stop();
           }
@@ -5505,40 +5493,57 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     })));
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9() {
+      var _global, _window, _global2, _global2$get;
+
       var _yield$awaitHelper8, error, _yield$awaitHelper8$d, subscriptions;
 
       return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
         while (1) {
           switch (_context9.prev = _context9.next) {
             case 0:
+              console.log(typeof global !== 'undefined' ? 'Node.js' : 'Browser');
+              console.log("global.Accesstype---------", (_global = global) === null || _global === void 0 ? void 0 : _global.AccessType);
+              console.log("window.Accesstype---------", (_window = window) === null || _window === void 0 ? void 0 : _window.AccessType);
+              console.log("global---------", global);
+              console.log("object keys----", Object.keys(global));
+              console.log("object keys global.window----", Object.keys(global.window));
+              console.log("global window enumerable", Object.getOwnPropertyDescriptor(global.window, 'Accesstype'));
+              console.log("window----------", window);
+              console.log("global?.get?.('Accesstype')----", (_global2 = global) === null || _global2 === void 0 ? void 0 : (_global2$get = _global2.get) === null || _global2$get === void 0 ? void 0 : _global2$get.call(_global2, 'Accesstype'));
+              setTimeout(function () {
+                console.log("settimeout---------", global.Accesstype); // Check if it exists after some time
+              }, 1000);
+
               if (global.AccessType) {
-                _context9.next = 2;
+                _context9.next = 12;
                 break;
               }
 
               return _context9.abrupt("return", {});
 
-            case 2:
-              _context9.next = 4;
+            case 12:
+              _context9.next = 14;
               return awaitHelper(global.AccessType.getSubscriptions());
 
-            case 4:
+            case 14:
               _yield$awaitHelper8 = _context9.sent;
               error = _yield$awaitHelper8.error;
               _yield$awaitHelper8$d = _yield$awaitHelper8.data;
               subscriptions = _yield$awaitHelper8$d === void 0 ? [] : _yield$awaitHelper8$d;
 
               if (!error) {
-                _context9.next = 10;
+                _context9.next = 21;
                 break;
               }
 
+              console.log("user subscription error-------", error);
               return _context9.abrupt("return", error);
 
-            case 10:
+            case 21:
+              console.log("subscription----------", subscriptions);
               return _context9.abrupt("return", subscriptions);
 
-            case 11:
+            case 23:
             case "end":
               return _context9.stop();
           }
@@ -5567,11 +5572,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   break;
                 }
 
-                throw new Error('planId is mandatory');
+                throw new Error("planId is mandatory");
 
               case 4:
                 _context10.next = 6;
-                return awaitHelper(global.AccessType.getSubscriptionWithSwitchablePlans(planId, 'switch'));
+                return awaitHelper(global.AccessType.getSubscriptionWithSwitchablePlans(planId, "switch"));
 
               case 6:
                 _yield$awaitHelper9 = _context10.sent;
@@ -5604,12 +5609,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAccessType", function (callback) {
       var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
+      console.log("init accesstype-----");
 
       try {
         _this.loadScript(function () {
           // dont try to initialize accessType if integration id is not available
           if (accessTypeBkIntegrationId === undefined) {
-            console.warn('AccessType: Integration Id is undefined');
+            console.warn("AccessType: Integration Id is undefined");
             return false;
           }
 
@@ -5648,11 +5654,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           switch (_context11.prev = _context11.next) {
             case 0:
               selectedPlanObj = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : {};
-              planType = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : '';
-              storyId = _args11.length > 2 && _args11[2] !== undefined ? _args11[2] : '';
-              storyHeadline = _args11.length > 3 && _args11[3] !== undefined ? _args11[3] : '';
-              storySlug = _args11.length > 4 && _args11[4] !== undefined ? _args11[4] : '';
-              paymentType = _args11.length > 5 && _args11[5] !== undefined ? _args11[5] : '';
+              planType = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : "";
+              storyId = _args11.length > 2 && _args11[2] !== undefined ? _args11[2] : "";
+              storyHeadline = _args11.length > 3 && _args11[3] !== undefined ? _args11[3] : "";
+              storySlug = _args11.length > 4 && _args11[4] !== undefined ? _args11[4] : "";
+              paymentType = _args11.length > 5 && _args11[5] !== undefined ? _args11[5] : "";
               opts = _args11.length > 6 ? _args11[6] : undefined;
 
               if (selectedPlanObj) {
@@ -5660,15 +5666,15 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 break;
               }
 
-              console.warn('Razor pay needs a plan');
+              console.warn("Razor pay needs a plan");
               return _context11.abrupt("return", false);
 
             case 10:
-              intent = get__default["default"](opts, ['intent'], 'default');
-              switchType = get__default["default"](opts, ['switchType']);
+              intent = get__default["default"](opts, ["intent"], "default");
+              switchType = get__default["default"](opts, ["switchType"]);
               planObject = _this.makePlanObject(selectedPlanObj, planType, storyId, storyHeadline, storySlug); //we are doing this to sake of backward compatibility and will be refactored later.
 
-              planObject['paymentType'] = paymentType || (get__default["default"](planObject, ['selectedPlan', 'recurring']) ? 'razorpay_recurring' : 'razorpay');
+              planObject["paymentType"] = paymentType || (get__default["default"](planObject, ["selectedPlan", "recurring"]) ? "razorpay_recurring" : "razorpay");
               paymentOptions = _this.props.paymentOptions;
               _planObject$selectedP = planObject.selectedPlan, discounted_price_cents = _planObject$selectedP.discounted_price_cents, price_cents = _planObject$selectedP.price_cents;
               paymentObject = _this.makePaymentObject(_objectSpread(_objectSpread({}, planObject), {}, {
@@ -5699,13 +5705,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }));
 
             case 25:
-              if (!(intent === 'switch')) {
+              if (!(intent === "switch")) {
                 _context11.next = 34;
                 break;
               }
 
               _context11.next = 28;
-              return awaitHelper(global.AccessType.getPaymentOptions(null, null, 'switch'));
+              return awaitHelper(global.AccessType.getPaymentOptions(null, null, "switch"));
 
             case 28:
               _yield$awaitHelper11 = _context11.sent;
@@ -5717,7 +5723,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 break;
               }
 
-              throw new Error('payment options fetch failed');
+              throw new Error("payment options fetch failed");
 
             case 33:
               return _context11.abrupt("return", switchPaymentOptions.razorpay.proceed(_objectSpread(_objectSpread({}, paymentObject), {}, {
@@ -5741,19 +5747,19 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
       if (!options.selectedPlan) {
-        console.warn('Stripe pay needs a plan');
+        console.warn("Stripe pay needs a plan");
         return false;
       }
 
       var paymentOptions = _this.props.paymentOptions;
-      var paymentType = get__default["default"](options.selectedPlan, ['recurring']) ? 'stripe_recurring' : 'stripe';
+      var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "stripe_recurring" : "stripe";
 
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
       }, options));
 
       return paymentOptions.stripe ? paymentOptions.stripe.proceed(paymentObject) : Promise.reject({
-        message: 'Payment option is loading...'
+        message: "Payment option is loading..."
       });
     });
 
@@ -5761,12 +5767,12 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
       if (!options.selectedPlan) {
-        console.warn('Paypal pay needs a plan');
+        console.warn("Paypal pay needs a plan");
         return false;
       }
 
       var paymentOptions = _this.props.paymentOptions;
-      var paymentType = get__default["default"](options.selectedPlan, ['recurring']) ? 'paypal_recurring' : 'paypal';
+      var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
 
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
@@ -5775,30 +5781,30 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       return paymentOptions.paypal ? paymentOptions.paypal.proceed(paymentObject).then(function (response) {
         return response.proceed(paymentObject);
       }) : Promise.reject({
-        message: 'Payment option is loading...'
+        message: "Payment option is loading..."
       });
     });
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initOmisePayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
 
       if (!selectedPlanObj) {
-        console.warn('Omise pay needs a plan');
+        console.warn("Omise pay needs a plan");
         return false;
       }
 
       var planObject = _this.makePlanObject(selectedPlanObj, planType);
 
-      planObject['paymentType'] = get__default["default"](planObject, ['selectedPlan', 'recurring']) ? 'omise_recurring' : 'omise';
+      planObject["paymentType"] = get__default["default"](planObject, ["selectedPlan", "recurring"]) ? "omise_recurring" : "omise";
 
       var paymentObject = _this.makePaymentObject(planObject);
 
-      var omise = get__default["default"](_this.props, ['paymentOptions', 'omise']);
+      var omise = get__default["default"](_this.props, ["paymentOptions", "omise"]);
 
       if (!omise) {
         return Promise.reject({
-          message: 'Payment option is loading...'
+          message: "Payment option is loading..."
         });
       }
 
@@ -5809,31 +5815,31 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAdyenPayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
       var AdyenModal = arguments.length > 2 ? arguments[2] : undefined;
       var locale = arguments.length > 3 ? arguments[3] : undefined;
 
       var adyenExecutor = function adyenExecutor(resolve, reject) {
-        if (!document.getElementById('adyen-modal')) {
-          var modalElement = document.createElement('div');
-          modalElement.setAttribute('id', 'adyen-modal');
+        if (!document.getElementById("adyen-modal")) {
+          var modalElement = document.createElement("div");
+          modalElement.setAttribute("id", "adyen-modal");
           document.body.appendChild(modalElement);
         }
 
         var afterOpen = function afterOpen() {
           var planObject = _this.makePlanObject(selectedPlanObj, planType);
 
-          var isRecurring = get__default["default"](planObject, ['selectedPlan', 'recurring']);
-          var paymentType = isRecurring ? 'adyen_recurring' : 'adyen';
+          var isRecurring = get__default["default"](planObject, ["selectedPlan", "recurring"]);
+          var paymentType = isRecurring ? "adyen_recurring" : "adyen";
 
           var paymentObject = _this.makePaymentObject(_objectSpread(_objectSpread({}, planObject), {}, {
             paymentType: paymentType
           }));
 
-          var adyen = get__default["default"](_this.props, ['paymentOptions', 'adyen']);
+          var adyen = get__default["default"](_this.props, ["paymentOptions", "adyen"]);
           paymentObject = _objectSpread(_objectSpread({}, paymentObject), {}, {
-            options: _objectSpread(_objectSpread({}, paymentObject['options']), {}, {
-              dropin_container_id: 'dropin-adyen',
+            options: _objectSpread(_objectSpread({}, paymentObject["options"]), {}, {
+              dropin_container_id: "dropin-adyen",
               locale: locale
             }),
             additional_data: {
@@ -5848,7 +5854,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(AdyenModal, {
           afterOpen: afterOpen,
           afterClose: reject
-        }), document.getElementById('adyen-modal'));
+        }), document.getElementById("adyen-modal"));
       };
 
       return new Promise(adyenExecutor);
@@ -5858,12 +5864,12 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
       if (!options.selectedPlan) {
-        console.warn('Paytrail needs a plan');
+        console.warn("Paytrail needs a plan");
         return false;
       }
 
       var paymentOptions = _this.props.paymentOptions;
-      var paymentType = get__default["default"](options.selectedPlan, ['recurring']) ? 'paytrail_recurring' : 'paytrail';
+      var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "paytrail_recurring" : "paytrail";
 
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
@@ -5872,7 +5878,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       return paymentOptions.paytrail ? paymentOptions.paytrail.proceed(paymentObject).then(function (response) {
         return response.proceed(paymentObject);
       }) : Promise.reject({
-        message: 'Payment option is loading...'
+        message: "Payment option is loading..."
       });
     });
 
@@ -5885,7 +5891,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 try {
                   global.AccessType.pingbackAssetAccess(asset, accessData);
                 } catch (e) {
-                  console.log('error in pingbackAssetAccess', e);
+                  console.log("error in pingbackAssetAccess", e);
                 }
 
                 return _context12.abrupt("return", true);
@@ -5916,7 +5922,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   break;
                 }
 
-                console.warn('AssetId is required');
+                console.warn("AssetId is required");
                 return _context13.abrupt("return", false);
 
               case 3:
@@ -5924,7 +5930,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
                 asset = {
                   id: assetId,
-                  type: 'story'
+                  type: "story"
                 };
                 _context13.next = 7;
                 return awaitHelper(global.AccessType.isAssetAccessible(asset, _this.props.disableMetering));
@@ -5950,7 +5956,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
                 _ref16 = accessData || {}, granted = _ref16.granted, grantReason = _ref16.grantReason, _ref16$data = _ref16.data, data = _ref16$data === void 0 ? {} : _ref16$data;
 
-                if (!_this.props.disableMetering && granted && grantReason === 'METERING') {
+                if (!_this.props.disableMetering && granted && grantReason === "METERING") {
                   _this.pingBackMeteredStory(asset, accessData);
 
                   _this.props.meterUpdated(data.numberRemaining || -1);
@@ -6035,8 +6041,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       };
     }());
 
-    _this.prodHost = props.prodHost || 'https://www.accesstype.com';
-    _this.stagingHost = props.stagingHost || 'https://staging.accesstype.com';
+    _this.prodHost = props.prodHost || "https://www.accesstype.com";
+    _this.stagingHost = props.stagingHost || "https://staging.accesstype.com";
     return _this;
   }
 
@@ -6051,25 +6057,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       var _ref19$selectedPlan = _ref19.selectedPlan,
           selectedPlan = _ref19$selectedPlan === void 0 ? {} : _ref19$selectedPlan,
           _ref19$couponCode = _ref19.couponCode,
-          couponCode = _ref19$couponCode === void 0 ? '' : _ref19$couponCode,
+          couponCode = _ref19$couponCode === void 0 ? "" : _ref19$couponCode,
           _ref19$recipientSubsc = _ref19.recipientSubscriber,
           recipientSubscriber = _ref19$recipientSubsc === void 0 ? {} : _ref19$recipientSubsc,
           _ref19$planType = _ref19.planType,
-          planType = _ref19$planType === void 0 ? '' : _ref19$planType,
+          planType = _ref19$planType === void 0 ? "" : _ref19$planType,
           _ref19$storyId = _ref19.storyId,
-          storyId = _ref19$storyId === void 0 ? '' : _ref19$storyId,
+          storyId = _ref19$storyId === void 0 ? "" : _ref19$storyId,
           _ref19$storyHeadline = _ref19.storyHeadline,
-          storyHeadline = _ref19$storyHeadline === void 0 ? '' : _ref19$storyHeadline,
+          storyHeadline = _ref19$storyHeadline === void 0 ? "" : _ref19$storyHeadline,
           _ref19$storySlug = _ref19.storySlug,
-          storySlug = _ref19$storySlug === void 0 ? '' : _ref19$storySlug,
+          storySlug = _ref19$storySlug === void 0 ? "" : _ref19$storySlug,
           _ref19$paymentType = _ref19.paymentType,
-          paymentType = _ref19$paymentType === void 0 ? '' : _ref19$paymentType,
+          paymentType = _ref19$paymentType === void 0 ? "" : _ref19$paymentType,
           _ref19$successUrl = _ref19.successUrl,
-          successUrl = _ref19$successUrl === void 0 ? '' : _ref19$successUrl,
+          successUrl = _ref19$successUrl === void 0 ? "" : _ref19$successUrl,
           _ref19$returnUrl = _ref19.returnUrl,
-          returnUrl = _ref19$returnUrl === void 0 ? '' : _ref19$returnUrl,
+          returnUrl = _ref19$returnUrl === void 0 ? "" : _ref19$returnUrl,
           _ref19$cancelUrl = _ref19.cancelUrl,
-          cancelUrl = _ref19$cancelUrl === void 0 ? '' : _ref19$cancelUrl;
+          cancelUrl = _ref19$cancelUrl === void 0 ? "" : _ref19$cancelUrl;
       var id = selectedPlan.id,
           title = selectedPlan.title,
           description = selectedPlan.description,
@@ -6114,9 +6120,9 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         };
 
         if (returnUrl) {
-          paymentObject.options.urls['return_url'] = returnUrl;
+          paymentObject.options.urls["return_url"] = returnUrl;
         } else {
-          paymentObject.options.urls['success_url'] = successUrl;
+          paymentObject.options.urls["success_url"] = successUrl;
         }
       }
 
@@ -6126,11 +6132,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     key: "makePlanObject",
     value: function makePlanObject() {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      var storyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-      var storyHeadline = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
-      var storySlug = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
-      return selectedPlanObj.argType && selectedPlanObj.argType === 'options' ? {
+      var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+      var storyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+      var storyHeadline = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
+      var storySlug = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "";
+      return selectedPlanObj.argType && selectedPlanObj.argType === "options" ? {
         selectedPlan: selectedPlanObj.selectedPlan,
         planType: selectedPlanObj.planType,
         storyId: selectedPlanObj.storyId,