@stigg/react-sdk 7.7.1-beta.0 → 7.8.0

package/dist/src/components/customerPortal/usage/CustomerUsageData.style.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Footer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare function CustomerUsageLoader(): JSX.Element;

package/dist/src/components/customerPortal/usage/featureUsage/EntitlementCTAButton.d.ts

@@ -0,0 +1,14 @@
+import { CustomerPortalEntitlement } from '@stigg/js-client-sdk';
+import { FeatureFragment } from '@stigg/api-client-js/src/generated/sdk';
+import { OnBuyMoreCallbackFn } from '../../types';
+import { OnManageClick } from '../../CustomerPortalContainer';
+export type EntitlementCtaButtonProps = {
+    entitlement: Exclude<CustomerPortalEntitlement, 'feature'>;
+    feature: FeatureFragment;
+    onManageSubscription: OnManageClick | undefined;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    canBuyMore: boolean;
+    canUpgradeSubscription: boolean;
+    hasCustomSubscription: boolean;
+};
+export declare function EntitlementCtaButton({ entitlement, feature, onManageSubscription, onBuyMore, canBuyMore, canUpgradeSubscription, hasCustomSubscription, }: EntitlementCtaButtonProps): JSX.Element | null;

package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.d.ts

@@ -0,0 +1,13 @@
+import { CustomerPortalEntitlement } from '@stigg/js-client-sdk';
+import { CustomerPortalSubscriptionPriceFragment } from '@stigg/api-client-js/src/generated/sdk';
+import { OnBuyMoreCallbackFn } from '../../types';
+import { OnManageClick } from '../../CustomerPortalContainer';
+export type UsageBoxProps = {
+    entitlement: CustomerPortalEntitlement;
+    subscriptionPrice: CustomerPortalSubscriptionPriceFragment | undefined;
+    onManageSubscription: OnManageClick | undefined;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    hasCustomSubscription: boolean;
+    canUpgradeSubscription: boolean;
+};
+export declare function FeatureUsage({ entitlement, subscriptionPrice, onManageSubscription, onBuyMore, hasCustomSubscription, canUpgradeSubscription, }: UsageBoxProps): JSX.Element | null;

package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.helper.d.ts

@@ -0,0 +1,5 @@
+import { CustomerPortalEntitlement } from '@stigg/js-client-sdk';
+export declare const USAGE_PERCENTAGE_WARNING_THRESHOLD = 70;
+export declare function getUsagePercentage(currentUsage: number, limit: number): number;
+export declare function getUsageProgressStatus(currentUsage: number): "warning" | "error" | "standard";
+export declare function getResetUsageText(entitlement: CustomerPortalEntitlement): string | null;

