@schematichq/schematic-components 0.3.14 → 0.4.0-rc.10

package/dist/schematic-components.d.ts

@@ -111,6 +111,103 @@ declare interface BillingPriceResponseData {
     price: number;
 }
 
+/**
+ * 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 BillingPriceView
+ */
+declare interface BillingPriceView {
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingPriceView
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    currency: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    interval: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    meterId?: string | null;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingPriceView
+     */
+    price: number;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    priceExternalId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    priceId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    productExternalId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    productId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    productName: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingPriceView
+     */
+    updatedAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPriceView
+     */
+    usageType: string;
+}
+
 /**
  *
  * @export
@@ -262,6 +359,12 @@ declare interface BillingProductForSubscriptionResponseData {
      * @memberof BillingProductForSubscriptionResponseData
      */
     priceExternalId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingProductForSubscriptionResponseData
+     */
+    priceId: string;
     /**
      *
      * @type {number}
@@ -288,6 +391,109 @@ declare interface BillingProductForSubscriptionResponseData {
     usageType: 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
+ * @interface BillingSubscriptionDiscountView
+ */
+declare interface BillingSubscriptionDiscountView {
+    /**
+     *
+     * @type {number}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    amountOff?: number | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    couponId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    couponName: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    currency?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    customerFacingCode?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    discountExternalId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    duration: string;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    durationInMonths?: number | null;
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    endedAt?: Date | null;
+    /**
+     *
+     * @type {boolean}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    isActive: boolean;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    percentOff?: number | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    promoCodeExternalId?: string | null;
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    startedAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingSubscriptionDiscountView
+     */
+    subscriptionExternalId: string;
+}
+
 /**
  * Schematic API
  * Schematic API
@@ -383,6 +589,12 @@ declare interface BillingSubscriptionResponseData {
      * @memberof BillingSubscriptionResponseData
      */
     totalPrice: number;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingSubscriptionResponseData
+     */
+    trialEnd?: number | null;
 }
 
 /**
@@ -415,6 +627,12 @@ declare interface BillingSubscriptionView {
      * @memberof BillingSubscriptionView
      */
     customerExternalId: string;
+    /**
+     *
+     * @type {Array<BillingSubscriptionDiscountView>}
+     * @memberof BillingSubscriptionView
+     */
+    discounts: Array<BillingSubscriptionDiscountView>;
     /**
      *
      * @type {Date}
@@ -487,6 +705,12 @@ declare interface BillingSubscriptionView {
      * @memberof BillingSubscriptionView
      */
     totalPrice: number;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingSubscriptionView
