@stigg/react-sdk 4.2.1 → 4.2.2

package/dist/react-sdk.esm.js

@@ -1,4 +1,4 @@
-import Stigg__default, { EntitlementResetPeriod, WidgetType, SubscriptionScheduleType, BillingModel, TiersMode, BillingPeriod, PricingType, Currency, FontWeight as FontWeight$1, Alignment, SubscriptionStatus, MeterType } from '@stigg/js-client-sdk';
+import Stigg__default, { EntitlementResetPeriod, WidgetType, SubscriptionScheduleType, BillingModel, TiersMode, BillingPeriod, PricingType, Currency, SubscriptionStatus, FontWeight as FontWeight$1, Alignment, MeterType } from '@stigg/js-client-sdk';
 export * from '@stigg/js-client-sdk';
 import React__default, { createElement, forwardRef, useState, useEffect, useCallback, useRef, useContext, useMemo } from 'react';
 import _styled from '@emotion/styled/base';
@@ -699,14 +699,14 @@ function getSelectedTier(plan, billingPeriod, currentSubscription, selectedTierB
       var tieredPrice = currentSubscription.prices.find(function (subscriptionPrice) {
         var _subscriptionPrice$fe;
 
-        return subscriptionPrice.pricingModel == BillingModel.PerUnit && subscriptionPrice.billingPeriod == billingPeriod && subscriptionPrice.tiersMode && ((_subscriptionPrice$fe = subscriptionPrice.feature) == null ? void 0 : _subscriptionPrice$fe.featureId) === featureId;
+        return subscriptionPrice.pricingModel == BillingModel.PerUnit && subscriptionPrice.tiersMode && ((_subscriptionPrice$fe = subscriptionPrice.feature) == null ? void 0 : _subscriptionPrice$fe.featureId) === featureId;
       });
 
       if (tieredPrice) {
-        var customerTier = tieredPrice.tiers.find(function (tier) {
+        var customerTier = price.tiers.find(function (tier) {
           return tier.upTo === tieredPrice.feature.unitQuantity;
         });
-        currentTier = customerTier || tieredPrice.tiers[0];
+        currentTier = customerTier || price.tiers[0];
       }
     }
 
@@ -2955,7 +2955,7 @@ var useStiggContext = function useStiggContext() {
   return ctx;
 };
 
-function computeBillingPeriods(plans, preferredBillingPeriod) {
+function computeBillingPeriods(plans, activeSubscriptions, preferredBillingPeriod) {
   var billingPeriods = plans.flatMap(function (x) {
     return x.pricePoints;
   }).map(function (x) {
@@ -2967,7 +2967,17 @@ function computeBillingPeriods(plans, preferredBillingPeriod) {
 
   if (preferredBillingPeriod && availableBillingPeriods.includes(preferredBillingPeriod)) {
     defaultBillingPeriod = preferredBillingPeriod;
-  } else {
+  } else if (activeSubscriptions) {
+    var activeSubscription = activeSubscriptions.find(function (x) {
+      return x.status == SubscriptionStatus.Active;
+    });
+
+    if (activeSubscription && activeSubscription.prices.length > 0) {
+      defaultBillingPeriod = activeSubscription == null ? void 0 : activeSubscription.prices[0].billingPeriod;
+    }
+  }
+
+  if (!defaultBillingPeriod) {
     defaultBillingPeriod = (counts[BillingPeriod.Monthly] || 0) > (counts[BillingPeriod.Annually] || 0) ? BillingPeriod.Monthly : BillingPeriod.Annually;
   }
 
@@ -3269,7 +3279,7 @@ function useLoadPaywallData(_ref) {
 
               case 6:
                 paywallResult = _context.sent;
-                _computeBillingPeriod = computeBillingPeriods(paywallResult.plans, preferredBillingPeriod), _availableBillingPeriods = _computeBillingPeriod.availableBillingPeriods, defaultBillingPeriod = _computeBillingPeriod.defaultBillingPeriod;
+                _computeBillingPeriod = computeBillingPeriods(paywallResult.plans, paywallResult.activeSubscriptions, preferredBillingPeriod), _availableBillingPeriods = _computeBillingPeriod.availableBillingPeriods, defaultBillingPeriod = _computeBillingPeriod.defaultBillingPeriod;
                 setPaywall(paywallResult);
                 setAvailableBillingPeriods(_availableBillingPeriods);
                 setSelectedBillingPeriod(defaultBillingPeriod);