package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.style.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const FeatureUsageContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+} & {
+    $highlight: boolean;
+    $borderColor: string;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsageProgressBar.d.ts

@@ -0,0 +1,15 @@
+import { CustomerPortalEntitlement } from '@stigg/js-client-sdk';
+export declare const StyledLinearProgress: import('@emotion/styled').StyledComponent<import('@mui/material/LinearProgress').LinearProgressProps & {
+    theme?: import('@emotion/react').Theme | undefined;
+} & {
+    $progressStatus: 'standard' | 'warning' | 'error';
+}, {}, {}>;
+export declare const StyledDivider: import('@emotion/styled').StyledComponent<import('@mui/material/Divider').DividerOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "key" | keyof import('react').HTMLAttributes<HTMLHRElement>> & {
+    ref?: ((instance: HTMLHRElement | null) => void) | import('react').RefObject<HTMLHRElement> | null | undefined;
+}, "style" | "className" | "children" | "variant" | "textAlign" | "light" | "classes" | "sx" | "absolute" | "orientation" | "flexItem"> & {
+    theme?: import('@emotion/react').Theme | undefined;
+}, {}, {}>;
+export type FeatureUsageProgressBarProps = {
+    entitlement: CustomerPortalEntitlement;
+};
+export declare function FeatureUsageProgressBar({ entitlement }: FeatureUsageProgressBarProps): JSX.Element;

package/dist/src/components/guards/BooleanEntitlementGuard.d.ts

@@ -0,0 +1,7 @@
+import { GetBooleanEntitlement } from '@stigg/js-client-sdk';
+type BooleanEntitlementGuardProps = GetBooleanEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+export declare function BooleanEntitlementGuard({ noAccessComponent, children, ...rest }: BooleanEntitlementGuardProps): JSX.Element;
+export {};

package/dist/src/components/guards/EnumEntitlementGuard.d.ts

@@ -0,0 +1,7 @@
+import { GetEnumEntitlement } from '@stigg/js-client-sdk';
+type EnumEntitlementGuardProps = GetEnumEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+export declare function EnumEntitlementGuard({ noAccessComponent, children, ...rest }: EnumEntitlementGuardProps): JSX.Element;
+export {};

package/dist/src/components/guards/MeteredEntitlementGuard.d.ts

@@ -0,0 +1,7 @@
+import { GetMeteredEntitlement } from '@stigg/js-client-sdk';
+type MeteredEntitlementGuardProps = GetMeteredEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+export declare function MeteredEntitlementGuard({ noAccessComponent, children, ...rest }: MeteredEntitlementGuardProps): JSX.Element;
+export {};

package/dist/src/components/guards/NumericEntitlementGuard.d.ts

@@ -0,0 +1,7 @@
+import { GetNumericEntitlement } from '@stigg/js-client-sdk';
+type NumericEntitlementGuardProps = GetNumericEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+export declare function NumericEntitlementGuard({ noAccessComponent, children, ...rest }: NumericEntitlementGuardProps): JSX.Element;
+export {};

package/dist/src/components/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useWaitForCheckoutCompleted, ProvisionStatus } from './useWaitForCheckoutCompleted';

package/dist/src/components/hooks/useChargeSort.d.ts

@@ -0,0 +1,3 @@
+import { Price } from '@stigg/js-client-sdk';
+export declare const sortCharges: (charges: Price[]) => Price[];
+export declare const useChargesSort: (charges: Price[]) => Price[];

package/dist/src/components/hooks/useIsScreenWiderThan.d.ts

@@ -0,0 +1,2 @@
+import { Breakpoint } from '../common/mediaQuery';
+export declare function useIsScreenWiderThan(breakpoint: Breakpoint): boolean;

package/dist/src/components/hooks/usePagination.d.ts

@@ -0,0 +1,6 @@
+import { CursorPaging, PageInfoFragment } from '@stigg/js-client-sdk';
+export declare const usePagination: (pageInfo: PageInfoFragment | undefined | null, setCursor: (paging: CursorPaging) => void, pageSize: number) => {
+    pageNumber: number;
+    lastVisitedPage: number;
+    pageChangeFunc: (_: any, nextPage: number) => void;
+};

package/dist/src/components/hooks/useWaitForCheckoutCompleted.d.ts

@@ -0,0 +1,14 @@
+import { Subscription } from '@stigg/js-client-sdk';
+export declare enum ProvisionStatus {
+    IN_PROGRESS = "IN_PROGRESS",
+    SUCCEEDED = "SUCCEEDED",
+    FAILED = "FAILED"
+}
+export declare const useWaitForCheckoutCompleted: ({ onProvisionStart, onProvisionSucceeded, onProvisionFailed, }?: {
+    onProvisionStart?: (() => void) | undefined;
+    onProvisionSucceeded?: ((subscription?: Subscription | null) => void) | undefined;
+    onProvisionFailed?: ((err?: any) => void) | undefined;
+}) => {
+    isAwaitingCheckout: boolean;
+    provisionStatus: ProvisionStatus;
+};

package/dist/src/components/paywall/BillingPeriodPicker.d.ts

@@ -0,0 +1,7 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+export declare function BillingPeriodPicker({ discountRate, selectedBillingPeriod, onBillingPeriodChanged, availableBillingPeriods, }: {
+    discountRate: number;
+    selectedBillingPeriod: BillingPeriod;
+    onBillingPeriodChanged: (billingPeriod: BillingPeriod) => void;
+    availableBillingPeriods: BillingPeriod[];
+}): JSX.Element | null;

package/dist/src/components/paywall/EntitlementRow.d.ts

