@quintype/components 3.8.7 → 3.8.8-only-react-v19.1

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

@@ -2,22 +2,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-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; } }
-
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import get from 'lodash/get';
 import { bool, func, number, string } from 'prop-types';
 import React from 'react';
@@ -25,41 +18,28 @@ 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);
-
-  var _super = /*#__PURE__*/_createSuper(AccessTypeBase);
-
   function AccessTypeBase(props) {
     var _this;
-
     _classCallCheck(this, AccessTypeBase);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "loadScript", function (callback) {
+    _this = _callSuper(this, AccessTypeBase, [props]);
+    _defineProperty(_this, "loadScript", function (callback) {
       var accessTypeKey = get(_this.props, ['accessTypeKey']);
       var isStaging = get(_this.props, ['isStaging']);
       var enableAccesstype = get(_this.props, ['enableAccesstype']);
-
       if (!enableAccesstype) {
         return false;
       }
-
       var HOST = isStaging ? _this.stagingHost : _this.prodHost;
       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');
-
         accessTypeScript.onload = function () {
           _this.props.onATGlobalSet && _this.props.onATGlobalSet();
           callback();
         };
-
         accessTypeScript.setAttribute('src', accessTypeHost);
         accessTypeScript.setAttribute('id', 'AccessTypeScript');
         accessTypeScript.setAttribute('data-accessType-script', '1');
@@ -67,541 +47,416 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         document.body.appendChild(accessTypeScript);
         return true;
       }
-
       if (global.AccessType) {
         _this.props.onATGlobalSet && _this.props.onATGlobalSet();
         callback();
       }
-
       return true;
     });
-
-    _defineProperty(_assertThisInitialized(_this), "setUser", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(emailAddress, mobileNumber, accesstypeJwt) {
+    _defineProperty(_this, "setUser", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(emailAddress, mobileNumber, accesstypeJwt) {
         var isLoggedIn,
-            userObj,
-            _yield$awaitHelper,
-            error,
-            user,
-            _args = arguments;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                isLoggedIn = _args.length > 3 && _args[3] !== undefined ? _args[3] : true;
-
-                if (global.AccessType) {
-                  _context.next = 3;
-                  break;
-                }
-
-                return _context.abrupt("return", null);
-
-              case 3:
-                userObj = isLoggedIn ? {
-                  emailAddress: emailAddress,
-                  mobileNumber: mobileNumber,
-                  accesstypeJwt: accesstypeJwt
-                } : {
-                  isLoggedIn: false
-                };
-                _context.next = 6;
-                return awaitHelper(global.AccessType.setUser(userObj));
-
-              case 6:
-                _yield$awaitHelper = _context.sent;
-                error = _yield$awaitHelper.error;
-                user = _yield$awaitHelper.data;
-
-                if (!error) {
-                  _context.next = 12;
-                  break;
-                }
-
-                console.warn("User context setting failed  --> ", error);
-                return _context.abrupt("return", error);
-
-              case 12:
-                _this.props.onUserSet && _this.props.onUserSet();
-                return _context.abrupt("return", user);
-
-              case 14:
-              case "end":
-                return _context.stop();
-            }
+          userObj,
+          _yield$awaitHelper,
+          error,
+          user,
+          _args = arguments;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              isLoggedIn = _args.length > 3 && _args[3] !== undefined ? _args[3] : true;
+              if (global.AccessType) {
+                _context.next = 1;
+                break;
+              }
+              return _context.abrupt("return", null);
+            case 1:
+              userObj = isLoggedIn ? {
+                emailAddress: emailAddress,
+                mobileNumber: mobileNumber,
+                accesstypeJwt: accesstypeJwt
+              } : {
+                isLoggedIn: false
+              };
+              _context.next = 2;
+              return awaitHelper(global.AccessType.setUser(userObj));
+            case 2:
+              _yield$awaitHelper = _context.sent;
+              error = _yield$awaitHelper.error;
+              user = _yield$awaitHelper.data;
+              if (!error) {
+                _context.next = 3;
+                break;
+              }
+              console.warn("User context setting failed  --> ", error);
+              return _context.abrupt("return", error);
+            case 3:
+              _this.props.onUserSet && _this.props.onUserSet();
+              return _context.abrupt("return", user);
+            case 4:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
-
       return function (_x, _x2, _x3) {
         return _ref.apply(this, arguments);
       };
     }());
-
-    _defineProperty(_assertThisInitialized(_this), "validateCoupon", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(selectedPlanId, couponCode) {
+    _defineProperty(_this, "validateCoupon", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(selectedPlanId, couponCode) {
         var _yield$awaitHelper2, error, data;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (global.AccessType) {
-                  _context2.next = 2;
-                  break;
-                }
-
-                return _context2.abrupt("return", {});
-
-              case 2:
-                _context2.next = 4;
-                return awaitHelper(global.AccessType.validateCoupon({
-                  subscriptionPlanId: selectedPlanId,
-                  couponCode: couponCode
-                }));
-
-              case 4:
-                _yield$awaitHelper2 = _context2.sent;
-                error = _yield$awaitHelper2.error;
-                data = _yield$awaitHelper2.data;
-
-                if (!error) {
-                  _context2.next = 10;
-                  break;
-                }
-
-                console.warn("Error --> ", error);
-                return _context2.abrupt("return", error);
-
-              case 10:
-                return _context2.abrupt("return", data);
-
-              case 11:
-              case "end":
-                return _context2.stop();
-            }
+        return _regeneratorRuntime.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (global.AccessType) {
+                _context2.next = 1;
+                break;
+              }
+              return _context2.abrupt("return", {});
+            case 1:
+              _context2.next = 2;
+              return awaitHelper(global.AccessType.validateCoupon({
+                subscriptionPlanId: selectedPlanId,
+                couponCode: couponCode
+              }));
+            case 2:
+              _yield$awaitHelper2 = _context2.sent;
+              error = _yield$awaitHelper2.error;
+              data = _yield$awaitHelper2.data;
+              if (!error) {
+                _context2.next = 3;
+                break;
+              }
+              console.warn("Error --> ", error);
+              return _context2.abrupt("return", error);
+            case 3:
+              return _context2.abrupt("return", data);
+            case 4:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       }));
-
       return function (_x4, _x5) {
         return _ref2.apply(this, arguments);
       };
     }());
