@stigg/react-sdk 7.7.0 → 7.7.1-beta.1

package/dist/index.d.ts

@@ -1,2 +1,938 @@
-export * from './src/index'
-export {}
+/// <reference types="react" />
+
+import { Addon } from '@stigg/js-client-sdk';
+import { ApplySubscription } from '@stigg/js-client-sdk';
+import { ApplySubscriptionResults } from '@stigg/js-client-sdk';
+import { BillableFeature } from '@stigg/js-client-sdk';
+import { BillableFeatureInput } from '@stigg/api-client-js/src/generated/sdk';
+import { BillingAddress } from '@stigg/js-client-sdk';
+import { BillingPeriod } from '@stigg/js-client-sdk';
+import { BillingPeriod as BillingPeriod_2 } from '@stigg/api-client-js/src/generated/sdk';
+import { BooleanEntitlement } from '@stigg/js-client-sdk';
+import { CheckoutStatePlan } from '@stigg/js-client-sdk';
+import { ChipProps } from '@mui/material';
+import { CreditGrantFragment } from '@stigg/js-client-sdk';
+import { CreditUsageFragment } from '@stigg/js-client-sdk';
+import { CreditUsageTimeRange } from '@stigg/js-client-sdk';
+import { Customer } from '@stigg/js-client-sdk';
+import { CustomerPortal as CustomerPortal_2 } from '@stigg/js-client-sdk';
+import { CustomerPortalEntitlement } from '@stigg/js-client-sdk';
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { CustomerPortalSubscriptionScheduledUpdateDataFragment } from '@stigg/js-client-sdk';
+import { default as default_2 } from 'react';
+import { EntitlementsFallback } from '@stigg/js-client-sdk';
+import { EnumEntitlement } from '@stigg/js-client-sdk';
+import { FeatureFragment } from '@stigg/api-client-js/src/generated/sdk';
+import { GetActiveSubscriptions } from '@stigg/js-client-sdk';
+import { GetBooleanEntitlement } from '@stigg/js-client-sdk';
+import { GetCheckoutState } from '@stigg/js-client-sdk';
+import { GetCheckoutStateResults } from '@stigg/js-client-sdk';
+import { GetCreditUsageInput } from '@stigg/js-client-sdk';
+import { GetCustomerPortal } from '@stigg/js-client-sdk';
+import { GetEnumEntitlement } from '@stigg/js-client-sdk';
+import { GetMeteredEntitlement } from '@stigg/js-client-sdk';
+import { GetNumericEntitlement } from '@stigg/js-client-sdk';
+import { GetPaywall } from '@stigg/js-client-sdk';
+import { MeteredEntitlement } from '@stigg/js-client-sdk';
+import { NumericEntitlement } from '@stigg/js-client-sdk';
+import { Paywall as Paywall_2 } from '@stigg/js-client-sdk';
+import { PaywallCalculatedPricePoint } from '@stigg/js-client-sdk';
+import { PaywallCurrency } from '@stigg/js-client-sdk';
+import { Plan } from '@stigg/js-client-sdk';
+import { PreviewSubscription } from '@stigg/js-client-sdk';
+import { Price } from '@stigg/js-client-sdk';
+import { PriceTierFragment } from '@stigg/js-client-sdk';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+import * as StiggJs from '@stigg/js-client-sdk';
+import { Subscription } from '@stigg/js-client-sdk';
+import { SubscriptionAddon } from '@stigg/js-client-sdk';
+import { SubscriptionBillingInfo } from '@stigg/js-client-sdk';
+import { SubscriptionPreviewDiscount } from '@stigg/js-client-sdk';
+import { SubscriptionPreviewTaxDetails } from '@stigg/js-client-sdk';
+import { SubscriptionPreviewV2 } from '@stigg/js-client-sdk';
+
+export declare function AddonsList(): JSX.Element | null;
+
+declare type AddonsStepState = {
+    addons: SubscriptionAddon[];
+    initialAddons?: SubscriptionAddon[];
+    availableAddons?: Addon[];
+};
+
+export declare type BillingInformation = {
+    taxDetails?: TaxDetailsInput;
+};
+
+export declare function BooleanEntitlementGuard({ noAccessComponent, children, ...rest }: BooleanEntitlementGuardProps): JSX.Element;
+
+declare type BooleanEntitlementGuardProps = GetBooleanEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+
+export declare const Checkout: ({ textOverrides, theme, resourceId, planId, preferredBillingPeriod, billingCountryCode, billableFeatures, billingInformation, onMockCheckoutState, skipCheckoutSteps, onBeforeStepChange, ...containerProps }: CheckoutProps) => JSX.Element;
+
+export declare type CheckoutContainerProps = {
+    onCheckout?: OnCheckoutCallback;
+    onCheckoutCompleted: OnCheckoutCompletedCallback;
+    onChangePlan?: OnChangePlanCallback;
+    onBillingAddressChange?: OnBillingAddressChangeCallback;
+    onBillableFeatureChange?: OnBillableFeatureChangeCallback;
+    onAddonChange?: OnAddonChangeCallback;
+    disablePromotionCode?: boolean;
+    disableSuccessAnimation?: boolean;
+    collectPhoneNumber?: boolean;
+    onMockCheckoutPreview?: MockCheckoutPreviewCallback;
+};
+
+export declare type CheckoutLocalization = {
+    changePlan: string;
+    billingPeriodsTitle: string;
+    addAddonText: string;
+    addonBillingPeriodNotAvailableText: (params: {
+        planBillingPeriod: BillingPeriod;
+    }) => string;
+    newPaymentMethodText: string;
+    newPaymentMethodCardTitle: string;
+    newPaymentMethodBillingAddressTitle: string;
+    summary: {
+        title: string;
+        planName: (params: {
+            plan: {
+                displayName: string;
+            };
+        }) => string;
+        addCouponCodeText: string;
+        couponCodeTitle: string;
+        addonsSectionTitle: string;
+        discountsSectionTitle: string;
+        onlyPayAsYouGoText: string;
+        startsAtText: string;
+        proratedTotalDueText: string;
+        baseChargeText: string | ((params: {
+            billingPeriod: BillingPeriod;
+        }) => string);
+        totalText: string;
+        totalDueText: string;
+        totalBillingPeriodText: (params: {
+            billingPeriod: BillingPeriod;
+        }) => string;
+        discountText: (params: {
+            discountDetails: SubscriptionPreviewDiscount;
+            currency: string;
+        }) => string;
+        appliedCreditsTitle: string;
+        taxTitle: (params: {
+            taxDetails: SubscriptionPreviewTaxDetails;
+        }) => string;
+        checkoutSuccessText: string;
+        payAsYouGoTooltipText: string;
+        changesWillApplyAtEndOfBillingPeriod: string | ((params: {
+            billingPeriodEnd: Date;
+        }) => string);
+        creditsForUnusedTimeText: (params: {
+            credits: string;
+        }) => string;
+    };
+    checkoutButton: {
+        nextText: string;
+        noChangesText: string;
+        updateText: string;
+        downgradeToFreeText: string;
+        upgradeText: string;
+    };
+    downgradeToFree: {
+        alertText: (params: {
+            plan: Plan;
+        }) => string;
+        freePlanHeader: (params: {
+            plan: Plan;
+        }) => string;
+        freePlanName: (params: {
+            plan: Plan;
+        }) => string;
+        freePlanPriceText: (params: {
+            plan: Plan;
+        }) => string;
+        paidPlanHeader: (params: {
+            plan: Plan;
+        }) => string;
+        paidPlanName: (params: {
+            plan: Plan;
+        }) => string;
+        paidPlanPriceText: (params: {
+            plan: Plan;
+            billingPeriod?: BillingPeriod;
+        }) => string;
+    };
+};
+
+export declare type CheckoutMockProps = {
+    onMockCheckoutPreview?: MockCheckoutPreviewCallback;
+    onMockCheckoutState?: MockCheckoutStateCallback;
+};
+
+export declare type CheckoutProps = CheckoutProviderProps & CheckoutContainerProps & CheckoutMockProps;
+
+export declare type CheckoutProviderProps = {
+    textOverrides?: DeepPartial<CheckoutLocalization>;
+    theme?: DeepPartial<CheckoutTheme>;
+    resourceId?: string;
+    planId: string;
+    preferredBillingPeriod?: BillingPeriod;
+    billingCountryCode?: string;
+    billableFeatures?: BillableFeature[];
+    billingInformation?: BillingInformation;
+    onMockCheckoutState?: MockCheckoutStateCallback;
+    skipCheckoutSteps?: CheckoutSteps[];
+    onBeforeStepChange?: OnBeforeStepChangeCallback;
+};
+
+export declare type CheckoutResult = {
+    success: boolean;
+    errorMessage?: string;
+    results?: ApplySubscriptionResults;
+};
+
+export declare type CheckoutState = {
+    planStep: PlanStepState;
+    addonsStep: AddonsStepState;
+    paymentStep: PaymentStepState;
+};
+
+export declare enum CheckoutStepKey {
+    PLAN = "PLAN",
+    ADDONS = "ADDONS",
+    PAYMENT = "PAYMENT"
+}
+
+declare type CheckoutSteps = 'PLAN' | 'ADDONS';
+
+export declare type CheckoutTheme = {
+    primary: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+    summaryBackgroundColor: string;
+    paymentInputBackgroundColor?: string;
+    paymentInputBorderColor?: string;
+    paymentInputBorderRadius?: string;
+};
+
+export declare function CreditBalance({ currencyId, localization, decimalPlaces, showUnits, showSymbol, }: CreditBalanceProps): JSX.Element;
+
+declare type CreditBalanceLocalization = {
+    title: string;
+};
+
+export declare type CreditBalanceProps = GetCreditBalanceParams & {
+    localization?: CreditBalanceLocalization;
+    decimalPlaces?: number | null;
+    showUnits?: boolean;
+    showSymbol?: boolean;
+};
+
+declare type CreditGrant = Pick<CreditGrantFragment, 'grantId' | 'amount' | 'comment' | 'currencyId' | 'effectiveAt' | 'expireAt' | 'grantType' | 'consumedAmount' | 'createdAt' | 'updatedAt'>;
+
+export declare function CreditGrants({ currencyId, localization: customLocalization, decimalPlaces }: CreditGrantsProps): JSX.Element;
+
+export declare type CreditGrantsLocalization = {
+    receivedAt: string;
+    effectiveAt: string;
+    grantType: string;
+    status: string;
+    balance: string;
+    expiryDate: string;
+    emptyState: string;
+    loadingState: string;
+    errorState: string;
+};
+
+export declare type CreditGrantsProps = GetCreditGrantsParams & {
+    localization?: Partial<CreditGrantsLocalization>;
+    decimalPlaces?: number | null;
+};
+
+declare enum CreditGrantStatus {
+    SCHEDULED = "SCHEDULED",
+    AVAILABLE = "AVAILABLE",
+    EXPIRED = "EXPIRED"
+}
+
+export declare function CreditUsageChart({ currencyId, timeRange, localization: customLocalization }: CreditUsageChartProps): JSX.Element;
+
+declare type CreditUsageChartLocalization = {
+    title: string;
+    totalSpend: string;
+};
+
+declare type CreditUsageChartProps = {
+    currencyId: string;
+    timeRange: CreditUsageTimeRange;
+    localization?: Partial<CreditUsageChartLocalization>;
+};
+
+export declare function CreditUtilization({ currencyId, localization, decimalPlaces, showUnits, showSymbol, }: CreditUtilizationProps): JSX.Element;
+
+export declare type CreditUtilizationLocalization = {
+    title: string;
+    remaining: string;
+};
+
+export declare type CreditUtilizationProps = GetCreditBalanceParams & {
+    localization?: CreditUtilizationLocalization;
+    decimalPlaces?: number | null;
+    showUnits?: boolean;
+    showSymbol?: boolean;
+};
+
+export declare type CurrentPlanParams = {
+    plan: Plan;
+    selectedBillingPeriod: BillingPeriod;
+};
+
+export declare type CurrentSubscriptionOverride = {
+    planId: string;
+    billableFeatures: BillableFeature[];
+};
+
+export declare type CurrentSubscriptionOverrideFn = ({ currentSubscription, }: {
+    currentSubscription: Subscription | null;
+}) => CurrentSubscriptionOverride | null | undefined;
+
+export declare function CustomerPortal({ textOverrides, theme, resourceId, productId, ...restProps }: CustomerPortalProps): JSX.Element;
+
+export declare enum CustomerPortalIntentionType {
+    MANAGE_SUBSCRIPTION = "MANAGE_SUBSCRIPTION",
+    UPGRADE_PLAN = "UPGRADE_PLAN",
+    UPGRADE_TRIAL_PLAN = "UPGRADE_TRIAL_PLAN"
+}
+
+export declare type CustomerPortalLocalization = {
+    manageSubscription: string;
+    usageTabTitle: string;
+    addonsTabTitle: string;
+    promotionsTabTitle: string;
+    promotionsSubtitle: string;
+    contactSupportTitle: string;
+    contactSupportLink: string;
+    editBilling: string;
+    invoicesTitle: string;
+    viewInvoiceHistory: string;
+    editPaymentDetails: string;
+    paywallSectionTitle: string;
+    cancelScheduledUpdatesButtonTitle: string;
+};
+
+export declare type CustomerPortalProps = {
+    onManageSubscription?: OnManageSubscriptionFn;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    onCancelScheduledUpdates?: (subscription: CustomerPortalSubscription) => Promise<void> | void;
+    onContactSupport?: () => Promise<void> | void;
+    paywallComponent?: React.ReactNode;
+    hiddenSections?: CustomerPortalSection[];
+    textOverrides?: DeepPartial<CustomerPortalLocalization>;
+    theme?: DeepPartial<CustomerPortalTheme>;
+    filterEntitlements?: FilterEntitlementsFn;
+    resourceId?: string;
+    productId?: string;
+};
+
+export declare function CustomerPortalProvider({ children, textOverrides, theme, resourceId, productId, }: {
+    children: default_2.ReactNode;
+    textOverrides?: DeepPartial<CustomerPortalLocalization>;
+    theme?: DeepPartial<CustomerPortalTheme>;
+    resourceId?: string;
+    productId?: string;
+}): JSX.Element;
+
+export declare type CustomerPortalSection = 'usage' | 'addons' | 'promotionalEntitlements' | 'billingInformation' | 'paymentDetails' | 'invoices';
+
+export declare type CustomerPortalTheme = {
+    sectionTitleColor: string;
+    planNameColor: string;
+    backgroundColor: string;
+    borderColor: string;
+    listItemBackgroundColor: string;
+    tabMaxHeight: string;
+    iconsColor?: string;
+    iconsBackgroundColor?: string;
+};
+
+export declare function CustomerUsageData({ onManageSubscription, onBuyMore, filterEntitlements }: CustomerUsageDataProps): JSX.Element | null;
+
+export declare type CustomerUsageDataProps = {
+    onManageSubscription?: OnManageClick;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    filterEntitlements?: FilterEntitlementsFn;
+};
+
+declare type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+
+export declare function EmptyState({ message, className }: EmptyStateProps): JSX.Element;
+
+declare interface EmptyStateProps {
+    message?: ReactNode;
+    className?: string;
+}
+
+export declare function EnumEntitlementGuard({ noAccessComponent, children, ...rest }: EnumEntitlementGuardProps): JSX.Element;
+
+declare type EnumEntitlementGuardProps = GetEnumEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+
+export declare function ErrorState({ errorMessage, className }: ErrorStateProps): JSX.Element;
+
+declare interface ErrorStateProps {
+    errorMessage?: ReactNode;
+    className?: string;
+}
+
+declare type FilterEntitlementsFn = (entitlements: CustomerPortalEntitlement[]) => CustomerPortalEntitlement[];
+
+export declare type FontVariant = {
+    fontSize: string;
+    fontWeight: 'bold' | 'normal';
+    semanticElement: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+};
+
+/**
+ * Formats a date without time in the format "MMM D, YYYY"
+ * Example: "Aug 2, 2025"
+ */
+export declare function formatDateOnly(date: any): string;
+
+/**
+ * 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;
+
+export declare function GenericTable<T>({ data, headCells, isLoading, error, emptyMessage, errorMessage, onRowClick, className, skeletonRows, hideLastRowBorder, }: GenericTableProps<T>): JSX.Element;
+
+export declare interface GenericTableProps<T> {
+    data: T[];
+    headCells: Array<HeadCell<T>>;
+    isLoading?: boolean;
+    error?: Error | null;
+    emptyMessage?: ReactNode;
+    loadingMessage?: string;
+    errorMessage?: ReactNode;
+    onRowClick?: (item: T) => void;
+    className?: string;
+    skeletonRows?: number;
+    hideLastRowBorder?: boolean;
+}
+
+export declare interface GetCreditBalanceParams {
+    currencyId: string;
+}
+
+export declare interface GetCreditGrantsParams {
+    currencyId?: string;
+}
+
+export declare interface HeadCell<T> {
+    id: string;
+    alignment?: TableAlignment;
+    label: string;
+    width?: PixelWidth;
+    maxWidth?: PixelWidth;
+    minWidth?: PixelWidth;
+    disableClick?: boolean;
+    visible?: boolean;
+    render: (item: T) => ReactNode;
+}
+
+export declare type HorizontalAlignment = 'left' | 'center' | 'right';
+
+export declare function InvoicesSection(): JSX.Element | null;
+
+export declare const mapCreditGrantStatusToVariant: (status: CreditGrantStatus) => StatusChipVariant;
+
+export declare function MeteredEntitlementGuard({ noAccessComponent, children, ...rest }: MeteredEntitlementGuardProps): JSX.Element;
+
+declare type MeteredEntitlementGuardProps = GetMeteredEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+
+export declare type MockCheckoutPreviewCallback = (params: PreviewSubscription) => SubscriptionPreviewV2;
+
+export declare type MockCheckoutStateCallback = (params: GetCheckoutState) => GetCheckoutStateResults;
+
+export declare function NumericEntitlementGuard({ noAccessComponent, children, ...rest }: NumericEntitlementGuardProps): JSX.Element;
+
+declare type NumericEntitlementGuardProps = GetNumericEntitlement & {
+    noAccessComponent?: React.ReactNode;
+    children: React.ReactElement;
+};
+
+export declare type OnAddonChangeCallback = (params: {
+    addon: Addon;
+    quantity: number;
+}) => Promise<{
+    errorMessage?: string;
+    disableNextStep?: boolean;
+}>;
+
+export declare type OnBeforeStepChangeCallback = (params: {
+    from: CheckoutStepKey;
+    to: CheckoutStepKey;
+    state: CheckoutState;
+}) => Promise<boolean>;
+
+export declare type OnBillableFeatureChangeCallback = (params: {
+    feature: NonNullable<Price['feature']>;
+    quantity: number;
+}) => Promise<{
+    errorMessage?: string;
+    disableNextStep?: boolean;
+}>;
+
+declare type OnBillingAddressChangeCallback = (params: {
+    billingAddress: BillingAddress;
+}) => Promise<void>;
+
+export declare type OnBuyMoreCallbackFn = (feature: FeatureFragment, entitlement: CustomerPortalEntitlement) => void;
+
+declare type OnChangePlanCallback = (params: {
+    currentPlan: CheckoutStatePlan | undefined;
+}) => void;
+
+declare type OnCheckoutCallback = (params: {
+    customerId: string;
+    checkoutParams: ApplySubscription;
+    checkoutAction: (params: ApplySubscription) => Promise<{
+        success: boolean;
+        errorMessage?: string;
+        results?: ApplySubscriptionResults;
+    }>;
+}) => Promise<{
+    success: boolean;
+    errorMessage?: string;
+    results?: ApplySubscriptionResults;
+}>;
+
+declare type OnCheckoutCompletedCallback = (params: {
+    success: boolean;
+    error?: string;
+}) => Promise<void>;
+
+export declare type OnCheckoutCompletedParams = {
+    success: boolean;
+    error?: string;
+};
+
+export declare type OnCheckoutParams = {
+    customerId: string;
+    checkoutParams: ApplySubscription;
+    checkoutAction: (params: ApplySubscription) => Promise<{
+        success: boolean;
+        errorMessage?: string;
+        results?: ApplySubscriptionResults;
+    }>;
+};
+
+declare type OnManageClick = ({ intentionType }: {
+    intentionType: CustomerPortalIntentionType;
+}) => void;
+
+export declare type OnManageSubscriptionFn = ({ intentionType, customerSubscriptions, }: {
+    intentionType: CustomerPortalIntentionType;
+    customerSubscriptions: CustomerPortalSubscription[];
+}) => Promise<void> | void;
+
+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>;
+
+export declare function PaymentDetailsSection(): JSX.Element | null;
+
+declare type PaymentStepState = {
+    useNewPaymentMethod: boolean;
+    errorMessage?: string;
+    billingAddress?: BillingAddress;
+    taxPercentage?: number;
+};
+
+export declare const Paywall: ({ productId, resourceId, highlightedPlanId, showOnlyEligiblePlans, textOverrides, onPlanSelected, preferredBillingPeriod, onBillingPeriodChange, billingCountryCode, shouldHidePlan, selectDefaultTierIndex, currentSubscriptionOverride: currentSubscriptionOverrideFn, hideCompatibleAddons, }: PaywallProps) => JSX.Element;
+
+export declare 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?: Theme;
+    showWatermark: boolean;
+};
+
+export declare 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 type PaywallPlan = Plan & {
+    isLowerThanCurrentPlan?: boolean;
+    isTriable: boolean;
+    isCurrentCustomerPlan: boolean;
+    currentCustomerPlanBillingPeriod?: BillingPeriod;
+    trialDaysLeft?: number;
+    isNextPlan?: (billingPeriod: BillingPeriod) => boolean;
+    scheduledUpdate?: CustomerPortalSubscriptionScheduledUpdateDataFragment;
+    paywallCurrency?: PaywallCurrency;
+    paywallCalculatedPricePoints?: PaywallCalculatedPricePoint[];
+};
+
+export declare type PaywallProps = {
+    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 type PixelWidth = `${number}px`;
+
+export declare type PlanPriceText = {
+    price: string;
+    unit?: string;
+    tiers?: PriceTierFragment[] | null | undefined;
+    tierUnits?: string;
+};
+
+declare type PlanStepState = {
+    billingPeriod: BillingPeriod_2;
+    billableFeatures: BillableFeatureInput[];
+    billingCountryCode?: string;
+};
+
+export declare function Promotions(): JSX.Element;
+
+export declare enum ProvisionStatus {
+    IN_PROGRESS = "IN_PROGRESS",
+    SUCCEEDED = "SUCCEEDED",
+    FAILED = "FAILED"
+}
+
+export declare type SelectDefaultTierIndexFn = ({ plan }: {
+    plan: PaywallPlan;
+}) => number;
+
+export declare type ShouldHidePlanFn = ({ plan }: {
+    plan: PaywallPlan;
+}) => boolean | Promise<boolean>;
+
+/**
+ * StatusChip component for displaying status indicators with consistent theming
+ *
+ * @param variant - The status variant (success, warning, error, info, neutral)
+ * @param label - The text to display in the chip
+ * @param className - Optional CSS class name
+ * @param size - Size of the chip (defaults to 'small')
+ */
+export declare function StatusChip({ variant, label, className, size, ...props }: StatusChipProps): JSX.Element;
+
+export declare type StatusChipColors = {
+    background: string;
+    text: string;
+    border: string;
+};
+
+declare interface StatusChipProps extends Omit<ChipProps, 'variant' | 'color'> {
+    variant: StatusChipVariant;
+    label: string;
+}
+
+export declare type StatusChipVariant = 'success' | 'warning' | 'error' | 'info' | 'neutral';
+
+export declare const StiggContext: default_2.Context<StiggContextValue | null>;
+
+export declare interface StiggContextValue {
+    stigg: StiggJs.StiggClient;
+    isInitialized: boolean;
+    locale: string;
+    updatedAt?: Date;
+    customerPortalUpdatedAt?: Date;
+    refreshData: () => Promise<void>;
+    theme?: Theme;
+}
+
+export declare const StiggProvider: default_2.FC<PropsWithChildren<StiggProviderProps>>;
+
+export declare type StiggProviderProps = {
+    apiKey: string;
+    baseUri?: string;
+    baseEdgeUri?: string;
+    enableEdge?: boolean;
+    entitlementsFallback?: EntitlementsFallback;
+    customerId?: string;
+    customerToken?: string;
+    resourceId?: string;
+    theme?: Theme;
+    locale?: string;
+    offline?: boolean;
+    cacheTtlMs?: number;
+    /** @deprecated not longer in use */
+    useEntitlementPolling?: boolean;
+    /** @deprecated not longer in use */
+    entitlementPollingInterval?: number;
+    stiggClient?: StiggJs.StiggClient;
+    clientName?: string;
+    clientVersion?: string;
+};
+
+export declare type StiggTheme = {
+    palette: {
+        primary: string;
+        primaryDark: string;
+        primaryLight: string;
+        backgroundPaper: string;
+        backgroundHighlight: string;
+        backgroundSection: string;
+        backgroundButton: string;
+        outlinedBorder: string;
+        outlinedRestingBorder: string;
+        outlinedHoverBackground: string;
+        switchBorder: string;
+        switchFill: string;
+        switchHandle: string;
+        warning: string;
+        error: string;
+        errorDark: string;
+        white: string;
+        success: string;
+        successDark: string;
+        text: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            disabled: string;
+        };
+        statusChips: {
+            success: StatusChipColors;
+            warning: StatusChipColors;
+            error: StatusChipColors;
+            info: StatusChipColors;
+            neutral: StatusChipColors;
+        };
+        progress: {
+            background: string;
+            low: string;
+            medium: string;
+            high: string;
+        };
+    };
+    layout: {
+        planMinWidth: string;
+        planMaxWidth: string;
+        planMargin: string;
+        planPadding: string;
+        ctaAlignment: HorizontalAlignment;
+        headerAlignment: HorizontalAlignment;
+        descriptionAlignment: TextAlignment;
+        descriptionMinHeight: string;
+        switchBottomSpacing: string;
+    };
+    shadows: {
+        light: string;
+        popover: string;
+    };
+    border: {
+        radius: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontFamilyUrl?: string;
+        h1: FontVariant;
+        h2: FontVariant;
+        h3: FontVariant;
+        body: FontVariant;
+        caption: FontVariant;
+    };
+    customCss?: string;
+};
+
+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 declare function SubscriptionsOverview({ onManageSubscription, onBuyMore, onCancelScheduledUpdates, onContactSupport, hiddenSections, cancelScheduledUpdatesButtonTitle, }: SubscriptionsOverviewProps): JSX.Element;
+
+export declare type SubscriptionsOverviewProps = {
+    onManageSubscription: OnManageClick;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    onCancelScheduledUpdates?: (subscription: CustomerPortalSubscription) => void;
+    onContactSupport?: () => void;
+    hiddenSections?: CustomerPortalSection[];
+    cancelScheduledUpdatesButtonTitle: string;
+};
+
+export declare type TableAlignment = 'left' | 'center' | 'right';
+
+export declare type TaxDetailsInput = {
+    taxPercentage?: SubscriptionBillingInfo['taxPercentage'];
+};
+
+export declare type TextAlignment = 'left' | 'center' | 'right';
+
+export declare type Theme = DeepPartial<StiggTheme>;
+
+declare type TypedGetBooleanEntitlement<T> = Omit<GetBooleanEntitlement, 'featureId'> & {
+    featureId: T;
+};
+
+declare type TypedGetEnumEntitlement<T> = Omit<GetEnumEntitlement, 'featureId'> & {
+    featureId: T;
+};
+
+declare type TypedGetMeteredEntitlement<T> = Omit<GetMeteredEntitlement, 'featureId'> & {
+    featureId: T;
+};
+
+declare type TypedGetNumericEntitlement<T> = Omit<GetNumericEntitlement, 'featureId'> & {
+    featureId: T;
+};
+
+export declare function useActiveSubscriptions(params?: GetActiveSubscriptions): {
+    activeSubscriptions: Subscription[] | null;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export declare function useBooleanEntitlement<T extends string>(params: TypedGetBooleanEntitlement<T>): BooleanEntitlement;
+
+export declare function useCreditBalance(params: GetCreditBalanceParams): {
+    balance: {
+        currentBalance: number;
+        totalConsumed: number;
+        totalGranted: number;
+        currencyId: string;
+        displayName: string;
+        units: {
+            __typename?: "Units" | undefined;
+            singular: string;
+            plural: string;
+        } | null | undefined;
+        symbol: string | null | undefined;
+    } | {
+        currencyId: string;
+        currentBalance: number;
+        totalConsumed: number;
+        totalGranted: number;
+        displayName?: undefined;
+        units?: undefined;
+        symbol?: undefined;
+    } | null;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export declare function useCreditGrants(params: GetCreditGrantsParams): {
+    creditGrants: CreditGrant[];
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export declare function useCreditUsage(params: GetCreditUsageInput): {
+    creditUsage: CreditUsageFragment | null;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export declare function useCustomerPortal(params?: GetCustomerPortal): {
+    customerPortal: CustomerPortal_2 | null;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export declare function useEnumEntitlement<T extends string>(params: TypedGetEnumEntitlement<T>): EnumEntitlement;
+
+export declare function useMeteredEntitlement<T extends string>(params: TypedGetMeteredEntitlement<T>): MeteredEntitlement;
+
+export declare function useNumericEntitlement<T extends string>(params: TypedGetNumericEntitlement<T>): NumericEntitlement;
+
+export declare function usePaywall(params?: GetPaywall): {
+    paywall: Paywall_2 | null;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export declare function useStiggContext(options?: {
+    optional?: false;
+}): StiggContextValue;
+
+export declare function useStiggContext(options: {
+    optional: true;
+}): StiggContextValue | null;
+
+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;
+};
+
+
+export * from "@stigg/js-client-sdk";
+
+export { }