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

package/dist/src/components/credits/hooks/useCreditBalance.d.ts

@@ -0,0 +1,32 @@
+export interface GetCreditBalanceParams {
+    currencyId: string;
+}
+export interface CreditBalance {
+    currentBalance: number;
+    currencyId?: string;
+}
+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;
+};

package/dist/src/components/credits/hooks/useCreditGrants.d.ts

@@ -0,0 +1,9 @@
+import { PageInfoFragment } from '@stigg/js-client-sdk';
+import { GetCreditGrantsParams, CreditGrant } from '../grants/types';
+export declare function useCreditGrants(params: GetCreditGrantsParams): {
+    creditGrants: CreditGrant[];
+    isLoading: boolean;
+    error: Error | null;
+    paging?: PageInfoFragment | null;
+    totalCount?: number;
+};

package/dist/src/components/credits/hooks/useCreditUsage.d.ts

@@ -0,0 +1,13 @@
+import { GetCreditUsageInput } from '@stigg/js-client-sdk';
+export interface GetCreditBalanceParams {
+    currencyId: string;
+}
+export interface CreditBalance {
+    currentBalance: number;
+    currencyId?: string;
+}
+export declare function useCreditUsage(params: GetCreditUsageInput): {
+    creditUsage: import('@stigg/js-client-sdk').CreditUsageFragment | null;
+    isLoading: boolean;
+    error: Error | null;
+};

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

@@ -0,0 +1,12 @@
+export { CreditBalance } from './balance/CreditBalance';
+export type { CreditBalanceProps } from './balance/CreditBalance';
+export { useCreditBalance } from './hooks/useCreditBalance';
+export type { GetCreditBalanceParams, CreditBalance as CreditBalanceData } from './hooks/useCreditBalance';
+export { CreditUsageChart, type CreditUsageChartProps } from './creditUsageChart/CreditUsageChart';
+export { useCreditUsage } from './hooks/useCreditUsage';
+export { CreditUtilization } from './utilization/CreditUtilization';
+export type { CreditUtilizationProps, CreditUtilizationLocalization } from './utilization/CreditUtilization';
+export { CreditGrants } from './grants/CreditGrants';
+export type { CreditGrantsProps } from './grants/CreditGrants';
+export { useCreditGrants } from './hooks/useCreditGrants';
+export type { CreditGrant, CreditGrantStatus, GetCreditGrantsParams, CreditGrantsLocalization } from './grants/types';

package/dist/src/components/credits/localization.d.ts

@@ -0,0 +1,22 @@
+export declare const CREDIT_WIDGET_DEFAULT_LOCALIZATION: {
+    title: string;
+};
+export declare const CREDIT_UTILIZATION_DEFAULT_LOCALIZATION: {
+    title: string;
+    remaining: string;
+};
+export declare const CREDIT_GRANTS_DEFAULT_LOCALIZATION: {
+    receivedAt: string;
+    effectiveAt: string;
+    grantType: string;
+    status: string;
+    balance: string;
+    expiryDate: string;
+    emptyState: string;
+    loadingState: string;
+    errorState: string;
+};
+export declare const CREDIT_USAGE_CHART_DEFAULT_LOCALIZATION: {
+    title: string;
+    totalSpend: string;
+};

package/dist/src/components/credits/utilization/CreditUtilization.d.ts

@@ -0,0 +1,12 @@
+import { GetCreditBalanceParams } from '../hooks/useCreditBalance';
+export type CreditUtilizationProps = GetCreditBalanceParams & {
+    localization?: CreditUtilizationLocalization;
+    decimalPlaces?: number | null;
+    showUnits?: boolean;
+    showSymbol?: boolean;
+};
+export type CreditUtilizationLocalization = {
+    title: string;
+    remaining: string;
+};
+export declare function CreditUtilization({ currencyId, localization, decimalPlaces, showUnits, showSymbol, }: CreditUtilizationProps): JSX.Element;