-
-    _defineProperty(_assertThisInitialized(_this), "cancelSubscription", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    _defineProperty(_this, "cancelSubscription", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var subscriptionId,
-          _args3 = arguments;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              subscriptionId = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : null;
-
-              if (subscriptionId) {
-                _context3.next = 3;
-                break;
-              }
-
-              return _context3.abrupt("return", Promise.reject('Subscription id is not defined'));
-
-            case 3:
-              return _context3.abrupt("return", global.AccessType.cancelSubscription(subscriptionId));
-
-            case 4:
-            case "end":
-              return _context3.stop();
-          }
+        _args3 = arguments;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            subscriptionId = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : null;
+            if (subscriptionId) {
+              _context3.next = 1;
+              break;
+            }
+            return _context3.abrupt("return", Promise.reject('Subscription id is not defined'));
+          case 1:
+            return _context3.abrupt("return", global.AccessType.cancelSubscription(subscriptionId));
+          case 2:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     })));
-
-    _defineProperty(_assertThisInitialized(_this), "getPath", function (sketchesHost, relativePath) {
+    _defineProperty(_this, "getPath", function (sketchesHost, relativePath) {
       try {
         var _URL = new URL(sketchesHost),
-            pathname = _URL.pathname;
-
+          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;
-
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              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);
-              _context4.t0 = awaitHelper;
-              _context4.next = 7;
-              return global.fetch(accessTypeHost);
-
-            case 7:
-              _context4.t1 = _context4.sent.json();
-              _context4.next = 10;
-              return (0, _context4.t0)(_context4.t1);
-
-            case 10:
-              _yield$awaitHelper3 = _context4.sent;
-              error = _yield$awaitHelper3.error;
-              subscriptions = _yield$awaitHelper3.data;
-
-              if (!error) {
-                _context4.next = 15;
-                break;
-              }
-
-              return _context4.abrupt("return", {
-                error: 'subscriptions fetch failed'
-              });
-
-            case 15:
-              return _context4.abrupt("return", subscriptions['subscription_groups'] || []);
-
-            case 16:
-            case "end":
-              return _context4.stop();
-          }
+    _defineProperty(_this, "getSubscription", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper3, error, subscriptions, _t;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            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);
+            _t = awaitHelper;
+            _context4.next = 1;
+            return global.fetch(accessTypeHost);
+          case 1:
+            _context4.next = 2;
+            return _t(_context4.sent.json());
+          case 2:
+            _yield$awaitHelper3 = _context4.sent;
+            error = _yield$awaitHelper3.error;
+            subscriptions = _yield$awaitHelper3.data;
+            if (!error) {
+              _context4.next = 3;
+              break;
+            }
+            return _context4.abrupt("return", {
+              error: 'subscriptions fetch failed'
+            });
+          case 3:
+            return _context4.abrupt("return", subscriptions['subscription_groups'] || []);
+          case 4:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
     })));
-
-    _defineProperty(_assertThisInitialized(_this), "getPaymentOptions", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    _defineProperty(_this, "getPaymentOptions", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
       var _yield$awaitHelper4, error, paymentOptions;
-
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              if (global.AccessType) {
-                _context5.next = 2;
-                break;
-              }
-
-              return _context5.abrupt("return", []);
-
-            case 2:
-              _context5.next = 4;
-              return awaitHelper(global.AccessType.getPaymentOptions());
-
-            case 4:
-              _yield$awaitHelper4 = _context5.sent;
-              error = _yield$awaitHelper4.error;
-              paymentOptions = _yield$awaitHelper4.data;
-
-              if (!error) {
-                _context5.next = 9;
-                break;
-              }
-
-              return _context5.abrupt("return", {
-                error: 'payment options fetch failed'
-              });
-
-            case 9:
-              return _context5.abrupt("return", paymentOptions);
-
-            case 10:
-            case "end":
-              return _context5.stop();
-          }
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (global.AccessType) {
+              _context5.next = 1;
+              break;
+            }
+            return _context5.abrupt("return", []);
+          case 1:
+            _context5.next = 2;
+            return awaitHelper(global.AccessType.getPaymentOptions());
+          case 2:
+            _yield$awaitHelper4 = _context5.sent;
+            error = _yield$awaitHelper4.error;
+            paymentOptions = _yield$awaitHelper4.data;
+            if (!error) {
+              _context5.next = 3;
+              break;
+            }
+            return _context5.abrupt("return", {
+              error: 'payment options fetch failed'
+            });
+          case 3:
+            return _context5.abrupt("return", paymentOptions);
+          case 4:
+          case "end":
+            return _context5.stop();
         }
       }, _callee5);
     })));
-
-    _defineProperty(_assertThisInitialized(_this), "getAssetPlans", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    _defineProperty(_this, "getAssetPlans", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
       var storyId,
-          _yield$awaitHelper5,
-          error,
-          _yield$awaitHelper5$d,
-          assetPlans,
-          _args6 = arguments;
-
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              storyId = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : '';
-
-              if (global.AccessType) {
-                _context6.next = 3;
-                break;
-              }
-
-              return _context6.abrupt("return", []);
-
-            case 3:
-              _context6.next = 5;
-              return awaitHelper(global.AccessType.getAssetPlans({
-                id: storyId,
-                type: 'story'
-              }));
-
-            case 5:
-              _yield$awaitHelper5 = _context6.sent;
-              error = _yield$awaitHelper5.error;
-              _yield$awaitHelper5$d = _yield$awaitHelper5.data;
-              assetPlans = _yield$awaitHelper5$d === void 0 ? {} : _yield$awaitHelper5$d;
-
-              if (!error) {
-                _context6.next = 11;
-                break;
-              }
-
-              return _context6.abrupt("return", {
-                error: 'asset plan fetch failed'
-              });
-
-            case 11:
-              return _context6.abrupt("return", assetPlans);
-
-            case 12:
-            case "end":
-              return _context6.stop();
-          }
+        _yield$awaitHelper5,
+        error,
+        _yield$awaitHelper5$d,
+        assetPlans,
+        _args6 = arguments;
+      return _regeneratorRuntime.wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            storyId = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : '';
+            if (global.AccessType) {
+              _context6.next = 1;
+              break;
+            }
+            return _context6.abrupt("return", []);
+          case 1:
+            _context6.next = 2;
+            return awaitHelper(global.AccessType.getAssetPlans({
+              id: storyId,
+              type: 'story'
+            }));
+          case 2:
+            _yield$awaitHelper5 = _context6.sent;
+            error = _yield$awaitHelper5.error;
+            _yield$awaitHelper5$d = _yield$awaitHelper5.data;
+            assetPlans = _yield$awaitHelper5$d === void 0 ? {} : _yield$awaitHelper5$d;
+            if (!error) {
+              _context6.next = 3;
+              break;
+            }
+            return _context6.abrupt("return", {
+              error: 'asset plan fetch failed'
+            });
+          case 3:
+            return _context6.abrupt("return", assetPlans);
+          case 4:
+          case "end":
+            return _context6.stop();
         }
       }, _callee6);
     })));
