@stigg/react-sdk 4.5.3 → 4.5.5

package/src/components/paywall/utils/mapPaywallData.ts

@@ -16,7 +16,8 @@ import { mapPaywallConfiguration } from '../../common/mapExternalTheme';
 
 function getCustomerSubscriptionDetails(activeSubscriptions?: Subscription[] | null) {
   let isCustomerOnTrial = true;
-  let currentSubscription: Subscription | null = activeSubscriptions?.find((s) => s.status === SubscriptionStatus.InTrial) || null;
+  let currentSubscription: Subscription | null =
+    activeSubscriptions?.find((s) => s.status === SubscriptionStatus.InTrial) || null;
   let currentPlan = currentSubscription?.plan;
   const trialDaysLeft = currentSubscription?.trialEndDate
     ? calculateTrialDaysLeft(currentSubscription.trialEndDate)
@@ -45,9 +46,8 @@ type PaywallData = {
 
 export function mapPaywallData(paywall: Paywall | null, showOnlyEligiblePlans?: boolean): PaywallData {
   const { plans, currency, configuration, customer, activeSubscriptions, paywallCalculatedPricePoints } = paywall || {};
-  const { currentSubscription, currentPlan, isCustomerOnTrial, trialDaysLeft } = getCustomerSubscriptionDetails(
-    activeSubscriptions,
-  );
+  const { currentSubscription, currentPlan, isCustomerOnTrial, trialDaysLeft } =
+    getCustomerSubscriptionDetails(activeSubscriptions);
 
   const scheduledUpdates = currentSubscription?.scheduledUpdates || [];
   const currentCustomerPlanBillingPeriod = currentSubscription?.price?.billingPeriod;
@@ -58,16 +58,18 @@ export function mapPaywallData(paywall: Paywall | null, showOnlyEligiblePlans?:
     ({ subscriptionScheduleType }) => subscriptionScheduleType === SubscriptionScheduleType.BillingPeriod,
   );
 
-  let paywallPlans: PaywallPlan[] = sortBy(plans, plan => plan.order).map(plan => {
+  let paywallPlans: PaywallPlan[] = sortBy(plans, (plan) => plan.order).map((plan) => {
     const eligibleForProductTrial = customer?.eligibleForTrial?.find(
-      productTrial => productTrial.productId === plan.product.id,
+      (productTrial) => productTrial.productId === plan.product.id,
     );
     const isCurrentCustomerPlan = plan.id === currentPlan?.id;
 
     const isNextPlan = (currentBillingPeriod: BillingPeriod) => {
       const downgradeVariables = downgradeSchedule?.scheduleVariables as DowngradeChangeVariables;
       const billingChangedVariables = billingChangedSchedule?.scheduleVariables as BillingPeriodChangeVariables;
-      const isPlanHasBillingPeriodPrice = plan.pricePoints.some(price => price.billingPeriod === currentBillingPeriod);
+      const isPlanHasBillingPeriodPrice = plan.pricePoints.some(
+        (price) => price.billingPeriod === currentBillingPeriod,
+      );
 
       return downgradeSchedule
         ? downgradeSchedule.targetPackage?.refId === plan.id &&
@@ -79,7 +81,7 @@ export function mapPaywallData(paywall: Paywall | null, showOnlyEligiblePlans?:
 
     return {
       ...plan,
-      paywallCalculatedPricePoints: paywallCalculatedPricePoints?.filter(pricePoint => pricePoint.planId === plan.id),
+      paywallCalculatedPricePoints: paywallCalculatedPricePoints?.filter((pricePoint) => pricePoint.planId === plan.id),
       isTriable: !isNil(plan.defaultTrialConfig) && (!eligibleForProductTrial || eligibleForProductTrial.eligible),
       isCurrentCustomerPlan,
       currentCustomerPlanBillingPeriod,
@@ -91,14 +93,14 @@ export function mapPaywallData(paywall: Paywall | null, showOnlyEligiblePlans?:
     };
   });
   if (plans && currentPlan) {
-    const currentPlanOrder = currentPlan && plans?.find(x => x.id === currentPlan?.id)?.order;
+    const currentPlanOrder = currentPlan && plans?.find((x) => x.id === currentPlan?.id)?.order;
     if (!isNil(currentPlanOrder)) {
-      paywallPlans = paywallPlans.map<PaywallPlan>(plan => ({
+      paywallPlans = paywallPlans.map<PaywallPlan>((plan) => ({
         ...plan,
         isLowerThanCurrentPlan: currentPlanOrder > plan.order,
       }));
       if (showOnlyEligiblePlans) {
-        paywallPlans = paywallPlans.filter(plan => plan.order > currentPlanOrder);
+        paywallPlans = paywallPlans.filter((plan) => plan.order >= currentPlanOrder);
       }
     }
   }

package/src/stories/Checkout.stories.tsx

@@ -59,8 +59,8 @@ const Template: ComponentStory<any> = (args) => (
           return { success: true };
         }
 
-        const { success, errorMessage } = await checkoutAction();
-        return { success, errorMessage };
+        const { success, errorMessage, results } = await checkoutAction(checkoutParams);
+        return { success, errorMessage, results };
       }}
       billableFeatures={[{ featureId: 'feature-seat', quantity: 30 }]}
       onChangePlan={({ currentPlan }) => {