package/dist/src/components/credits/utilization/CreditUtilizationValue.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CreditUtilizationValueProps {
+    currencyId: string;
+    decimalPlaces?: number | null;
+    showUnits?: boolean;
+    showSymbol?: boolean;
+    remainingLabel?: string;
+}
+export declare function CreditUtilizationValue({ currencyId, decimalPlaces, showUnits, showSymbol, remainingLabel, }: CreditUtilizationValueProps): JSX.Element;

package/dist/src/components/credits/utils/creditBalanceUtils.d.ts

@@ -0,0 +1,11 @@
+export declare const formatValue: (value?: number, decimalPlaces?: number | null) => string | number;
+export declare const formatCreditSuffix: (balance: {
+    currentBalance: number;
+    displayName?: string;
+    units?: {
+        singular: string;
+        plural: string;
+    } | null;
+    symbol?: string | null;
+}, showUnits?: boolean, showSymbol?: boolean) => string;
+export declare const calculateUtilizationPercentage: (currentUsage: number, totalBalance: number) => number;

package/dist/src/components/credits/utils/creditGrantUtils.d.ts

@@ -0,0 +1,3 @@
+import { CreditGrant, CreditGrantStatus } from '../grants/types';
+export declare function getCreditGrantStatus(grant: CreditGrant): CreditGrantStatus;
+export declare function formatBalance(grant: CreditGrant, decimalPlaces?: number | null): string;

package/dist/src/components/customerPortal/CustomerPortal.d.ts

@@ -0,0 +1,20 @@
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { DeepPartial } from '../../types';
+import { CustomerPortalLocalization } from './customerPortalTextOverrides';
+import { CustomerPortalTheme } from './customerPortalTheme';
+import { FilterEntitlementsFn, OnBuyMoreCallbackFn, OnManageSubscriptionFn } from './types';
+export type CustomerPortalSection = 'usage' | 'addons' | 'promotionalEntitlements' | 'billingInformation' | 'paymentDetails' | 'invoices';
+export 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 CustomerPortal({ textOverrides, theme, resourceId, productId, ...restProps }: CustomerPortalProps): JSX.Element;

package/dist/src/components/customerPortal/CustomerPortal.style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const CustomerPortalLayout: 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 const CustomerPortalSections: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/src/components/customerPortal/CustomerPortalContainer.d.ts

@@ -0,0 +1,6 @@
+import { CustomerPortalProps } from './CustomerPortal';
+import { CustomerPortalIntentionType } from './types';
+export type OnManageClick = ({ intentionType }: {
+    intentionType: CustomerPortalIntentionType;
+}) => void;
+export declare function CustomerPortalContainer({ onManageSubscription, onBuyMore, onCancelScheduledUpdates, onContactSupport, paywallComponent, hiddenSections, filterEntitlements, }: CustomerPortalProps): JSX.Element;

package/dist/src/components/customerPortal/CustomerPortalContext.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { CustomerPortal } from '@stigg/js-client-sdk';
+import { CustomerPortalLocalization } from './customerPortalTextOverrides';
+import { CustomerPortalTheme } from './customerPortalTheme';
+export interface CustomerPortalContextValue {
+    customerPortal?: CustomerPortal | null;
+    textOverrides: CustomerPortalLocalization;
+    theme: CustomerPortalTheme;
+    isLoading: boolean;
+    resourceId?: string;
+    currencyId?: string;
+    showWatermark: boolean;
+}
+export declare const CustomerPortalContext: React.Context<CustomerPortalContextValue | null>;
+export declare const useCustomerPortalContext: () => CustomerPortalContextValue;
+export declare function useCheckContextExists<T>(contextType: React.Context<T>): boolean;

package/dist/src/components/customerPortal/CustomerPortalHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function CustomerPortalHeader({ showWatermark }: {
+    showWatermark?: boolean;
+}): JSX.Element;

package/dist/src/components/customerPortal/CustomerPortalProvider.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { DeepPartial } from '../../types';
+import { CustomerPortalLocalization } from './customerPortalTextOverrides';
+import { CustomerPortalTheme } from './customerPortalTheme';
+export declare function CustomerPortalProvider({ children, textOverrides, theme, resourceId, productId, }: {
+    children: React.ReactNode;
+    textOverrides?: DeepPartial<CustomerPortalLocalization>;
+    theme?: DeepPartial<CustomerPortalTheme>;
+    resourceId?: string;
+    productId?: string;
+}): JSX.Element;