-
-    _defineProperty(_assertThisInitialized(_this), "getCampaignSubscription", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-      var isAccessTypeCampaignEnabled, accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper6, error, campaignSubscriptions;
-
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) {
-          switch (_context7.prev = _context7.next) {
-            case 0:
-              isAccessTypeCampaignEnabled = get(_this.props, ['isAccessTypeCampaignEnabled'], false);
-
-              if (!isAccessTypeCampaignEnabled) {
-                _context7.next = 18;
-                break;
-              }
-
-              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;
-              _context7.next = 9;
-              return global.fetch(accessTypeHost);
-
-            case 9:
-              _context7.t1 = _context7.sent.json();
-              _context7.next = 12;
-              return (0, _context7.t0)(_context7.t1);
-
-            case 12:
-              _yield$awaitHelper6 = _context7.sent;
-              error = _yield$awaitHelper6.error;
-              campaignSubscriptions = _yield$awaitHelper6.data;
-
-              if (!error) {
-                _context7.next = 17;
-                break;
-              }
-
-              return _context7.abrupt("return", {
-                error: 'subscriptions fetch failed'
-              });
-
-            case 17:
-              return _context7.abrupt("return", campaignSubscriptions['subscription_groups'] || []);
-
-            case 18:
-              return _context7.abrupt("return", []);
-
-            case 19:
-            case "end":
-              return _context7.stop();
-          }
+    _defineProperty(_this, "getCampaignSubscription", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var isAccessTypeCampaignEnabled, accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper6, error, campaignSubscriptions, _t2;
+      return _regeneratorRuntime.wrap(function (_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            isAccessTypeCampaignEnabled = get(_this.props, ['isAccessTypeCampaignEnabled'], false);
+            if (!isAccessTypeCampaignEnabled) {
+              _context7.next = 4;
+              break;
+            }
+            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);
+            _t2 = awaitHelper;
+            _context7.next = 1;
+            return global.fetch(accessTypeHost);
+          case 1:
+            _context7.next = 2;
+            return _t2(_context7.sent.json());
+          case 2:
+            _yield$awaitHelper6 = _context7.sent;
+            error = _yield$awaitHelper6.error;
+            campaignSubscriptions = _yield$awaitHelper6.data;
+            if (!error) {
+              _context7.next = 3;
+              break;
+            }
+            return _context7.abrupt("return", {
+              error: 'subscriptions fetch failed'
+            });
+          case 3:
+            return _context7.abrupt("return", campaignSubscriptions['subscription_groups'] || []);
+          case 4:
+            return _context7.abrupt("return", []);
+          case 5:
+          case "end":
+            return _context7.stop();
         }
       }, _callee7);
     })));
