@quintype/components 3.5.1-test.1 → 3.5.1-upgrade-downgrade.0

package/dist/cjs/index.js

@@ -5030,7 +5030,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       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, "\"]"));
-      console.log("");
 
       if (accessTypeKey && !isATScriptAlreadyPresent && !global.AccessType && global.document) {
         var accessTypeScript = document.createElement("script");
@@ -5223,19 +5222,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               subscriptions = _yield$awaitHelper3.data;
 
               if (!error) {
-                _context4.next = 16;
+                _context4.next = 15;
                 break;
               }
 
-              console.log("getSubscription---------", error);
               return _context4.abrupt("return", {
                 error: "subscriptions fetch failed"
               });
 
-            case 16:
+            case 15:
               return _context4.abrupt("return", subscriptions["subscription_groups"] || []);
 
-            case 17:
+            case 16:
             case "end":
               return _context4.stop();
           }
@@ -5267,19 +5265,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               paymentOptions = _yield$awaitHelper4.data;
 
               if (!error) {
-                _context5.next = 10;
+                _context5.next = 9;
                 break;
               }
 
-              console.log("error---------------getPaymentOptions", error);
               return _context5.abrupt("return", {
                 error: "payment options fetch failed"
               });
 
-            case 10:
+            case 9:
               return _context5.abrupt("return", paymentOptions);
 
-            case 11:
+            case 10:
             case "end":
               return _context5.stop();
           }
@@ -5322,19 +5319,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               assetPlans = _yield$awaitHelper5$d === void 0 ? {} : _yield$awaitHelper5$d;
 
               if (!error) {
-                _context6.next = 12;
+                _context6.next = 11;
                 break;
               }
 
-              console.log("error---------------getAssetPlans", error);
               return _context6.abrupt("return", {
                 error: "asset plan fetch failed"
               });
 
-            case 12:
+            case 11:
               return _context6.abrupt("return", assetPlans);
 
-            case 13:
+            case 12:
             case "end":
               return _context6.stop();
           }
@@ -5352,7 +5348,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               isAccessTypeCampaignEnabled = get__default["default"](_this.props, ["isAccessTypeCampaignEnabled"], false);
 
               if (!isAccessTypeCampaignEnabled) {
-                _context7.next = 19;
+                _context7.next = 18;
                 break;
               }
 
@@ -5375,22 +5371,21 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               campaignSubscriptions = _yield$awaitHelper6.data;
 
               if (!error) {
-                _context7.next = 18;
+                _context7.next = 17;
                 break;
               }
 
-              console.log("error---------------getCampaignSubscription", error);
               return _context7.abrupt("return", {
                 error: "subscriptions fetch failed"
               });
 
-            case 18:
+            case 17:
               return _context7.abrupt("return", campaignSubscriptions["subscription_groups"] || []);
 
-            case 19:
+            case 18:
               return _context7.abrupt("return", []);
 
-            case 20:
+            case 19:
             case "end":
               return _context7.stop();
           }
@@ -5423,7 +5418,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             case 6:
               _yield$awaitHelper7 = _context8.sent;
               error = _yield$awaitHelper7.error;
-              console.log("error---------", error);
 
               if (!error) {
                 try {
@@ -5435,11 +5429,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                         campaignSubscriptionGroups = _ref10[3];
 
                     reactRedux.batch(function () {
-                      console.log("subscriptionGroups----------", subscriptionGroups);
-                      console.log("paymentOptions----------", paymentOptions);
-                      console.log("assetPlans----------", assetPlans);
-                      console.log("campaignSubscriptionGroups----------", campaignSubscriptionGroups);
-
                       _this.props.subscriptionGroupLoaded(subscriptionGroups);
 
                       _this.props.paymentOptionsLoaded(paymentOptions);
@@ -5455,7 +5444,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 }
               }
 
-            case 10:
+            case 9:
             case "end":
               return _context8.stop();
           }
@@ -5505,6 +5494,62 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee9);
     })));
 
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriptionsWithSwitchablePlans", /*#__PURE__*/function () {
+      var _ref12 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(planId) {
+        var _yield$awaitHelper9, error, _yield$awaitHelper9$d, subscription;
+
+        return _regeneratorRuntime__default["default"].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);
+      }));
+
+      return function (_x6) {
+        return _ref12.apply(this, arguments);
+      };
+    }());
+
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAccessType", function (callback) {
       var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
 