package/dist/src/components/customerPortal/billing/InformationGrid.d.ts

@@ -0,0 +1,16 @@
+import { TypographyProps } from '../../common/Typography';
+export declare const InformationGridContainer: 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 type InformationGridProps = {
+    title: string;
+    rows: Array<{
+        classNamePrefix: string;
+        label: string;
+        value: string;
+        labelTypographyProps?: Partial<TypographyProps>;
+        valueTypographyProps?: Partial<TypographyProps>;
+    }>;
+};
+export declare function InformationGrid({ title, rows }: InformationGridProps): JSX.Element;

package/dist/src/components/customerPortal/billing/InvoicesSection.d.ts

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

package/dist/src/components/customerPortal/billing/PaymentDetailsSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const EMPTY_CHAR = "-";
+export declare function PaymentDetailsSection(): JSX.Element | null;

package/dist/src/components/customerPortal/common/ExternalLinkButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type ExternalLinkButtonProps = {
+    text: string;
+    url: string;
+    className: string;
+};
+export declare function ExternalLinkButton({ text, url, className }: ExternalLinkButtonProps): JSX.Element;

package/dist/src/components/customerPortal/common/SectionContainer.d.ts

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

package/dist/src/components/customerPortal/common/SectionHeader.d.ts

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

package/dist/src/components/customerPortal/common/SectionTitle.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type SectionTitleProps = {
+    title: string;
+    className: string;
+    isLoading?: boolean;
+};
+export declare function SectionTitle({ title, className, isLoading }: SectionTitleProps): JSX.Element;

package/dist/src/components/customerPortal/common/SkeletonButton.d.ts

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

package/dist/src/components/customerPortal/common/StyledButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+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;
+}, {}, {}>;

package/dist/src/components/customerPortal/customerPortalTextOverrides.d.ts

@@ -0,0 +1,17 @@
+import { DeepPartial } from '../../types';
+export 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 function getResolvedCustomerPortalLocalize(localizeOverride?: DeepPartial<CustomerPortalLocalization>): CustomerPortalLocalization;

package/dist/src/components/customerPortal/customerPortalTheme.d.ts

@@ -0,0 +1,14 @@
+import { CustomerPortalConfiguration } from '@stigg/js-client-sdk';
+import { StiggTheme } from '../../theme/types';
+import { DeepPartial } from '../../types';
+export type CustomerPortalTheme = {
+    sectionTitleColor: string;
+    planNameColor: string;
+    backgroundColor: string;
+    borderColor: string;
+    listItemBackgroundColor: string;
+    tabMaxHeight: string;
+    iconsColor?: string;
+    iconsBackgroundColor?: string;
+};
+export declare function getResolvedCustomerPortalTheme(globalTheme: StiggTheme, themeOverride?: DeepPartial<CustomerPortalTheme>, remoteConfiguration?: CustomerPortalConfiguration | null): CustomerPortalTheme;

package/dist/src/components/customerPortal/hooks/useCustomerPortal.d.ts

@@ -0,0 +1,11 @@
+import { CustomerPortal } from '@stigg/js-client-sdk';
+type UseCustomerPortalProps = {
+    resourceId?: string;
+    productId?: string;
+};
+export declare function useCustomerPortal({ resourceId, productId }: UseCustomerPortalProps): {
+    customerPortal: CustomerPortal | null | undefined;
+    showWatermark: boolean;
+    isLoading: boolean;
+};
+export {};

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

