@stigg/react-sdk 4.1.1 → 4.2.0

package/dist/components/paywall/PlanOffering.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-import { BillingPeriod, Customer, Subscription } from '@stigg/js-client-sdk';
+import { BillableFeature, BillingPeriod, Customer, Subscription } from '@stigg/js-client-sdk';
 import { PaywallPlan, SubscribeIntentionType } from './types';
 import { PaywallLocalization } from './paywallTextOverrides';
 declare type PlanOfferingProps = {
     withUnitPriceRow: boolean;
+    withTiersRow: boolean;
+    withTrialLeftRow: boolean;
     customer: Customer | null;
     plan: PaywallPlan;
     billingPeriod: BillingPeriod;
@@ -13,10 +15,10 @@ declare type PlanOfferingProps = {
     hasAnnuallyPrice: boolean;
     hasMonthlyPrice: boolean;
     isCustomerOnTrial: boolean;
-    onPlanSelected: (intentionType: SubscribeIntentionType) => void | Promise<void>;
+    onPlanSelected: (intentionType: SubscribeIntentionType, billableFeatures: BillableFeature[]) => void | Promise<void>;
     paywallLocale: PaywallLocalization;
     locale: string;
-    withStartingAtRow?: boolean;
+    withStartingAtRow: boolean;
 };
-export declare function PlanOffering({ withUnitPriceRow, customer, plan, billingPeriod, isHighlighted, currentSubscription, shouldShowDescriptionSection, hasMonthlyPrice, hasAnnuallyPrice, isCustomerOnTrial, onPlanSelected, paywallLocale, locale, withStartingAtRow, }: PlanOfferingProps): JSX.Element;
+export declare function PlanOffering({ withUnitPriceRow, withTiersRow, withTrialLeftRow, customer, plan, billingPeriod, isHighlighted, currentSubscription, shouldShowDescriptionSection, hasMonthlyPrice, hasAnnuallyPrice, isCustomerOnTrial, onPlanSelected, paywallLocale, locale, withStartingAtRow, }: PlanOfferingProps): JSX.Element;
 export {};

package/dist/components/paywall/PlanOfferingButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BillingPeriod, Customer, Subscription } from '@stigg/js-client-sdk';
+import { BillingPeriod, Customer, PriceTierFragment, Subscription } from '@stigg/js-client-sdk';
 import { PaywallPlan, SubscribeIntentionType } from './types';
 import { PaywallLocalization } from './paywallTextOverrides';
 declare type PlanOfferingButtonProps = {
@@ -11,6 +11,9 @@ declare type PlanOfferingButtonProps = {
     isCustomerOnTrial: boolean;
     paywallLocale: PaywallLocalization;
     onPlanSelected: (intentionType: SubscribeIntentionType) => void | Promise<void>;
+    hasTiersRow: boolean;
+    withTrialLeftRow: boolean;
+    selectedTierByFeature: Record<string, PriceTierFragment>;
 };
-export declare function PlanOfferingButton({ isNextPlan, customer, plan, billingPeriod, isCustomerOnTrial, onPlanSelected, paywallLocale, }: PlanOfferingButtonProps): JSX.Element;
+export declare function PlanOfferingButton({ isNextPlan, customer, plan, billingPeriod, isCustomerOnTrial, onPlanSelected, paywallLocale, hasTiersRow, withTrialLeftRow, currentSubscription, selectedTierByFeature, }: PlanOfferingButtonProps): JSX.Element;
 export {};

package/dist/components/paywall/PlanPrice.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { PaywallPlan } from './types';
+import { PaywallLocalization } from './paywallTextOverrides';
+import { BillingPeriod, PriceTierFragment } from '@stigg/js-client-sdk';
+export declare const PlanPrice: ({ showStartingAt, withUnitPriceRow, withStartingAtRow, withTiersRow, selectedTierByFeature, setSelectedTierByFeature, plan, billingPeriod, paywallLocale, locale, hasMonthlyPrice, hasAnnuallyPrice, }: {
+    showStartingAt: boolean;
+    withUnitPriceRow: boolean;
+    withStartingAtRow: boolean;
+    withTiersRow: boolean;
+    selectedTierByFeature: Record<string, PriceTierFragment>;
+    setSelectedTierByFeature: (selectedTierByFeature: Record<string, PriceTierFragment>) => void;
+    plan: PaywallPlan;
+    billingPeriod: BillingPeriod;
+    paywallLocale: PaywallLocalization;
+    hasMonthlyPrice: boolean;
+    hasAnnuallyPrice: boolean;
+    locale: string;
+}) => JSX.Element;

package/dist/components/paywall/TiersLayout.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PaywallPlan } from './types';
+import { PriceTierFragment } from '@stigg/js-client-sdk';
+export declare function TiersLayout({ plan, tiers, tierUnits, selectedTier, handleTierChange, }: {
+    plan: PaywallPlan;
+    tiers?: PriceTierFragment[] | null;
+    tierUnits?: string;
+    selectedTier?: PriceTierFragment;
+    handleTierChange: (tier: PriceTierFragment) => void;
+}): JSX.Element;

package/dist/components/paywall/paywallTextOverrides.d.ts

@@ -1,4 +1,4 @@
-import { BillingPeriod, PaywallCalculatedPricePoint, PaywallCurrency, Plan, Price } from '@stigg/js-client-sdk';
+import { BillingPeriod, PaywallCalculatedPricePoint, PaywallCurrency, Plan, Price, PriceTierFragment } from '@stigg/js-client-sdk';
 import { DeepPartial } from '../../types';
 import { PlanPriceText } from '../utils/getPlanPrice';
 import { PaywallPlan } from './types';