@@ -0,0 +1,20 @@
+import { EntitlementResetPeriod } from '@stigg/js-client-sdk';
+type EntitlementRowProps = {
+    hasUnlimitedUsage?: boolean | null;
+    isCustom?: boolean | null;
+    usageLimit?: number | null;
+    minUnitQuantity?: number | null;
+    maxUnitQuantity?: number | null;
+    resetPeriod?: EntitlementResetPeriod | null;
+    displayNameOverride?: string | null;
+    enumValues?: string[] | null;
+    feature?: {
+        id: string;
+        units?: string | null | undefined;
+        unitsPlural?: string | null | undefined;
+        unitQuantity?: number | null;
+        displayName: string;
+    } | null;
+};
+export declare function EntitlementRow(props: EntitlementRowProps): JSX.Element;
+export {};

package/dist/src/components/paywall/Paywall.d.ts

@@ -0,0 +1,23 @@
+import { BillingPeriod, Customer, Subscription } from '@stigg/js-client-sdk';
+import { ShouldHidePlanFn, OnPlanSelectedCallbackFn, PaywallPlan, SelectDefaultTierIndexFn, CurrentSubscriptionOverride } from './types';
+import { PaywallLocalization } from './paywallTextOverrides';
+type PaywallProps = {
+    plans: PaywallPlan[];
+    customer: Customer | null;
+    currentSubscription: Subscription | null;
+    currentSubscriptionOverride?: CurrentSubscriptionOverride | null;
+    selectedBillingPeriod: BillingPeriod;
+    highlightedPlanId?: string;
+    onBillingPeriodChanged: (billingPeriod: BillingPeriod) => void;
+    availableBillingPeriods: BillingPeriod[];
+    isCustomerOnTrial: boolean;
+    onPlanSelected: OnPlanSelectedCallbackFn;
+    paywallLocale: PaywallLocalization;
+    locale: string;
+    shouldHidePlan?: ShouldHidePlanFn;
+    selectDefaultTierIndex?: SelectDefaultTierIndexFn;
+    hideCompatibleAddons?: boolean;
+    showWatermark: boolean;
+};
+export declare const Paywall: ({ plans, customer, currentSubscription, highlightedPlanId, selectedBillingPeriod, onBillingPeriodChanged, availableBillingPeriods, isCustomerOnTrial, onPlanSelected, paywallLocale, locale, shouldHidePlan, selectDefaultTierIndex, currentSubscriptionOverride, hideCompatibleAddons, showWatermark, }: PaywallProps) => JSX.Element;
+export {};

package/dist/src/components/paywall/PaywallContainer.d.ts

@@ -0,0 +1,20 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+import { ShouldHidePlanFn, OnPlanSelectedCallbackFn, SelectDefaultTierIndexFn, CurrentSubscriptionOverrideFn } from './types';
+import { PaywallLocalization } from './paywallTextOverrides';
+import { DeepPartial } from '../../types';
+export type PaywallContainerProps = {
+    productId?: string;
+    resourceId?: string;
+    highlightedPlanId?: string;
+    showOnlyEligiblePlans?: boolean;
+    onPlanSelected: OnPlanSelectedCallbackFn;
+    preferredBillingPeriod?: BillingPeriod;
+    onBillingPeriodChange?: (billingPeriod: BillingPeriod) => void;
+    textOverrides?: DeepPartial<PaywallLocalization>;
+    billingCountryCode?: string;
+    shouldHidePlan?: ShouldHidePlanFn;
+    selectDefaultTierIndex?: SelectDefaultTierIndexFn;
+    hideCompatibleAddons?: boolean;
+    currentSubscriptionOverride?: CurrentSubscriptionOverrideFn;
+};
+export declare const PaywallContainer: ({ productId, resourceId, highlightedPlanId, showOnlyEligiblePlans, textOverrides, onPlanSelected, preferredBillingPeriod, onBillingPeriodChange, billingCountryCode, shouldHidePlan, selectDefaultTierIndex, currentSubscriptionOverride: currentSubscriptionOverrideFn, hideCompatibleAddons, }: PaywallContainerProps) => JSX.Element;

