@quintype/components 3.0.3-test-react18.0 → 3.0.3-test-react18.1

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

@@ -7,17 +7,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; } }
-
 import get from "lodash/get";
 import { bool, func, number, string } from "prop-types";
 import React from "react";
@@ -25,74 +19,57 @@ 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) {
       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.setAttribute("src", accessTypeHost);
         accessTypeScript.setAttribute("id", "AccessTypeScript");
         accessTypeScript.setAttribute("data-accessType-script", "1");
         accessTypeScript.async = 1;
-
         accessTypeScript.onload = function () {
           return callback();
         };
-
         document.body.appendChild(accessTypeScript);
         return true;
       }
-
       global.AccessType && callback();
       return true;
     });
-
     _defineProperty(_assertThisInitialized(_this), "setUser", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(emailAddress, mobileNumber, accesstypeJwt) {
         var isLoggedIn,
-            userObj,
-            _yield$awaitHelper,
-            error,
-            user,
-            _args = arguments;
-
+          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,
@@ -103,23 +80,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 };
                 _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:
                 return _context.abrupt("return", user);
-
               case 13:
               case "end":
                 return _context.stop();
@@ -127,16 +99,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _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) {
         var _yield$awaitHelper2, error, data;
-
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -145,32 +114,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   _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();
@@ -178,31 +140,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee2);
       }));
-
       return function (_x4, _x5) {
         return _ref2.apply(this, arguments);
       };
     }());
-
     _defineProperty(_assertThisInitialized(_this), "cancelSubscription", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var subscriptionId,
-          _args3 = arguments;
+        _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();
@@ -210,10 +166,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee3);
     })));
-
     _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) {
@@ -221,34 +175,27 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               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();
@@ -256,10 +203,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee4);
     })));
-
     _defineProperty(_assertThisInitialized(_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) {
@@ -268,30 +213,23 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 _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();
@@ -299,53 +237,43 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee5);
     })));
-
     _defineProperty(_assertThisInitialized(_this), "getAssetPlans", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
       var storyId,
-          _yield$awaitHelper5,
-          error,
-          _yield$awaitHelper5$d,
-          assetPlans,
-          _args6 = arguments;
-
+        _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();
@@ -353,21 +281,17 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _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;
@@ -375,32 +299,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               _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();
@@ -408,14 +325,12 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee7);
     })));
-
     _defineProperty(_assertThisInitialized(_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
       var callback,
-          jwtResponse,
-          _yield$awaitHelper7,
-          error,
-          _args8 = arguments;
-
+        jwtResponse,
+        _yield$awaitHelper7,
+        error,
+        _args8 = arguments;
       return _regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
@@ -425,32 +340,25 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               };
               _context8.next = 3;
               return fetch("/api/v1/access-token/integrations/".concat(_this.props.accessTypeBkIntegrationId));
-
             case 3:
               jwtResponse = _context8.sent;
               _context8.next = 6;
               return awaitHelper(_this.setUser(_this.props.email, _this.props.phone, jwtResponse.headers.get("x-integration-token"), !!jwtResponse.headers.get("x-integration-token")));
-
             case 6:
               _yield$awaitHelper7 = _context8.sent;
               error = _yield$awaitHelper7.error;
-
               if (!error) {
                 try {
                   Promise.all([_this.getSubscription(), _this.getPaymentOptions(), _this.getAssetPlans(), _this.getCampaignSubscription()]).then(function (_ref9) {
                     var _ref10 = _slicedToArray(_ref9, 4),
-                        subscriptionGroups = _ref10[0],
-                        paymentOptions = _ref10[1],
-                        assetPlans = _ref10[2],
-                        campaignSubscriptionGroups = _ref10[3];
-
+                      subscriptionGroups = _ref10[0],
+                      paymentOptions = _ref10[1],
+                      assetPlans = _ref10[2],
+                      campaignSubscriptionGroups = _ref10[3];
                     batch(function () {
                       _this.props.subscriptionGroupLoaded(subscriptionGroups);
-
                       _this.props.paymentOptionsLoaded(paymentOptions);
-
                       _this.props.assetPlanLoaded(assetPlans);
-
                       _this.props.campaignSubscriptionGroupLoaded(campaignSubscriptionGroups);
                     });
                     callback();
@@ -459,7 +367,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   console.log("Subscription / payments failed", e);
                 }
               }
-
             case 9:
             case "end":
               return _context8.stop();
@@ -467,10 +374,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee8);
     })));
-
     _defineProperty(_assertThisInitialized(_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) {
@@ -479,29 +384,22 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 _context9.next = 2;
                 break;
               }
-
               return _context9.abrupt("return", {});
-
             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;
-
               if (!error) {
                 _context9.next = 10;
                 break;
               }
-
               return _context9.abrupt("return", error);
-
             case 10:
               return _context9.abrupt("return", subscriptions);
-
             case 11:
             case "end":
               return _context9.stop();
@@ -509,10 +407,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee9);
     })));