@@ -5523,7 +5568,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initRazorPayPayment", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initRazorPayPayment", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11() {
       var selectedPlanObj,
           planType,
           storyId,
@@ -5535,29 +5580,29 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           _planObject$selectedP,
           discounted_price_cents,
           price_cents,
-          _yield$awaitHelper9,
+          _yield$awaitHelper10,
           data,
           paymentObject,
-          _args10 = arguments;
+          _args11 = arguments;
 
-      return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
-              selectedPlanObj = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : {};
-              planType = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : "";
-              storyId = _args10.length > 2 && _args10[2] !== undefined ? _args10[2] : "";
-              storyHeadline = _args10.length > 3 && _args10[3] !== undefined ? _args10[3] : "";
-              storySlug = _args10.length > 4 && _args10[4] !== undefined ? _args10[4] : "";
-              paymentType = _args10.length > 5 && _args10[5] !== undefined ? _args10[5] : "";
+              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] : "";
 
               if (selectedPlanObj) {
-                _context10.next = 9;
+                _context11.next = 9;
                 break;
               }
 
               console.warn("Razor pay needs a plan");
-              return _context10.abrupt("return", false);
+              return _context11.abrupt("return", false);
 
             case 9:
               planObject = _this.makePlanObject(selectedPlanObj, planType, storyId, storyHeadline, storySlug); //we are doing this to sake of backward compatibility and will be refactored later.
@@ -5566,16 +5611,16 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               _planObject$selectedP = planObject.selectedPlan, discounted_price_cents = _planObject$selectedP.discounted_price_cents, price_cents = _planObject$selectedP.price_cents;
 
               if (!(discounted_price_cents === 0 || price_cents === 0)) {
-                _context10.next = 18;
+                _context11.next = 18;
                 break;
               }
 
-              _context10.next = 15;
+              _context11.next = 15;
               return awaitHelper(global.AccessType.getPaymentOptions(0));
 
             case 15:
-              _yield$awaitHelper9 = _context10.sent;
-              data = _yield$awaitHelper9.data;
+              _yield$awaitHelper10 = _context11.sent;
+              data = _yield$awaitHelper10.data;
               paymentOptions = data;
 
             case 18:
@@ -5585,23 +5630,23 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }));
 
               if (!(paymentObject.payment.amount_cents === 0)) {
-                _context10.next = 22;
+                _context11.next = 22;
                 break;
               }
 
-              return _context10.abrupt("return", global.AccessType.getPaymentOptions(0).then(function (provider) {
+              return _context11.abrupt("return", global.AccessType.getPaymentOptions(0).then(function (provider) {
                 return provider.razorpay.proceed(paymentObject);
               }));
 
             case 22:
-              return _context10.abrupt("return", paymentOptions.razorpay.proceed(paymentObject));
+              return _context11.abrupt("return", paymentOptions.razorpay.proceed(paymentObject));
 
             case 23:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10);
+      }, _callee11);
     })));
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initStripePayment", function () {
@@ -5744,10 +5789,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "pingBackMeteredStory", /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(asset, accessData) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
+      var _ref14 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(asset, accessData) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
           while (1) {
-            switch (_context11.prev = _context11.next) {
+            switch (_context12.prev = _context12.next) {
               case 0:
                 try {
                   global.AccessType.pingbackAssetAccess(asset, accessData);
@@ -5755,161 +5800,150 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   console.log("error in pingbackAssetAccess", e);
                 }
 
-                return _context11.abrupt("return", true);
+                return _context12.abrupt("return", true);
 
               case 2:
               case "end":
-                return _context11.stop();
+                return _context12.stop();
             }
           }
-        }, _callee11);
+        }, _callee12);
       }));
 
