@stigg/react-sdk 4.9.0 → 4.11.0

package/src/components/utils/priceTierUtils.ts

@@ -1,17 +1,16 @@
-import { PaywallPlan } from '../paywall/types';
-
 import { BillingModel, TiersMode, BillingPeriod, Price, PriceTierFragment, Subscription } from '@stigg/js-client-sdk';
+import { PaywallPlan } from '../paywall/types';
 
 export function getPriceFeatureUnit(price: Price) {
   if (!price.feature) {
     return '';
   }
 
-  return (price.feature!.unitQuantity != 1 ? price.feature!.unitsPlural : price.feature!.units) || '';
+  return (price.feature.unitQuantity !== 1 ? price.feature.unitsPlural : price.feature.units) || '';
 }
 
 export function getTierByQuantity(tiers: PriceTierFragment[], quantity: number) {
-  if (!tiers) return;
+  if (!tiers) return undefined;
 
   const ascendingTiers = [...tiers];
   ascendingTiers.sort((a, b) => a.upTo - b.upTo);
@@ -32,16 +31,17 @@ export function calculateTierPrice(
   shouldShowMonthlyPriceAmount: boolean,
 ): number {
   switch (price.tiersMode) {
-    case TiersMode.Volume:
+    case TiersMode.Volume: {
       const unitPrice =
         selectedBillingPeriod === BillingPeriod.Annually && shouldShowMonthlyPriceAmount
           ? currentTier.unitPrice.amount / 12
           : currentTier.unitPrice.amount;
 
       return unitPrice * currentTier.upTo;
+    }
+    default:
+      return 0;
   }
-
-  return 0;
 }
 
 export function getSelectedTier(
@@ -50,20 +50,22 @@ 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) {
+  if (planTierPrices.length === 1) {
     const [price] = planTierPrices;
-    const featureId = price.feature!.featureId;
+    const { featureId } = price.feature!;
 
     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.pricingModel == BillingModel.PerUnit &&
+        (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;
@@ -114,11 +116,11 @@ export function compareSelectedTierToCurrentTier(
     return PriceTierComparison.Equal;
   }
 
-  if (selectedTier.upTo < unitQuantity!) {
+  if (selectedTier.upTo < unitQuantity) {
     return PriceTierComparison.Lower;
   }
 
-  if (selectedTier.upTo > unitQuantity!) {
+  if (selectedTier.upTo > unitQuantity) {
     return PriceTierComparison.Higher;
   }
 

package/src/components/utils/priceUtils.ts

@@ -3,7 +3,8 @@ import { Price } from '@stigg/js-client-sdk';
 export const getValidPriceQuantity = (price: Price, quantity: number) => {
   if (price.minUnitQuantity && quantity < price.minUnitQuantity) {
     return price.minUnitQuantity;
-  } else if (price.maxUnitQuantity && quantity > price.maxUnitQuantity) {
+  }
+  if (price.maxUnitQuantity && quantity > price.maxUnitQuantity) {
     return price.maxUnitQuantity;
   }
   return quantity;

package/src/custom.d.ts

@@ -1,5 +1,6 @@
 declare module '*.svg' {
   import { ReactElement, SVGProps } from 'react';
+
   const content: (props: SVGProps<SVGElement>) => ReactElement;
   export default content;
 }

package/src/types.ts

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