-
     _defineProperty(_assertThisInitialized(_this), "initAccessType", function (callback) {
       var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
-
       try {
         _this.loadScript(function () {
           // dont try to initialize accessType if integration id is not available
@@ -520,130 +416,98 @@ 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", function () {
       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] : "";
-
       if (!selectedPlanObj) {
         console.warn("Razor pay needs a plan");
         return false;
       }
-
       var planObject = _this.makePlanObject(selectedPlanObj, planType, storyId, storyHeadline, storySlug); //we are doing this to sake of backward compatibility and will be refactored later.
-
-
       var paymentOptions = _this.props.paymentOptions;
       planObject["paymentType"] = get(planObject.selectedPlan, ["recurring"]) ? "razorpay_recurring" : "razorpay";
-
       var paymentObject = _this.makePaymentObject(planObject);
-
       return paymentOptions.razorpay.proceed(paymentObject);
     });
-
     _defineProperty(_assertThisInitialized(_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 () {
       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 () {
       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.proceed(paymentObject);
       });
     });
-
     _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 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"]), {}, {
@@ -658,16 +522,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             return response.proceed(paymentObject);
           }));
         };
-
         ReactDOM.render( /*#__PURE__*/React.createElement(AdyenModal, {
           afterOpen: afterOpen,
           afterClose: reject
         }), document.getElementById("adyen-modal"));
       };
-
       return new Promise(adyenExecutor);
     });
-
     _defineProperty(_assertThisInitialized(_this), "pingBackMeteredStory", /*#__PURE__*/function () {
       var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(asset, accessData) {
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
@@ -679,9 +540,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 } catch (e) {
                   console.log("error in pingbackAssetAccess", e);
                 }
-
                 return _context10.abrupt("return", true);
-
               case 2:
               case "end":
                 return _context10.stop();
@@ -689,16 +548,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee10);
       }));
-
       return function (_x6, _x7) {
         return _ref12.apply(this, arguments);
       };
     }());
-
     _defineProperty(_assertThisInitialized(_this), "checkAccess", /*#__PURE__*/function () {
       var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(assetId) {
         var asset, _yield$awaitHelper9, error, accessData, accessById, granted, grantReason, _accessData$data, data;
-
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) {
             switch (_context11.prev = _context11.next) {
@@ -707,48 +563,35 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   _context11.next = 3;
                   break;
                 }
-
                 console.warn("AssetId is required");
                 return _context11.abrupt("return", false);
-
               case 3:
                 _this.props.accessIsLoading(true);
-
                 asset = {
                   id: assetId,
                   type: "story"
                 };
                 _context11.next = 7;
                 return awaitHelper(global.AccessType.isAssetAccessible(asset, _this.props.disableMetering));
-
               case 7:
                 _yield$awaitHelper9 = _context11.sent;
                 error = _yield$awaitHelper9.error;
                 accessData = _yield$awaitHelper9.data;
                 accessById = _defineProperty({}, assetId, accessData);
-
                 _this.props.accessUpdated(accessById);
-
                 _this.props.accessIsLoading(false);
-
                 granted = accessData.granted, grantReason = accessData.grantReason, _accessData$data = accessData.data, data = _accessData$data === void 0 ? {} : _accessData$data;
-
                 if (!_this.props.disableMetering && granted && grantReason === "METERING") {
                   _this.pingBackMeteredStory(asset, accessData);
-
                   _this.props.meterUpdated(data.numberRemaining || -1);
                 }
-
                 if (!error) {
                   _context11.next = 17;
                   break;
                 }
-
                 return _context11.abrupt("return", error);
-
               case 17:
                 return _context11.abrupt("return", accessById);
-
               case 18:
               case "end":
                 return _context11.stop();
@@ -756,12 +599,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee11);
       }));
-
       return function (_x8) {
         return _ref13.apply(this, arguments);
       };
     }());
-
     _defineProperty(_assertThisInitialized(_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
       var metadata;
       return _regeneratorRuntime.wrap(function _callee12$(_context12) {
@@ -772,17 +613,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 _context12.next = 2;
                 break;
               }
-
               return _context12.abrupt("return", {});
-
             case 2:
               _context12.next = 4;
               return awaitHelper(global.AccessType.getSubscriberMetadata());
-
             case 4:
               metadata = _context12.sent;
               return _context12.abrupt("return", metadata);
-
             case 6:
             case "end":
               return _context12.stop();
@@ -790,7 +627,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         }
       }, _callee12);
     })));
-
     _defineProperty(_assertThisInitialized(_this), "setSubscriberMetadata", /*#__PURE__*/function () {
       var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(subscriberMetadata) {
         var response;
@@ -802,17 +638,13 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   _context13.next = 2;
                   break;
                 }
-
                 return _context13.abrupt("return", {});
-
               case 2:
                 _context13.next = 4;
                 return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
-
               case 4:
                 response = _context13.sent;
                 return _context13.abrupt("return", response);
-
               case 6:
               case "end":
                 return _context13.stop();
@@ -820,17 +652,14 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee13);
       }));
-
       return function (_x9) {
         return _ref15.apply(this, arguments);
       };
     }());
-
     _this.prodHost = props.prodHost || "https://www.accesstype.com";
     _this.stagingHost = props.stagingHost || "https://staging.accesstype.com";
     return _this;
   }