@@ -0,0 +1,16 @@
+export { CustomerPortal } from './CustomerPortal';
+export type { CustomerPortalProps, CustomerPortalSection } from './CustomerPortal';
+export { SubscriptionsOverview } from './subscriptionOverview/SubscriptionsOverview';
+export type { SubscriptionsOverviewProps } from './subscriptionOverview/SubscriptionsOverview';
+export { PaymentDetailsSection } from './billing/PaymentDetailsSection';
+export { InvoicesSection } from './billing/InvoicesSection';
+export { CustomerUsageData } from './usage/CustomerUsageData';
+export type { CustomerUsageDataProps } from './usage/CustomerUsageData';
+export { AddonsList } from './subscriptionOverview/tabs/AddonsList';
+export { Promotions } from './subscriptionOverview/tabs/Promotions';
+export { CustomerPortalProvider } from './CustomerPortalProvider';
+export { useCustomerPortalContext, CustomerPortalContext, useCheckContextExists } from './CustomerPortalContext';
+export type { CustomerPortalContextValue } from './CustomerPortalContext';
+export type { CustomerPortalLocalization } from './customerPortalTextOverrides';
+export type { CustomerPortalTheme } from './customerPortalTheme';
+export * from './types';

package/dist/src/components/customerPortal/paywall/CustomerPortalPaywall.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { CustomerPortalTheme } from '../customerPortalTheme';
+type CustomerPortalPaywallProps = {
+    paywallComponent?: ReactNode;
+    theme: CustomerPortalTheme;
+    title: string;
+    isLoading: boolean;
+};
+export declare const CustomerPortalPaywall: import('react').ForwardRefExoticComponent<CustomerPortalPaywallProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/customerPortal/paywall/CustomerPortalPaywall.style.d.ts

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

package/dist/src/components/customerPortal/subscriptionOverview/ContactCustomerSupport.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type ContactCustomerSupportProps = {
+    onContactSupport?: () => void;
+    label: string;
+    linkLabel: string;
+};
+export declare function ContactCustomerSupport({ onContactSupport, label, linkLabel }: ContactCustomerSupportProps): JSX.Element;
+export {};

package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionOverviewLoader.d.ts

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

package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionsOverview.d.ts

@@ -0,0 +1,13 @@
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { CustomerPortalSection } from '../CustomerPortal';
+import { OnBuyMoreCallbackFn } from '../types';
+import { OnManageClick } from '../CustomerPortalContainer';
+export type SubscriptionsOverviewProps = {
+    onManageSubscription: OnManageClick;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    onCancelScheduledUpdates?: (subscription: CustomerPortalSubscription) => void;
+    onContactSupport?: () => void;
+    hiddenSections?: CustomerPortalSection[];
+    cancelScheduledUpdatesButtonTitle: string;
+};
+export declare function SubscriptionsOverview({ onManageSubscription, onBuyMore, onCancelScheduledUpdates, onContactSupport, hiddenSections, cancelScheduledUpdatesButtonTitle, }: SubscriptionsOverviewProps): JSX.Element;

package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionsOverviewHeader.d.ts

@@ -0,0 +1,9 @@
+import { CustomerPortalLocalization } from '../customerPortalTextOverrides';
+import { OnManageClick } from '../CustomerPortalContainer';
+type SubscriptionsOverviewHeaderProps = {
+    onManageSubscription: OnManageClick;
+    hideManageButton: boolean;
+    textOverrides: CustomerPortalLocalization;
+};
+export declare function SubscriptionsOverviewHeader({ onManageSubscription, hideManageButton, textOverrides, }: SubscriptionsOverviewHeaderProps): JSX.Element;
+export {};

package/dist/src/components/customerPortal/subscriptionOverview/charges/ChargeItem.d.ts

