@schematichq/schematic-components 2.3.1 → 2.5.0

package/dist/schematic-components.d.ts

@@ -17,6 +17,15 @@ import { RuleSet } from 'styled-components';
 import type { Stripe } from '@stripe/stripe-js';
 import { Substitute } from 'styled-components/dist/types';
 
+export declare const AddOns: ({ addOns, toggle, isLoading, period }: AddOnsProps) => JSX.Element;
+
+declare interface AddOnsProps {
+    addOns: SelectedPlan[];
+    toggle: (id: string) => void;
+    isLoading: boolean;
+    period: string;
+}
+
 declare interface AvailablePlanOptions {
     useSelectedPeriod?: boolean;
 }
@@ -740,10 +749,16 @@ declare interface BillingPriceResponseData {
     priceDecimal?: string | null;
     /**
      *
-     * @type {string}
+     * @type {BillingProviderType}
+     * @memberof BillingPriceResponseData
+     */
+    providerType: BillingProviderType;
+    /**
+     *
+     * @type {BillingPriceScheme}
      * @memberof BillingPriceResponseData
      */
-    scheme: string;
+    scheme: BillingPriceScheme;
 }
 
 /**
@@ -790,12 +805,40 @@ declare interface BillingPriceResponseData_2 {
     priceDecimal?: string | null;
     /**
      *
-     * @type {string}
+     * @type {BillingProviderType}
+     * @memberof BillingPriceResponseData
+     */
+    providerType: BillingProviderType_2;
+    /**
+     *
+     * @type {BillingPriceScheme}
      * @memberof BillingPriceResponseData
      */
-    scheme: string;
+    scheme: BillingPriceScheme_2;
 }
 
+/**
+ *
+ * @export
+ */
+declare const BillingPriceScheme: {
+    readonly PerUnit: "per_unit";
+    readonly Tiered: "tiered";
+};
+
+declare type BillingPriceScheme = (typeof BillingPriceScheme)[keyof typeof BillingPriceScheme];
+
+/**
+ *
+ * @export
+ */
+declare const BillingPriceScheme_2: {
+    readonly PerUnit: "per_unit";
+    readonly Tiered: "tiered";
+};
+
+declare type BillingPriceScheme_2 = (typeof BillingPriceScheme_2)[keyof typeof BillingPriceScheme_2];
+
 /**
  *
  * @export
@@ -807,6 +850,17 @@ declare const BillingPriceUsageType: {
 
 declare type BillingPriceUsageType = (typeof BillingPriceUsageType)[keyof typeof BillingPriceUsageType];
 
+/**
+ *
+ * @export
+ */
+declare const BillingPriceUsageType_2: {
+    readonly Licensed: "licensed";
+    readonly Metered: "metered";
+};
+
+declare type BillingPriceUsageType_2 = (typeof BillingPriceUsageType_2)[keyof typeof BillingPriceUsageType_2];
+
 /**
  *
  * @export
@@ -815,10 +869,10 @@ declare type BillingPriceUsageType = (typeof BillingPriceUsageType)[keyof typeof
 declare interface BillingPriceView {
     /**
      *
-     * @type {string}
+     * @type {BillingPriceScheme}
      * @memberof BillingPriceView
      */
-    billingScheme: string;
+    billingScheme: BillingPriceScheme;
     /**
      *
      * @type {Date}
@@ -921,6 +975,12 @@ declare interface BillingPriceView {
      * @memberof BillingPriceView
      */
     productName: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingPriceView
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {BillingTiersMode}
@@ -935,10 +995,10 @@ declare interface BillingPriceView {
     updatedAt: Date;
     /**
      *
-     * @type {string}
+     * @type {BillingPriceUsageType}
      * @memberof BillingPriceView
      */
-    usageType: string;
+    usageType: BillingPriceUsageType;
 }
 
 /**
@@ -949,10 +1009,10 @@ declare interface BillingPriceView {
 declare interface BillingPriceView_2 {
     /**
      *
-     * @type {string}
+     * @type {BillingPriceScheme}
      * @memberof BillingPriceView
      */
