@stigg/react-sdk 4.13.2 → 4.14.0

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

@@ -1,9 +1,14 @@
 /// <reference types="react" />
-import { PriceTierFragment } from '@stigg/js-client-sdk';
-export declare function TiersSelectContainer({ componentId, tiers, tierUnits, selectedTier, handleTierChange, }: {
+import { PriceTierFragment, TiersMode } from '@stigg/js-client-sdk';
+export declare type TiersSelectContainerProps = {
     componentId: string;
     tiers?: PriceTierFragment[] | null;
     tierUnits?: string;
     selectedTier?: PriceTierFragment;
     handleTierChange: (tier: PriceTierFragment) => void;
-}): JSX.Element;
+    tiersMode?: TiersMode | null;
+    handlePerUnitQuantityChange: (quantity: number) => void;
+    perUnitQuantity?: number;
+    width?: number;
+};
+export declare function TiersSelectContainer(props: TiersSelectContainerProps): JSX.Element;

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

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

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

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

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

@@ -13,6 +13,7 @@ declare type PlanOfferingButtonProps = {
     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, }: PlanOfferingButtonProps): JSX.Element;
+export declare function PlanOfferingButton({ isNextPlan, customer, plan, billingPeriod, isCustomerOnTrial, onPlanSelected, paywallLocale, withTrialLeftRow, currentSubscription, selectedTierByFeature, perUnitQuantityByFeature, }: PlanOfferingButtonProps): JSX.Element;
 export {};

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

@@ -2,13 +2,15 @@ import React from 'react';
 import { BillingPeriod, PriceTierFragment } 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, }: {
+export declare const PlanPrice: ({ showStartingAt, withUnitPriceRow, withStartingAtRow, withTiersRow, selectedTierByFeature, setSelectedTierByFeature, 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;
     billingPeriod: BillingPeriod;
     paywallLocale: PaywallLocalization;

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

@@ -60,7 +60,7 @@ export declare function getResolvedPaywallLocalize(localizeOverride?: DeepPartia
             unit?: string | undefined;
             tiers?: ({
                 __typename?: "PriceTier" | undefined;
-                upTo?: number | undefined;
+                upTo?: number | null | undefined;
                 unitPrice?: {
                     __typename?: "Money" | undefined;
                     amount?: number | undefined;

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

@@ -9,6 +9,7 @@ declare type GetPaidPriceTextParams = {
     shouldShowMonthlyPriceAmount: boolean;
     selectedTierByFeature: Record<string, PriceTierFragment>;
     paywallLocale: PaywallLocalization;
+    perUnitQuantityByFeature?: Record<string, number>;
 };
-export declare function getPaidPriceText({ planPrices, paywallCalculatedPrice, selectedBillingPeriod, locale, shouldShowMonthlyPriceAmount, selectedTierByFeature, paywallLocale, }: GetPaidPriceTextParams): PlanPriceText;
+export declare function getPaidPriceText({ planPrices, paywallCalculatedPrice, selectedBillingPeriod, locale, shouldShowMonthlyPriceAmount, selectedTierByFeature, 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>): PlanPriceText;
+export declare function getPlanPrice(plan: PaywallPlan, billingPeriod: BillingPeriod, paywallLocale: PaywallLocalization, locale: string, shouldShowMonthlyPriceAmount: boolean, selectedTierByFeature?: Record<string, PriceTierFragment>, perUnitQuantityByFeature?: Record<string, number>): PlanPriceText;

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

@@ -3,11 +3,12 @@ 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 calculateTierPrice(price: Price, currentTier: PriceTierFragment, 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 getSelectedTier(plan: PaywallPlan, billingPeriod: BillingPeriod, currentSubscription: Subscription | null, selectedTierByFeature: Record<string, PriceTierFragment>, selectDefaultTierIndex?: SelectDefaultTierIndexFn): 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;
+export declare function compareSelectedTierToCurrentTier(selectedTierByFeature: Record<string, PriceTierFragment>, perUnitQuantityByFeature: Record<string, number>, currentSubscription: Subscription | null): PriceTierComparison;