-      return function (_x6, _x7) {
-        return _ref13.apply(this, arguments);
+      return function (_x7, _x8) {
+        return _ref14.apply(this, arguments);
       };
     }());
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "checkAccess", /*#__PURE__*/function () {
-      var _ref14 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(assetId) {
-        var asset, _yield$awaitHelper10, error, accessData, accessById, _ref15, granted, grantReason, _ref15$data, data;
+      var _ref15 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(assetId) {
+        var asset, _yield$awaitHelper11, error, accessData, accessById, _ref16, granted, grantReason, _ref16$data, data;
 
-        return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
           while (1) {
-            switch (_context12.prev = _context12.next) {
+            switch (_context13.prev = _context13.next) {
               case 0:
-                console.log("check access--------");
-
                 if (assetId) {
-                  _context12.next = 4;
+                  _context13.next = 3;
                   break;
                 }
 
                 console.warn("AssetId is required");
-                return _context12.abrupt("return", false);
-
-              case 4:
-                console.log("check access--------", assetId);
+                return _context13.abrupt("return", false);
 
+              case 3:
                 _this.props.accessIsLoading(true);
 
                 asset = {
                   id: assetId,
                   type: "story"
                 };
-                _context12.next = 9;
+                _context13.next = 7;
                 return awaitHelper(global.AccessType.isAssetAccessible(asset, _this.props.disableMetering));
 
-              case 9:
-                _yield$awaitHelper10 = _context12.sent;
-                error = _yield$awaitHelper10.error;
-                accessData = _yield$awaitHelper10.data;
-                console.log("error-----------", error);
+              case 7:
+                _yield$awaitHelper11 = _context13.sent;
+                error = _yield$awaitHelper11.error;
+                accessData = _yield$awaitHelper11.data;
 
                 if (!error) {
-                  _context12.next = 15;
+                  _context13.next = 12;
                   break;
                 }
 
-                return _context12.abrupt("return", error);
+                return _context13.abrupt("return", error);
 
-              case 15:
-                console.log("accessData-----------", accessData);
+              case 12:
                 accessById = _defineProperty__default["default"]({}, assetId, accessData);
-                console.log("accessbyid------------", accessById);
 
                 _this.props.accessUpdated(accessById);
 
                 _this.props.accessIsLoading(false);
 
-                console.log("accessbyid------------ after updated", accessById);
-                _ref15 = accessData || {}, granted = _ref15.granted, grantReason = _ref15.grantReason, _ref15$data = _ref15.data, data = _ref15$data === void 0 ? {} : _ref15$data;
+                _ref16 = accessData || {}, granted = _ref16.granted, grantReason = _ref16.grantReason, _ref16$data = _ref16.data, data = _ref16$data === void 0 ? {} : _ref16$data;
 
                 if (!_this.props.disableMetering && granted && grantReason === "METERING") {
-                  console.log("granted condition----------");
-
                   _this.pingBackMeteredStory(asset, accessData);
 
                   _this.props.meterUpdated(data.numberRemaining || -1);
                 }
 
-                console.log("accessbyid------------ last one", accessById);
-                return _context12.abrupt("return", accessById);
+                return _context13.abrupt("return", accessById);
 
-              case 25:
+              case 18:
               case "end":
-                return _context12.stop();
+                return _context13.stop();
             }
           }
-        }, _callee12);
+        }, _callee13);
       }));
 
-      return function (_x8) {
-        return _ref14.apply(this, arguments);
+      return function (_x9) {
+        return _ref15.apply(this, arguments);
       };
     }());
 