-
   _createClass(AccessTypeBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -840,34 +669,34 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     key: "makePaymentObject",
     value: function makePaymentObject(_ref16) {
       var _ref16$selectedPlan = _ref16.selectedPlan,
-          selectedPlan = _ref16$selectedPlan === void 0 ? {} : _ref16$selectedPlan,
-          _ref16$couponCode = _ref16.couponCode,
-          couponCode = _ref16$couponCode === void 0 ? "" : _ref16$couponCode,
-          _ref16$recipientSubsc = _ref16.recipientSubscriber,
-          recipientSubscriber = _ref16$recipientSubsc === void 0 ? {} : _ref16$recipientSubsc,
-          _ref16$planType = _ref16.planType,
-          planType = _ref16$planType === void 0 ? "" : _ref16$planType,
-          _ref16$storyId = _ref16.storyId,
-          storyId = _ref16$storyId === void 0 ? "" : _ref16$storyId,
-          _ref16$storyHeadline = _ref16.storyHeadline,
-          storyHeadline = _ref16$storyHeadline === void 0 ? "" : _ref16$storyHeadline,
-          _ref16$storySlug = _ref16.storySlug,
-          storySlug = _ref16$storySlug === void 0 ? "" : _ref16$storySlug,
-          _ref16$paymentType = _ref16.paymentType,
-          paymentType = _ref16$paymentType === void 0 ? "" : _ref16$paymentType,
-          _ref16$successUrl = _ref16.successUrl,
-          successUrl = _ref16$successUrl === void 0 ? "" : _ref16$successUrl,
-          _ref16$returnUrl = _ref16.returnUrl,
-          returnUrl = _ref16$returnUrl === void 0 ? "" : _ref16$returnUrl,
-          _ref16$cancelUrl = _ref16.cancelUrl,
-          cancelUrl = _ref16$cancelUrl === void 0 ? "" : _ref16$cancelUrl;
+        selectedPlan = _ref16$selectedPlan === void 0 ? {} : _ref16$selectedPlan,
+        _ref16$couponCode = _ref16.couponCode,
+        couponCode = _ref16$couponCode === void 0 ? "" : _ref16$couponCode,
+        _ref16$recipientSubsc = _ref16.recipientSubscriber,
+        recipientSubscriber = _ref16$recipientSubsc === void 0 ? {} : _ref16$recipientSubsc,
+        _ref16$planType = _ref16.planType,
+        planType = _ref16$planType === void 0 ? "" : _ref16$planType,
+        _ref16$storyId = _ref16.storyId,
+        storyId = _ref16$storyId === void 0 ? "" : _ref16$storyId,
+        _ref16$storyHeadline = _ref16.storyHeadline,
+        storyHeadline = _ref16$storyHeadline === void 0 ? "" : _ref16$storyHeadline,
+        _ref16$storySlug = _ref16.storySlug,
+        storySlug = _ref16$storySlug === void 0 ? "" : _ref16$storySlug,
+        _ref16$paymentType = _ref16.paymentType,
+        paymentType = _ref16$paymentType === void 0 ? "" : _ref16$paymentType,
+        _ref16$successUrl = _ref16.successUrl,
+        successUrl = _ref16$successUrl === void 0 ? "" : _ref16$successUrl,
+        _ref16$returnUrl = _ref16.returnUrl,
+        returnUrl = _ref16$returnUrl === void 0 ? "" : _ref16$returnUrl,
+        _ref16$cancelUrl = _ref16.cancelUrl,
+        cancelUrl = _ref16$cancelUrl === void 0 ? "" : _ref16$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;
+        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;
       var paymentObject = {
         type: planType,
         plan: {
@@ -891,7 +720,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           slug: storySlug
         }],
         recipient_subscriber: recipientSubscriber //for gift subscription
-
       };
 
       if ((successUrl || returnUrl) && cancelUrl) {
@@ -899,14 +727,12 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         paymentObject.options.urls = {
           cancel_url: cancelUrl
         };
-
         if (returnUrl) {
           paymentObject.options.urls["return_url"] = returnUrl;
         } else {
           paymentObject.options.urls["success_url"] = successUrl;
         }
       }
-
       return paymentObject;
     }
   }, {
@@ -932,8 +758,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         storyHeadline: storyHeadline,
         storySlug: storySlug
       };
-    } //TODO -> need to write test cases to cover all scenarios , selectedPlan, planType , coupon, urls, story details etc.
-
+    }
+    //TODO -> need to write test cases to cover all scenarios , selectedPlan, planType , coupon, urls, story details etc.
   }, {
     key: "render",
     value: function render() {
@@ -957,10 +783,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return AccessTypeBase;
 }(React.Component);
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     subscriptions: state.subscriptions || null,
@@ -968,7 +792,6 @@ var mapStateToProps = function mapStateToProps(state) {
     assetPlans: state.assetPlans || null
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     subscriptionGroupLoaded: function subscriptionGroupLoaded(subscriptions) {
@@ -1015,6 +838,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.
 
@@ -1168,6 +992,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  * @component
  * @category Subscription
  */
-
-
 export var AccessType = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(AccessTypeBase);