@@ -0,0 +1,17 @@
+import { Currency, 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 UsageBasedChargeProps = {
+    entitlement: Exclude<CustomerPortalEntitlement, 'feature'>;
+    feature: FeatureFragment;
+    amount: number;
+    blockSize?: number | null;
+    currency: Currency;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    onManageSubscription: OnManageClick;
+    canUpgradeSubscription: boolean;
+    hasCustomSubscription: boolean;
+    hideChargePrice?: boolean;
+};
+export declare function ChargeItem({ amount, currency, blockSize, entitlement, feature, hideChargePrice, onBuyMore, onManageSubscription, canUpgradeSubscription, hasCustomSubscription, }: UsageBasedChargeProps): JSX.Element;

package/dist/src/components/customerPortal/subscriptionOverview/charges/ChargeList.d.ts

@@ -0,0 +1,12 @@
+import { CustomerPortalEntitlement, CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { OnBuyMoreCallbackFn } from '../../types';
+import { OnManageClick } from '../../CustomerPortalContainer';
+export type ChargesProps = {
+    subscription: CustomerPortalSubscription;
+    entitlements: CustomerPortalEntitlement[];
+    onBuyMore?: OnBuyMoreCallbackFn;
+    onManageSubscription: OnManageClick;
+    canUpgradeSubscription: boolean;
+    hasCustomSubscription: boolean;
+};
+export declare function ChargeList({ subscription, entitlements, onBuyMore, onManageSubscription, hasCustomSubscription, canUpgradeSubscription, }: ChargesProps): JSX.Element | null;

package/dist/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdateRow.d.ts

@@ -0,0 +1,8 @@
+import { CustomerPortalSubscription, CustomerPortalSubscriptionScheduledUpdateDataFragment } from '@stigg/js-client-sdk';
+export type SubscriptionScheduledUpdateRowProps = {
+    scheduleUpdate: CustomerPortalSubscriptionScheduledUpdateDataFragment;
+};
+export declare function SubscriptionScheduledUpdateRow({ scheduleUpdate, subscription, }: {
+    scheduleUpdate: CustomerPortalSubscriptionScheduledUpdateDataFragment;
+    subscription: CustomerPortalSubscription;
+}): JSX.Element | null;

package/dist/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdatesAlert.d.ts

@@ -0,0 +1,9 @@
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { CustomerPortalTheme } from '../../customerPortalTheme';
+export type SubscriptionScheduledUpdatesAlertProps = {
+    subscription: CustomerPortalSubscription;
+    onCancelScheduledUpdates?: (subscription: CustomerPortalSubscription) => void;
+    theme: CustomerPortalTheme;
+    cancelScheduledUpdatesButtonTitle: string;
+};
+export declare function SubscriptionScheduledUpdatesAlert({ subscription, onCancelScheduledUpdates, theme, cancelScheduledUpdatesButtonTitle, }: SubscriptionScheduledUpdatesAlertProps): JSX.Element | null;

package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.d.ts

@@ -0,0 +1,11 @@
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { CustomerPortalTheme } from '../../customerPortalTheme';
+import { OnManageClick } from '../../CustomerPortalContainer';
+type SubscriptionViewProps = {
+    mainSubscription: CustomerPortalSubscription;
+    trialSubscription: CustomerPortalSubscription | undefined;
+    onManageSubscription: OnManageClick;
+    theme: CustomerPortalTheme;
+};
+export declare function SubscriptionView({ mainSubscription, trialSubscription, onManageSubscription, theme, }: SubscriptionViewProps): JSX.Element;
+export {};

package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.style.d.ts

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

package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/TrialPanel.d.ts

@@ -0,0 +1,7 @@
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { OnManageClick } from '../../CustomerPortalContainer';
+export declare function TrialPanel({ subscription, includePlanName, onManageSubscription, }: {
+    subscription: CustomerPortalSubscription | undefined;
+    includePlanName: boolean;
+    onManageSubscription: OnManageClick;
+}): JSX.Element | null;

package/dist/src/components/customerPortal/subscriptionOverview/tabs/AddonsList.d.ts

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

package/dist/src/components/customerPortal/subscriptionOverview/tabs/Promotions.d.ts

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

package/dist/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.d.ts

@@ -0,0 +1,11 @@
+import { CustomerPortal } from '@stigg/js-client-sdk';
+import { CustomerPortalSection } from '../../CustomerPortal';
+import { CustomerPortalLocalization } from '../../customerPortalTextOverrides';
+import { CustomerPortalTheme } from '../../customerPortalTheme';
+export type SubscriptionTabsProps = {
+    customerPortal: CustomerPortal;
+    hiddenSections?: CustomerPortalSection[];
+    textOverrides: CustomerPortalLocalization;
+    theme: CustomerPortalTheme;
+};
+export declare function SubscriptionTabs({ customerPortal, hiddenSections, textOverrides, theme }: SubscriptionTabsProps): JSX.Element | null;

package/dist/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.style.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare const StyledTabs: import('@emotion/styled').StyledComponent<import('@mui/material/Tabs').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style" | "className" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "value" | "action" | "variant" | "classes" | "sx" | "slotProps" | "slots" | "orientation" | "textColor" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "visibleScrollbar"> & {
+    theme?: import('@emotion/react').Theme | undefined;
+}, {}, {}>;
+export declare const TabsLayout: 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 const TabContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme | undefined;
+} & {
+    $maxHeight: string;
+}, {}, {}>;
+export declare const ListBox: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+} & {
+    $backgroundColor: string;
+    $borderColor: string;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/src/components/customerPortal/subscriptionOverview/types/customerPortal.types.d.ts

@@ -0,0 +1,3 @@
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+export type SubscriptionPrice = CustomerPortalSubscription['prices'][number];
+export type FeatureType = NonNullable<SubscriptionPrice['feature']>;

package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/NextEstimatedBill.d.ts

@@ -0,0 +1,8 @@
+import { BillingPeriod, Currency } from '@stigg/js-client-sdk';
+export type NextEstimatedBillProps = {
+    billingPeriod: BillingPeriod;
+    rangeEnd: string;
+    amount: number;
+    currency: Currency;
+};
+export declare function NextEstimatedBill({ billingPeriod, rangeEnd, amount, currency }: NextEstimatedBillProps): JSX.Element;

package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/NoUpcomingBilling.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type NoUpcomingBillingProps = {
+    description: string;
+};
+export declare function NoUpcomingBilling({ description }: NoUpcomingBillingProps): JSX.Element;
+export {};

package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/UpcomingBilling.d.ts

@@ -0,0 +1,10 @@
+import { CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { CustomerPortalTheme } from '../../customerPortalTheme';
+import { CustomerPortalLocalization } from '../../customerPortalTextOverrides';
+export type UpcomingBillingProps = {
+    subscription: CustomerPortalSubscription;
+    theme: CustomerPortalTheme;
+    textOverrides: CustomerPortalLocalization;
+    onContactSupport?: () => Promise<void> | void;
+};
+export declare function UpcomingBilling({ subscription, theme, textOverrides, onContactSupport }: UpcomingBillingProps): JSX.Element;

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

@@ -0,0 +1,13 @@
+import { CustomerPortalEntitlement, CustomerPortalSubscription } from '@stigg/js-client-sdk';
+import { FeatureFragment } from '@stigg/api-client-js/src/generated/sdk';
+export type OnBuyMoreCallbackFn = (feature: FeatureFragment, entitlement: CustomerPortalEntitlement) => void;
+export type FilterEntitlementsFn = (entitlements: CustomerPortalEntitlement[]) => CustomerPortalEntitlement[];
+export declare enum CustomerPortalIntentionType {
+    MANAGE_SUBSCRIPTION = "MANAGE_SUBSCRIPTION",
+    UPGRADE_PLAN = "UPGRADE_PLAN",
+    UPGRADE_TRIAL_PLAN = "UPGRADE_TRIAL_PLAN"
+}
+export type OnManageSubscriptionFn = ({ intentionType, customerSubscriptions, }: {
+    intentionType: CustomerPortalIntentionType;
+    customerSubscriptions: CustomerPortalSubscription[];
+}) => Promise<void> | void;

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

@@ -0,0 +1,8 @@
+import { FilterEntitlementsFn, OnBuyMoreCallbackFn } from '../types';
+import { OnManageClick } from '../CustomerPortalContainer';
+export type CustomerUsageDataProps = {
+    onManageSubscription?: OnManageClick;
+    onBuyMore?: OnBuyMoreCallbackFn;
+    filterEntitlements?: FilterEntitlementsFn;
+};
+export declare function CustomerUsageData({ onManageSubscription, onBuyMore, filterEntitlements }: CustomerUsageDataProps): JSX.Element | null;