@stigg/react-sdk 5.2.1 → 5.4.0

package/dist/components/common/TiersSelectContainer.d.ts

@@ -4,11 +4,9 @@ export declare type TiersSelectContainerProps = {
     componentId: string;
     tiers?: PriceTierFragment[] | null;
     tierUnits?: string;
-    selectedTier?: PriceTierFragment;
-    handleTierChange: (tier: PriceTierFragment) => void;
     tiersMode?: TiersMode | null;
-    handlePerUnitQuantityChange: (quantity: number) => void;
-    perUnitQuantity?: number;
+    handleChange: (quantity: number) => void;
+    value: number;
     width?: number;
 };
 export declare function TiersSelectContainer(props: TiersSelectContainerProps): JSX.Element;

package/dist/components/common/VolumeBulkSelect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TiersSelectContainerProps } from './TiersSelectContainer';
-export declare function VolumeBulkSelect({ selectedTier, componentId, tierUnits, tiers, handleChange, }: Pick<TiersSelectContainerProps, 'selectedTier' | 'componentId' | 'tiers' | 'tierUnits'> & {
+export declare function VolumeBulkSelect({ value, componentId, tierUnits, tiers, handleChange, }: Pick<TiersSelectContainerProps, 'value' | 'componentId' | 'tiers' | 'tierUnits'> & {
     handleChange: (quantity: number) => void;
 }): JSX.Element | null;

package/dist/components/common/VolumePerUnitInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TiersSelectContainerProps } from './TiersSelectContainer';
-export declare function VolumePerUnitInput({ width, tierUnits, perUnitQuantity, handlePerUnitQuantityChange, handleChange, }: Pick<TiersSelectContainerProps, 'width' | 'tierUnits' | 'perUnitQuantity' | 'handlePerUnitQuantityChange'> & {
+export declare function VolumePerUnitInput({ width, tierUnits, value, handleChange, }: Pick<TiersSelectContainerProps, 'width' | 'tierUnits' | 'value'> & {
     handleChange: (quantity: number) => void;
 }): JSX.Element;

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

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

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

@@ -1,14 +1,12 @@
 import React from 'react';
-import { BillingPeriod, PriceTierFragment } from '@stigg/js-client-sdk';
+import { BillingPeriod } from '@stigg/js-client-sdk';
 import { PaywallPlan } from './types';
 import { PaywallLocalization } from './paywallTextOverrides';
-export declare const PlanPrice: ({ showStartingAt, withUnitPriceRow, withStartingAtRow, withTiersRow, selectedTierByFeature, setSelectedTierByFeature, plan, billingPeriod, paywallLocale, locale, hasMonthlyPrice, hasAnnuallyPrice, perUnitQuantityByFeature, setPerUnitQuantityByFeature, }: {
+export declare const PlanPrice: ({ showStartingAt, withUnitPriceRow, withStartingAtRow, withTiersRow, plan, billingPeriod, paywallLocale, locale, hasMonthlyPrice, hasAnnuallyPrice, perUnitQuantityByFeature, setPerUnitQuantityByFeature, }: {
     showStartingAt: boolean;
     withUnitPriceRow: boolean;
     withStartingAtRow: boolean;
     withTiersRow: boolean;
-    selectedTierByFeature: Record<string, PriceTierFragment>;
-    setSelectedTierByFeature: React.Dispatch<React.SetStateAction<Record<string, PriceTierFragment>>>;
     perUnitQuantityByFeature: Record<string, number>;
     setPerUnitQuantityByFeature: React.Dispatch<React.SetStateAction<Record<string, number>>>;
     plan: PaywallPlan;

package/dist/components/utils/fixtures/price.fixtures.d.ts

@@ -0,0 +1,7 @@
+import { Currency, Price, TiersMode } from '@stigg/js-client-sdk';
+export declare const money: (amount: number, currency: Currency) => {
+    amount: number;
+    currency: Currency;
+};
+export declare const priceTiersFlat: (tiersMode: TiersMode, currency: Currency) => Pick<Price, 'tiers' | 'tiersMode'>;
+export declare const priceTiersUnit: (tiersMode: TiersMode, currency: Currency) => Pick<Price, 'tiers' | 'tiersMode'>;

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

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

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

@@ -6,4 +6,4 @@ export declare type PlanPriceText = {
     tiers?: PriceTierFragment[] | null | undefined;
     tierUnits?: string;
 };
-export declare function getPlanPrice(plan: PaywallPlan, billingPeriod: BillingPeriod, paywallLocale: PaywallLocalization, locale: string, shouldShowMonthlyPriceAmount: boolean, selectedTierByFeature?: Record<string, PriceTierFragment>, perUnitQuantityByFeature?: Record<string, number>): PlanPriceText;
+export declare function getPlanPrice(plan: PaywallPlan, billingPeriod: BillingPeriod, paywallLocale: PaywallLocalization, locale: string, shouldShowMonthlyPriceAmount: boolean, perUnitQuantityByFeature?: Record<string, number>): PlanPriceText;

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

@@ -2,15 +2,20 @@ import { BillingPeriod, Price, PriceTierFragment, Subscription } from '@stigg/js
 import { PaywallPlan } from '../paywall';
 import { SelectDefaultTierIndexFn } from '../paywall/types';
 export declare function getPriceFeatureUnit(price: Price): string;
-export declare function getTierByQuantity(tiers: PriceTierFragment[], quantity: number): PriceTierFragment | undefined;
-export declare function calculateTierPriceVolume(currentTier: PriceTierFragment, perUnitQuantity: number, selectedBillingPeriod?: BillingPeriod, shouldShowMonthlyPriceAmount?: boolean): number;
-export declare function calculateTierPrice(price: Price, currentTier: PriceTierFragment, selectedBillingPeriod: BillingPeriod, shouldShowMonthlyPriceAmount: boolean, perUnitQuantity: number): number;
-export declare function getSelectedTierQuantityBeFeature(plan: PaywallPlan, billingPeriod: BillingPeriod, currentSubscription: Subscription | null): Record<string, number>;
+export declare function getTierByQuantity(tiers: PriceTierFragment[], quantity: number): PriceTierFragment;
+export declare function calculateTierPriceGraduated(tiers: PriceTierFragment[], unitQuantity: number, selectedBillingPeriod?: BillingPeriod, shouldShowMonthlyPriceAmount?: boolean): {
+    total: number;
+    breakdown: Array<{
+        unitQuantity: number;
+        amount: number;
+    }>;
+};
+export declare function calculateTierPrice(price: Pick<Price, 'tiers' | 'tiersMode'>, unitQuantity: number, selectedBillingPeriod?: BillingPeriod, shouldShowMonthlyPriceAmount?: boolean): number;
 export declare function hasTierWithUnitPrice(tiers: PriceTierFragment[] | null | undefined): boolean | undefined;
-export declare function getSelectedTier(plan: PaywallPlan, billingPeriod: BillingPeriod, currentSubscription: Subscription | null, selectedTierByFeature: Record<string, PriceTierFragment>, selectDefaultTierIndex?: SelectDefaultTierIndexFn): Record<string, PriceTierFragment>;
+export declare function getTiersPerUnitQuantities(plan: PaywallPlan, billingPeriod: BillingPeriod, currentSubscription: Subscription | null, selectDefaultTierIndex?: SelectDefaultTierIndexFn): Record<string, number>;
 export declare enum PriceTierComparison {
     Lower = -1,
     Equal = 0,
     Higher = 1
 }
-export declare function compareSelectedTierToCurrentTier(selectedTierByFeature: Record<string, PriceTierFragment>, perUnitQuantityByFeature: Record<string, number>, currentSubscription: Subscription | null): PriceTierComparison;
+export declare function compareSelectedTierToCurrentTier(perUnitQuantityByFeature: Record<string, number>, currentSubscription: Subscription | null): PriceTierComparison;

package/dist/components/utils/priceTierUtils.spec.d.ts

@@ -0,0 +1 @@
+export {};