@quintype/components 3.8.1 → 3.8.2-logs.1

package/dist/es/components/access-type.js

@@ -18,13 +18,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import get from 'lodash/get';
-import { bool, func, number, string } from 'prop-types';
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { batch, connect } from 'react-redux';
-import { ACCESS_BEING_LOADED, ACCESS_UPDATED, ASSET_PLANS, CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED, METER_UPDATED, PAYMENT_OPTIONS_UPDATED, SUBSCRIPTION_GROUP_UPDATED } from '../store/actions';
-import { awaitHelper } from '../utils';
+import get from "lodash/get";
+import { bool, func, number, string } from "prop-types";
+import React from "react";
+import ReactDOM from "react-dom";
+import { batch, connect } from "react-redux";
+import { ACCESS_BEING_LOADED, ACCESS_UPDATED, ASSET_PLANS, CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED, METER_UPDATED, PAYMENT_OPTIONS_UPDATED, SUBSCRIPTION_GROUP_UPDATED } from "../store/actions";
+import { awaitHelper } from "../utils";
 
 var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
   _inherits(AccessTypeBase, _React$Component);
@@ -39,30 +39,32 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "loadScript", function (callback) {
-      var accessTypeKey = get(_this.props, ['accessTypeKey']);
-      var isStaging = get(_this.props, ['isStaging']);
-      var enableAccesstype = get(_this.props, ['enableAccesstype']);
+      var accessTypeKey = get(_this.props, ["accessTypeKey"]);
+      var isStaging = get(_this.props, ["isStaging"]);
+      var enableAccesstype = get(_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;
@@ -90,15 +92,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,
@@ -106,26 +110,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();
             }
@@ -203,7 +209,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));
@@ -216,22 +222,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee3);
     })));
 
-    _defineProperty(_assertThisInitialized(_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(_assertThisInitialized(_this), "getSubscription", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper3, error, subscriptions;
 
@@ -239,8 +229,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              accessTypeKey = get(_this.props, ['accessTypeKey']);
-              isStaging = get(_this.props, ['isStaging']);
+              accessTypeKey = get(_this.props, ["accessTypeKey"]);
+              isStaging = get(_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);
@@ -264,11 +254,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":
@@ -307,7 +297,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }
 
               return _context5.abrupt("return", {
-                error: 'payment options fetch failed'
+                error: "payment options fetch failed"
               });
 
             case 9:
@@ -333,7 +323,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;
@@ -346,7 +336,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               _context6.next = 5;
               return awaitHelper(global.AccessType.getAssetPlans({
                 id: storyId,
-                type: 'story'
+                type: "story"
               }));
 
             case 5:
@@ -361,7 +351,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }
 
               return _context6.abrupt("return", {
-                error: 'asset plan fetch failed'
+                error: "asset plan fetch failed"
               });
 
             case 11:
@@ -382,15 +372,15 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         while (1) {
           switch (_context7.prev = _context7.next) {
             case 0:
-              isAccessTypeCampaignEnabled = get(_this.props, ['isAccessTypeCampaignEnabled'], false);
+              isAccessTypeCampaignEnabled = get(_this.props, ["isAccessTypeCampaignEnabled"], false);
 
               if (!isAccessTypeCampaignEnabled) {
                 _context7.next = 18;
                 break;
               }
 
-              accessTypeKey = get(_this.props, ['accessTypeKey']);
-              isStaging = get(_this.props, ['isStaging']);
+              accessTypeKey = get(_this.props, ["accessTypeKey"]);
+              isStaging = get(_this.props, ["isStaging"]);
               HOST = isStaging ? _this.stagingHost : _this.prodHost;
               accessTypeHost = "".concat(HOST, "/api/v1/campaigns.json?key=").concat(accessTypeKey);
               _context7.t0 = awaitHelper;
@@ -413,11 +403,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", []);
@@ -431,10 +421,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     })));
 
     _defineProperty(_assertThisInitialized(_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-      var _this$props;
-
       var callback,
-          url,
           jwtResponse,
           _yield$awaitHelper7,
           error,
@@ -447,18 +434,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 {
@@ -485,7 +473,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 }
               }
 
-            case 10:
+            case 11:
             case "end":
               return _context8.stop();
           }
@@ -494,40 +482,57 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     })));
 
     _defineProperty(_assertThisInitialized(_this), "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+      var _global, _window, _global2, _global2$get;
+
       var _yield$awaitHelper8, error, _yield$awaitHelper8$d, subscriptions;
 
       return _regeneratorRuntime.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();
           }
@@ -556,11 +561,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;
@@ -593,12 +598,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_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;
           }
 
@@ -637,11 +643,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) {
@@ -649,15 +655,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(opts, ['intent'], 'default');
-              switchType = get(opts, ['switchType']);
+              intent = get(opts, ["intent"], "default");
+              switchType = get(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(planObject, ['selectedPlan', 'recurring']) ? 'razorpay_recurring' : 'razorpay');
+              planObject["paymentType"] = paymentType || (get(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), {}, {
@@ -688,13 +694,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;
@@ -706,7 +712,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), {}, {
@@ -730,19 +736,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(options.selectedPlan, ['recurring']) ? 'stripe_recurring' : 'stripe';
+      var paymentType = get(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..."
       });
     });
 
@@ -750,12 +756,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(options.selectedPlan, ['recurring']) ? 'paypal_recurring' : 'paypal';
+      var paymentType = get(options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
 
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
@@ -764,30 +770,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(_assertThisInitialized(_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(planObject, ['selectedPlan', 'recurring']) ? 'omise_recurring' : 'omise';
+      planObject["paymentType"] = get(planObject, ["selectedPlan", "recurring"]) ? "omise_recurring" : "omise";
 
       var paymentObject = _this.makePaymentObject(planObject);
 
-      var omise = get(_this.props, ['paymentOptions', 'omise']);
+      var omise = get(_this.props, ["paymentOptions", "omise"]);
 
       if (!omise) {
         return Promise.reject({
-          message: 'Payment option is loading...'
+          message: "Payment option is loading..."
         });
       }
 
@@ -798,31 +804,31 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_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(planObject, ['selectedPlan', 'recurring']);
-          var paymentType = isRecurring ? 'adyen_recurring' : 'adyen';
+          var isRecurring = get(planObject, ["selectedPlan", "recurring"]);
+          var paymentType = isRecurring ? "adyen_recurring" : "adyen";
 
           var paymentObject = _this.makePaymentObject(_objectSpread(_objectSpread({}, planObject), {}, {
             paymentType: paymentType
           }));
 
-          var adyen = get(_this.props, ['paymentOptions', 'adyen']);
+          var adyen = get(_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: {
@@ -837,7 +843,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         ReactDOM.render( /*#__PURE__*/React.createElement(AdyenModal, {
           afterOpen: afterOpen,
           afterClose: reject
-        }), document.getElementById('adyen-modal'));
+        }), document.getElementById("adyen-modal"));
       };
 
       return new Promise(adyenExecutor);
@@ -847,12 +853,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(options.selectedPlan, ['recurring']) ? 'paytrail_recurring' : 'paytrail';
+      var paymentType = get(options.selectedPlan, ["recurring"]) ? "paytrail_recurring" : "paytrail";
 
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
@@ -861,7 +867,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..."
       });
     });
 
@@ -874,7 +880,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);
@@ -905,7 +911,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:
@@ -913,7 +919,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));
@@ -939,7 +945,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);
@@ -1024,8 +1030,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;
   }
 
@@ -1040,25 +1046,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,
@@ -1103,9 +1109,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;
         }
       }
 
@@ -1115,11 +1121,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,