-
-    _defineProperty(_assertThisInitialized(_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    _defineProperty(_this, "runSequentialCalls", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
       var callback,
-          _ref9,
-          email,
-          phone,
-          accessTypeBkIntegrationId,
-          _ref9$executeSequenti,
-          executeSequentialCalls,
-          jwtResponse,
-          _yield$awaitHelper7,
-          error,
-          _args8 = arguments;
-
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) {
-          switch (_context8.prev = _context8.next) {
-            case 0:
-              callback = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : function () {
-                return null;
-              };
-              _ref9 = _this.props || {}, email = _ref9.email, phone = _ref9.phone, accessTypeBkIntegrationId = _ref9.accessTypeBkIntegrationId, _ref9$executeSequenti = _ref9.executeSequentialCalls, executeSequentialCalls = _ref9$executeSequenti === void 0 ? true : _ref9$executeSequenti;
-              _context8.next = 4;
-              return fetch("/api/auth/v1/access-token/integrations/".concat(accessTypeBkIntegrationId));
-
-            case 4:
-              jwtResponse = _context8.sent;
-              _context8.next = 7;
-              return awaitHelper(_this.setUser(email, phone, jwtResponse.headers.get('x-integration-token'), !!jwtResponse.headers.get('x-integration-token')));
-
-            case 7:
-              _yield$awaitHelper7 = _context8.sent;
-              error = _yield$awaitHelper7.error;
-
-              if (!error) {
-                try {
-                  if (executeSequentialCalls) {
-                    Promise.all([_this.getSubscription(), _this.getPaymentOptions(), _this.getAssetPlans(), _this.getCampaignSubscription()]).then(function (_ref10) {
-                      var _ref11 = _slicedToArray(_ref10, 4),
-                          subscriptionGroups = _ref11[0],
-                          paymentOptions = _ref11[1],
-                          assetPlans = _ref11[2],
-                          campaignSubscriptionGroups = _ref11[3];
-
-                      batch(function () {
-                        _this.props.subscriptionGroupLoaded(subscriptionGroups);
-
-                        _this.props.paymentOptionsLoaded(paymentOptions);
-
-                        _this.props.assetPlanLoaded(assetPlans);
-
-                        _this.props.campaignSubscriptionGroupLoaded(campaignSubscriptionGroups);
-                      });
-                      callback();
+        _ref9,
+        email,
+        phone,
+        accessTypeBkIntegrationId,
+        _ref9$executeSequenti,
+        executeSequentialCalls,
+        jwtResponse,
+        _yield$awaitHelper7,
+        error,
+        _args8 = arguments;
+      return _regeneratorRuntime.wrap(function (_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            callback = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : function () {
+              return null;
+            };
+            _ref9 = _this.props || {}, email = _ref9.email, phone = _ref9.phone, accessTypeBkIntegrationId = _ref9.accessTypeBkIntegrationId, _ref9$executeSequenti = _ref9.executeSequentialCalls, executeSequentialCalls = _ref9$executeSequenti === void 0 ? true : _ref9$executeSequenti;
+            _context8.next = 1;
+            return fetch("/api/auth/v1/access-token/integrations/".concat(accessTypeBkIntegrationId));
+          case 1:
+            jwtResponse = _context8.sent;
+            _context8.next = 2;
+            return awaitHelper(_this.setUser(email, phone, jwtResponse.headers.get('x-integration-token'), !!jwtResponse.headers.get('x-integration-token')));
+          case 2:
+            _yield$awaitHelper7 = _context8.sent;
+            error = _yield$awaitHelper7.error;
+            if (!error) {
+              try {
+                if (executeSequentialCalls) {
+                  Promise.all([_this.getSubscription(), _this.getPaymentOptions(), _this.getAssetPlans(), _this.getCampaignSubscription()]).then(function (_ref0) {
+                    var _ref1 = _slicedToArray(_ref0, 4),
+                      subscriptionGroups = _ref1[0],
+                      paymentOptions = _ref1[1],
+                      assetPlans = _ref1[2],
+                      campaignSubscriptionGroups = _ref1[3];
+                    batch(function () {
+                      _this.props.subscriptionGroupLoaded(subscriptionGroups);
+                      _this.props.paymentOptionsLoaded(paymentOptions);
+                      _this.props.assetPlanLoaded(assetPlans);
+                      _this.props.campaignSubscriptionGroupLoaded(campaignSubscriptionGroups);
                     });
-                  } else {
                     callback();
-                  }
-                } catch (e) {
-                  console.log("Subscription / payments failed", e);
+                  });
+                } else {
+                  callback();
                 }
+              } catch (e) {
+                console.log("Subscription / payments failed", e);
               }
-
-            case 10:
-            case "end":
-              return _context8.stop();
-          }
+            }
+          case 3:
+          case "end":
+            return _context8.stop();
         }
       }, _callee8);
     })));
-
-    _defineProperty(_assertThisInitialized(_this), "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    _defineProperty(_this, "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
       var _yield$awaitHelper8, error, _yield$awaitHelper8$d, subscriptions;
-
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-        while (1) {
-          switch (_context9.prev = _context9.next) {
+      return _regeneratorRuntime.wrap(function (_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
+          case 0:
+            if (global.AccessType) {
+              _context9.next = 1;
+              break;
+            }
+            return _context9.abrupt("return", {});
+          case 1:
+            _context9.next = 2;
+            return awaitHelper(global.AccessType.getSubscriptions());
+          case 2:
+            _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 = 3;
+              break;
+            }
+            return _context9.abrupt("return", error);
+          case 3:
+            return _context9.abrupt("return", subscriptions);
+          case 4:
+          case "end":
+            return _context9.stop();
+        }
+      }, _callee9);
+    })));
+    _defineProperty(_this, "getSubscriptionsWithSwitchablePlans", /*#__PURE__*/function () {
+      var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee0(planId) {
+        var _yield$awaitHelper9, error, _yield$awaitHelper9$d, subscription;
+        return _regeneratorRuntime.wrap(function (_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
               if (global.AccessType) {
-                _context9.next = 2;
+                _context0.next = 1;
                 break;
               }
-
-              return _context9.abrupt("return", {});
-
+              return _context0.abrupt("return", {});
+            case 1:
+              if (planId) {
+                _context0.next = 2;
+                break;
+              }
+              throw new Error('planId is mandatory');
             case 2:
-              _context9.next = 4;
-              return awaitHelper(global.AccessType.getSubscriptions());
-
-            case 4:
-              _yield$awaitHelper8 = _context9.sent;
-              error = _yield$awaitHelper8.error;
-              _yield$awaitHelper8$d = _yield$awaitHelper8.data;
-              subscriptions = _yield$awaitHelper8$d === void 0 ? [] : _yield$awaitHelper8$d;
-
+              _context0.next = 3;
+              return awaitHelper(global.AccessType.getSubscriptionWithSwitchablePlans(planId, 'switch'));
+            case 3:
+              _yield$awaitHelper9 = _context0.sent;
+              error = _yield$awaitHelper9.error;
+              _yield$awaitHelper9$d = _yield$awaitHelper9.data;
+              subscription = _yield$awaitHelper9$d === void 0 ? {} : _yield$awaitHelper9$d;
               if (!error) {
-                _context9.next = 10;
+                _context0.next = 4;
                 break;
               }
-
-              return _context9.abrupt("return", error);
-
-            case 10:
-              return _context9.abrupt("return", subscriptions);
-
-            case 11:
+              return _context0.abrupt("return", error);
+            case 4:
+              return _context0.abrupt("return", subscription);
+            case 5:
             case "end":
-              return _context9.stop();
+              return _context0.stop();
           }
-        }
-      }, _callee9);
-    })));
-
-    _defineProperty(_assertThisInitialized(_this), "getSubscriptionsWithSwitchablePlans", /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(planId) {
-        var _yield$awaitHelper9, error, _yield$awaitHelper9$d, subscription;
-
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) {
-            switch (_context10.prev = _context10.next) {
-              case 0:
-                if (global.AccessType) {
-                  _context10.next = 2;
-                  break;
-                }
-
-                return _context10.abrupt("return", {});
-
-              case 2:
-                if (planId) {
-                  _context10.next = 4;
-                  break;
-                }
-
-                throw new Error('planId is mandatory');
-
-              case 4:
-                _context10.next = 6;
-                return awaitHelper(global.AccessType.getSubscriptionWithSwitchablePlans(planId, 'switch'));
-
-              case 6:
-                _yield$awaitHelper9 = _context10.sent;
-                error = _yield$awaitHelper9.error;
-                _yield$awaitHelper9$d = _yield$awaitHelper9.data;
-                subscription = _yield$awaitHelper9$d === void 0 ? {} : _yield$awaitHelper9$d;
-
-                if (!error) {
-                  _context10.next = 12;
-                  break;
-                }
-
-                return _context10.abrupt("return", error);
-
-              case 12:
-                return _context10.abrupt("return", subscription);
-
-              case 13:
-              case "end":
-                return _context10.stop();
-            }
-          }
-        }, _callee10);
+        }, _callee0);
       }));