-    billingScheme: string;
+    billingScheme: BillingPriceScheme_2;
     /**
      *
      * @type {Date}
@@ -1055,6 +1115,12 @@ declare interface BillingPriceView_2 {
      * @memberof BillingPriceView
      */
     productName: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingPriceView
+     */
+    providerType: BillingProviderType_2;
     /**
      *
      * @type {BillingTiersMode}
@@ -1069,10 +1135,10 @@ declare interface BillingPriceView_2 {
     updatedAt: Date;
     /**
      *
-     * @type {string}
+     * @type {BillingPriceUsageType}
      * @memberof BillingPriceView
      */
-    usageType: string;
+    usageType: BillingPriceUsageType_2;
 }
 
 /**
@@ -1148,6 +1214,12 @@ declare interface BillingProductDetailResponseData {
      * @memberof BillingProductDetailResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductDetailResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {number}
@@ -1241,6 +1313,12 @@ declare interface BillingProductDetailResponseData_2 {
      * @memberof BillingProductDetailResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductDetailResponseData
+     */
+    providerType: BillingProviderType_2;
     /**
      *
      * @type {number}
@@ -1269,10 +1347,10 @@ declare interface BillingProductDetailResponseData_2 {
 declare interface BillingProductForSubscriptionResponseData {
     /**
      *
-     * @type {string}
+     * @type {BillingPriceScheme}
      * @memberof BillingProductForSubscriptionResponseData
      */
-    billingScheme: string;
+    billingScheme: BillingPriceScheme;
     /**
      *
      * @type {number}
@@ -1363,6 +1441,12 @@ declare interface BillingProductForSubscriptionResponseData {
      * @memberof BillingProductForSubscriptionResponseData
      */
     priceTier: Array<BillingProductPriceTierResponseData>;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductForSubscriptionResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {number}
