@stigg/react-sdk 4.4.0-beta.4 → 4.4.0-beta.5

package/dist/react-sdk.esm.js

@@ -7005,7 +7005,7 @@ var usePreviewSubscriptionAction = function usePreviewSubscriptionAction() {
 
   var previewSubscriptionAction = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_temp) {
-      var _ref4, promotionCode, estimateAddons, subscriptionPreview, errorMessage, previewSubscriptionProps, _error$message, _ref6, errorMsg;
+      var _ref4, promotionCode, estimateAddons, subscriptionPreview, errorMessage, isValid, previewSubscriptionProps, _error$message, _ref7, errorMsg;
 
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
@@ -7022,10 +7022,25 @@ var usePreviewSubscriptionAction = function usePreviewSubscriptionAction() {
               });
               subscriptionPreview = null;
               errorMessage = null;
-              _context.prev = 4;
+              isValid = !subscription.billableFeatures.some(function (_ref6) {
+                var quantity = _ref6.quantity;
+                return quantity === null;
+              });
+
+              if (isValid) {
+                _context.next = 7;
+                break;
+              }
+
+              return _context.abrupt("return", {
+                subscriptionPreview: subscriptionPreview
+              });
+
+            case 7:
+              _context.prev = 7;
 
               if (!(customer != null && customer.id && plan != null && plan.id)) {
-                _context.next = 10;
+                _context.next = 13;
                 break;
               }
 
@@ -7042,34 +7057,34 @@ var usePreviewSubscriptionAction = function usePreviewSubscriptionAction() {
                 billingAddress: subscription.billingAddress,
                 taxPercentage: subscription.taxPercentage
               }));
-              _context.next = 9;
+              _context.next = 12;
               return stigg.previewSubscription(previewSubscriptionProps);
 
-            case 9:
+            case 12:
               subscriptionPreview = _context.sent;
 
-            case 10:
-              _context.next = 16;
+            case 13:
+              _context.next = 19;
               break;
 
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](4);
-              _ref6 = (_context.t0 == null ? void 0 : (_error$message = _context.t0.message) == null ? void 0 : _error$message.split('Error:')) || [], errorMsg = _ref6[1];
+            case 15:
+              _context.prev = 15;
+              _context.t0 = _context["catch"](7);
+              _ref7 = (_context.t0 == null ? void 0 : (_error$message = _context.t0.message) == null ? void 0 : _error$message.split('Error:')) || [], errorMsg = _ref7[1];
               errorMessage = errorMsg == null ? void 0 : errorMsg.trim();
 
-            case 16:
+            case 19:
               return _context.abrupt("return", {
                 subscriptionPreview: subscriptionPreview,
                 errorMessage: errorMessage
               });
 
