@schematichq/schematic-components 2.15.0 → 2.16.0

package/dist/schematic-components.d.ts

@@ -4,7 +4,6 @@ import { Context } from 'react';
 import { DetailedHTMLProps } from 'react';
 import { FastOmit } from 'styled-components';
 import { ForwardRefExoticComponent } from 'react';
-import { HTMLAttributeAnchorTarget } from 'react';
 import { HTMLAttributes } from 'react';
 import { IconNames } from '@schematichq/schematic-icons';
 import { IconProps as IconProps_2 } from '@schematichq/schematic-icons';
@@ -297,6 +296,7 @@ declare const BillingCreditGrantZeroedOutReason: {
     readonly Manual: "manual";
     readonly PlanChange: "plan_change";
     readonly PlanPeriodReset: "plan_period_reset";
+    readonly Reconciled: "reconciled";
 };
 
 declare type BillingCreditGrantZeroedOutReason = (typeof BillingCreditGrantZeroedOutReason)[keyof typeof BillingCreditGrantZeroedOutReason];
@@ -3018,7 +3018,9 @@ declare const ChargeType_2: {
 
 declare type ChargeType_2 = (typeof ChargeType_2)[keyof typeof ChargeType_2];
 
-export declare const Checkout: ({ isPaymentMethodRequired, setPaymentMethodId, updatePromoCode, confirmPaymentIntentProps, financeData, onPaymentMethodSaved, }: CheckoutProps) => JSX.Element | null;
+export declare const Checkbox: IStyledComponentBase<"web", FastOmit<FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof ClassAttributes<HTMLInputElement> | keyof InputHTMLAttributes<HTMLInputElement>> & ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement>, "type"> & Partial<Pick<FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof ClassAttributes<HTMLInputElement> | keyof InputHTMLAttributes<HTMLInputElement>> & ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement>, "type">>> & string;
+
+export declare const Checkout: ({ customCheckoutFields, customFieldValues, isPaymentMethodRequired, onCustomFieldChange, optInRequired, optInTitle, optInText, optInAccepted, setOptInAccepted, setPaymentMethodId, updatePromoCode, confirmPaymentIntentProps, financeData, onPaymentMethodSaved, }: CheckoutProps) => JSX.Element | null;
 
 /**
  * Host-provided initial values used to pre-populate the checkout payment form.
@@ -3145,7 +3147,15 @@ export declare interface CheckoutPrefill {
 }
 
 declare interface CheckoutProps {
+    customCheckoutFields?: CheckoutFieldWithValue[];
+    customFieldValues: Record<string, string>;
     isPaymentMethodRequired: boolean;
+    onCustomFieldChange: (fieldId: string, value: string) => void;
+    optInRequired: boolean;
+    optInTitle?: string | null;
+    optInText?: string | null;
+    optInAccepted: boolean;
+    setOptInAccepted: (accepted: boolean) => void;
     setPaymentMethodId: (id: string) => void;
     updatePromoCode: (code: string) => void;
     confirmPaymentIntentProps?: ConfirmPaymentIntentProps_2 | null | undefined;
@@ -6319,6 +6329,7 @@ export declare interface EmbedContextProps extends EmbedState {
     checkout: (changeSubscriptionRequestBody: ChangeSubscriptionRequestBody) => DebouncedApiPromise<CheckoutResponse>;
     finishCheckout: (changeSubscriptionRequestBody: CheckoutResponseData) => void;
     unsubscribe: () => DebouncedApiPromise<CheckoutUnsubscribeResponse>;
+    updateCustomFieldValues: (values: Record<string, string>) => Promise<void> | undefined;
     setAccessToken: (token: string) => void;
     setError: (error: Error) => void;
     setLayout: (layout: EmbedLayout) => void;
@@ -8260,6 +8271,7 @@ export declare const initialContext: {
     previewCheckout: () => never;
     checkout: () => never;
     unsubscribe: () => never;
+    updateCustomFieldValues: () => never;
     setError: () => never;
     setAccessToken: () => never;
     setLayout: () => never;
@@ -8284,11 +8296,11 @@ export declare const initialContext: {
 
 export declare const initialState: EmbedState;
 
-export declare const Input: IStyledComponentBase<"web", FastOmit<FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$color" | "$variant" | "$size"> & {
+export declare const Input: IStyledComponentBase<"web", FastOmit<FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$color" | "$size" | "$variant"> & {
 $size?: "xs" | "sm" | "md" | "lg" | "full";
 $color?: "primary" | "secondary" | "danger";
 $variant?: "filled" | "outline" | "ghost" | "text";
-}, never> & Partial<Pick<FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$color" | "$variant" | "$size"> & {
+}, never> & Partial<Pick<FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$color" | "$size" | "$variant"> & {
 $size?: "xs" | "sm" | "md" | "lg" | "full";
 $color?: "primary" | "secondary" | "danger";
 $variant?: "filled" | "outline" | "ghost" | "text";
@@ -11003,7 +11015,7 @@ export declare const PricingTable: ForwardRefExoticComponent<ElementProps & Deep
 
 export declare type PricingTableOptions = {
     callToActionUrl?: string;
-    callToActionTarget?: HTMLAttributeAnchorTarget;
+    callToActionTarget?: React.HTMLAttributeAnchorTarget;
     onCallToAction?: (plan: PlanViewPublicResponseData | CompanyPlanDetailResponseData) => unknown;
 };