-    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13() {
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14() {
       var metadata;
-      return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
               if (global.AccessType) {
-                _context13.next = 2;
+                _context14.next = 2;
                 break;
               }
 
-              return _context13.abrupt("return", {});
+              return _context14.abrupt("return", {});
 
             case 2:
-              _context13.next = 4;
+              _context14.next = 4;
               return awaitHelper(global.AccessType.getSubscriberMetadata());
 
             case 4:
-              metadata = _context13.sent;
-              return _context13.abrupt("return", metadata);
+              metadata = _context14.sent;
+              return _context14.abrupt("return", metadata);
 
             case 6:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
         }
-      }, _callee13);
+      }, _callee14);
     })));
 
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setSubscriberMetadata", /*#__PURE__*/function () {
-      var _ref17 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(subscriberMetadata) {
+      var _ref18 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(subscriberMetadata) {
         var response;
-        return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
           while (1) {
-            switch (_context14.prev = _context14.next) {
+            switch (_context15.prev = _context15.next) {
               case 0:
                 if (!(!global.AccessType || !subscriberMetadata)) {
-                  _context14.next = 2;
+                  _context15.next = 2;
                   break;
                 }
 
-                return _context14.abrupt("return", {});
+                return _context15.abrupt("return", {});
 
               case 2:
-                _context14.next = 4;
+                _context15.next = 4;
                 return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
 
               case 4:
-                response = _context14.sent;
-                return _context14.abrupt("return", response);
+                response = _context15.sent;
+                return _context15.abrupt("return", response);
 
               case 6:
               case "end":
-                return _context14.stop();
+                return _context15.stop();
             }
           }
-        }, _callee14);
+        }, _callee15);
       }));
 
-      return function (_x9) {
-        return _ref17.apply(this, arguments);
+      return function (_x10) {
+        return _ref18.apply(this, arguments);
       };
     }());
 
@@ -5925,29 +5959,29 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "makePaymentObject",
-    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;
+    value: function makePaymentObject(_ref19) {
+      var _ref19$selectedPlan = _ref19.selectedPlan,
+          selectedPlan = _ref19$selectedPlan === void 0 ? {} : _ref19$selectedPlan,
+          _ref19$couponCode = _ref19.couponCode,
+          couponCode = _ref19$couponCode === void 0 ? "" : _ref19$couponCode,
+          _ref19$recipientSubsc = _ref19.recipientSubscriber,
+          recipientSubscriber = _ref19$recipientSubsc === void 0 ? {} : _ref19$recipientSubsc,
+          _ref19$planType = _ref19.planType,
+          planType = _ref19$planType === void 0 ? "" : _ref19$planType,
+          _ref19$storyId = _ref19.storyId,
+          storyId = _ref19$storyId === void 0 ? "" : _ref19$storyId,
+          _ref19$storyHeadline = _ref19.storyHeadline,
+          storyHeadline = _ref19$storyHeadline === void 0 ? "" : _ref19$storyHeadline,
+          _ref19$storySlug = _ref19.storySlug,
+          storySlug = _ref19$storySlug === void 0 ? "" : _ref19$storySlug,
+          _ref19$paymentType = _ref19.paymentType,
+          paymentType = _ref19$paymentType === void 0 ? "" : _ref19$paymentType,
+          _ref19$successUrl = _ref19.successUrl,
+          successUrl = _ref19$successUrl === void 0 ? "" : _ref19$successUrl,
+          _ref19$returnUrl = _ref19.returnUrl,
+          returnUrl = _ref19$returnUrl === void 0 ? "" : _ref19$returnUrl,
+          _ref19$cancelUrl = _ref19.cancelUrl,
+          cancelUrl = _ref19$cancelUrl === void 0 ? "" : _ref19$cancelUrl;
       var id = selectedPlan.id,
           title = selectedPlan.title,
           description = selectedPlan.description,
@@ -6039,6 +6073,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         initPaytrailPayment: this.initPaytrailPayment,
         checkAccess: this.checkAccess,
         getSubscription: this.getSubscription,
+        getSubscriptionsWithSwitchablePlans: this.getSubscriptionsWithSwitchablePlans,
         getSubscriptionForUser: this.getSubscriptionForUser,
         accessUpdated: this.props.accessUpdated,
         accessIsLoading: this.props.accessIsLoading,

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

@@ -51,7 +51,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       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, "\"]"));
-      console.log("");
 
       if (accessTypeKey && !isATScriptAlreadyPresent && !global.AccessType && global.document) {
         var accessTypeScript = document.createElement("script");
@@ -244,19 +243,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               subscriptions = _yield$awaitHelper3.data;
 
               if (!error) {
-                _context4.next = 16;
+                _context4.next = 15;
                 break;
               }
 
-              console.log("getSubscription---------", error);
               return _context4.abrupt("return", {
                 error: "subscriptions fetch failed"
               });
 
-            case 16:
+            case 15:
               return _context4.abrupt("return", subscriptions["subscription_groups"] || []);
 
-            case 17:
+            case 16:
             case "end":
               return _context4.stop();
           }
