@flopay/react 1.2.7 → 1.3.0

package/dist/index.d.cts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { FloPay, FloPayElements } from '@flopay/js';
 import * as _flopay_shared from '@flopay/shared';
-import { FloPayAppearance, InlineSessionDraft, FloPayError, PaymentResult, DeclineEvent, CheckoutButtonMethod, BeforeButtonClickEvent, InlineSessionPatch, CheckoutMode, CheckoutSession, ElementOptions, ElementChangeEvent, TokenizedBody, AVSFieldConfig, GatewayEnvironment, CheckoutProduct, CheckoutItem, CheckoutSubscription, ThemeId, ButtonsLayoutTheme, ButtonsLayoutStyles } from '@flopay/shared';
+import { FloPayAppearance, InlineSessionDraft, FloPayError, PaymentResult, DeclineEvent, CheckoutButtonMethod, BeforeButtonClickEvent, InlineSessionPatch, CheckoutMode, CheckoutSession, ElementOptions, ElementChangeEvent, TokenizedBody, AVSFieldConfig, GatewayEnvironment, CardCaptureAdapter, VaultCardThemeColors, CheckoutProduct, CheckoutItem, CheckoutSubscription, ThemeId, ButtonsLayoutTheme, ButtonsLayoutStyles } from '@flopay/shared';
 export { BeforeButtonClickEvent, CheckoutButtonMethod, DeclineEvent, InlineSessionDraft, InlineSessionPatch } from '@flopay/shared';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /** Props for the `FloPayProvider` component. */
 interface FloPayProviderProps {
@@ -168,6 +167,19 @@ interface FloPayCheckoutProps {
      * - `false` / omitted — AVS disabled
      */
     enableAVS?: boolean | _flopay_shared.AVSFieldConfig;
+    /**
+     * Per-merchant order of the hosted vault card rows — a permutation of
+     * `['name','number','expiry']` (`'expiry'` = the expiry+CVV row; submit stays
+     * last). Sets both the visual and tab order. Omit for the default
+     * (`name`, `number`, `expiry`). Vault card path only.
+     */
+    cardFieldOrder?: _flopay_shared.VaultCardFieldKey[];
+    /**
+     * Content rendered directly above the card form (below the "or pay with card"
+     * divider, above the card fields). Used by the demo playground to surface a
+     * test-cards helper; harmless to omit in a normal integration.
+     */
+    cardPreFormSlot?: React.ReactNode;
     /** Layout for AVS fields: 'row' (side-by-side, default) or 'column' (stacked). */
     avsLayout?: 'row' | 'column';
     /** Label for the submit button. */
@@ -221,7 +233,7 @@ interface FloPayCheckoutProps {
  * />
  * ```
  */
-declare function FloPayCheckout({ sessionId: sessionIdProp, nonce: nonceProp, createSession: createSessionParams, billingApiUrl, appearance: appearanceOverride, locale, loading: loadingNode, error: errorNode, onComplete, onError, onDecline, onFullNameChange, onCountryChange, onZipChange, showPayPal, showStripe, showApplePay, showGooglePay, debug, layout, theme, buttonsTheme, buttonsStyles, cardButtonContent, cardBackButtonContent, cardTitleContent, showSecurityFooter: _showSecurityFooter, onButtonClick, onBeforeButtonClick, enableAVS, avsLayout, submitLabel, className, initialErrorMessage, children, checkoutMode: checkoutModeProp, confirmLabel, renderConfirmButton, onSessionCompleted, }: FloPayCheckoutProps): React.ReactElement;
+declare function FloPayCheckout({ sessionId: sessionIdProp, nonce: nonceProp, createSession: createSessionParams, billingApiUrl, appearance: appearanceOverride, locale, loading: loadingNode, error: errorNode, onComplete, onError, onDecline, onFullNameChange, onCountryChange, onZipChange, showPayPal, showStripe, showApplePay, showGooglePay, debug, layout, theme, buttonsTheme, buttonsStyles, cardButtonContent, cardBackButtonContent, cardTitleContent, showSecurityFooter: _showSecurityFooter, onButtonClick, onBeforeButtonClick, enableAVS, cardFieldOrder, cardPreFormSlot, avsLayout, submitLabel, className, initialErrorMessage, children, checkoutMode: checkoutModeProp, confirmLabel, renderConfirmButton, onSessionCompleted, }: FloPayCheckoutProps): React.ReactElement;
 
 /**
  * Returns the current `FloPay` instance, or `null` if the provider
@@ -492,6 +504,15 @@ interface SplitCardFormProps {
      * `showApplePay`/`showGooglePay`/`showPayPal` toggles.
      */
     enabledPaymentMethods?: string[];
+    /**
+     * Per-method buyer-country gate from `gateways.stripe.enabledPaymentMethodCountries`
+     * (method → allowed ISO-3166-1 alpha-2 countries; a method absent here has no
+     * country gate). The SDK filters the rendered tile row by the buyer's *live*
+     * country against this map, so per-method country eligibility comes from the
+     * backend rather than a hardcoded SDK table. When omitted (legacy backend),
+     * the SDK falls back to its built-in {@link STRIPE_METHOD_COUNTRIES} table.
+     */
+    enabledPaymentMethodCountries?: Record<string, string[]>;
     /**
      * @deprecated The Apple Pay / Google Pay surface is now driven by the
      * `gateways.stripe.enabledPaymentMethods` list returned per-session by the
@@ -567,6 +588,16 @@ interface SplitCardFormProps {
      * - `false` / omitted — AVS disabled
      */
     enableAVS?: boolean | AVSFieldConfig;
+    /**
+     * Per-merchant order of the hosted vault card rows — a permutation of
+     * `['name','number','expiry']` (`'expiry'` is the combined expiry+CVV row;
+     * the submit button stays last). Drives both the visual order and the tab
+     * order inside the widget. Omit for the default (`name`, `number`, `expiry`).
+     * Only applies on the vault card path.
+     */
+    cardFieldOrder?: _flopay_shared.VaultCardFieldKey[];
+    /** Content rendered above the card form (below the wallet divider). */
+    cardPreFormSlot?: React.ReactNode;
     /** Layout for AVS fields: 'row' (side-by-side, default) or 'column' (stacked). */
     avsLayout?: 'row' | 'column';
     /** Pre-filled country code (ISO 3166-1 alpha-2) for AVS. */
@@ -627,6 +658,66 @@ interface SplitCardFormProps {
  */
 declare const SplitCardForm: React.ForwardRefExoticComponent<SplitCardFormProps & React.RefAttributes<SplitCardFormRef>>;
 
+/** Props for {@link VaultCardFields}. */
+interface VaultCardFieldsProps {
+    /**
+     * The card-capture adapter (typically `useFloPay().cardCapture()`). Owns
+     * injecting + bootstrapping the hosted vault widget. Changing this instance
+     * (or {@link VaultCardFieldsProps.html}) remounts the widget.
+     */
+    capture: CardCaptureAdapter;
+    /**
+     * Server-rendered hosted vault widget HTML (the session's
+     * {@link CheckoutSession.vault} block `html`, or one fetched from
+     * `POST /vault/capture`). The widget owns the card fields, submit button,
+     * tokenization, charge, and 3DS; this component only injects it.
+     */
+    html: string;
+    /**
+     * Per-session integrity token (the vault block's `messageToken`). Forwarded
+     * to the adapter so it can reject forged terminal `postMessage` outcomes that
+     * omit/mismatch it. Omitted when the backend does not (yet) mint one.
+     */
+    messageToken?: string;
+    /**
+     * Exact origin expected for the widget's terminal `postMessage` outcomes
+     * (the vault block's `expectedOrigin`). Forwarded to the adapter's origin
+     * gate; omitted to skip it.
+     */
+    expectedOrigin?: string;
+    /**
+     * Merchant theme colors pushed into the hosted widget so the card form
+     * matches the surrounding checkout. Applied live on change (no remount).
+     */
+    theme?: VaultCardThemeColors;
+    /** Inline styles for the container the widget mounts into. */
+    containerStyle?: React.CSSProperties;
+    /** Fired once the widget is injected and bootstrapping. */
+    onReady?: () => void;
+    /**
+     * Fired with a load/runtime error message from the widget, or `null` when it
+     * clears. Wired to the card form's shared error banner. Terminal payment
+     * outcomes (`complete` / `decline`) are observed by the parent form directly
+     * off the same adapter and are not surfaced here.
+     */
+    onError?: (message: string | null) => void;
+    /**
+     * Fired with the widget's inline field-validation message (live, debounced by
+     * the widget to changes), or `null` when validation clears. Surfaced in the
+     * card form's error banner and the merchant `onError`.
+     */
+    onValidation?: (message: string | null) => void;
+}
+/**
+ * Renders the backend-served vault PCI card widget in place of provider-owned
+ * (Stripe) card elements (TeamFloPay/backend#823, Model A). The hosted widget
+ * is a self-contained form: PAN / CVC, the submit button, the charge, and 3DS
+ * all live inside it. This component only injects the widget HTML through the
+ * {@link CardCaptureAdapter} and bridges its `ready` / `error` lifecycle events
+ * back to the surrounding card form.
+ */
+declare function VaultCardFields({ capture, html, messageToken, expectedOrigin, theme, containerStyle, onReady, onError, onValidation, }: VaultCardFieldsProps): React.ReactElement;
+
 /**
  * Props for the `PayPalButton` component.
  *
@@ -855,6 +946,14 @@ interface FloPayAutomaticPaymentButtonProps extends Omit<React.ButtonHTMLAttribu
      * `buttonsStyles` still wins for fine-grained overrides.
      */
     theme?: ThemeId;
+    /**
+     * Per-checkout appearance overrides layered on top of the chosen `theme`
+     * (same shape as {@link FloPayCheckout}'s `appearance`). Its `colorPrimary` /
+     * `colorPrimaryHover` / `borderRadius` re-skin the button — and the fallback
+     * `FloPayCheckout` modal — so the auto-pay button matches the rest of the
+     * themed checkout. Without this the button only saw the bundle's defaults.
+     */
+    appearance?: FloPayAppearance;
     /**
      * @deprecated Use `theme` instead. Legacy buttons-layout preset
      * (`'default' | 'minimal' | 'rounded' | 'dark'`). Still honored for
@@ -867,6 +966,6 @@ interface FloPayAutomaticPaymentButtonProps extends Omit<React.ButtonHTMLAttribu
     onDecline?: (decline: DeclineEvent) => void;
     children?: React.ReactNode;
 }
-declare function FloPayAutomaticPaymentButton({ sessionId, nonce, createSession, paymentMethodId: _deprecatedPaymentMethodId, checkoutMethod: _deprecatedCheckoutMethod, clientId, products, items, subscriptions, account, successUrl, cancelUrl, couponCodes, tagsData, utmMetadata, billingApiUrl, locale, theme, buttonsTheme, buttonsStyles: stylesOverride, onSuccess, onError, onDecline, children, disabled, type, style, ...buttonProps }: FloPayAutomaticPaymentButtonProps): react_jsx_runtime.JSX.Element;
+declare function FloPayAutomaticPaymentButton({ sessionId, nonce, createSession, paymentMethodId: _deprecatedPaymentMethodId, checkoutMethod: _deprecatedCheckoutMethod, clientId, products, items, subscriptions, account, successUrl, cancelUrl, couponCodes, tagsData, utmMetadata, billingApiUrl, locale, theme, appearance, buttonsTheme, buttonsStyles: stylesOverride, onSuccess, onError, onDecline, children, disabled, type, style, ...buttonProps }: FloPayAutomaticPaymentButtonProps): React.JSX.Element;
 
-export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, DirectPayPalButton, type DirectPayPalButtonProps, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, useCheckout, useElements, useFloPay, usePayPalFloPay };
+export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, DirectPayPalButton, type DirectPayPalButtonProps, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, VaultCardFields, type VaultCardFieldsProps, useCheckout, useElements, useFloPay, usePayPalFloPay };

package/dist/index.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { FloPay, FloPayElements } from '@flopay/js';
 import * as _flopay_shared from '@flopay/shared';
-import { FloPayAppearance, InlineSessionDraft, FloPayError, PaymentResult, DeclineEvent, CheckoutButtonMethod, BeforeButtonClickEvent, InlineSessionPatch, CheckoutMode, CheckoutSession, ElementOptions, ElementChangeEvent, TokenizedBody, AVSFieldConfig, GatewayEnvironment, CheckoutProduct, CheckoutItem, CheckoutSubscription, ThemeId, ButtonsLayoutTheme, ButtonsLayoutStyles } from '@flopay/shared';
+import { FloPayAppearance, InlineSessionDraft, FloPayError, PaymentResult, DeclineEvent, CheckoutButtonMethod, BeforeButtonClickEvent, InlineSessionPatch, CheckoutMode, CheckoutSession, ElementOptions, ElementChangeEvent, TokenizedBody, AVSFieldConfig, GatewayEnvironment, CardCaptureAdapter, VaultCardThemeColors, CheckoutProduct, CheckoutItem, CheckoutSubscription, ThemeId, ButtonsLayoutTheme, ButtonsLayoutStyles } from '@flopay/shared';
 export { BeforeButtonClickEvent, CheckoutButtonMethod, DeclineEvent, InlineSessionDraft, InlineSessionPatch } from '@flopay/shared';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /** Props for the `FloPayProvider` component. */
 interface FloPayProviderProps {
@@ -168,6 +167,19 @@ interface FloPayCheckoutProps {
      * - `false` / omitted — AVS disabled
      */
     enableAVS?: boolean | _flopay_shared.AVSFieldConfig;
+    /**
+     * Per-merchant order of the hosted vault card rows — a permutation of
+     * `['name','number','expiry']` (`'expiry'` = the expiry+CVV row; submit stays
+     * last). Sets both the visual and tab order. Omit for the default
+     * (`name`, `number`, `expiry`). Vault card path only.
+     */
+    cardFieldOrder?: _flopay_shared.VaultCardFieldKey[];
+    /**
+     * Content rendered directly above the card form (below the "or pay with card"
+     * divider, above the card fields). Used by the demo playground to surface a
+     * test-cards helper; harmless to omit in a normal integration.
+     */
+    cardPreFormSlot?: React.ReactNode;
     /** Layout for AVS fields: 'row' (side-by-side, default) or 'column' (stacked). */
     avsLayout?: 'row' | 'column';
     /** Label for the submit button. */
@@ -221,7 +233,7 @@ interface FloPayCheckoutProps {
  * />
  * ```
  */
-declare function FloPayCheckout({ sessionId: sessionIdProp, nonce: nonceProp, createSession: createSessionParams, billingApiUrl, appearance: appearanceOverride, locale, loading: loadingNode, error: errorNode, onComplete, onError, onDecline, onFullNameChange, onCountryChange, onZipChange, showPayPal, showStripe, showApplePay, showGooglePay, debug, layout, theme, buttonsTheme, buttonsStyles, cardButtonContent, cardBackButtonContent, cardTitleContent, showSecurityFooter: _showSecurityFooter, onButtonClick, onBeforeButtonClick, enableAVS, avsLayout, submitLabel, className, initialErrorMessage, children, checkoutMode: checkoutModeProp, confirmLabel, renderConfirmButton, onSessionCompleted, }: FloPayCheckoutProps): React.ReactElement;
+declare function FloPayCheckout({ sessionId: sessionIdProp, nonce: nonceProp, createSession: createSessionParams, billingApiUrl, appearance: appearanceOverride, locale, loading: loadingNode, error: errorNode, onComplete, onError, onDecline, onFullNameChange, onCountryChange, onZipChange, showPayPal, showStripe, showApplePay, showGooglePay, debug, layout, theme, buttonsTheme, buttonsStyles, cardButtonContent, cardBackButtonContent, cardTitleContent, showSecurityFooter: _showSecurityFooter, onButtonClick, onBeforeButtonClick, enableAVS, cardFieldOrder, cardPreFormSlot, avsLayout, submitLabel, className, initialErrorMessage, children, checkoutMode: checkoutModeProp, confirmLabel, renderConfirmButton, onSessionCompleted, }: FloPayCheckoutProps): React.ReactElement;
 
 /**
  * Returns the current `FloPay` instance, or `null` if the provider
@@ -492,6 +504,15 @@ interface SplitCardFormProps {
      * `showApplePay`/`showGooglePay`/`showPayPal` toggles.
      */
     enabledPaymentMethods?: string[];
+    /**
+     * Per-method buyer-country gate from `gateways.stripe.enabledPaymentMethodCountries`
+     * (method → allowed ISO-3166-1 alpha-2 countries; a method absent here has no
+     * country gate). The SDK filters the rendered tile row by the buyer's *live*
+     * country against this map, so per-method country eligibility comes from the
+     * backend rather than a hardcoded SDK table. When omitted (legacy backend),
+     * the SDK falls back to its built-in {@link STRIPE_METHOD_COUNTRIES} table.
+     */
+    enabledPaymentMethodCountries?: Record<string, string[]>;
     /**
      * @deprecated The Apple Pay / Google Pay surface is now driven by the
      * `gateways.stripe.enabledPaymentMethods` list returned per-session by the
@@ -567,6 +588,16 @@ interface SplitCardFormProps {
      * - `false` / omitted — AVS disabled
      */
     enableAVS?: boolean | AVSFieldConfig;
+    /**
+     * Per-merchant order of the hosted vault card rows — a permutation of
+     * `['name','number','expiry']` (`'expiry'` is the combined expiry+CVV row;
+     * the submit button stays last). Drives both the visual order and the tab
+     * order inside the widget. Omit for the default (`name`, `number`, `expiry`).
+     * Only applies on the vault card path.
+     */
+    cardFieldOrder?: _flopay_shared.VaultCardFieldKey[];
+    /** Content rendered above the card form (below the wallet divider). */
+    cardPreFormSlot?: React.ReactNode;
     /** Layout for AVS fields: 'row' (side-by-side, default) or 'column' (stacked). */
     avsLayout?: 'row' | 'column';
     /** Pre-filled country code (ISO 3166-1 alpha-2) for AVS. */
@@ -627,6 +658,66 @@ interface SplitCardFormProps {
  */
 declare const SplitCardForm: React.ForwardRefExoticComponent<SplitCardFormProps & React.RefAttributes<SplitCardFormRef>>;
 
+/** Props for {@link VaultCardFields}. */
+interface VaultCardFieldsProps {
+    /**
+     * The card-capture adapter (typically `useFloPay().cardCapture()`). Owns
+     * injecting + bootstrapping the hosted vault widget. Changing this instance
+     * (or {@link VaultCardFieldsProps.html}) remounts the widget.
+     */
+    capture: CardCaptureAdapter;
+    /**
+     * Server-rendered hosted vault widget HTML (the session's
+     * {@link CheckoutSession.vault} block `html`, or one fetched from
+     * `POST /vault/capture`). The widget owns the card fields, submit button,
+     * tokenization, charge, and 3DS; this component only injects it.
+     */
+    html: string;
+    /**
+     * Per-session integrity token (the vault block's `messageToken`). Forwarded
+     * to the adapter so it can reject forged terminal `postMessage` outcomes that
+     * omit/mismatch it. Omitted when the backend does not (yet) mint one.
+     */
+    messageToken?: string;
+    /**
+     * Exact origin expected for the widget's terminal `postMessage` outcomes
+     * (the vault block's `expectedOrigin`). Forwarded to the adapter's origin
+     * gate; omitted to skip it.
+     */
+    expectedOrigin?: string;
+    /**
+     * Merchant theme colors pushed into the hosted widget so the card form
+     * matches the surrounding checkout. Applied live on change (no remount).
+     */
+    theme?: VaultCardThemeColors;
+    /** Inline styles for the container the widget mounts into. */
+    containerStyle?: React.CSSProperties;
+    /** Fired once the widget is injected and bootstrapping. */
+    onReady?: () => void;
+    /**
+     * Fired with a load/runtime error message from the widget, or `null` when it
+     * clears. Wired to the card form's shared error banner. Terminal payment
+     * outcomes (`complete` / `decline`) are observed by the parent form directly
+     * off the same adapter and are not surfaced here.
+     */
+    onError?: (message: string | null) => void;
+    /**
+     * Fired with the widget's inline field-validation message (live, debounced by
+     * the widget to changes), or `null` when validation clears. Surfaced in the
+     * card form's error banner and the merchant `onError`.
+     */
+    onValidation?: (message: string | null) => void;
+}
+/**
+ * Renders the backend-served vault PCI card widget in place of provider-owned
+ * (Stripe) card elements (TeamFloPay/backend#823, Model A). The hosted widget
+ * is a self-contained form: PAN / CVC, the submit button, the charge, and 3DS
+ * all live inside it. This component only injects the widget HTML through the
+ * {@link CardCaptureAdapter} and bridges its `ready` / `error` lifecycle events
+ * back to the surrounding card form.
+ */
+declare function VaultCardFields({ capture, html, messageToken, expectedOrigin, theme, containerStyle, onReady, onError, onValidation, }: VaultCardFieldsProps): React.ReactElement;
+
 /**
  * Props for the `PayPalButton` component.
  *
@@ -855,6 +946,14 @@ interface FloPayAutomaticPaymentButtonProps extends Omit<React.ButtonHTMLAttribu
      * `buttonsStyles` still wins for fine-grained overrides.
      */
     theme?: ThemeId;
+    /**
+     * Per-checkout appearance overrides layered on top of the chosen `theme`
+     * (same shape as {@link FloPayCheckout}'s `appearance`). Its `colorPrimary` /
+     * `colorPrimaryHover` / `borderRadius` re-skin the button — and the fallback
+     * `FloPayCheckout` modal — so the auto-pay button matches the rest of the
+     * themed checkout. Without this the button only saw the bundle's defaults.
+     */
+    appearance?: FloPayAppearance;
     /**
      * @deprecated Use `theme` instead. Legacy buttons-layout preset
      * (`'default' | 'minimal' | 'rounded' | 'dark'`). Still honored for
@@ -867,6 +966,6 @@ interface FloPayAutomaticPaymentButtonProps extends Omit<React.ButtonHTMLAttribu
     onDecline?: (decline: DeclineEvent) => void;
     children?: React.ReactNode;
 }
-declare function FloPayAutomaticPaymentButton({ sessionId, nonce, createSession, paymentMethodId: _deprecatedPaymentMethodId, checkoutMethod: _deprecatedCheckoutMethod, clientId, products, items, subscriptions, account, successUrl, cancelUrl, couponCodes, tagsData, utmMetadata, billingApiUrl, locale, theme, buttonsTheme, buttonsStyles: stylesOverride, onSuccess, onError, onDecline, children, disabled, type, style, ...buttonProps }: FloPayAutomaticPaymentButtonProps): react_jsx_runtime.JSX.Element;
+declare function FloPayAutomaticPaymentButton({ sessionId, nonce, createSession, paymentMethodId: _deprecatedPaymentMethodId, checkoutMethod: _deprecatedCheckoutMethod, clientId, products, items, subscriptions, account, successUrl, cancelUrl, couponCodes, tagsData, utmMetadata, billingApiUrl, locale, theme, appearance, buttonsTheme, buttonsStyles: stylesOverride, onSuccess, onError, onDecline, children, disabled, type, style, ...buttonProps }: FloPayAutomaticPaymentButtonProps): React.JSX.Element;
 
-export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, DirectPayPalButton, type DirectPayPalButtonProps, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, useCheckout, useElements, useFloPay, usePayPalFloPay };
+export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, DirectPayPalButton, type DirectPayPalButtonProps, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, VaultCardFields, type VaultCardFieldsProps, useCheckout, useElements, useFloPay, usePayPalFloPay };