@@ -25,6 +25,7 @@ export declare type PaywallLocalization = {
             paywallCalculatedPrice?: PaywallCalculatedPricePoint;
             plan: Plan;
             selectedBillingPeriod: BillingPeriod;
+            selectedTier?: PriceTierFragment;
         }) => PlanPriceText;
     };
 };
@@ -48,6 +49,16 @@ export declare function getResolvedPaywallLocalize(localizeOverride?: DeepPartia
         free?: {
             price?: string | undefined;
             unit?: string | undefined;
+            tiers?: ({
+                __typename?: "PriceTier" | undefined;
+                upTo?: number | undefined;
+                unitPrice?: {
+                    __typename?: "Money" | undefined;
+                    amount?: number | undefined;
+                    currency?: import("@stigg/js-client-sdk").Currency | undefined;
+                } | undefined;
+            } | undefined)[] | null | undefined;
+            tierUnits?: string | undefined;
         } | {} | undefined;
         paid?: {} | undefined;
     } | undefined;

package/dist/components/paywall/planPriceTier.d.ts

@@ -0,0 +1,10 @@
+import { PaywallPlan } from './types';
+import { BillingPeriod, Price, PriceTierFragment, Subscription } from '@stigg/js-client-sdk';
+export declare function calculateTierPrice(price: Price, currentTier: PriceTierFragment, selectedBillingPeriod: BillingPeriod, shouldShowMonthlyPriceAmount: boolean): number;
+export declare function getSelectedTier(plan: PaywallPlan, billingPeriod: BillingPeriod, currentSubscription: Subscription | null, selectedTierByFeature: Record<string, PriceTierFragment>): Record<string, PriceTierFragment>;
+export declare enum PriceTierComparison {
+    Lower = -1,
+    Equal = 0,
+    Higher = 1
+}
+export declare function compareSelectedTierToCurrentTier(selectedTierByFeature: Record<string, PriceTierFragment>, currentSubscription: Subscription | null): PriceTierComparison;

package/dist/components/paywall/types.d.ts

@@ -1,4 +1,4 @@
-import { BillingPeriod, Customer, Plan, Subscription, CustomerPortalSubscriptionScheduledUpdateDataFragment, PaywallCurrency, PaywallCalculatedPricePoint } from '@stigg/js-client-sdk';
+import { BillingPeriod, Customer, Plan, Subscription, CustomerPortalSubscriptionScheduledUpdateDataFragment, PaywallCurrency, PaywallCalculatedPricePoint, BillableFeature } from '@stigg/js-client-sdk';
 import { CustomizedTheme } from '../../theme/Theme';
 export declare type PaywallData = {
     plans: PaywallPlan[] | null;
@@ -32,10 +32,11 @@ export declare type PaywallPlan = Plan & {
     paywallCurrency?: PaywallCurrency;
     paywallCalculatedPricePoints?: PaywallCalculatedPricePoint[];
 };
-export declare type OnPlanSelectedCallbackFn = ({ plan, customer, subscription, intentionType, selectedBillingPeriod, }: {
+export declare type OnPlanSelectedCallbackFn = ({ plan, customer, subscription, intentionType, selectedBillingPeriod, billableFeatures, }: {
     plan: Plan;
     customer: Customer | null;
     subscription: Subscription | null;
     intentionType: SubscribeIntentionType;
     selectedBillingPeriod: BillingPeriod;
+    billableFeatures?: BillableFeature[];
 }) => void | Promise<void>;

package/dist/components/utils/getPaidPriceText.d.ts

@@ -1,4 +1,4 @@
-import { BillingPeriod, PaywallCalculatedPricePoint, Price } from '@stigg/js-client-sdk';
+import { BillingPeriod, PaywallCalculatedPricePoint, Price, PriceTierFragment } from '@stigg/js-client-sdk';
 import { PlanPriceText } from './getPlanPrice';
 declare type GetPaidPriceTextParams = {
     planPrices: Price[];
@@ -6,6 +6,7 @@ declare type GetPaidPriceTextParams = {
     selectedBillingPeriod: BillingPeriod;
     locale: string;
     shouldShowMonthlyPriceAmount: boolean;
+    selectedTierByFeature: Record<string, PriceTierFragment>;
 };
-export declare function getPaidPriceText({ planPrices, paywallCalculatedPrice, selectedBillingPeriod, locale, shouldShowMonthlyPriceAmount, }: GetPaidPriceTextParams): PlanPriceText;
+export declare function getPaidPriceText({ planPrices, paywallCalculatedPrice, selectedBillingPeriod, locale, shouldShowMonthlyPriceAmount, selectedTierByFeature, }: GetPaidPriceTextParams): PlanPriceText;
 export {};

package/dist/components/utils/getPlanPrice.d.ts

@@ -1,8 +1,10 @@
-import { BillingPeriod } from '@stigg/js-client-sdk';
+import { BillingPeriod, PriceTierFragment } from '@stigg/js-client-sdk';
 import { PaywallPlan } from '../paywall';
 import { PaywallLocalization } from '../paywall';
 export declare type PlanPriceText = {
     price: string;
     unit?: string;
+    tiers?: PriceTierFragment[] | null | undefined;
+    tierUnits?: string;
 };
-export declare function getPlanPrice(plan: PaywallPlan, billingPeriod: BillingPeriod, paywallLocale: PaywallLocalization, locale: string, shouldShowMonthlyPriceAmount: boolean): PlanPriceText;
+export declare function getPlanPrice(plan: PaywallPlan, billingPeriod: BillingPeriod, paywallLocale: PaywallLocalization, locale: string, shouldShowMonthlyPriceAmount: boolean, selectedTierByFeature?: Record<string, PriceTierFragment>): PlanPriceText;