@@ -288,19 +286,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               paymentOptions = _yield$awaitHelper4.data;
 
               if (!error) {
-                _context5.next = 10;
+                _context5.next = 9;
                 break;
               }
 
-              console.log("error---------------getPaymentOptions", error);
               return _context5.abrupt("return", {
                 error: "payment options fetch failed"
               });
 
-            case 10:
+            case 9:
               return _context5.abrupt("return", paymentOptions);
 
-            case 11:
+            case 10:
             case "end":
               return _context5.stop();
           }
@@ -343,19 +340,18 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               assetPlans = _yield$awaitHelper5$d === void 0 ? {} : _yield$awaitHelper5$d;
 
               if (!error) {
-                _context6.next = 12;
+                _context6.next = 11;
                 break;
               }
 
-              console.log("error---------------getAssetPlans", error);
               return _context6.abrupt("return", {
                 error: "asset plan fetch failed"
               });
 
-            case 12:
+            case 11:
               return _context6.abrupt("return", assetPlans);
 
-            case 13:
+            case 12:
             case "end":
               return _context6.stop();
           }
@@ -373,7 +369,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               isAccessTypeCampaignEnabled = get(_this.props, ["isAccessTypeCampaignEnabled"], false);
 
               if (!isAccessTypeCampaignEnabled) {
-                _context7.next = 19;
+                _context7.next = 18;
                 break;
               }
 
@@ -396,22 +392,21 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               campaignSubscriptions = _yield$awaitHelper6.data;
 
               if (!error) {
-                _context7.next = 18;
+                _context7.next = 17;
                 break;
               }
 
-              console.log("error---------------getCampaignSubscription", error);
               return _context7.abrupt("return", {
                 error: "subscriptions fetch failed"
               });
 
-            case 18:
+            case 17:
               return _context7.abrupt("return", campaignSubscriptions["subscription_groups"] || []);
 
-            case 19:
+            case 18:
               return _context7.abrupt("return", []);
 
-            case 20:
+            case 19:
             case "end":
               return _context7.stop();
           }
@@ -444,7 +439,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
             case 6:
               _yield$awaitHelper7 = _context8.sent;
               error = _yield$awaitHelper7.error;
-              console.log("error---------", error);
 
               if (!error) {
                 try {
@@ -456,11 +450,6 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                         campaignSubscriptionGroups = _ref10[3];
 
                     batch(function () {
-                      console.log("subscriptionGroups----------", subscriptionGroups);
-                      console.log("paymentOptions----------", paymentOptions);
-                      console.log("assetPlans----------", assetPlans);
-                      console.log("campaignSubscriptionGroups----------", campaignSubscriptionGroups);
-
                       _this.props.subscriptionGroupLoaded(subscriptionGroups);
 
                       _this.props.paymentOptionsLoaded(paymentOptions);
@@ -476,7 +465,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                 }
               }
 
-            case 10:
+            case 9:
             case "end":
               return _context8.stop();
           }
@@ -526,6 +515,62 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }, _callee9);
     })));
 