@@ -1429,10 +1513,10 @@ declare type BillingProductPriceInterval_2 = (typeof BillingProductPriceInterval
 declare interface BillingProductPriceResponseData {
     /**
      *
-     * @type {string}
+     * @type {BillingPriceScheme}
      * @memberof BillingProductPriceResponseData
      */
-    billingScheme: string;
+    billingScheme: BillingPriceScheme;
     /**
      *
      * @type {Date}
@@ -1499,6 +1583,12 @@ declare interface BillingProductPriceResponseData {
      * @memberof BillingProductPriceResponseData
      */
     productExternalId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductPriceResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {BillingTiersMode}
@@ -1513,10 +1603,10 @@ declare interface BillingProductPriceResponseData {
     updatedAt: Date;
     /**
      *
-     * @type {string}
+     * @type {BillingPriceUsageType}
      * @memberof BillingProductPriceResponseData
      */
-    usageType: string;
+    usageType: BillingPriceUsageType;
 }
 
 /**
@@ -1605,17 +1695,6 @@ declare interface BillingProductPriceTierResponseData_2 {
     upTo?: number | null;
 }
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -1683,6 +1762,12 @@ declare interface BillingProductResponseData {
      * @memberof BillingProductResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {number}
@@ -1697,17 +1782,6 @@ declare interface BillingProductResponseData {
     updatedAt: Date;
 }
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -1775,6 +1849,12 @@ declare interface BillingProductResponseData_2 {
      * @memberof BillingProductResponseData
      */
     productId: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingProductResponseData
+     */
+    providerType: BillingProviderType_2;
     /**
      *
      * @type {number}
@@ -1789,6 +1869,28 @@ declare interface BillingProductResponseData_2 {
     updatedAt: Date;
 }
 
+/**
+ *
+ * @export
+ */
+declare const BillingProviderType: {
+    readonly Schematic: "schematic";
+    readonly Stripe: "stripe";
+};
+
+declare type BillingProviderType = (typeof BillingProviderType)[keyof typeof BillingProviderType];
+
+/**
+ *
+ * @export
+ */
+declare const BillingProviderType_2: {
+    readonly Schematic: "schematic";
+    readonly Stripe: "stripe";
+};
+
+declare type BillingProviderType_2 = (typeof BillingProviderType_2)[keyof typeof BillingProviderType_2];
+
 /**
  * Schematic API
  * Schematic API
@@ -2017,6 +2119,12 @@ declare interface BillingSubscriptionView {
      * @memberof BillingSubscriptionView
      */
     products: Array<BillingProductForSubscriptionResponseData>;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof BillingSubscriptionView
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {string}
@@ -2193,6 +2301,11 @@ export declare interface BypassConfig {
      * Default: false (skipped stages still appear in breadcrumbs)
      */
     hideSkipped?: boolean;
+    /**
+     * Billing period to pre-select.
+     * Optional - defaults to company's current period or "month".
+     */
+    period?: "month" | "year";
 }
 
 export declare const Card: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement | null>>;
@@ -2290,12 +2403,32 @@ declare const ChargeType_2: {
 
 declare type ChargeType_2 = (typeof ChargeType_2)[keyof typeof ChargeType_2];
 
-export declare const CheckoutDialog: ({ top }: CheckoutDialogProps) => JSX.Element;
+export declare const Checkout: ({ isPaymentMethodRequired, setPaymentMethodId, updatePromoCode, confirmPaymentIntentProps, financeData, onPaymentMethodSaved, }: CheckoutProps) => JSX.Element | null;
+
+export declare const CheckoutDialog: ({ top }: CheckoutDialogProps) => JSX.Element | null;
 
 declare interface CheckoutDialogProps {
     top?: number;
 }
 
+declare interface CheckoutProps {
+    isPaymentMethodRequired: boolean;
+    setPaymentMethodId: (id: string) => void;
+    updatePromoCode: (code: string) => void;
+    confirmPaymentIntentProps?: ConfirmPaymentIntentProps_2 | null | undefined;
+    financeData?: PreviewSubscriptionFinanceResponseData | null;
+    onPaymentMethodSaved?: (updates: {
+        period?: string;
+        plan?: SelectedPlan;
+        shouldTrial?: boolean;
+        addOns?: SelectedPlan[];
+        payInAdvanceEntitlements?: UsageBasedEntitlement[];
+        addOnPayInAdvanceEntitlements?: UsageBasedEntitlement[];
+        creditBundles?: CreditBundle[];
+        promoCode?: string | null;
+    }) => void;
+}
+
 /**
  *
  * @export
@@ -2418,6 +2551,12 @@ declare interface CheckoutResponseData {
      * @memberof CheckoutResponseData
      */
     periodStart: number;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof CheckoutResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {string}
@@ -3068,10 +3207,10 @@ declare interface CompanyPlanDetailResponseData {
     includedCreditGrants: Array<PlanCreditGrantView>;
     /**
      *
-     * @type {string}
+     * @type {CompanyPlanInvalidReason}
      * @memberof CompanyPlanDetailResponseData
      */
-    invalidReason?: CompanyPlanDetailResponseDataInvalidReasonEnum | null;
+    invalidReason?: CompanyPlanInvalidReason | null;
     /**
      *
      * @type {boolean}
@@ -3145,6 +3284,12 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     valid: boolean;
+    /**
+     *
+     * @type {Array<PlanVersionResponseData>}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    versions: Array<PlanVersionResponseData>;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -3154,14 +3299,15 @@ declare interface CompanyPlanDetailResponseData {
 }
 
 /**
+ *
  * @export
  */
-declare const CompanyPlanDetailResponseDataInvalidReasonEnum: {
-    readonly FeatureUsageExceeded: "feature_usage_exceeded";
+declare const CompanyPlanInvalidReason: {
     readonly DowngradeNotPermitted: "downgrade_not_permitted";
+    readonly FeatureUsageExceeded: "feature_usage_exceeded";
 };
 
-declare type CompanyPlanDetailResponseDataInvalidReasonEnum = (typeof CompanyPlanDetailResponseDataInvalidReasonEnum)[keyof typeof CompanyPlanDetailResponseDataInvalidReasonEnum];
+declare type CompanyPlanInvalidReason = (typeof CompanyPlanInvalidReason)[keyof typeof CompanyPlanInvalidReason];
 
 /**
  *
@@ -3490,6 +3636,92 @@ declare interface ComponentCheckoutSettings {
     taxCollectionEnabled: boolean;
 }
 
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface ComponentDisplaySettings
+ */
+declare interface ComponentDisplaySettings {
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showAsMonthlyPrices: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showCredits: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showPeriodToggle: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showZeroPriceAsFree: boolean;
+}
+
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface ComponentDisplaySettings
+ */
+declare interface ComponentDisplaySettings_2 {
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showAsMonthlyPrices: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showCredits: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showPeriodToggle: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentDisplaySettings
+     */
+    showZeroPriceAsFree: boolean;
+}
+
 /**
  *
  * @export
@@ -3573,6 +3805,12 @@ declare interface ComponentHydrateResponseData {
      * @memberof ComponentHydrateResponseData
      */
     defaultPlan?: PlanDetailResponseData;
+    /**
+     *
+     * @type {ComponentDisplaySettings}
+     * @memberof ComponentHydrateResponseData
+     */
+    displaySettings: ComponentDisplaySettings;
     /**
      *
      * @type {FeatureUsageDetailResponseData}
@@ -3607,18 +3845,28 @@ declare interface ComponentHydrateResponseData {
      *
      * @type {boolean}
      * @memberof ComponentHydrateResponseData
+     * @deprecated
+     */
+    showAsMonthlyPrices: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentHydrateResponseData
+     * @deprecated
      */
     showCredits: boolean;
     /**
      *
      * @type {boolean}
      * @memberof ComponentHydrateResponseData
+     * @deprecated
      */
     showPeriodToggle: boolean;
     /**
      *
      * @type {boolean}
      * @memberof ComponentHydrateResponseData
+     * @deprecated
      */
     showZeroPriceAsFree: boolean;
     /**
@@ -3901,8 +4149,15 @@ declare interface ConfirmPaymentIntentProps {
     callback: (confirmed: boolean) => void;
 }
 
+declare interface ConfirmPaymentIntentProps_2 {
+    clientSecret: string;
+    callback: (confirmed: boolean) => void;
+}
+
 export declare const Container: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
+export declare const ContainerStyle: RuleSet<object>;
+
 export declare const createActiveUsageBasedEntitlementsReducer: (entitlements: FeatureUsageResponseData[], period: string) => (acc: UsageBasedEntitlement[], entitlement: PlanEntitlementResponseData) => UsageBasedEntitlement[];
 
 declare type CreditBundle = BillingCreditBundleView & {
@@ -3963,6 +4218,12 @@ declare interface CreditCompanyGrantView {
      * @memberof CreditCompanyGrantView
      */
     creditName: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof CreditCompanyGrantView
+     */
+    exhaustedAt?: Date | null;
     /**
      *
      * @type {Date}
@@ -4043,16 +4304,34 @@ declare interface CreditCompanyGrantView {
     quantityUsed: number;
     /**
      *
-     * @type {string}
+     * @type {boolean}
      * @memberof CreditCompanyGrantView
      */
-    singularName?: string | null;
+    renewalEnabled: boolean;
     /**
      *
-     * @type {string}
+     * @type {BillingPlanCreditGrantResetCadence}
      * @memberof CreditCompanyGrantView
      */
-    sourceLabel: string;
+    renewalPeriod?: BillingPlanCreditGrantResetCadence | null;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditCompanyGrantView
+     */
+    singularName?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditCompanyGrantView
+     */
+    sourceLabel: string;
+    /**
+     *
+     * @type {Array<CreditTransferView>}
+     * @memberof CreditCompanyGrantView
+     */
+    transfers?: Array<CreditTransferView>;
     /**
      *
      * @type {Date}
@@ -4111,6 +4390,69 @@ declare interface CreditGrantDetail {
     quantity: number;
 }
 
+export declare const Credits: ({ bundles, updateCount }: CreditsProps) => JSX.Element;
+
+declare interface CreditsProps {
+    isLoading: boolean;
+    bundles: CreditBundle[];
+    updateCount: (id: string, count: number) => void;
+}
+
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface CreditTransferView
+ */
+declare interface CreditTransferView {
+    /**
+     *
+     * @type {number}
+     * @memberof CreditTransferView
+     */
+    amount: number;
+    /**
+     *
+     * @type {Date}
+     * @memberof CreditTransferView
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    direction: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    reason: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditTransferView
+     */
+    relatedGrantId: string;
+}
+
 /**
  * Schematic API
  * Schematic API
@@ -4469,6 +4811,30 @@ declare interface DesignProps_9 {
     };
 }
 
+export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDialogElement | null>>;
+
+export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement | null>>;
+
+declare interface DialogContentProps {
+    children?: React.ReactNode;
+}
+
+export declare const DialogHeader: ({ children, bordered, onClose, }: DialogHeaderProps) => JSX.Element;
+
+declare interface DialogHeaderProps {
+    children?: React.ReactNode;
+    bordered?: boolean;
+    onClose?: () => void;
+}
+
+export declare interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+    isModal?: boolean;
+    size?: DialogSize;
+    top?: number;
+}
+
+export declare type DialogSize = "sm" | "md" | "lg" | "auto";
+
 declare const Element_2: IStyledComponentBase<"web", FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 "sm"?: TransientCSSProperties;
@@ -4508,6 +4874,7 @@ export declare interface EmbedContextProps extends EmbedState {
     setError: (error: Error) => void;
     setLayout: (layout: EmbedLayout) => void;
     setCheckoutState: (state: CheckoutState) => void;
+    clearCheckoutState: () => void;
     initializeWithPlan: (config: string | BypassConfig) => void;
     setData: (data: HydrateDataWithCompanyContext) => void;
     updateSettings: (settings: DeepPartial<EmbedSettings>, options?: {
@@ -5500,7 +5867,7 @@ declare interface FeatureUsageResponseData {
      */
     access: boolean;
     /**
-     * The maximum amount of usage that is permitted; a null value indicates that unlimited usage is permitted.
+     * The maximum amount of usage that is permitted; a null value indicates that unlimited usage is permitted or that this is a credit-based entitlement (use credit_remaining instead).
      * @type {number}
      * @memberof FeatureUsageResponseData
      */
@@ -5550,9 +5917,10 @@ declare interface FeatureUsageResponseData {
      */
     creditRemaining?: number | null;
     /**
-     *
+     * Deprecated: Use credit_remaining instead.
      * @type {number}
      * @memberof FeatureUsageResponseData
+     * @deprecated
      */
     creditTotal?: number | null;
     /**
@@ -5561,6 +5929,12 @@ declare interface FeatureUsageResponseData {
      * @memberof FeatureUsageResponseData
      */
     creditTypeIcon?: string | null;
+    /**
+     *
+     * @type {FeatureUsageResponseDataCreditUsageAggregation}
+     * @memberof FeatureUsageResponseData
+     */
+    creditUsageAggregation?: FeatureUsageResponseDataCreditUsageAggregation;
     /**
      *
      * @type {number}
@@ -5682,7 +6056,7 @@ declare interface FeatureUsageResponseData {
      */
     softLimit?: number | null;
     /**
-     * The amount of usage that has been consumed; a null value indicates that usage is not being measured.
+     * The amount of usage that has been consumed; a null value indicates that usage is not being measured or that this is a credit-based entitlement (use credit_used instead).
      * @type {number}
      * @memberof FeatureUsageResponseData
      */
@@ -5695,6 +6069,49 @@ declare interface FeatureUsageResponseData {
     yearlyUsageBasedPrice?: BillingPriceView;
 }
 
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface FeatureUsageResponseDataCreditUsageAggregation
+ */
+declare interface FeatureUsageResponseDataCreditUsageAggregation {
+    /**
+     * Credit usage within the current billing period
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageThisBillingPeriod?: number | null;
+    /**
+     * Credit usage within the current calendar month
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageThisCalendarMonth?: number | null;
+    /**
+     * Credit usage within the current calendar week (Monday to Sunday)
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageThisWeek?: number | null;
+    /**
+     * Credit usage for the current day
+     * @type {number}
+     * @memberof FeatureUsageResponseDataCreditUsageAggregation
+     */
+    usageToday?: number | null;
+}
+
 declare type FetchAPI = WindowOrWorkerGlobalScope["fetch"];
 
 /**
@@ -6068,6 +6485,7 @@ export declare const initialContext: {
     setAccessToken: () => never;
     setLayout: () => never;
     setCheckoutState: () => never;
+    clearCheckoutState: () => never;
     initializeWithPlan: () => never;
     setData: () => never;
     updateSettings: () => never;
@@ -6091,17 +6509,6 @@ $color?: "primary" | "secondary" | "danger";
 $variant?: "filled" | "outline" | "ghost" | "text";
 }>> & string;
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -6186,6 +6593,12 @@ declare interface InvoiceResponseData {
      * @memberof InvoiceResponseData
      */
     paymentMethodExternalId?: string | null;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof InvoiceResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {string}
@@ -6291,31 +6704,6 @@ declare interface Middleware {
     onError?(context: ErrorContext): Promise<Response | void>;
 }
 
-export declare const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement | null>>;
-
-export declare const ModalContent: ForwardRefExoticComponent<ModalContentProps & RefAttributes<HTMLDivElement | null>>;
-
-declare interface ModalContentProps {
-    children?: React.ReactNode;
-}
-
-export declare const ModalHeader: ({ children, bordered, onClose, }: ModalHeaderProps) => JSX.Element;
-
-declare interface ModalHeaderProps {
-    children?: React.ReactNode;
-    bordered?: boolean;
-    onClose?: () => void;
-}
-
-export declare interface ModalProps extends React.HTMLAttributes<HTMLElement> {
-    children: React.ReactNode;
-    size?: ModalSize;
-    top?: number;
-    onClose?: () => void;
-}
-
-export declare type ModalSize = "sm" | "md" | "lg" | "auto";
-
 export declare const Notice: IStyledComponentBase<"web", FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
 $viewport?: {
 "sm"?: TransientCSSProperties;
@@ -6327,6 +6715,17 @@ $viewport?: {
 };
 }, never>> & string;
 
+export declare const Overlay: IStyledComponentBase<"web", FastOmit<FastOmit<FastOmit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+$viewport?: {
+"sm"?: TransientCSSProperties;
+"md"?: TransientCSSProperties;
+"lg"?: TransientCSSProperties;
+"xl"?: TransientCSSProperties;
+"2xl"?: TransientCSSProperties;
+[key: string]: TransientCSSProperties | undefined;
+};
+}, never>, never>> & string;
+
 export declare const PaymentMethod: ForwardRefExoticComponent<ElementProps & DeepPartial<DesignProps_5> & HTMLAttributes<HTMLDivElement> & {
 portal?: HTMLElement | null;
 allowEdit?: boolean;
@@ -6352,17 +6751,6 @@ declare interface PaymentMethodDetailsProps {
 
 export declare type PaymentMethodProps = DesignProps_5;
 
-/**
- * Schematic API
- * Schematic API
- *
- * The version of the OpenAPI document: 0.1
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
 /**
  *
  * @export
@@ -6465,6 +6853,12 @@ declare interface PaymentMethodResponseData {
      * @memberof PaymentMethodResponseData
      */
     paymentMethodType: string;
+    /**
+     *
+     * @type {BillingProviderType}
+     * @memberof PaymentMethodResponseData
+     */
+    providerType: BillingProviderType;
     /**
      *
      * @type {Date}
@@ -6473,7 +6867,9 @@ declare interface PaymentMethodResponseData {
     updatedAt: Date;
 }
 
-declare type Plan = CompanyPlanDetailResponseData;
+export declare const Plan: ({ isLoading, plans, selectedPlan, period, selectPlan, shouldTrial, tooltipPortal, }: PlanProps) => JSX.Element;
+
+declare type Plan_2 = CompanyPlanDetailResponseData;
 
 /**
  *
@@ -6941,6 +7337,12 @@ declare interface PlanDetailResponseData {
      * @memberof PlanDetailResponseData
      */
     updatedAt: Date;
+    /**
+     *
+     * @type {Array<PlanVersionResponseData>}
+     * @memberof PlanDetailResponseData
+     */
+    versions: Array<PlanVersionResponseData>;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -7271,6 +7673,20 @@ portal?: HTMLElement | null;
 
 export declare type PlanManagerProps = DesignProps_6;
 
+declare interface PlanProps {
+    isLoading: boolean;
+    plans: SelectedPlan[];
+    selectedPlan?: SelectedPlan;
+    period: string;
+    selectPlan: (updates: {
+        plan: SelectedPlan;
+        period?: string;
+        shouldTrial?: boolean;
+    }) => void;
+    shouldTrial: boolean;
+    tooltipPortal?: HTMLElement | null;
+}
+
 /**
  *
  * @export
@@ -7407,6 +7823,178 @@ declare const PlanType_2: {
 
 declare type PlanType_2 = (typeof PlanType_2)[keyof typeof PlanType_2];
 
+/**
+ *
+ * @export
+ * @interface PlanVersionResponseData
+ */
+declare interface PlanVersionResponseData {
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    description: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    environmentId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    icon: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    name: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    originalPlanId?: string | null;
+    /**
+     *
+     * @type {PlanType}
+     * @memberof PlanVersionResponseData
+     */
+    planType: PlanType;
+    /**
+     *
+     * @type {PlanVersionStatus}
+     * @memberof PlanVersionResponseData
+     */
+    status: PlanVersionStatus;
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    updatedAt: Date;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanVersionResponseData
+     */
+    version: number;
+}
+
+/**
+ *
+ * @export
+ * @interface PlanVersionResponseData
+ */
+declare interface PlanVersionResponseData_2 {
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    description: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    environmentId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    icon: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    name: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanVersionResponseData
+     */
+    originalPlanId?: string | null;
+    /**
+     *
+     * @type {PlanType}
+     * @memberof PlanVersionResponseData
+     */
+    planType: PlanType_2;
+    /**
+     *
+     * @type {PlanVersionStatus}
+     * @memberof PlanVersionResponseData
+     */
+    status: PlanVersionStatus_2;
+    /**
+     *
+     * @type {Date}
+     * @memberof PlanVersionResponseData
+     */
+    updatedAt: Date;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanVersionResponseData
+     */
+    version: number;
+}
+
+/**
+ *
+ * @export
+ */
+declare const PlanVersionStatus: {
+    readonly Published: "published";
+    readonly Draft: "draft";
+    readonly Archived: "archived";
+};
+
+declare type PlanVersionStatus = (typeof PlanVersionStatus)[keyof typeof PlanVersionStatus];
+
+/**
+ *
+ * @export
+ */
+declare const PlanVersionStatus_2: {
+    readonly Published: "published";
+    readonly Draft: "draft";
+    readonly Archived: "archived";
+};
+
+declare type PlanVersionStatus_2 = (typeof PlanVersionStatus_2)[keyof typeof PlanVersionStatus_2];
+
 /**
  *
  * @export
@@ -7565,6 +8153,12 @@ declare interface PlanViewPublicResponseData {
      * @memberof PlanViewPublicResponseData
      */
     updatedAt: Date;
+    /**
+     *
+     * @type {Array<PlanVersionResponseData>}
+     * @memberof PlanViewPublicResponseData
+     */
+    versions: Array<PlanVersionResponseData_2>;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -7915,6 +8509,12 @@ declare interface PreviewSubscriptionFinanceResponseData {
      * @memberof PreviewSubscriptionFinanceResponseData
      */
     taxRequireBillingDetails: boolean;
+    /**
+     *
+     * @type {number}
+     * @memberof PreviewSubscriptionFinanceResponseData
+     */
+    totalPerBillingPeriod: number;
     /**
      *
      * @type {Date}
@@ -8030,22 +8630,38 @@ declare interface PublicPlansResponseData {
      * @memberof PublicPlansResponseData
      */
     capabilities?: ComponentCapabilities_2;
+    /**
+     *
+     * @type {ComponentDisplaySettings}
+     * @memberof PublicPlansResponseData
+     */
+    displaySettings: ComponentDisplaySettings_2;
     /**
      *
      * @type {boolean}
      * @memberof PublicPlansResponseData
+     * @deprecated
+     */
+    showAsMonthlyPrices: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof PublicPlansResponseData
+     * @deprecated
      */
     showCredits: boolean;
     /**
      *
      * @type {boolean}
      * @memberof PublicPlansResponseData
+     * @deprecated
      */
     showPeriodToggle: boolean;
     /**
      *
      * @type {boolean}
      * @memberof PublicPlansResponseData
+     * @deprecated
      */
     showZeroPriceAsFree: boolean;
 }
@@ -8062,6 +8678,8 @@ declare type RequestState<TData> = {
     data: TData | undefined;
 };
 
+export declare const ResetStyle: RuleSet<object>;
+
 declare interface ResponseContext {
     fetch: FetchAPI;
     url: string;
@@ -8677,7 +9295,7 @@ declare type RuleRuleTypeEnum = (typeof RuleRuleTypeEnum)[keyof typeof RuleRuleT
 
 export declare const SchematicEmbed: ({ id, accessToken }: EmbedProps) => JSX.Element;
 
-declare type SelectedPlan = Plan & {
+declare type SelectedPlan = Plan_2 & {
     isSelected: boolean;
 };
 
@@ -8827,11 +9445,12 @@ export declare interface ThemeSettings {
     };
 }
 
-export declare const Tooltip: ({ trigger, content, position, fullWidth, ...rest }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ trigger, content, portal, position, fullWidth, ...rest }: TooltipProps) => JSX.Element;
 
 export declare interface TooltipProps extends BoxProps {
     trigger: React.ReactNode;
     content: React.ReactNode;
+    portal?: HTMLElement | null;
     position?: Position;
     fullWidth?: boolean;
 }
@@ -9053,6 +9672,8 @@ declare interface UpdatePaymentMethodResponse {
     params: object;
 }
 
+export declare const Usage: ({ entitlements, updateQuantity, period }: UsageProps) => JSX.Element;
+
 declare interface UsageBasedEntitlement extends PlanEntitlementResponseData {
     allocation: number;
     usage: number;
@@ -9139,6 +9760,14 @@ declare interface UsageBasedEntitlementResponseData {
     yearlyUsageBasedPrice?: BillingPriceView;
 }
 
+declare interface UsageProps {
+    isLoading: boolean;
+    period: string;
+    selectedPlan?: SelectedPlan;
+    entitlements: UsageBasedEntitlement[];
+    updateQuantity: (id: string, quantity: number) => void;
+}
+
 export declare function useAvailablePlans(activePeriod: string, options?: AvailablePlanOptions): {
     plans: SelectedPlan[];
     addOns: SelectedPlan[];
@@ -9173,7 +9802,8 @@ export declare function useRequest<TData>(fn: () => Promise<{
 
 export declare function useTrialEnd(): {
     endDate: Date | undefined;
-    formatted: string | undefined;
+    amount: number | undefined;
+    units: string | undefined;
 };
 
 export declare function useWrapChildren(ref: React.RefObject<HTMLElement[]>): boolean;