-
       return function (_x6) {
-        return _ref13.apply(this, arguments);
+        return _ref11.apply(this, arguments);
       };
     }());
-
-    _defineProperty(_assertThisInitialized(_this), "initAccessType", function (callback) {
+    _defineProperty(_this, "initAccessType", function (callback) {
       var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
-
       try {
         _this.loadScript(function () {
           // dont try to initialize accessType if integration id is not available
@@ -609,224 +464,178 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             console.warn('AccessType: Integration Id is undefined');
             return false;
           }
-
           _this.runSequentialCalls(callback);
         });
       } catch (e) {
         console.warn("Accesstype load fail", e);
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "initRazorPayPayment", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+    _defineProperty(_this, "initRazorPayPayment", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee1() {
       var selectedPlanObj,
-          planType,
-          storyId,
-          storyHeadline,
-          storySlug,
-          paymentType,
-          opts,
-          intent,
-          switchType,
-          planObject,
-          paymentOptions,
-          _planObject$selectedP,
-          discounted_price_cents,
-          price_cents,
-          paymentObject,
-          _yield$awaitHelper10,
-          data,
-          _yield$awaitHelper11,
-          error,
-          switchPaymentOptions,
-          _args11 = arguments;
-
-      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-        while (1) {
-          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] : '';
-              opts = _args11.length > 6 ? _args11[6] : undefined;
-
-              if (selectedPlanObj) {
-                _context11.next = 10;
-                break;
-              }
-
-              console.warn('Razor pay needs a plan');
-              return _context11.abrupt("return", false);
-
-            case 10:
-              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');
-              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), {}, {
-                couponCode: selectedPlanObj.coupon_code
-              }));
-
-              if (!(discounted_price_cents === 0 || price_cents === 0)) {
-                _context11.next = 23;
-                break;
-              }
-
-              _context11.next = 20;
-              return awaitHelper(global.AccessType.getPaymentOptions(0));
-
-            case 20:
-              _yield$awaitHelper10 = _context11.sent;
-              data = _yield$awaitHelper10.data;
-              paymentOptions = data;
-
-            case 23:
-              if (!(paymentObject.payment.amount_cents === 0)) {
-                _context11.next = 25;
-                break;
-              }
-
-              return _context11.abrupt("return", global.AccessType.getPaymentOptions(0).then(function (provider) {
-                return provider.razorpay.proceed(paymentObject);
-              }));
-
-            case 25:
-              if (!(intent === 'switch')) {
-                _context11.next = 34;
-                break;
-              }
-
-              _context11.next = 28;
-              return awaitHelper(global.AccessType.getPaymentOptions(null, null, 'switch'));
-
-            case 28:
-              _yield$awaitHelper11 = _context11.sent;
-              error = _yield$awaitHelper11.error;
-              switchPaymentOptions = _yield$awaitHelper11.data;
-
-              if (!error) {
-                _context11.next = 33;
-                break;
-              }
-
-              throw new Error('payment options fetch failed');
-
-            case 33:
-              return _context11.abrupt("return", switchPaymentOptions.razorpay.proceed(_objectSpread(_objectSpread({}, paymentObject), {}, {
-                switch_type: switchType,
-                subscription_plan_id: selectedPlanObj.id,
-                subscriptionId: selectedPlanObj.subscriptionId
-              })));
-
-            case 34:
-              return _context11.abrupt("return", paymentOptions.razorpay.proceed(paymentObject));
-
-            case 35:
-            case "end":
-              return _context11.stop();
-          }
+        planType,
+        storyId,
+        storyHeadline,
+        storySlug,
+        paymentType,
+        opts,
+        intent,
+        switchType,
+        planObject,
+        paymentOptions,
+        _planObject$selectedP,
+        discounted_price_cents,
+        price_cents,
+        paymentObject,
+        _yield$awaitHelper0,
+        data,
+        _yield$awaitHelper1,
+        error,
+        switchPaymentOptions,
+        _args1 = arguments;
+      return _regeneratorRuntime.wrap(function (_context1) {
+        while (1) switch (_context1.prev = _context1.next) {
+          case 0:
+            selectedPlanObj = _args1.length > 0 && _args1[0] !== undefined ? _args1[0] : {};
+            planType = _args1.length > 1 && _args1[1] !== undefined ? _args1[1] : '';
+            storyId = _args1.length > 2 && _args1[2] !== undefined ? _args1[2] : '';
+            storyHeadline = _args1.length > 3 && _args1[3] !== undefined ? _args1[3] : '';
+            storySlug = _args1.length > 4 && _args1[4] !== undefined ? _args1[4] : '';
+            paymentType = _args1.length > 5 && _args1[5] !== undefined ? _args1[5] : '';
+            opts = _args1.length > 6 ? _args1[6] : undefined;
+            if (selectedPlanObj) {
+              _context1.next = 1;
+              break;
+            }
+            console.warn('Razor pay needs a plan');
+            return _context1.abrupt("return", false);
+          case 1:
+            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');
+            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), {}, {
+              couponCode: selectedPlanObj.coupon_code
+            }));
+            if (!(discounted_price_cents === 0 || price_cents === 0)) {
+              _context1.next = 3;
+              break;
+            }
+            _context1.next = 2;
+            return awaitHelper(global.AccessType.getPaymentOptions(0));
+          case 2:
+            _yield$awaitHelper0 = _context1.sent;
+            data = _yield$awaitHelper0.data;
+            paymentOptions = data;
+          case 3:
+            if (!(paymentObject.payment.amount_cents === 0)) {
+              _context1.next = 4;
+              break;
+            }
+            return _context1.abrupt("return", global.AccessType.getPaymentOptions(0).then(function (provider) {
+              return provider.razorpay.proceed(paymentObject);
+            }));
+          case 4:
+            if (!(intent === 'switch')) {
+              _context1.next = 7;
+              break;
+            }
+            _context1.next = 5;
+            return awaitHelper(global.AccessType.getPaymentOptions(null, null, 'switch'));
+          case 5:
+            _yield$awaitHelper1 = _context1.sent;
+            error = _yield$awaitHelper1.error;
+            switchPaymentOptions = _yield$awaitHelper1.data;
+            if (!error) {
+              _context1.next = 6;
+              break;
+            }
+            throw new Error('payment options fetch failed');
+          case 6:
+            return _context1.abrupt("return", switchPaymentOptions.razorpay.proceed(_objectSpread(_objectSpread({}, paymentObject), {}, {
+              switch_type: switchType,
+              subscription_plan_id: selectedPlanObj.id,
+              subscriptionId: selectedPlanObj.subscriptionId
+            })));
+          case 7:
+            return _context1.abrupt("return", paymentOptions.razorpay.proceed(paymentObject));
+          case 8:
+          case "end":
+            return _context1.stop();
         }
-      }, _callee11);
+      }, _callee1);
     })));