+    _defineProperty(_assertThisInitialized(_this), "getSubscriptionsWithSwitchablePlans", /*#__PURE__*/function () {
+      var _ref12 = _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);
+      }));
+
+      return function (_x6) {
+        return _ref12.apply(this, arguments);
+      };
+    }());
+
     _defineProperty(_assertThisInitialized(_this), "initAccessType", function (callback) {
       var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
 
@@ -544,7 +589,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "initRazorPayPayment", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    _defineProperty(_assertThisInitialized(_this), "initRazorPayPayment", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
       var selectedPlanObj,
           planType,
           storyId,
@@ -556,29 +601,29 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
           _planObject$selectedP,
           discounted_price_cents,
           price_cents,
-          _yield$awaitHelper9,
+          _yield$awaitHelper10,
           data,
           paymentObject,
-          _args10 = arguments;
+          _args11 = arguments;
 
-      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
-              selectedPlanObj = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : {};
-              planType = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : "";
-              storyId = _args10.length > 2 && _args10[2] !== undefined ? _args10[2] : "";
-              storyHeadline = _args10.length > 3 && _args10[3] !== undefined ? _args10[3] : "";
-              storySlug = _args10.length > 4 && _args10[4] !== undefined ? _args10[4] : "";
-              paymentType = _args10.length > 5 && _args10[5] !== undefined ? _args10[5] : "";
+              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] : "";
 
               if (selectedPlanObj) {
-                _context10.next = 9;
+                _context11.next = 9;
                 break;
               }
 
               console.warn("Razor pay needs a plan");
-              return _context10.abrupt("return", false);
+              return _context11.abrupt("return", false);
 
             case 9:
               planObject = _this.makePlanObject(selectedPlanObj, planType, storyId, storyHeadline, storySlug); //we are doing this to sake of backward compatibility and will be refactored later.
@@ -587,16 +632,16 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               _planObject$selectedP = planObject.selectedPlan, discounted_price_cents = _planObject$selectedP.discounted_price_cents, price_cents = _planObject$selectedP.price_cents;
 
               if (!(discounted_price_cents === 0 || price_cents === 0)) {
-                _context10.next = 18;
+                _context11.next = 18;
                 break;
               }
 
-              _context10.next = 15;
+              _context11.next = 15;
               return awaitHelper(global.AccessType.getPaymentOptions(0));
 
             case 15:
-              _yield$awaitHelper9 = _context10.sent;
-              data = _yield$awaitHelper9.data;
+              _yield$awaitHelper10 = _context11.sent;
+              data = _yield$awaitHelper10.data;
               paymentOptions = data;
 
             case 18:
@@ -606,23 +651,23 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
               }));
 
               if (!(paymentObject.payment.amount_cents === 0)) {
-                _context10.next = 22;
+                _context11.next = 22;
                 break;
               }
 
-              return _context10.abrupt("return", global.AccessType.getPaymentOptions(0).then(function (provider) {
+              return _context11.abrupt("return", global.AccessType.getPaymentOptions(0).then(function (provider) {
                 return provider.razorpay.proceed(paymentObject);
               }));
 
             case 22:
-              return _context10.abrupt("return", paymentOptions.razorpay.proceed(paymentObject));
+              return _context11.abrupt("return", paymentOptions.razorpay.proceed(paymentObject));
 
             case 23:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10);
+      }, _callee11);
     })));
 
     _defineProperty(_assertThisInitialized(_this), "initStripePayment", function () {
@@ -765,10 +810,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "pingBackMeteredStory", /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(asset, accessData) {
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+      var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(asset, accessData) {
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
           while (1) {
-            switch (_context11.prev = _context11.next) {
+            switch (_context12.prev = _context12.next) {
               case 0:
                 try {
                   global.AccessType.pingbackAssetAccess(asset, accessData);
@@ -776,161 +821,150 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
                   console.log("error in pingbackAssetAccess", e);
                 }
 
-                return _context11.abrupt("return", true);
+                return _context12.abrupt("return", true);
 
               case 2:
               case "end":
-                return _context11.stop();
+                return _context12.stop();
             }
           }
-        }, _callee11);
+        }, _callee12);
       }));
 