-            case 17:
+            case 20:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[4, 12]]);
+      }, _callee, null, [[7, 15]]);
     }));
 
     return function (_x) {
@@ -7094,7 +7109,7 @@ var usePreviewSubscription = function usePreviewSubscription() {
 
   useEffect(function () {
     var estimateSubscription = /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+      var _ref8 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
         var _yield$previewSubscri, subscriptionPreview;
 
         return runtime_1.wrap(function _callee2$(_context2) {
@@ -7108,7 +7123,11 @@ var usePreviewSubscription = function usePreviewSubscription() {
               case 3:
                 _yield$previewSubscri = _context2.sent;
                 subscriptionPreview = _yield$previewSubscri.subscriptionPreview;
-                setSubscriptionPreview(subscriptionPreview);
+
+                if (subscriptionPreview) {
+                  setSubscriptionPreview(subscriptionPreview);
+                }
+
                 setIsFetchingSubscriptionPreview(false);
 
               case 7:
@@ -7120,7 +7139,7 @@ var usePreviewSubscription = function usePreviewSubscription() {
       }));
 
       return function estimateSubscription() {
-        return _ref7.apply(this, arguments);
+        return _ref8.apply(this, arguments);
       };
     }();
 
@@ -12945,29 +12964,15 @@ function PlanCharge(_ref) {
   var _charge$feature, _charge$feature2, _charge$feature3;
 
   var charge = _ref.charge,
+      isValid = _ref.isValid,
       setBillableFeature = _ref.setBillableFeature,
       billableFeature = _ref.billableFeature,
       onValidationChange = _ref.onValidationChange;
-
-  var _React$useState = React__default.useState(true),
-      isValid = _React$useState[0],
-      setIsValid = _React$useState[1];
-
   var featureId = (_charge$feature = charge.feature) == null ? void 0 : _charge$feature.featureId;
   var isBaseCharge = !featureId;
   var isPayAsYouGo = charge.pricingModel === BillingModel.UsageBased;
   var displayName = isBaseCharge ? 'Base charge' : (_charge$feature2 = charge.feature) == null ? void 0 : _charge$feature2.displayName;
   var hasQuantityRestrictions = !!(charge != null && charge.minUnitQuantity || charge != null && charge.maxUnitQuantity);
-  useEffect(function () {
-    if (!featureId) {
-      return;
-    }
-
-    onValidationChange({
-      featureId: featureId,
-      isValid: isValid
-    });
-  }, [featureId, isValid, onValidationChange]);
 
   var handleQuantityChange = function handleQuantityChange(event) {
     var _event$target, _event$target2;
@@ -12976,14 +12981,20 @@ function PlanCharge(_ref) {
     var value = event != null && (_event$target = event.target) != null && _event$target.value ? Number(event == null ? void 0 : (_event$target2 = event.target) == null ? void 0 : _event$target2.value) : charge.minUnitQuantity;
 
     if (!value || value <= 0) {
-      setIsValid(false); // Reset the input value to null
+      onValidationChange({
+        featureId: featureId,
+        isValid: false
+      }); // Reset the input value to null
       // @ts-ignore
 
       setBillableFeature(featureId, null);
       return;
     }
 
-    setIsValid(true);
+    onValidationChange({
+      featureId: featureId,
+      isValid: true
+    });
     var quantity = getValidPriceQuantity(charge, value);
     setBillableFeature(featureId, quantity);
   };
@@ -13032,7 +13043,7 @@ function PlanCharge(_ref) {
           margin: '4px'
         }
       },
-      value: (billableFeature == null ? void 0 : billableFeature.quantity) || charge.minUnitQuantity,
+      value: (billableFeature == null ? void 0 : billableFeature.quantity) || charge.minUnitQuantity || '',
       onChange: handleQuantityChange
     });
   }
@@ -13070,7 +13081,12 @@ function CheckoutChargeList(_ref2) {
     return p.billingPeriod === billingPeriod;
   })) || []);
 
-  var _useState = useState({}),
+  var _useState = useState(planCharges == null ? void 0 : planCharges.reduce(function (acc, curr) {
+    var _curr$feature;
+
+    acc[((_curr$feature = curr.feature) == null ? void 0 : _curr$feature.featureId) || 'base-charge'] = true;
+    return acc;
+  }, {})),
       chargesValidation = _useState[0],
       setChargesValidation = _useState[1];
 
@@ -13081,7 +13097,7 @@ function CheckoutChargeList(_ref2) {
     setIsDisabled(isDisabled);
   }, [chargesValidation, setIsDisabled]);
   return React__default.createElement("div", null, planCharges == null ? void 0 : planCharges.map(function (charge) {
-    var _charge$feature5;
+    var _charge$feature5, _charge$feature6;
 
     var billableFeature = billableFeatures.find(function (x) {
       var _charge$feature4;
@@ -13093,6 +13109,7 @@ function CheckoutChargeList(_ref2) {
       charge: charge,
       setBillableFeature: setBillableFeature,
       billableFeature: billableFeature,
+      isValid: chargesValidation[((_charge$feature6 = charge.feature) == null ? void 0 : _charge$feature6.featureId) || 'base-charge'],
       onValidationChange: function onValidationChange(_ref3) {
         var featureId = _ref3.featureId,
             isValid = _ref3.isValid;