@stripe/stripe-react-native 0.61.0 → 0.63.0

package/src/connect/connectTypes.ts

@@ -302,6 +302,44 @@ export declare type AppearanceVariables = {
    */
   buttonSecondaryColorText?: string;
 
+  // Danger Button
+  /**
+   * The color used as a background for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorBackground?: string;
+  /**
+   * The color used as a border for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorBorder?: string;
+  /**
+   * The text color used for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorText?: string;
+
+  // Button Padding
+  /**
+   * The horizontal padding for buttons. This accepts a valid padding value.
+   */
+  buttonPaddingX?: string;
+  /**
+   * The vertical padding for buttons. This accepts a valid padding value.
+   */
+  buttonPaddingY?: string;
+
+  // Button Typography
+  /**
+   * The font size for button label typography. Button label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
+   */
+  buttonLabelFontSize?: string;
+  /**
+   * The font weight for button label typography. Button label typography variables accept a valid font weight value.
+   */
+  buttonLabelFontWeight?: string;
+  /**
+   * The text transform for button label typography. Button label typography variables accept a valid text transform value.
+   */
+  buttonLabelTextTransform?: string;
+
   /**
    * The color used for secondary text. This accepts hex values or RGB/RGBA/HSL strings.
    */
@@ -326,6 +364,10 @@ export declare type AppearanceVariables = {
    * The thickness of text decoration of primary actions and links. This accepts a valid text decoration thickness value.
    */
   actionPrimaryTextDecorationThickness?: string;
+  /**
+   * The text transform for primary actions and links. This accepts a valid text transform value.
+   */
+  actionPrimaryTextTransform?: string;
   /**
    * The color used for secondary actions and links. This accepts hex values or RGB/HSL strings.
    */
@@ -346,6 +388,10 @@ export declare type AppearanceVariables = {
    * The thickness of text decoration of secondary actions and links. This accepts a valid text decoration thickness value.
    */
   actionSecondaryTextDecorationThickness?: string;
+  /**
+   * The text transform for secondary actions and links. This accepts a valid text transform value.
+   */
+  actionSecondaryTextTransform?: string;
 
   // Neutral Badge Colors
   /**
@@ -403,6 +449,30 @@ export declare type AppearanceVariables = {
    */
   badgeDangerColorBorder?: string;
 
+  // Badge Padding
+  /**
+   * The horizontal padding used for badges. This supports pixel values only.
+   */
+  badgePaddingX?: string;
+  /**
+   * The vertical padding used for badges. This supports pixel values only.
+   */
+  badgePaddingY?: string;
+
+  // Badge Typography
+  /**
+   * The font size for badge label typography. Badge label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
+   */
+  badgeLabelFontSize?: string;
+  /**
+   * The font weight for badge label typography. Badge label typography variables accept a valid font weight value.
+   */
+  badgeLabelFontWeight?: string;
+  /**
+   * The text transform for badge label typography. Badge label typography variables accept a valid text transform value.
+   */
+  badgeLabelTextTransform?: string;
+
   // Background
   /**
    * The background color used when highlighting information, like the selected row on a table or particular piece of UI. This accepts hex values or RGB/HSL strings.
@@ -427,6 +497,24 @@ export declare type AppearanceVariables = {
    * The color used for to fill in form items like checkboxes, radio buttons and switches. This accepts hex values or RGB/HSL strings.
    */
   formAccentColor?: string;
+  /**
+   * The color used for placeholder text in form items. This accepts hex values or RGB/HSL strings.
+   */
+  formPlaceholderTextColor?: string;
+  /**
+   * The horizontal padding used for input fields in forms. This supports pixel values only.
+   */
+  inputFieldPaddingX?: string;
+  /**
+   * The vertical padding used for input fields in forms. This supports pixel values only.
+   */
+  inputFieldPaddingY?: string;
+
+  // Table
+  /**
+   * The vertical padding used for table rows. This supports pixel values only.
+   */
+  tableRowPaddingY?: string;
 
   // Border Sizing
   /**

package/src/events.ts

@@ -76,22 +76,19 @@ export function addListener<EventT extends keyof Events>(
 }
 
 const compatOnrampEventEmitter =
-  // On new arch we use native module events. On old arch this doesn't exist
-  // so use NativeEventEmitter on iOS and DeviceEventEmitter on Android.
-  NativeOnrampSdkModule.onCheckoutClientSecretRequested == null
-    ? Platform.OS === 'ios'
-      ? new NativeEventEmitter(NativeOnrampSdkModule as any)
-      : DeviceEventEmitter
-    : null;
+  Platform.OS === 'ios'
+    ? new NativeEventEmitter(NativeOnrampSdkModule as any)
+    : DeviceEventEmitter;
+
+type OnrampEventMap = {
+  onCheckoutClientSecretRequested: void;
+};
 
-type OnrampEvents = 'onCheckoutClientSecretRequested';
+type OnrampEvents = keyof OnrampEventMap;
 
 export function addOnrampListener<EventT extends OnrampEvents>(
   event: EventT,
-  handler: Parameters<(typeof NativeOnrampSdkModule)[EventT]>[0]
+  handler: (params: OnrampEventMap[EventT]) => void
 ): EventSubscription {
-  if (compatOnrampEventEmitter != null) {
-    return compatOnrampEventEmitter.addListener(event, handler);
-  }
-  return NativeOnrampSdkModule[event](handler as any);
+  return compatOnrampEventEmitter.addListener(event, handler);
 }

package/src/specs/NativeOnrampSdkModule.ts

@@ -1,6 +1,5 @@
 import { TurboModuleRegistry } from 'react-native';
 import type { TurboModule } from 'react-native/Libraries/TurboModule/RCTExport';
-import type { EventEmitter } from 'react-native/Libraries/Types/CodegenTypes';
 import type { Address, InitialiseParams, Onramp } from '../types';
 import type { UnsafeObject } from './utils';
 
@@ -33,7 +32,6 @@ export interface Spec extends TurboModule {
     platformPayParams: UnsafeObject<any>
   ): Promise<Onramp.CollectPaymentMethodResult>;
   provideCheckoutClientSecret(clientSecret: string | null): void;
-  onCheckoutClientSecretRequested: EventEmitter<UnsafeObject<any>>;
   createCryptoPaymentToken(): Promise<Onramp.CreateCryptoPaymentTokenResult>;
   performCheckout(onrampSessionId: string): Promise<Onramp.VoidResult>;
   onrampAuthorize(linkAuthIntentId: string): Promise<Onramp.AuthorizeResult>;
@@ -41,6 +39,8 @@ export interface Spec extends TurboModule {
     token: UnsafeObject<Onramp.CryptoPaymentToken>
   ): Promise<Onramp.PaymentDisplayDataResult>;
   logout(): Promise<Onramp.VoidResult>;
+  addListener: (eventType: string) => void;
+  removeListeners: (count: number) => void;
 }
 
 export default TurboModuleRegistry.getEnforcing<Spec>('OnrampSdk');

package/stripe-react-native.podspec

@@ -2,7 +2,7 @@ require 'json'
 
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 # Keep stripe_version in sync with https://github.com/stripe/stripe-identity-react-native/blob/main/stripe-identity-react-native.podspec
-stripe_version = '~> 25.9.0'
+stripe_version = '~> 25.10.0'
 
 fabric_enabled = ENV['RCT_NEW_ARCH_ENABLED'] == '1'