-      return function (_x6, _x7) {
-        return _ref13.apply(this, arguments);
+      return function (_x7, _x8) {
+        return _ref14.apply(this, arguments);
       };
     }());
 
     _defineProperty(_assertThisInitialized(_this), "checkAccess", /*#__PURE__*/function () {
-      var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(assetId) {
-        var asset, _yield$awaitHelper10, error, accessData, accessById, _ref15, granted, grantReason, _ref15$data, data;
+      var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(assetId) {
+        var asset, _yield$awaitHelper11, error, accessData, accessById, _ref16, granted, grantReason, _ref16$data, data;
 
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
           while (1) {
-            switch (_context12.prev = _context12.next) {
+            switch (_context13.prev = _context13.next) {
               case 0:
-                console.log("check access--------");
-
                 if (assetId) {
-                  _context12.next = 4;
+                  _context13.next = 3;
                   break;
                 }
 
                 console.warn("AssetId is required");
-                return _context12.abrupt("return", false);
-
-              case 4:
-                console.log("check access--------", assetId);
+                return _context13.abrupt("return", false);
 
+              case 3:
                 _this.props.accessIsLoading(true);
 
                 asset = {
                   id: assetId,
                   type: "story"
                 };
-                _context12.next = 9;
+                _context13.next = 7;
                 return awaitHelper(global.AccessType.isAssetAccessible(asset, _this.props.disableMetering));
 
-              case 9:
-                _yield$awaitHelper10 = _context12.sent;
-                error = _yield$awaitHelper10.error;
-                accessData = _yield$awaitHelper10.data;
-                console.log("error-----------", error);
+              case 7:
+                _yield$awaitHelper11 = _context13.sent;
+                error = _yield$awaitHelper11.error;
+                accessData = _yield$awaitHelper11.data;
 
                 if (!error) {
-                  _context12.next = 15;
+                  _context13.next = 12;
                   break;
                 }
 
-                return _context12.abrupt("return", error);
+                return _context13.abrupt("return", error);
 
-              case 15:
-                console.log("accessData-----------", accessData);
+              case 12:
                 accessById = _defineProperty({}, assetId, accessData);
-                console.log("accessbyid------------", accessById);
 
                 _this.props.accessUpdated(accessById);
 
                 _this.props.accessIsLoading(false);
 
-                console.log("accessbyid------------ after updated", accessById);
-                _ref15 = accessData || {}, granted = _ref15.granted, grantReason = _ref15.grantReason, _ref15$data = _ref15.data, data = _ref15$data === void 0 ? {} : _ref15$data;
+                _ref16 = accessData || {}, granted = _ref16.granted, grantReason = _ref16.grantReason, _ref16$data = _ref16.data, data = _ref16$data === void 0 ? {} : _ref16$data;
 
                 if (!_this.props.disableMetering && granted && grantReason === "METERING") {
-                  console.log("granted condition----------");
-
                   _this.pingBackMeteredStory(asset, accessData);
 
                   _this.props.meterUpdated(data.numberRemaining || -1);
                 }
 
-                console.log("accessbyid------------ last one", accessById);
-                return _context12.abrupt("return", accessById);
+                return _context13.abrupt("return", accessById);
 
-              case 25:
+              case 18:
               case "end":
-                return _context12.stop();
+                return _context13.stop();
             }
           }
-        }, _callee12);
+        }, _callee13);
       }));
 
-      return function (_x8) {
-        return _ref14.apply(this, arguments);
+      return function (_x9) {
+        return _ref15.apply(this, arguments);
       };
     }());
 
