@stigg/react-sdk 4.8.1 → 4.10.0

package/src/components/utils/getFeatureName.ts

@@ -5,8 +5,12 @@ export function getFeatureDisplayName(feature: FeatureFragment) {
   return getFeatureDisplayNameText(feature.displayName, feature.featureUnits, feature.featureUnitsPlural);
 }
 
-export function getFeatureDisplayNameText(featureDisplayName: string, featureUnits: string | undefined | null, featureUnitsPlural: string | undefined | null) {
-  if(!featureUnits && !featureUnitsPlural) {
+export function getFeatureDisplayNameText(
+  featureDisplayName: string,
+  featureUnits: string | undefined | null,
+  featureUnitsPlural: string | undefined | null,
+) {
+  if (!featureUnits && !featureUnitsPlural) {
     return featureDisplayName;
   }
 
@@ -19,4 +23,4 @@ export function getFeatureDisplayNameText(featureDisplayName: string, featureUni
   }
 
   return `${featureDisplayName} (${featureUnitsPlural})`;
-}
+}

package/src/components/utils/getPlanPrice.ts

@@ -30,9 +30,9 @@ export function getPlanPrice(
         price: paywallLocale.price.custom,
       };
     case PricingType.Paid: {
-      const planPrices = plan.pricePoints.filter(pricePoint => pricePoint.billingPeriod === billingPeriod);
+      const planPrices = plan.pricePoints.filter((pricePoint) => pricePoint.billingPeriod === billingPeriod);
       const paywallCalculatedPrice = plan.paywallCalculatedPricePoints?.find(
-        pricePoint => pricePoint.billingPeriod === billingPeriod,
+        (pricePoint) => pricePoint.billingPeriod === billingPeriod,
       );
 
       if (!planPrices?.length && !paywallCalculatedPrice) {

package/src/components/utils/priceTierUtils.ts

@@ -50,7 +50,9 @@ export function getSelectedTier(
   currentSubscription: Subscription | null,
   selectedTierByFeature: Record<string, PriceTierFragment>,
 ): Record<string, PriceTierFragment> {
-  const planTierPrices = plan.pricePoints.filter(price => price.billingPeriod === billingPeriod && price.isTieredPrice);
+  const planTierPrices = plan.pricePoints.filter(
+    (price) => price.billingPeriod === billingPeriod && price.isTieredPrice,
+  );
 
   if (planTierPrices.length == 1) {
     const [price] = planTierPrices;
@@ -59,10 +61,10 @@ export function getSelectedTier(
     let currentTier = price.tiers![0];
 
     if (selectedTierByFeature[featureId]) {
-      currentTier = price.tiers?.find(tier => tier.upTo === selectedTierByFeature[featureId].upTo) || currentTier;
+      currentTier = price.tiers?.find((tier) => tier.upTo === selectedTierByFeature[featureId].upTo) || currentTier;
     } else if (currentSubscription) {
       const tieredPrice = currentSubscription.prices.find(
-        subscriptionPrice =>
+        (subscriptionPrice) =>
           subscriptionPrice.pricingModel == BillingModel.PerUnit &&
           subscriptionPrice.tiersMode &&
           subscriptionPrice.feature?.featureId === featureId,
@@ -97,7 +99,7 @@ export function compareSelectedTierToCurrentTier(
   }
 
   const currentTierPrice = currentSubscription.prices.find(
-    price => price.pricingModel == BillingModel.PerUnit && price.tiersMode,
+    (price) => price.pricingModel == BillingModel.PerUnit && price.tiersMode,
   );
   if (!currentTierPrice) {
     return PriceTierComparison.Equal;

package/src/stories/Paywall.stories.tsx

@@ -39,6 +39,7 @@ const Template: ComponentStory<any> = (args) => (
     resourceId={args.resourceId}
     billingCountryCode={args.billingCountryCode}
     preferredBillingPeriod={args.preferredBillingPeriod}
+    shouldHidePlan={args.shouldHidePlan}
   />
 );
 

package/src/types.ts

@@ -19,4 +19,4 @@ export type BillingPeriodChangeVariables = {
 export type UnitAmountChangeVariables = {
   newUnitAmount?: number;
   featureId: string;
-};
+};