-
-    _defineProperty(_assertThisInitialized(_this), "initStripePayment", function () {
+    _defineProperty(_this, "initStripePayment", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (!options.selectedPlan) {
         console.warn('Stripe pay needs a plan');
         return false;
       }
-
       var paymentOptions = _this.props.paymentOptions;
       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...'
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "initPaypalPayment", function () {
+    _defineProperty(_this, "initPaypalPayment", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (!options.selectedPlan) {
         console.warn('Paypal pay needs a plan');
         return false;
       }
-
       var paymentOptions = _this.props.paymentOptions;
       var paymentType = get(options.selectedPlan, ['recurring']) ? 'paypal_recurring' : 'paypal';
-
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
       }, options));
-
       return paymentOptions.paypal ? paymentOptions.paypal.proceed(paymentObject).then(function (response) {
         return response.proceed(paymentObject);
       }) : Promise.reject({
         message: 'Payment option is loading...'
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "initOmisePayment", function () {
+    _defineProperty(_this, "initOmisePayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-
       if (!selectedPlanObj) {
         console.warn('Omise pay needs a plan');
         return false;
       }
-
       var planObject = _this.makePlanObject(selectedPlanObj, planType);
-
       planObject['paymentType'] = get(planObject, ['selectedPlan', 'recurring']) ? 'omise_recurring' : 'omise';
-
       var paymentObject = _this.makePaymentObject(planObject);
-
       var omise = get(_this.props, ['paymentOptions', 'omise']);
-
       if (!omise) {
         return Promise.reject({
           message: 'Payment option is loading...'
         });
       }
-
       return omise.proceed(paymentObject).then(function (response) {
         return response;
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "initAdyenPayment", function () {
+    _defineProperty(_this, "initAdyenPayment", function () {
       var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       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');
           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 paymentObject = _this.makePaymentObject(_objectSpread(_objectSpread({}, planObject), {}, {
             paymentType: paymentType
           }));
-
           var adyen = get(_this.props, ['paymentOptions', 'adyen']);
           paymentObject = _objectSpread(_objectSpread({}, paymentObject), {}, {
             options: _objectSpread(_objectSpread({}, paymentObject['options']), {}, {
@@ -841,241 +650,193 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             return response.proceed(paymentObject);
           }));
         };
-
-        ReactDOM.render( /*#__PURE__*/React.createElement(AdyenModal, {
+        ReactDOM.render(/*#__PURE__*/React.createElement(AdyenModal, {
           afterOpen: afterOpen,
           afterClose: reject
         }), document.getElementById('adyen-modal'));
       };
-
       return new Promise(adyenExecutor);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "initPaytrailPayment", function () {
+    _defineProperty(_this, "initPaytrailPayment", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (!options.selectedPlan) {
         console.warn('Paytrail needs a plan');
         return false;
       }
-
       var paymentOptions = _this.props.paymentOptions;
       var paymentType = get(options.selectedPlan, ['recurring']) ? 'paytrail_recurring' : 'paytrail';
-
       var paymentObject = _this.makePaymentObject(_objectSpread({
         paymentType: paymentType
       }, options));
-
       return paymentOptions.paytrail ? paymentOptions.paytrail.proceed(paymentObject).then(function (response) {
         return response.proceed(paymentObject);
       }) : Promise.reject({
         message: 'Payment option is loading...'
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "pingBackMeteredStory", /*#__PURE__*/function () {
-      var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(asset, accessData) {
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-          while (1) {
-            switch (_context12.prev = _context12.next) {
-              case 0:
-                try {
-                  global.AccessType.pingbackAssetAccess(asset, accessData);
-                } catch (e) {
-                  console.log('error in pingbackAssetAccess', e);
-                }
-
-                return _context12.abrupt("return", true);
-
-              case 2:
-              case "end":
-                return _context12.stop();
-            }
+    _defineProperty(_this, "pingBackMeteredStory", /*#__PURE__*/function () {
+      var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(asset, accessData) {
+        return _regeneratorRuntime.wrap(function (_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              try {
+                global.AccessType.pingbackAssetAccess(asset, accessData);
+              } catch (e) {
+                console.log('error in pingbackAssetAccess', e);
+              }
+              return _context10.abrupt("return", true);
+            case 1:
+            case "end":
+              return _context10.stop();
           }
-        }, _callee12);
+        }, _callee10);
       }));
-
       return function (_x7, _x8) {
-        return _ref15.apply(this, arguments);
+        return _ref13.apply(this, arguments);
       };
     }());
-
-    _defineProperty(_assertThisInitialized(_this), "checkAccess", /*#__PURE__*/function () {
-      var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(assetId) {
-        var asset, _yield$awaitHelper12, error, accessData, accessById, _ref17, granted, grantReason, _ref17$data, data;
-
-        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-          while (1) {
-            switch (_context13.prev = _context13.next) {
-              case 0:
-                if (assetId) {
-                  _context13.next = 3;
-                  break;
-                }
-
-                console.warn('AssetId is required');
-                return _context13.abrupt("return", false);
-
-              case 3:
-                _this.props.accessIsLoading(true);
-
-                asset = {
-                  id: assetId,
-                  type: 'story'
-                };
-                _context13.next = 7;
-                return awaitHelper(global.AccessType.isAssetAccessible(asset, _this.props.disableMetering));
-
-              case 7:
-                _yield$awaitHelper12 = _context13.sent;
-                error = _yield$awaitHelper12.error;
-                accessData = _yield$awaitHelper12.data;
-
-                if (!error) {
-                  _context13.next = 12;
-                  break;
-                }
-
-                return _context13.abrupt("return", error);
-
-              case 12:
-                accessById = _defineProperty({}, assetId, accessData);
-
-                _this.props.accessUpdated(accessById);
-
-                _this.props.accessIsLoading(false);
-
-                _ref17 = accessData || {}, granted = _ref17.granted, grantReason = _ref17.grantReason, _ref17$data = _ref17.data, data = _ref17$data === void 0 ? {} : _ref17$data;
-
-                if (!_this.props.disableMetering && granted && grantReason === 'METERING') {
-                  _this.pingBackMeteredStory(asset, accessData);
-
-                  _this.props.meterUpdated(data.numberRemaining || -1);
-                }
-
-                return _context13.abrupt("return", accessById);
-
-              case 18:
-              case "end":
-                return _context13.stop();
-            }
+    _defineProperty(_this, "checkAccess", /*#__PURE__*/function () {
+      var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(assetId) {
+        var asset, _yield$awaitHelper10, error, accessData, accessById, _ref15, granted, grantReason, _ref15$data, data;
+        return _regeneratorRuntime.wrap(function (_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              if (assetId) {
+                _context11.next = 1;
+                break;
+              }
+              console.warn('AssetId is required');
+              return _context11.abrupt("return", false);
+            case 1:
+              _this.props.accessIsLoading(true);
+              asset = {
+                id: assetId,
+                type: 'story'
+              };
+              _context11.next = 2;
+              return awaitHelper(global.AccessType.isAssetAccessible(asset, _this.props.disableMetering));
+            case 2:
+              _yield$awaitHelper10 = _context11.sent;
+              error = _yield$awaitHelper10.error;
+              accessData = _yield$awaitHelper10.data;
+              if (!error) {
+                _context11.next = 3;
+                break;
+              }
+              return _context11.abrupt("return", error);
+            case 3:
+              accessById = _defineProperty({}, assetId, accessData);
+              _this.props.accessUpdated(accessById);
+              _this.props.accessIsLoading(false);
+              _ref15 = accessData || {}, granted = _ref15.granted, grantReason = _ref15.grantReason, _ref15$data = _ref15.data, data = _ref15$data === void 0 ? {} : _ref15$data;
+              if (!_this.props.disableMetering && granted && grantReason === 'METERING') {
+                _this.pingBackMeteredStory(asset, accessData);
+                _this.props.meterUpdated(data.numberRemaining || -1);
+              }
+              return _context11.abrupt("return", accessById);
+            case 4:
+            case "end":
+              return _context11.stop();
           }
-        }, _callee13);
+        }, _callee11);
       }));
-
       return function (_x9) {
-        return _ref16.apply(this, arguments);
+        return _ref14.apply(this, arguments);
       };
     }());
-
-    _defineProperty(_assertThisInitialized(_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+    _defineProperty(_this, "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
       var metadata;
-      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-        while (1) {
-          switch (_context14.prev = _context14.next) {
+      return _regeneratorRuntime.wrap(function (_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            if (global.AccessType) {
+              _context12.next = 1;
+              break;
+            }
+            return _context12.abrupt("return", {});
+          case 1:
+            _context12.next = 2;
+            return awaitHelper(global.AccessType.getSubscriberMetadata());
+          case 2:
+            metadata = _context12.sent;
+            return _context12.abrupt("return", metadata);
+          case 3:
+          case "end":
+            return _context12.stop();
+        }
+      }, _callee12);
+    })));
+    _defineProperty(_this, "setSubscriberMetadata", /*#__PURE__*/function () {
+      var _ref17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(subscriberMetadata) {
+        var response;
+        return _regeneratorRuntime.wrap(function (_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              if (global.AccessType) {
-                _context14.next = 2;
+              if (!(!global.AccessType || !subscriberMetadata)) {
+                _context13.next = 1;
                 break;
               }
-
-              return _context14.abrupt("return", {});
-
+              return _context13.abrupt("return", {});
+            case 1:
+              _context13.next = 2;
+              return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
             case 2:
-              _context14.next = 4;
-              return awaitHelper(global.AccessType.getSubscriberMetadata());
-
-            case 4:
-              metadata = _context14.sent;
-              return _context14.abrupt("return", metadata);
-
-            case 6:
+              response = _context13.sent;
+              return _context13.abrupt("return", response);
+            case 3:
             case "end":
-              return _context14.stop();
-          }
-        }
-      }, _callee14);
-    })));
-
-    _defineProperty(_assertThisInitialized(_this), "setSubscriberMetadata", /*#__PURE__*/function () {
-      var _ref19 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(subscriberMetadata) {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-          while (1) {
-            switch (_context15.prev = _context15.next) {
-              case 0:
-                if (!(!global.AccessType || !subscriberMetadata)) {
-                  _context15.next = 2;
-                  break;
-                }
-
-                return _context15.abrupt("return", {});
-
-              case 2:
-                _context15.next = 4;
-                return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
-
-              case 4:
-                response = _context15.sent;
-                return _context15.abrupt("return", response);
-
-              case 6:
-              case "end":
-                return _context15.stop();
-            }
+              return _context13.stop();
           }
-        }, _callee15);
+        }, _callee13);
       }));
-
-      return function (_x10) {
-        return _ref19.apply(this, arguments);
+      return function (_x0) {
+        return _ref17.apply(this, arguments);
       };
     }());
-
     _this.prodHost = props.prodHost || 'https://www.accesstype.com';
     _this.stagingHost = props.stagingHost || 'https://staging.accesstype.com';
     return _this;
   }
-
-  _createClass(AccessTypeBase, [{
+  _inherits(AccessTypeBase, _React$Component);
+  return _createClass(AccessTypeBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.initAccessType();
     }
   }, {
     key: "makePaymentObject",
-    value: function makePaymentObject(_ref20) {
-      var _ref20$selectedPlan = _ref20.selectedPlan,
-          selectedPlan = _ref20$selectedPlan === void 0 ? {} : _ref20$selectedPlan,
-          _ref20$couponCode = _ref20.couponCode,
-          couponCode = _ref20$couponCode === void 0 ? '' : _ref20$couponCode,
-          _ref20$recipientSubsc = _ref20.recipientSubscriber,
-          recipientSubscriber = _ref20$recipientSubsc === void 0 ? {} : _ref20$recipientSubsc,
-          _ref20$planType = _ref20.planType,
-          planType = _ref20$planType === void 0 ? '' : _ref20$planType,
-          _ref20$storyId = _ref20.storyId,
-          storyId = _ref20$storyId === void 0 ? '' : _ref20$storyId,
-          _ref20$storyHeadline = _ref20.storyHeadline,
-          storyHeadline = _ref20$storyHeadline === void 0 ? '' : _ref20$storyHeadline,
-          _ref20$storySlug = _ref20.storySlug,
-          storySlug = _ref20$storySlug === void 0 ? '' : _ref20$storySlug,
-          _ref20$paymentType = _ref20.paymentType,
-          paymentType = _ref20$paymentType === void 0 ? '' : _ref20$paymentType,
-          _ref20$successUrl = _ref20.successUrl,
-          successUrl = _ref20$successUrl === void 0 ? '' : _ref20$successUrl,
-          _ref20$returnUrl = _ref20.returnUrl,
-          returnUrl = _ref20$returnUrl === void 0 ? '' : _ref20$returnUrl,
-          _ref20$cancelUrl = _ref20.cancelUrl,
-          cancelUrl = _ref20$cancelUrl === void 0 ? '' : _ref20$cancelUrl;
+    value: function makePaymentObject(_ref18) {
+      var _ref18$selectedPlan = _ref18.selectedPlan,
+        selectedPlan = _ref18$selectedPlan === void 0 ? {} : _ref18$selectedPlan,
+        _ref18$couponCode = _ref18.couponCode,
+        couponCode = _ref18$couponCode === void 0 ? '' : _ref18$couponCode,
+        _ref18$recipientSubsc = _ref18.recipientSubscriber,
+        recipientSubscriber = _ref18$recipientSubsc === void 0 ? {} : _ref18$recipientSubsc,
+        _ref18$planType = _ref18.planType,
+        planType = _ref18$planType === void 0 ? '' : _ref18$planType,
+        _ref18$storyId = _ref18.storyId,
+        storyId = _ref18$storyId === void 0 ? '' : _ref18$storyId,
+        _ref18$storyHeadline = _ref18.storyHeadline,
+        storyHeadline = _ref18$storyHeadline === void 0 ? '' : _ref18$storyHeadline,
+        _ref18$storySlug = _ref18.storySlug,
+        storySlug = _ref18$storySlug === void 0 ? '' : _ref18$storySlug,
+        _ref18$paymentType = _ref18.paymentType,
+        paymentType = _ref18$paymentType === void 0 ? '' : _ref18$paymentType,
+        _ref18$successUrl = _ref18.successUrl,
+        successUrl = _ref18$successUrl === void 0 ? '' : _ref18$successUrl,
+        _ref18$returnUrl = _ref18.returnUrl,
+        returnUrl = _ref18$returnUrl === void 0 ? '' : _ref18$returnUrl,
+        _ref18$cancelUrl = _ref18.cancelUrl,
+        cancelUrl = _ref18$cancelUrl === void 0 ? '' : _ref18$cancelUrl;
       var id = selectedPlan.id,
-          title = selectedPlan.title,
-          description = selectedPlan.description,
-          price_cents = selectedPlan.price_cents,
-          price_currency = selectedPlan.price_currency,
-          duration_length = selectedPlan.duration_length,
-          duration_unit = selectedPlan.duration_unit,
-          discounted_price_cents = selectedPlan.discounted_price_cents,
-          metadata = selectedPlan.metadata;
+        title = selectedPlan.title,
+        description = selectedPlan.description,
+        price_cents = selectedPlan.price_cents,
+        price_currency = selectedPlan.price_currency,
+        duration_length = selectedPlan.duration_length,
+        duration_unit = selectedPlan.duration_unit,
+        discounted_price_cents = selectedPlan.discounted_price_cents,
+        metadata = selectedPlan.metadata;
       var paymentObject = {
         type: planType,
         plan: {
@@ -1101,22 +862,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           slug: storySlug
         }],
         recipient_subscriber: recipientSubscriber //for gift subscription
-
       };
-
       if ((successUrl || returnUrl) && cancelUrl) {
         paymentObject.options = {};
         paymentObject.options.urls = {
           cancel_url: cancelUrl
         };
-
         if (returnUrl) {
           paymentObject.options.urls['return_url'] = returnUrl;
         } else {
           paymentObject.options.urls['success_url'] = successUrl;
         }
       }
-
       return paymentObject;
     }
   }, {
@@ -1169,10 +926,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
-  return AccessTypeBase;
 }(React.Component);
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     subscriptions: state.subscriptions || null,
@@ -1180,7 +934,6 @@ var mapStateToProps = function mapStateToProps(state) {
     assetPlans: state.assetPlans || null
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     subscriptionGroupLoaded: function subscriptionGroupLoaded(subscriptions) {
@@ -1227,6 +980,7 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     }
   };
 };
+
 /**
  * `AccessType` is a generic connected render prop which exposes methods to handle access to stories / assets and initialize AccessTypeJS.
 
@@ -1393,6 +1147,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  * @component
  * @category Subscription
  */
-
-
 export var AccessType = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(AccessTypeBase);