@flopay/react 1.4.21 → 1.4.22

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 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, CardCaptureAdapter, VaultCardThemeColors, SavedCardDisplay, FloPayErrorType, 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, ThemeId, SavedCardDisplay, FloPayErrorType, CheckoutProduct, CheckoutItem, CheckoutSubscription, ButtonsLayoutTheme, ButtonsLayoutStyles } from '@flopay/shared';
 export { BeforeButtonClickEvent, CheckoutButtonMethod, DeclineEvent, InlineSessionDraft, InlineSessionPatch, SentryEventLike, SentryStackFrameLike, dropThirdPartyOnlyError } from '@flopay/shared';
 
 /** Props for the `FloPayProvider` component. */
@@ -342,6 +342,7 @@ declare const PaymentElement: React.FC<PaymentElementProps>;
 declare const AddressElement: React.FC<ElementComponentProps>;
 
 type MaybePromise<T> = T | Promise<T>;
+
 interface SplitCardFormProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
@@ -678,8 +679,14 @@ interface FloPayCardSetupProps {
     billingApiUrl?: string;
     /** Flo-owned privacy-safe telemetry is enabled by default; set false to opt out. */
     telemetry?: boolean;
-    /** Theme colors pushed into FloPay's hosted, PCI-compliant card widget. */
-    theme?: VaultCardThemeColors;
+    /**
+     * Theme for FloPay's hosted, PCI-compliant card widget. Accepts the same
+     * high-level {@link ThemeId} as `FloPayCheckout` (resolved through the same
+     * bundle, so one value styles both surfaces identically) or raw
+     * {@link VaultCardThemeColors} for full manual control. Defaults to
+     * `'modern-light'`; pass `'classic'` for the historic FloPay look.
+     */
+    theme?: ThemeId | VaultCardThemeColors;
     /** Inline styles for the hosted-widget container. */
     containerStyle?: React.CSSProperties;
     /** Optional content shown while the session and hosted widget are loading. */

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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, CardCaptureAdapter, VaultCardThemeColors, SavedCardDisplay, FloPayErrorType, 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, ThemeId, SavedCardDisplay, FloPayErrorType, CheckoutProduct, CheckoutItem, CheckoutSubscription, ButtonsLayoutTheme, ButtonsLayoutStyles } from '@flopay/shared';
 export { BeforeButtonClickEvent, CheckoutButtonMethod, DeclineEvent, InlineSessionDraft, InlineSessionPatch, SentryEventLike, SentryStackFrameLike, dropThirdPartyOnlyError } from '@flopay/shared';
 
 /** Props for the `FloPayProvider` component. */
@@ -342,6 +342,7 @@ declare const PaymentElement: React.FC<PaymentElementProps>;
 declare const AddressElement: React.FC<ElementComponentProps>;
 
 type MaybePromise<T> = T | Promise<T>;
+
 interface SplitCardFormProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
@@ -678,8 +679,14 @@ interface FloPayCardSetupProps {
     billingApiUrl?: string;
     /** Flo-owned privacy-safe telemetry is enabled by default; set false to opt out. */
     telemetry?: boolean;
-    /** Theme colors pushed into FloPay's hosted, PCI-compliant card widget. */
-    theme?: VaultCardThemeColors;
+    /**
+     * Theme for FloPay's hosted, PCI-compliant card widget. Accepts the same
+     * high-level {@link ThemeId} as `FloPayCheckout` (resolved through the same
+     * bundle, so one value styles both surfaces identically) or raw
+     * {@link VaultCardThemeColors} for full manual control. Defaults to
+     * `'modern-light'`; pass `'classic'` for the historic FloPay look.
+     */
+    theme?: ThemeId | VaultCardThemeColors;
     /** Inline styles for the hosted-widget container. */
     containerStyle?: React.CSSProperties;
     /** Optional content shown while the session and hosted widget are loading. */