+     */
+    trialEnd?: number | null;
 }
 
 declare class BlobApiResponse {
@@ -495,11 +719,20 @@ declare class BlobApiResponse {
     value(): Promise<Blob>;
 }
 
-export declare const Box: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ComponentProps>> & string;
+export declare const Box: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
 
-export declare type BoxProps = ComponentProps;
+export declare type BoxProps = ComponentProps & {
+    $viewport?: {
+        sm?: TransientCSSProperties;
+        md?: TransientCSSProperties;
+        lg?: TransientCSSProperties;
+        xl?: TransientCSSProperties;
+        "2xl"?: TransientCSSProperties;
+        [key: string]: TransientCSSProperties | undefined;
+    };
+};
 
-export declare const Button: ({ color, size, variant, disabled, isLoading, children, ...props }: ButtonProps) => JSX_2.Element;
+export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: ButtonStyleTypes;
@@ -549,18 +782,30 @@ declare interface ChangeSubscriptionRequestBody {
      * @memberof ChangeSubscriptionRequestBody
      */
     newPriceId: string;
+    /**
+     *
+     * @type {Array<UpdatePayInAdvanceRequestBody>}
+     * @memberof ChangeSubscriptionRequestBody
+     */
+    payInAdvance: Array<UpdatePayInAdvanceRequestBody>;
     /**
      *
      * @type {string}
      * @memberof ChangeSubscriptionRequestBody
      */
     paymentMethodId?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof ChangeSubscriptionRequestBody
+     */
+    promoCode?: string | null;
 }
 
 /**
  *
  */
-declare class CheckoutApi extends runtime.BaseAPI {
+declare class CheckoutexternalApi extends runtime.BaseAPI {
     /**
      * Checkout
      */
@@ -660,6 +905,12 @@ declare interface CompanyDetailResponseData {
      * @memberof CompanyDetailResponseData
      */
     addOns: Array<CompanyPlanWithBillingSubView>;
+    /**
+     *
+     * @type {BillingSubscriptionView}
+     * @memberof CompanyDetailResponseData
+     */
+    billingSubscription?: BillingSubscriptionView;
     /**
      *
      * @type {Array<BillingSubscriptionView>}
@@ -708,6 +959,12 @@ declare interface CompanyDetailResponseData {
      * @memberof CompanyDetailResponseData
      */
     logoUrl?: string | null;
+    /**
+     *
+     * @type {Array<CompanyEventPeriodMetricsResponseData>}
+     * @memberof CompanyDetailResponseData
+     */
+    metrics: Array<CompanyEventPeriodMetricsResponseData>;
     /**
      *
      * @type {string}
@@ -746,6 +1003,91 @@ declare interface CompanyDetailResponseData {
     userCount: number;
 }
 
+/**
+ * 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 CompanyEventPeriodMetricsResponseData
+ */
+declare interface CompanyEventPeriodMetricsResponseData {
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    accountId: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    capturedAtMax: Date;
+    /**
+     *
+     * @type {Date}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    capturedAtMin: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    companyId: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    environmentId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    eventSubtype: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    monthReset: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    period: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    validUntil?: Date | null;
+    /**
+     *
+     * @type {number}
+     * @memberof CompanyEventPeriodMetricsResponseData
+     */
+    value: number;
+}
+
 /**
  *
  * @export
@@ -764,6 +1106,12 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     billingProduct?: BillingProductDetailResponseData;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    companyCanTrial: boolean;
     /**
      *
      * @type {number}
@@ -818,6 +1166,18 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     isDefault: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    isFree: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    isTrialable: boolean;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -836,6 +1196,12 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     planType: string;
+    /**
+     *
+     * @type {number}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    trialDays?: number | null;
     /**
      *
      * @type {Date}
@@ -935,6 +1301,12 @@ declare interface CompanySubscriptionResponseData {
      * @memberof CompanySubscriptionResponseData
      */
     customerExternalId: string;
+    /**
+     *
+     * @type {Array<BillingSubscriptionDiscountView>}
+     * @memberof CompanySubscriptionResponseData
+     */
+    discounts: Array<BillingSubscriptionDiscountView>;
     /**
      *
      * @type {Date}
@@ -983,6 +1355,12 @@ declare interface CompanySubscriptionResponseData {
      * @memberof CompanySubscriptionResponseData
      */
     totalPrice: number;
+    /**
+     *
+     * @type {Date}
+     * @memberof CompanySubscriptionResponseData
+     */
+    trialEnd?: Date | null;
 }
 
 /**
@@ -1028,6 +1406,12 @@ declare interface ComponentHydrateResponseData {
      * @memberof ComponentHydrateResponseData
      */
     activePlans: Array<CompanyPlanDetailResponseData>;
+    /**
+     *
+     * @type {Array<UsageBasedEntitlementResponseData>}
+     * @memberof ComponentHydrateResponseData
+     */
+    activeUsageBasedEntitlements: Array<UsageBasedEntitlementResponseData>;
     /**
      *
      * @type {ComponentCapabilities}
@@ -1064,6 +1448,12 @@ declare interface ComponentHydrateResponseData {
      * @memberof ComponentHydrateResponseData
      */
     subscription?: CompanySubscriptionResponseData;
+    /**
+     *
+     * @type {boolean}
+     * @memberof ComponentHydrateResponseData
+     */
+    trialPaymentMethodRequired?: boolean | null;
     /**
      *
      * @type {InvoiceResponseData}
@@ -1196,6 +1586,7 @@ declare const _default: {
     "chevron-up": number;
     chip: number;
     chips: number;
+    clerk: number;
     "close-rounded-filled": number;
     close: number;
     "cloud-up": number;
@@ -1219,6 +1610,7 @@ declare const _default: {
     "exclamation-rounded-filled": number;
     eye: number;
     filter: number;
+    flask: number;
     "folder-minus": number;
     "folder-plus": number;
     folder: number;
@@ -1293,6 +1685,10 @@ declare interface DesignProps {
         isVisible: boolean;
         fontStyle: FontStyle;
     };
+    entitlementExpiration: {
+        isVisible: boolean;
+        fontStyle: FontStyle;
+    };
     usage: {
         isVisible: boolean;
         fontStyle: FontStyle;
@@ -1439,7 +1835,16 @@ declare interface DesignProps_7 {
     };
 }
 
-declare const Element_2: IStyledComponentBase<"web", FastOmit<Omit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps> & ComponentProps, "ref"> & {
+declare const Element_2: IStyledComponentBase<"web", FastOmit<Omit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+$viewport?: {
+sm?: TransientCSSProperties;
+md?: TransientCSSProperties;
+lg?: TransientCSSProperties;
+xl?: TransientCSSProperties;
+"2xl"?: TransientCSSProperties;
+[key: string]: TransientCSSProperties | undefined;
+};
+}, "ref"> & {
 ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 export { Element_2 as Element }
@@ -1450,27 +1855,31 @@ declare interface ElementProps {
     style?: React.CSSProperties;
 }
 
-export declare const EmbedButton: IStyledComponentBase<"web", Substitute<ButtonProps, {
+export declare const EmbedButton: IStyledComponentBase<"web", Substitute<Omit<ButtonProps & RefAttributes<HTMLButtonElement>, "ref"> & {
+ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
+}, {
 $size?: "sm" | "md" | "lg";
-$color?: "primary" | "secondary";
-$variant?: "outline" | "filled" | "text";
-}>> & string & Omit<({ color, size, variant, disabled, isLoading, children, ...props }: ButtonProps) => JSX_2.Element, keyof Component<any, {}, any>>;
+$color?: "primary" | "secondary" | "danger";
+$variant?: "filled" | "outline" | "ghost" | "text";
+}>> & string & Omit<ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>, keyof Component<any, {}, any>>;
 
 export declare const EmbedContext: Context<EmbedContextProps>;
 
 export declare interface EmbedContextProps {
-    api: CheckoutApi | null;
+    api: CheckoutexternalApi | null;
     data: ComponentHydrateResponseData;
     nodes: SerializedNodeWithChildren[];
     settings: EmbedSettings;
     layout: EmbedLayout;
     mode: EmbedMode;
+    selected: EmbedSelected;
     error?: Error;
     isPending: boolean;
     hydrate: () => void;
-    setData: (data: RecursivePartial<ComponentHydrateResponseData>) => void;
+    setData: (data: ComponentHydrateResponseData) => void;
     updateSettings: (settings: RecursivePartial<EmbedSettings>) => void;
     setLayout: (layout: EmbedLayout) => void;
+    setSelected: (selected: EmbedSelected) => void;
 }
 
 export declare type EmbedLayout = "portal" | "checkout" | "payment" | "success" | "disabled";
@@ -1493,8 +1902,17 @@ export declare interface EmbedProviderProps {
     mode?: EmbedMode;
 }
 
+export declare type EmbedSelected = {
+    period?: string;
+    planId?: string | null;
+    addOnId?: string | null;
+};
+
 export declare type EmbedSettings = {
     theme: EmbedThemeSettings;
+    badge?: {
+        alignment: ComponentProps["$justifyContent"];
+    };
 };
 
 export declare interface EmbedThemeSettings {
@@ -1503,6 +1921,7 @@ export declare interface EmbedThemeSettings {
     colorMode: "light" | "dark";
     primary: string;
     secondary: string;
+    danger: string;
     card: {
         background: string;
         borderRadius: number;
@@ -2033,6 +2452,12 @@ declare interface FeatureUsageResponseData {
      * @memberof FeatureUsageResponseData
      */
     allocationType: FeatureUsageResponseDataAllocationTypeEnum;
+    /**
+     *
+     * @type {Date}
+     * @memberof FeatureUsageResponseData
+     */
+    entitlementExpirationDate?: Date | null;
     /**
      *
      * @type {string}
@@ -2051,6 +2476,24 @@ declare interface FeatureUsageResponseData {
      * @memberof FeatureUsageResponseData
      */
     feature?: FeatureDetailResponseData;
+    /**
+     * The time at which the metric will reset.
+     * @type {Date}
+     * @memberof FeatureUsageResponseData
+     */
+    metricResetAt?: Date | null;
+    /**
+     * If the period is current_month, when the month resets.
+     * @type {string}
+     * @memberof FeatureUsageResponseData
+     */
+    monthReset?: string | null;
+    /**
+     *
+     * @type {BillingPriceView}
+     * @memberof FeatureUsageResponseData
+     */
+    monthlyUsageBasedPrice?: BillingPriceView;
     /**
      * The period over which usage is measured.
      * @type {string}
@@ -2063,12 +2506,24 @@ declare interface FeatureUsageResponseData {
      * @memberof FeatureUsageResponseData
      */
     plan?: PlanResponseData;
+    /**
+     *
+     * @type {string}
+     * @memberof FeatureUsageResponseData
+     */
+    priceBehavior?: string | null;
     /**
      * The amount of usage that has been consumed; a null value indicates that usage is not being measured.
      * @type {number}
      * @memberof FeatureUsageResponseData
      */
     usage?: number | null;
+    /**
+     *
+     * @type {BillingPriceView}
+     * @memberof FeatureUsageResponseData
+     */
+    yearlyUsageBasedPrice?: BillingPriceView;
 }
 
 /**
@@ -2182,13 +2637,31 @@ declare interface FlagDetailResponseData {
     updatedAt: Date;
 }
 
-export declare const Flex: IStyledComponentBase<"web", FastOmit<Omit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps> & ComponentProps, "ref"> & {
+export declare const Flex: IStyledComponentBase<"web", FastOmit<Omit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+$viewport?: {
+sm?: TransientCSSProperties;
+md?: TransientCSSProperties;
+lg?: TransientCSSProperties;
+xl?: TransientCSSProperties;
+"2xl"?: TransientCSSProperties;
+[key: string]: TransientCSSProperties | undefined;
+};
+}, "ref"> & {
 ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 
 export declare type FontStyle = keyof EmbedThemeSettings["typography"];
 
-export declare const FussyChild: IStyledComponentBase<"web", FastOmit<FastOmit<Omit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps> & ComponentProps, "ref"> & {
+export declare const FussyChild: IStyledComponentBase<"web", FastOmit<FastOmit<Omit<FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ComponentProps | "$viewport"> & ComponentProps & {
+$viewport?: {
+sm?: TransientCSSProperties;
+md?: TransientCSSProperties;
+lg?: TransientCSSProperties;
+xl?: TransientCSSProperties;
+"2xl"?: TransientCSSProperties;
+[key: string]: TransientCSSProperties | undefined;
+};
+}, "ref"> & {
 ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
 }, never>, never>> & string;
 
@@ -2313,7 +2786,7 @@ export declare interface IconProps extends React.HTMLAttributes<HTMLElement> {
 export declare const IconRound: ({ name, variant, size, colors, ...props }: IconRoundProps) => JSX_2.Element;
 
 export declare interface IconRoundProps extends React.HTMLAttributes<HTMLElement> {
-    name: IconNameTypes;
+    name: IconNameTypes | string;
     variant?: "outline" | "filled";
     size?: "tn" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
     colors?: [string, string];
@@ -2540,7 +3013,7 @@ declare interface Middleware {
     onError?(context: ErrorContext): Promise<Response | void>;
 }
 
-export declare const Modal: ({ children, size, onClose }: ModalProps) => JSX_2.Element;
+export declare const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;
 
 export declare const ModalHeader: ({ children, bordered, onClose, }: ModalHeaderProps) => JSX_2.Element;
 
@@ -2550,9 +3023,11 @@ declare interface ModalHeaderProps {
     onClose?: () => void;
 }
 
-declare interface ModalProps {
+declare interface ModalProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
+    contentRef?: React.RefObject<HTMLDivElement>;
     size?: "sm" | "md" | "lg" | "auto";
+    top?: number;
     onClose?: () => void;
 }
 
@@ -2560,6 +3035,7 @@ declare type ModelPropertyNaming = "camelCase" | "snake_case" | "PascalCase" | "
 
 export declare const PaymentMethod: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_4> & HTMLAttributes<HTMLDivElement> & {
 portal?: HTMLElement | null;
+allowEdit?: boolean;
 } & RefAttributes<HTMLDivElement | null>>;
 
 export declare type PaymentMethodProps = DesignProps_4;
@@ -2727,12 +3203,30 @@ declare interface PlanEntitlementResponseData {
      * @memberof PlanEntitlementResponseData
      */
     id: string;
+    /**
+     *
+     * @type {BillingPriceView}
+     * @memberof PlanEntitlementResponseData
+     */
+    meteredMonthlyPrice?: BillingPriceView;
+    /**
+     *
+     * @type {BillingPriceView}
+     * @memberof PlanEntitlementResponseData
+     */
+    meteredYearlyPrice?: BillingPriceView;
     /**
      *
      * @type {string}
      * @memberof PlanEntitlementResponseData
      */
     metricPeriod?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    metricPeriodMonthReset?: string | null;
     /**
      *
      * @type {PlanResponseData}
@@ -2745,6 +3239,12 @@ declare interface PlanEntitlementResponseData {
      * @memberof PlanEntitlementResponseData
      */
     planId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    priceBehavior?: string | null;
     /**
      *
      * @type {string}
@@ -2862,6 +3362,8 @@ declare interface PlanResponseData {
     updatedAt: Date;
 }
 
+export declare type Position = "top" | "right" | "bottom" | "left";
+
 declare interface PreviewCheckoutRequest {
     changeSubscriptionRequestBody: ChangeSubscriptionRequestBody;
 }
@@ -2989,6 +3491,12 @@ declare interface PreviewObjectResponseData {
  * @interface PreviewSubscriptionChangeResponseData
  */
 declare interface PreviewSubscriptionChangeResponseData {
+    /**
+     *
+     * @type {number}
+     * @memberof PreviewSubscriptionChangeResponseData
+     */
+    amountOff: number;
     /**
      *
      * @type {number}
@@ -3001,23 +3509,39 @@ declare interface PreviewSubscriptionChangeResponseData {
      * @memberof PreviewSubscriptionChangeResponseData
      */
     newCharges: number;
+    /**
+     *
+     * @type {number}
+     * @memberof PreviewSubscriptionChangeResponseData
+     */
+    percentOff: number;
     /**
      *
      * @type {Date}
      * @memberof PreviewSubscriptionChangeResponseData
      */
     periodStart: Date;
+    /**
+     *
+     * @type {boolean}
+     * @memberof PreviewSubscriptionChangeResponseData
+     */
+    promoCodeApplied: boolean;
     /**
      *
      * @type {number}
      * @memberof PreviewSubscriptionChangeResponseData
      */
     proration: number;
+    /**
+     *
+     * @type {Date}
+     * @memberof PreviewSubscriptionChangeResponseData
+     */
+    trialEnd?: Date | null;
 }
 
-export declare const PricingTable: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_6> & HTMLAttributes<HTMLDivElement> & {
-portal?: HTMLElement | null;
-} & RefAttributes<HTMLDivElement | null>>;
+export declare const PricingTable: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_6> & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement | null>>;
 
 export declare type PricingTableProps = DesignProps_6;
 
@@ -3031,6 +3555,8 @@ export declare interface ProgressBarProps extends React.ComponentPropsWithoutRef
     barWidth?: string | number;
 }
 
+export declare const progressColorMap: ("blue" | "red" | "yellow")[];
+
 declare function querystring(params: HTTPQuery, prefix?: string): string;
 
 declare type RecursivePartial<T> = {
@@ -3147,6 +3673,12 @@ declare interface RuleConditionDetailResponseData {
      * @memberof RuleConditionDetailResponseData
      */
     metricPeriod?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof RuleConditionDetailResponseData
+     */
+    metricPeriodMonthReset?: string | null;
     /**
      *
      * @type {number}
@@ -3482,14 +4014,16 @@ export declare interface TextProps extends ComponentProps {
     $size?: ComponentProps["$fontSize"];
     $weight?: ComponentProps["$fontWeight"];
     $color?: ComponentProps["$color"];
-    $lineHeight?: ComponentProps["$lineHeight"];
+    $leading?: ComponentProps["$lineHeight"];
 }
 
-export declare const Tooltip: ({ label, description }: TooltipProps) => JSX_2.Element;
+export declare const Tooltip: ({ trigger, content, position, zIndex, ...rest }: TooltipProps) => JSX_2.Element;
 
-declare interface TooltipProps {
-    label: string;
-    description: string;
+export declare interface TooltipProps extends BoxProps {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    position?: Position;
+    zIndex?: number;
 }
 
 declare type TransientCSSProperties = {
@@ -3538,6 +4072,37 @@ declare interface UpdateAddOnRequestBody {
     priceId: 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
+ * @interface UpdatePayInAdvanceRequestBody
+ */
+declare interface UpdatePayInAdvanceRequestBody {
+    /**
+     *
+     * @type {string}
+     * @memberof UpdatePayInAdvanceRequestBody
+     */
+    priceId: string;
+    /**
+     *
+     * @type {number}
+     * @memberof UpdatePayInAdvanceRequestBody
+     */
+    quantity: number;
+}
+
 declare interface UpdatePaymentMethodRequest {
     updatePaymentMethodRequestBody: UpdatePaymentMethodRequestBody;
 }
@@ -3587,11 +4152,68 @@ declare interface UpdatePaymentMethodResponse {
     params: object;
 }
 
+/**
+ *
+ * @export
+ * @interface UsageBasedEntitlementResponseData
+ */
+declare interface UsageBasedEntitlementResponseData {
+    /**
+     *
+     * @type {string}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    featureId: string;
+    /**
+     *
+     * @type {BillingPriceView}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    meteredPrice?: BillingPriceView;
+    /**
+     *
+     * @type {string}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    metricPeriod?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    metricPeriodMonthReset?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    priceBehavior?: string | null;
+    /**
+     *
+     * @type {boolean}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    valueBool?: boolean | null;
+    /**
+     *
+     * @type {number}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    valueNumeric?: number | null;
+    /**
+     *
+     * @type {string}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    valueType: string;
+}
+
 export declare function useAvailablePlans(activePeriod: string): {
     plans: {
         isSelected: boolean;
         audienceType?: string | null;
         billingProduct?: BillingProductDetailResponseData;
+        companyCanTrial: boolean;
         companyCount: number;
         createdAt: Date;
         current: boolean;
@@ -3601,9 +4223,12 @@ export declare function useAvailablePlans(activePeriod: string): {
         icon: string;
         id: string;
         isDefault: boolean;
+        isFree: boolean;
+        isTrialable: boolean;
         monthlyPrice?: BillingPriceResponseData;
         name: string;
         planType: string;
+        trialDays?: number | null;
         updatedAt: Date;
         valid: boolean;
         yearlyPrice?: BillingPriceResponseData;
@@ -3612,6 +4237,7 @@ export declare function useAvailablePlans(activePeriod: string): {
         isSelected: boolean;
         audienceType?: string | null;
         billingProduct?: BillingProductDetailResponseData;
+        companyCanTrial: boolean;
         companyCount: number;
         createdAt: Date;
         current: boolean;
@@ -3621,9 +4247,12 @@ export declare function useAvailablePlans(activePeriod: string): {
         icon: string;
         id: string;
         isDefault: boolean;
+        isFree: boolean;
+        isTrialable: boolean;
         monthlyPrice?: BillingPriceResponseData;
         name: string;
         planType: string;
+        trialDays?: number | null;
         updatedAt: Date;
         valid: boolean;
         yearlyPrice?: BillingPriceResponseData;
@@ -3640,6 +4269,7 @@ export declare function useWrapChildren(elements: HTMLElement[]): boolean;
 export declare const Viewport: ForwardRefExoticComponent<Omit<ViewportProps, "ref"> & RefAttributes<HTMLDivElement | null>>;
 
 export declare interface ViewportProps extends React.HTMLProps<HTMLDivElement> {
+    portal?: HTMLElement | null;
 }
 
 declare class VoidApiResponse {