@flopay/react 1.2.1 → 1.2.4

package/dist/index.d.cts

@@ -324,6 +324,15 @@ interface CheckoutFormRef {
 interface CheckoutFormProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation
+     * (`CheckoutSessionResult.nonce` or `session.clientSecret`). Forwarded as
+     * `x-checkout-session-token` on every continuation request — required by
+     * post-#640 backends (`TeamFloPay/backend#640`), which 401 the call when the
+     * header is missing or does not match the session's stored nonce.
+     * `FloPayCheckout` plumbs this prop automatically.
+     */
+    nonce?: string;
     /** Billing API base URL. Optional — defaults to the value from FloPayProvider or the shared constant. */
     billingApiUrl?: string;
     /** User's email (required for creating payment intents). */
@@ -408,6 +417,13 @@ interface SplitCardFormRef {
 interface SplitCardFormProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation
+     * (`CheckoutSessionResult.nonce` or `session.clientSecret`). Forwarded as
+     * `x-checkout-session-token` on every continuation request — required by
+     * post-#640 backends. `FloPayCheckout` plumbs this prop automatically.
+     */
+    nonce?: string;
     /** Billing API base URL. Optional — defaults to the value from FloPayProvider or the shared constant. */
     billingApiUrl?: string;
     /** User's email (required for creating payment intents). */
@@ -620,6 +636,12 @@ declare const SplitCardForm: React.ForwardRefExoticComponent<SplitCardFormProps
 interface PayPalButtonProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation. Forwarded as
+     * `x-checkout-session-token` on continuation requests — required by
+     * post-#640 backends.
+     */
+    nonce?: string;
     /** Billing API base URL. Optional — defaults to the value from FloPayProvider or the shared constant. */
     billingApiUrl?: string;
     /** User's email. */
@@ -664,7 +686,7 @@ interface PayPalButtonProps {
  * </FloPayProvider>
  * ```
  */
-declare function PayPalButton({ sessionId, billingApiUrl, email, userId, firstName, lastName, chv, onTokenizedBody, onComplete, onErrorChange, isProcessing, }: PayPalButtonProps): React.ReactElement;
+declare function PayPalButton({ sessionId, nonce, billingApiUrl, email, userId, firstName, lastName, chv, onTokenizedBody, onComplete, onErrorChange, isProcessing, }: PayPalButtonProps): React.ReactElement;
 
 /**
  * Overrides that `SplitCardForm`'s tokenized-body dispatcher uses to apply a
@@ -698,6 +720,12 @@ type DirectPayPalRunBeforeButtonClick = (method: CheckoutButtonMethod) => Promis
 interface DirectPayPalButtonProps {
     /** Checkout session ID. */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation. Forwarded as
+     * `x-checkout-session-token` on every continuation request — required by
+     * post-#640 backends. `FloPayCheckout` plumbs this prop automatically.
+     */
+    nonce?: string;
     /** Billing API base URL. */
     billingApiUrl: string;
     /** Buyer email. */
@@ -768,7 +796,7 @@ interface DirectPayPalButtonProps {
  * rendered PayPal happens at the caller site based on whether the session
  * advertises `gateways.paypal.publishableKey`.
  */
-declare function DirectPayPalButton({ sessionId, billingApiUrl, email, clientId, environment, currency, isSubscription, onTokenizedBody, onComplete, onErrorChange, onDecline, isProcessing, onLoadStateChange, onButtonClick, runBeforeButtonClick, session, existingOrderId, debug, }: DirectPayPalButtonProps): React.ReactElement | null;
+declare function DirectPayPalButton({ sessionId, nonce, billingApiUrl, email, clientId, environment, currency, isSubscription, onTokenizedBody, onComplete, onErrorChange, onDecline, isProcessing, onLoadStateChange, onButtonClick, runBeforeButtonClick, session, existingOrderId, debug, }: DirectPayPalButtonProps): React.ReactElement | null;
 
 interface FloPayAutomaticPaymentSuccessEvent {
     result: PaymentResult;

package/dist/index.d.ts

@@ -324,6 +324,15 @@ interface CheckoutFormRef {
 interface CheckoutFormProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation
+     * (`CheckoutSessionResult.nonce` or `session.clientSecret`). Forwarded as
+     * `x-checkout-session-token` on every continuation request — required by
+     * post-#640 backends (`TeamFloPay/backend#640`), which 401 the call when the
+     * header is missing or does not match the session's stored nonce.
+     * `FloPayCheckout` plumbs this prop automatically.
+     */
+    nonce?: string;
     /** Billing API base URL. Optional — defaults to the value from FloPayProvider or the shared constant. */
     billingApiUrl?: string;
     /** User's email (required for creating payment intents). */
@@ -408,6 +417,13 @@ interface SplitCardFormRef {
 interface SplitCardFormProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation
+     * (`CheckoutSessionResult.nonce` or `session.clientSecret`). Forwarded as
+     * `x-checkout-session-token` on every continuation request — required by
+     * post-#640 backends. `FloPayCheckout` plumbs this prop automatically.
+     */
+    nonce?: string;
     /** Billing API base URL. Optional — defaults to the value from FloPayProvider or the shared constant. */
     billingApiUrl?: string;
     /** User's email (required for creating payment intents). */
@@ -620,6 +636,12 @@ declare const SplitCardForm: React.ForwardRefExoticComponent<SplitCardFormProps
 interface PayPalButtonProps {
     /** The checkout session ID (UUID from billing API). */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation. Forwarded as
+     * `x-checkout-session-token` on continuation requests — required by
+     * post-#640 backends.
+     */
+    nonce?: string;
     /** Billing API base URL. Optional — defaults to the value from FloPayProvider or the shared constant. */
     billingApiUrl?: string;
     /** User's email. */
@@ -664,7 +686,7 @@ interface PayPalButtonProps {
  * </FloPayProvider>
  * ```
  */
-declare function PayPalButton({ sessionId, billingApiUrl, email, userId, firstName, lastName, chv, onTokenizedBody, onComplete, onErrorChange, isProcessing, }: PayPalButtonProps): React.ReactElement;
+declare function PayPalButton({ sessionId, nonce, billingApiUrl, email, userId, firstName, lastName, chv, onTokenizedBody, onComplete, onErrorChange, isProcessing, }: PayPalButtonProps): React.ReactElement;
 
 /**
  * Overrides that `SplitCardForm`'s tokenized-body dispatcher uses to apply a
@@ -698,6 +720,12 @@ type DirectPayPalRunBeforeButtonClick = (method: CheckoutButtonMethod) => Promis
 interface DirectPayPalButtonProps {
     /** Checkout session ID. */
     sessionId: string;
+    /**
+     * Session-bound checkout token returned by session creation. Forwarded as
+     * `x-checkout-session-token` on every continuation request — required by
+     * post-#640 backends. `FloPayCheckout` plumbs this prop automatically.
+     */
+    nonce?: string;
     /** Billing API base URL. */
     billingApiUrl: string;
     /** Buyer email. */
@@ -768,7 +796,7 @@ interface DirectPayPalButtonProps {
  * rendered PayPal happens at the caller site based on whether the session
  * advertises `gateways.paypal.publishableKey`.
  */
-declare function DirectPayPalButton({ sessionId, billingApiUrl, email, clientId, environment, currency, isSubscription, onTokenizedBody, onComplete, onErrorChange, onDecline, isProcessing, onLoadStateChange, onButtonClick, runBeforeButtonClick, session, existingOrderId, debug, }: DirectPayPalButtonProps): React.ReactElement | null;
+declare function DirectPayPalButton({ sessionId, nonce, billingApiUrl, email, clientId, environment, currency, isSubscription, onTokenizedBody, onComplete, onErrorChange, onDecline, isProcessing, onLoadStateChange, onButtonClick, runBeforeButtonClick, session, existingOrderId, debug, }: DirectPayPalButtonProps): React.ReactElement | null;
 
 interface FloPayAutomaticPaymentSuccessEvent {
     result: PaymentResult;