-    _defineProperty(_assertThisInitialized(_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+    _defineProperty(_assertThisInitialized(_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
       var metadata;
-      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
               if (global.AccessType) {
-                _context13.next = 2;
+                _context14.next = 2;
                 break;
               }
 
-              return _context13.abrupt("return", {});
+              return _context14.abrupt("return", {});
 
             case 2:
-              _context13.next = 4;
+              _context14.next = 4;
               return awaitHelper(global.AccessType.getSubscriberMetadata());
 
             case 4:
-              metadata = _context13.sent;
-              return _context13.abrupt("return", metadata);
+              metadata = _context14.sent;
+              return _context14.abrupt("return", metadata);
 
             case 6:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
         }
-      }, _callee13);
+      }, _callee14);
     })));
 
     _defineProperty(_assertThisInitialized(_this), "setSubscriberMetadata", /*#__PURE__*/function () {
-      var _ref17 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(subscriberMetadata) {
+      var _ref18 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(subscriberMetadata) {
         var response;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
           while (1) {
-            switch (_context14.prev = _context14.next) {
+            switch (_context15.prev = _context15.next) {
               case 0:
                 if (!(!global.AccessType || !subscriberMetadata)) {
-                  _context14.next = 2;
+                  _context15.next = 2;
                   break;
                 }
 
-                return _context14.abrupt("return", {});
+                return _context15.abrupt("return", {});
 
               case 2:
-                _context14.next = 4;
+                _context15.next = 4;
                 return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
 
               case 4:
-                response = _context14.sent;
-                return _context14.abrupt("return", response);
+                response = _context15.sent;
+                return _context15.abrupt("return", response);
 
               case 6:
               case "end":
-                return _context14.stop();
+                return _context15.stop();
             }
           }
-        }, _callee14);
+        }, _callee15);
       }));
 
-      return function (_x9) {
-        return _ref17.apply(this, arguments);
+      return function (_x10) {
+        return _ref18.apply(this, arguments);
       };
     }());
 
@@ -946,29 +980,29 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "makePaymentObject",
-    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;
+    value: function makePaymentObject(_ref19) {
+      var _ref19$selectedPlan = _ref19.selectedPlan,
+          selectedPlan = _ref19$selectedPlan === void 0 ? {} : _ref19$selectedPlan,
+          _ref19$couponCode = _ref19.couponCode,
+          couponCode = _ref19$couponCode === void 0 ? "" : _ref19$couponCode,
+          _ref19$recipientSubsc = _ref19.recipientSubscriber,
+          recipientSubscriber = _ref19$recipientSubsc === void 0 ? {} : _ref19$recipientSubsc,
+          _ref19$planType = _ref19.planType,
+          planType = _ref19$planType === void 0 ? "" : _ref19$planType,
+          _ref19$storyId = _ref19.storyId,
+          storyId = _ref19$storyId === void 0 ? "" : _ref19$storyId,
+          _ref19$storyHeadline = _ref19.storyHeadline,
+          storyHeadline = _ref19$storyHeadline === void 0 ? "" : _ref19$storyHeadline,
+          _ref19$storySlug = _ref19.storySlug,
+          storySlug = _ref19$storySlug === void 0 ? "" : _ref19$storySlug,
+          _ref19$paymentType = _ref19.paymentType,
+          paymentType = _ref19$paymentType === void 0 ? "" : _ref19$paymentType,
+          _ref19$successUrl = _ref19.successUrl,
+          successUrl = _ref19$successUrl === void 0 ? "" : _ref19$successUrl,
+          _ref19$returnUrl = _ref19.returnUrl,
+          returnUrl = _ref19$returnUrl === void 0 ? "" : _ref19$returnUrl,
+          _ref19$cancelUrl = _ref19.cancelUrl,
+          cancelUrl = _ref19$cancelUrl === void 0 ? "" : _ref19$cancelUrl;
       var id = selectedPlan.id,
           title = selectedPlan.title,
           description = selectedPlan.description,
@@ -1060,6 +1094,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
         initPaytrailPayment: this.initPaytrailPayment,
         checkAccess: this.checkAccess,
         getSubscription: this.getSubscription,
+        getSubscriptionsWithSwitchablePlans: this.getSubscriptionsWithSwitchablePlans,
         getSubscriptionForUser: this.getSubscriptionForUser,
         accessUpdated: this.props.accessUpdated,
         accessIsLoading: this.props.accessIsLoading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.5.1-test.1",
+  "version": "3.5.1-upgrade-downgrade.0",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",