@stigg/react-sdk 4.13.1 → 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/index.d.ts

@@ -1,3 +1,3 @@
 export { PaywallContainer as Paywall, PaywallContainerProps as PaywallProps } from './PaywallContainer';
 export { PaywallPlan, OnPlanSelectedCallbackFn, SubscribeIntentionType } from './types';
-export { PaywallLocalization, PlanPriceText } from './paywallTextOverrides';
+export { PaywallLocalization, PlanPriceText, CurrentPlanParams } from './paywallTextOverrides';

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

@@ -3,6 +3,10 @@ import { DeepPartial } from '../../types';
 import { PlanPriceText } from '../utils/getPlanPrice';
 import { PaywallPlan } from './types';
 export { PlanPriceText } from '../utils/getPlanPrice';
+export declare type CurrentPlanParams = {
+    plan: Plan;
+    selectedBillingPeriod: BillingPeriod;
+};
 export declare type PaywallLocalization = {
     highlightChip: string;
     entitlementsTitle?: (plan: PaywallPlan) => string;
@@ -10,7 +14,7 @@ export declare type PaywallLocalization = {
         upgrade: string | ((plan: PaywallPlan) => string);
         downgrade: string | ((plan: PaywallPlan) => string);
         startTrial: (plan: PaywallPlan) => string;
-        custom: string;
+        custom: ((data: CurrentPlanParams) => string) | string;
         currentPlan: string;
         startNew: string;
         switchToBillingPeriod: (billingPeriod: BillingPeriod) => string;
@@ -20,7 +24,7 @@ export declare type PaywallLocalization = {
         startingAtCaption: string;
         billingPeriod?: (billingPeriod: BillingPeriod) => string;
         pricePeriod: (billingPeriod: BillingPeriod) => string;
-        custom: string;
+        custom: ((data: CurrentPlanParams) => string) | string;
         priceNotSet: string;
         free: PlanPriceText | ((currency?: PaywallCurrency) => PlanPriceText);
         paid?: (priceData: {
@@ -39,7 +43,7 @@ export declare function getResolvedPaywallLocalize(localizeOverride?: DeepPartia
         upgrade?: string | {} | undefined;
         downgrade?: string | {} | undefined;
         startTrial?: {} | undefined;
-        custom?: string | undefined;
+        custom?: string | {} | undefined;
         currentPlan?: string | undefined;
         startNew?: string | undefined;
         switchToBillingPeriod?: {} | undefined;
@@ -49,14 +53,14 @@ export declare function getResolvedPaywallLocalize(localizeOverride?: DeepPartia
         startingAtCaption?: string | undefined;
         billingPeriod?: {} | undefined;
         pricePeriod?: {} | undefined;
-        custom?: string | undefined;
+        custom?: string | {} | undefined;
         priceNotSet?: string | undefined;
         free?: {
             price?: string | undefined;
             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;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import './styles.css';
 export * from '@stigg/js-client-sdk';
-export { Paywall, PaywallProps, OnPlanSelectedCallbackFn, PaywallPlan, SubscribeIntentionType, PaywallLocalization, PlanPriceText, } from './components/paywall';
+export { Paywall, PaywallProps, OnPlanSelectedCallbackFn, PaywallPlan, SubscribeIntentionType, PaywallLocalization, PlanPriceText, CurrentPlanParams, } from './components/paywall';
 export { CustomerPortalProvider, CustomerPortal, CustomerPortalProps, CustomerPortalSection, AddonsList, PaymentDetailsSection, InvoicesSection, CustomerUsageData, CustomerUsageDataProps, SubscriptionsOverview, SubscriptionsOverviewProps, Promotions, } from './components/customerPortal';
 export { StiggProvider, StiggProviderProps, useStiggContext, StiggContextValue, StiggContext, } from './components/StiggProvider';
 export { Checkout, CheckoutProps, CheckoutProviderProps, CheckoutContainerProps, CheckoutLocalization, CheckoutResult, OnCheckoutCompletedParams, OnCheckoutParams, CheckoutTheme, CheckoutMockProps, MockCheckoutPreviewCallback, MockCheckoutStateCallback, BillingInformation, TaxDetailsInput, } from './components/checkout';