@stigg/react-sdk 4.10.0 → 4.12.0

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

@@ -15,7 +15,7 @@ export function computeBillingPeriods(
   if (preferredBillingPeriod && availableBillingPeriods.includes(preferredBillingPeriod)) {
     defaultBillingPeriod = preferredBillingPeriod;
   } else if (activeSubscriptions) {
-    const activeSubscription = activeSubscriptions.find((x) => x.status == SubscriptionStatus.Active);
+    const activeSubscription = activeSubscriptions.find((x) => x.status === SubscriptionStatus.Active);
 
     if (activeSubscription && activeSubscription.prices.length > 0) {
       defaultBillingPeriod = activeSubscription?.prices[0].billingPeriod;

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

@@ -1,10 +1,10 @@
-import { PaywallPlan } from '../types';
 import { BillingPeriod } from '@stigg/js-client-sdk';
-
-export function hasPricePointsForPlans(plans: PaywallPlan[], billingPeriod: BillingPeriod): boolean {
-  return plans.some((plan) => hasPricePoints(plan, billingPeriod));
-}
+import { PaywallPlan } from '../types';
 
 export function hasPricePoints(plan: PaywallPlan, billingPeriod: BillingPeriod): boolean {
   return plan.pricePoints.some((pricePoint) => pricePoint.billingPeriod === billingPeriod);
 }
+
+export function hasPricePointsForPlans(plans: PaywallPlan[], billingPeriod: BillingPeriod): boolean {
+  return plans.some((plan) => hasPricePoints(plan, billingPeriod));
+}

package/src/components/utils/getFeatureName.ts

@@ -1,10 +1,6 @@
 import { FeatureFragment } from '@stigg/api-client-js/src/generated/sdk';
 import lowercase from 'lodash/lowerCase';
 
-export function getFeatureDisplayName(feature: FeatureFragment) {
-  return getFeatureDisplayNameText(feature.displayName, feature.featureUnits, feature.featureUnitsPlural);
-}
-
 export function getFeatureDisplayNameText(
   featureDisplayName: string,
   featureUnits: string | undefined | null,
@@ -24,3 +20,7 @@ export function getFeatureDisplayNameText(
 
   return `${featureDisplayName} (${featureUnitsPlural})`;
 }
+
+export function getFeatureDisplayName(feature: FeatureFragment) {
+  return getFeatureDisplayNameText(feature.displayName, feature.featureUnits, feature.featureUnitsPlural);
+}

package/src/components/utils/getPaidPriceText.ts

@@ -69,9 +69,9 @@ export function getPaidPriceText({
   }
 
   return {
-    price: currencyPriceFormatter({ amount: priceNumber, currency: currency, locale }),
-    unit: unit,
-    tiers: tiers,
-    tierUnits: tierUnits,
+    price: currencyPriceFormatter({ amount: priceNumber, currency, locale }),
+    unit,
+    tiers,
+    tierUnits,
   };
 }

package/src/components/utils/getPlanPrice.ts

@@ -1,6 +1,5 @@
 import { BillingPeriod, PriceTierFragment, PricingType } from '@stigg/js-client-sdk';
-import { PaywallPlan } from '../paywall';
-import { PaywallLocalization } from '../paywall';
+import { PaywallPlan, PaywallLocalization } from '../paywall';
 import { getPaidPriceText } from './getPaidPriceText';
 
 export type PlanPriceText = {
@@ -24,7 +23,7 @@ export function getPlanPrice(
         return paywallLocale.price.free(plan.paywallCurrency);
       }
 
-      return paywallLocale.price.free as PlanPriceText;
+      return paywallLocale.price.free;
     case PricingType.Custom:
       return {
         price: paywallLocale.price.custom,

package/src/components/utils/getSubscriptionScheduleUpdateTexts.tsx

@@ -6,9 +6,9 @@ import {
   CustomerPortalSubscriptionScheduledUpdateDataFragment,
   SubscriptionScheduleType,
 } from '@stigg/js-client-sdk';
-import { BillingPeriodChangeVariables, UnitAmountChangeVariables } from '../../types';
 import { CustomerPortalSubscriptionPriceFragment } from '@stigg/api-client-js/src/generated/sdk';
 import { compact, map } from 'lodash';
+import { BillingPeriodChangeVariables, UnitAmountChangeVariables } from '../../types';
 
 const formatDate = (date: string) => moment.utc(date).format('MMMM Do, yyyy');
 

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(
@@ -54,9 +54,9 @@ export function getSelectedTier(
     (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];
 
@@ -65,7 +65,7 @@ export function getSelectedTier(
     } else if (currentSubscription) {
       const tieredPrice = currentSubscription.prices.find(
         (subscriptionPrice) =>
-          subscriptionPrice.pricingModel == BillingModel.PerUnit &&
+          subscriptionPrice.pricingModel === BillingModel.PerUnit &&
           subscriptionPrice.tiersMode &&
           subscriptionPrice.feature?.featureId === featureId,
       );
@@ -99,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;
@@ -116,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;
 }