package/dist/src/components/paywall/PaywallLoader.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function PaywallLoader(): JSX.Element;

package/dist/src/components/paywall/PlanCompatibleAddons.d.ts

@@ -0,0 +1,13 @@
+import { Addon } from '@stigg/js-client-sdk';
+import { PaywallLocalization } from './paywallTextOverrides';
+export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material/Button').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "style" | "href" | "className" | "tabIndex" | "color" | "children" | "disabled" | "action" | "size" | "variant" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & {
+    theme?: import('@emotion/react').Theme | undefined;
+}, {}, {}>;
+type PlanCompatibleAddonsProps = {
+    addons: Addon[];
+    paywallLocale: PaywallLocalization;
+};
+export declare function PlanCompatibleAddons({ addons, paywallLocale }: PlanCompatibleAddonsProps): JSX.Element | null;
+export {};

package/dist/src/components/paywall/PlanEntitlements.d.ts

@@ -0,0 +1,8 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+import { PaywallPlan } from './types';
+import { PaywallLocalization } from './paywallTextOverrides';
+export declare function PlanEntitlements({ plan, billingPeriod, paywallLocale, }: {
+    plan: PaywallPlan;
+    billingPeriod: BillingPeriod;
+    paywallLocale: PaywallLocalization;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,18 @@
+import { BillingPeriod, Customer, Subscription } from '@stigg/js-client-sdk';
+import { CurrentSubscriptionOverride, PaywallPlan, SubscribeIntentionType } from './types';
+import { PaywallLocalization } from './paywallTextOverrides';
+type PlanOfferingButtonProps = {
+    isNextPlan?: boolean;
+    customer: Customer | null;
+    plan: PaywallPlan;
+    currentSubscription: Subscription | null;
+    currentSubscriptionOverride?: CurrentSubscriptionOverride | null;
+    billingPeriod: BillingPeriod;
+    isCustomerOnTrial: boolean;
+    paywallLocale: PaywallLocalization;
+    onPlanSelected: (intentionType: SubscribeIntentionType) => void | Promise<void>;
+    withTrialLeftRow: boolean;
+    perUnitQuantityByFeature: Record<string, number>;
+};
+export declare function PlanOfferingButton({ isNextPlan, customer, plan, billingPeriod, isCustomerOnTrial, onPlanSelected, paywallLocale, withTrialLeftRow, currentSubscription, currentSubscriptionOverride, perUnitQuantityByFeature, }: PlanOfferingButtonProps): JSX.Element;
+export {};

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

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

package/dist/src/components/paywall/hooks/useLoadPaywallData.d.ts

@@ -0,0 +1,12 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+import { CurrentSubscriptionOverrideFn, PaywallData } from '../types';
+type UseLoadPaywallDataProps = {
+    productId?: string;
+    resourceId?: string;
+    showOnlyEligiblePlans?: boolean;
+    billingCountryCode?: string;
+    preferredBillingPeriod?: BillingPeriod;
+    currentSubscriptionOverrideFn?: CurrentSubscriptionOverrideFn;
+};
+export declare function useLoadPaywallData({ productId, resourceId, showOnlyEligiblePlans, billingCountryCode, preferredBillingPeriod, currentSubscriptionOverrideFn, }: UseLoadPaywallDataProps): PaywallData;
+export {};

package/dist/src/components/paywall/index.d.ts

@@ -0,0 +1,5 @@
+export { PaywallContainer as Paywall } from './PaywallContainer';
+export type { PaywallContainerProps as PaywallProps } from './PaywallContainer';
+export * from './types';
+export type { PlanPriceText, PaywallLocalization, CurrentPlanParams } from './paywallTextOverrides';
+export { PlanCompatibleAddons } from './PlanCompatibleAddons';

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

@@ -0,0 +1,81 @@
+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';
+export type { PlanPriceText } from '../utils/getPlanPrice';
+export type CurrentPlanParams = {
+    plan: Plan;
+    selectedBillingPeriod: BillingPeriod;
+};
+export type PaywallLocalization = {
+    highlightChip: string;
+    entitlementsTitle?: (plan: PaywallPlan) => string;
+    addonsTitle?: string;
+    planCTAButton: {
+        upgrade: string | ((plan: PaywallPlan) => string);
+        downgrade: string | ((plan: PaywallPlan) => string);
+        startTrial: (plan: PaywallPlan) => string;
+        custom: ((data: CurrentPlanParams) => string) | string;
+        currentPlan: string;
+        startNew: string;
+        switchToBillingPeriod: (billingPeriod: BillingPeriod) => string;
+        cancelScheduledUpdate: string;
+    };
+    price: {
+        startingAtCaption: string;
+        billingPeriod?: (billingPeriod: BillingPeriod) => string;
+        pricePeriod: (billingPeriod: BillingPeriod) => string;
+        custom: ((data: CurrentPlanParams) => string) | string;
+        priceNotSet: string;
+        free: PlanPriceText | ((currency?: PaywallCurrency) => PlanPriceText);
+        paid?: (priceData: {
+            planPrices: Price[];
+            paywallCalculatedPrice?: PaywallCalculatedPricePoint;
+            plan: Plan;
+            selectedBillingPeriod: BillingPeriod;
+            selectedTier?: PriceTierFragment;
+        }) => PlanPriceText;
+    };
+};
+export declare function getResolvedPaywallLocalize(localizeOverride?: DeepPartial<PaywallLocalization>): PaywallLocalization & {
+    highlightChip?: string | undefined;
+    entitlementsTitle?: {} | undefined;
+    addonsTitle?: string | undefined;
+    planCTAButton?: {
+        upgrade?: string | {} | undefined;
+        downgrade?: string | {} | undefined;
+        startTrial?: {} | undefined;
+        custom?: string | {} | undefined;
+        currentPlan?: string | undefined;
+        startNew?: string | undefined;
+        switchToBillingPeriod?: {} | undefined;
+        cancelScheduledUpdate?: string | undefined;
+    } | undefined;
+    price?: {
+        startingAtCaption?: string | undefined;
+        billingPeriod?: {} | undefined;
+        pricePeriod?: {} | undefined;
+        custom?: string | {} | undefined;
+        priceNotSet?: string | undefined;
+        free?: {
+            price?: string | undefined;
+            unit?: string | undefined;
+            tiers?: ({
+                __typename?: "PriceTier" | undefined;
+                upTo?: number | null | undefined;
+                unitPrice?: {
+                    __typename?: "Money" | undefined;
+                    amount?: number | undefined;
+                    currency?: import('@stigg/js-client-sdk').Currency | undefined;
+                } | null | undefined;
+                flatPrice?: {
+                    __typename?: "Money" | undefined;
+                    amount?: number | undefined;
+                    currency?: import('@stigg/js-client-sdk').Currency | undefined;
+                } | null | undefined;
+            } | undefined)[] | null | undefined;
+            tierUnits?: string | undefined;
+        } | {} | undefined;
+        paid?: {} | undefined;
+    } | undefined;
+};

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

@@ -0,0 +1,58 @@
+import { BillingPeriod, Customer, Plan, Subscription, CustomerPortalSubscriptionScheduledUpdateDataFragment, PaywallCurrency, PaywallCalculatedPricePoint, BillableFeature } from '@stigg/js-client-sdk';
+import { CustomizedTheme } from '../../theme/Theme';
+export type PaywallData = {
+    plans: PaywallPlan[] | null;
+    customer: Customer | null;
+    currentSubscription: Subscription | null;
+    currentSubscriptionOverride?: CurrentSubscriptionOverride | null;
+    isCustomerOnTrial: boolean;
+    isLoading: boolean;
+    selectedBillingPeriod: BillingPeriod;
+    setSelectedBillingPeriod: (billingPeriod: BillingPeriod) => void;
+    availableBillingPeriods: BillingPeriod[];
+    locale: string;
+    configuration?: CustomizedTheme;
+    showWatermark: boolean;
+};
+export type CurrentSubscriptionOverride = {
+    planId: string;
+    billableFeatures: BillableFeature[];
+};
+export declare enum SubscribeIntentionType {
+    START_TRIAL = "START_TRIAL",
+    UPGRADE_TRIAL_TO_PAID = "UPGRADE_TRIAL_TO_PAID",
+    REQUEST_CUSTOM_PLAN_ACCESS = "REQUEST_CUSTOM_PLAN_ACCESS",
+    CHANGE_BILLING_PERIOD = "CHANGE_BILLING_PERIOD",
+    CHANGE_UNIT_QUANTITY = "CHANGE_UNIT_QUANTITY",
+    UPGRADE_PLAN = "UPGRADE_PLAN",
+    DOWNGRADE_PLAN = "DOWNGRADE_PLAN",
+    CANCEL_SCHEDULED_UPDATES = "CANCEL_SCHEDULED_UPDATES"
+}
+export type PaywallPlan = Plan & {
+    isLowerThanCurrentPlan?: boolean;
+    isTriable: boolean;
+    isCurrentCustomerPlan: boolean;
+    currentCustomerPlanBillingPeriod?: BillingPeriod;
+    trialDaysLeft?: number;
+    isNextPlan?: (billingPeriod: BillingPeriod) => boolean;
+    scheduledUpdate?: CustomerPortalSubscriptionScheduledUpdateDataFragment;
+    paywallCurrency?: PaywallCurrency;
+    paywallCalculatedPricePoints?: PaywallCalculatedPricePoint[];
+};
+export 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>;
+export type ShouldHidePlanFn = ({ plan }: {
+    plan: PaywallPlan;
+}) => boolean | Promise<boolean>;
+export type CurrentSubscriptionOverrideFn = ({ currentSubscription, }: {
+    currentSubscription: Subscription | null;
+}) => CurrentSubscriptionOverride | null | undefined;
+export type SelectDefaultTierIndexFn = ({ plan }: {
+    plan: PaywallPlan;
+}) => number;

package/dist/src/components/paywall/utils/calculateTrialDaysLeft.d.ts

@@ -0,0 +1 @@
+export declare function calculateTrialDaysLeft(trialEndDate: Date): number;

package/dist/src/components/paywall/utils/calculateUnitQuantityText.d.ts

@@ -0,0 +1 @@
+export declare function calculateUnitQuantityText(minUnitQuantity?: number | null, maxUnitQuantity?: number | null, unitsPlural?: string | null): string;

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

@@ -0,0 +1,5 @@
+import { BillingPeriod, Plan, Subscription } from '@stigg/js-client-sdk';
+export declare function computeBillingPeriods(plans: Plan[], activeSubscriptions?: Subscription[] | null, preferredBillingPeriod?: BillingPeriod): {
+    defaultBillingPeriod: BillingPeriod;
+    availableBillingPeriods: BillingPeriod[];
+};

package/dist/src/components/paywall/utils/getPlansToDisplay.d.ts

@@ -0,0 +1,3 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+import { ShouldHidePlanFn, PaywallPlan } from '../types';
+export declare function getPlansToDisplay(plans: PaywallPlan[], selectedBillingPeriod: BillingPeriod, shouldHidePlan?: ShouldHidePlanFn): PaywallPlan[];

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

@@ -0,0 +1,4 @@
+import { BillingPeriod } from '@stigg/js-client-sdk';
+import { PaywallPlan } from '../types';
+export declare function hasPricePoints(plan: PaywallPlan, billingPeriod: BillingPeriod): boolean;
+export declare function hasPricePointsForPlans(plans: PaywallPlan[], billingPeriod: BillingPeriod): boolean;

package/dist/src/components/paywall/utils/mapPaywallData.d.ts

@@ -0,0 +1,14 @@
+import { Paywall, Plan, Subscription } from '@stigg/js-client-sdk';
+import { CurrentSubscriptionOverride, CurrentSubscriptionOverrideFn, PaywallPlan } from '../types';
+import { DeepPartial } from '../../../types';
+import { StiggTheme } from '../../../theme/types';
+type PaywallData = {
+    currentPlan?: Plan;
+    currentSubscription: Subscription | null;
+    currentSubscriptionOverride: CurrentSubscriptionOverride | null | undefined;
+    isCustomerOnTrial: boolean;
+    plans: PaywallPlan[];
+    paywallConfiguration?: DeepPartial<StiggTheme>;
+};
+export declare function mapPaywallData(paywall: Paywall | null, showOnlyEligiblePlans?: boolean, currentSubscriptionOverrideFn?: CurrentSubscriptionOverrideFn): PaywallData;
+export {};

package/dist/src/components/utils/calculateDiscountRate.d.ts

@@ -0,0 +1,3 @@
+import { PaywallPlan } from '../paywall';
+export declare function calculateDiscountRate(monthlyPrice?: number | null, annuallyPrice?: number | null): number | null;
+export declare function calculatePaywallDiscountRate(plans: PaywallPlan[]): number;

package/dist/src/components/utils/currencyUtils.d.ts

@@ -0,0 +1,9 @@
+import { Currency } from '@stigg/js-client-sdk';
+export declare const currencyPriceFormatter: ({ amount, currency, locale, maximumFractionDigits, minimumFractionDigits, removeTrailingZero, }: {
+    amount: number;
+    currency?: string | undefined;
+    locale?: string | undefined;
+    maximumFractionDigits?: number | undefined;
+    minimumFractionDigits?: number | undefined;
+    removeTrailingZero?: boolean | undefined;
+}) => string;

package/dist/src/components/utils/dateUtils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Formats a date with time in the format "MMM D, YYYY h:mmA"
+ * Example: "Aug 2, 2025 3:45PM"
+ */
+export declare function formatDateTime(date: any): string;
+/**
+ * Formats a date without time in the format "MMM D, YYYY"
+ * Example: "Aug 2, 2025"
+ */
+export declare function formatDateOnly(date: any): string;

package/dist/src/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/src/components/utils/formatNumber.d.ts

@@ -0,0 +1 @@
+export declare function formatNumber(usageLimit: number | null | undefined): string | undefined;

package/dist/src/components/utils/getFeatureName.d.ts

@@ -0,0 +1,3 @@
+import { FeatureFragment } from '@stigg/api-client-js/src/generated/sdk';
+export declare function getFeatureDisplayNameText(featureDisplayName: string, featureUnits: string | undefined | null, featureUnitsPlural: string | undefined | null): string;
+export declare function getFeatureDisplayName(feature: FeatureFragment): string;

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

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

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

@@ -0,0 +1,9 @@
+import { BillingPeriod, PriceTierFragment } from '@stigg/js-client-sdk';
+import { PaywallPlan, PaywallLocalization } from '../paywall';
+export 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, perUnitQuantityByFeature?: Record<string, number>): PlanPriceText;

package/dist/src/components/utils/getSubscriptionScheduleUpdateTexts.d.ts

@@ -0,0 +1,22 @@
+import { CustomerPortalSubscription, CustomerPortalSubscriptionScheduledUpdateDataFragment } from '@stigg/js-client-sdk';
+import { CustomerPortalSubscriptionPriceFragment } from '@stigg/api-client-js/src/generated/sdk';
+type GetSubscriptionScheduleUpdateTextsProps = {
+    scheduledUpdate: CustomerPortalSubscriptionScheduledUpdateDataFragment | undefined;
+    subscriptionPrices?: CustomerPortalSubscriptionPriceFragment[];
+    billingPeriodRange?: CustomerPortalSubscription['billingPeriodRange'];
+    options?: {
+        withDate?: boolean;
+        postfix?: string;
+    };
+};
+export declare function getSubscriptionScheduleUpdateTexts({ scheduledUpdate, subscriptionPrices, billingPeriodRange, options, }: GetSubscriptionScheduleUpdateTextsProps): {
+    line1?: undefined;
+    line2?: undefined;
+} | {
+    line1: JSX.Element;
+    line2: string;
+} | {
+    line1: JSX.Element;
+    line2?: undefined;
+};
+export {};

package/dist/src/components/utils/numberUtils.d.ts

@@ -0,0 +1,4 @@
+export declare function numberFormatter(number: number, { locale, maximumFractionDigits }?: {
+    locale?: string;
+    maximumFractionDigits?: number;
+}): string;

package/dist/src/components/utils/onWheelBlur.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ON_WHEEL_BLUR: (e: React.WheelEvent<HTMLInputElement>) => void;