@stripe/stripe-react-native 0.27.0 → 0.27.2

package/CHANGELOG.md

@@ -2,12 +2,28 @@
 
 ## Unreleased
 
+## 0.27.2 - 2023-05-15
+
+## Fixes
+
+- Updated `stripe-android` from 20.24.0 to 20.25.+ [#1384](https://github.com/stripe/stripe-react-native/pull/1384)
+- Updated `stripe-ios` from 23.7.+ to 23.8.+ [#1384](https://github.com/stripe/stripe-react-native/pull/1384)
+
+## 0.27.1 - 2023-05-03
+
+> Note: [Xcode 13 is no longer supported by Apple](https://developer.apple.com/news/upcoming-requirements/). Please upgrade to Xcode 14.1 or later.
+
+## Fixes
+
+- Fixed the type of `created` on `Token.Result` on Android (was a number, should be a string). [#1369](https://github.com/stripe/stripe-react-native/pull/1369)
+- Fixed `AddToWalletButton` not properly resolving the `androidAssetSource` in release mode. [#1373](https://github.com/stripe/stripe-react-native/pull/1373)
+- Fixed `isPlatformPaySupported` not respecting `existingPaymentMethodRequired` or `testEnv` on Android. [#1374](https://github.com/stripe/stripe-react-native/pull/1374)
 
 ## 0.27.0 - 2023-04-21
 
 ### Features
 
-- Added `billingDetailsCollectionConfiguration` to `initPaymentSheet` parameters. Use this to configure the collection of email, phone, name, or address in the Payment Sheet. [#1361](https://github.com/stripe/stripe-react-native/pull/1361)
+- Added `billingDetailsCollectionConfiguration` to `initPaymentSheet` parameters. Use this to configure the collection of email, phone, name, or address in the Payment Sheet. [See the docs here](https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#collect-billing-details) [#1361](https://github.com/stripe/stripe-react-native/pull/1361)
 
 ### Fixes
 

package/README.md

@@ -96,7 +96,7 @@ implementation 'com.google.android.material:material:<version>'
 
 #### iOS
 
-The Stripe React Native SDK requires Xcode 13.2.1 or later and is compatible with apps targeting iOS 13 or above. For iOS 12 support, please use [`@stripe/stripe-react-native@0.19.0`](https://github.com/stripe/stripe-react-native/releases/tag/v0.19.0).
+The Stripe React Native SDK requires Xcode 14.1 or later and is compatible with apps targeting iOS 13 or above. For iOS 12 support, please use [`@stripe/stripe-react-native@0.19.0`](https://github.com/stripe/stripe-react-native/releases/tag/v0.19.0).
 
 The SDK uses TypeScript features available in Babel version `7.9.0` and above.
 Alternatively use the `plugin-transform-typescript` plugin in your project.

package/android/gradle.properties

@@ -1,2 +1,3 @@
 StripeSdk_kotlinVersion=1.8.0
-StripeSdk_stripeVersion=20.23.+
+# Keep StripeSdk_stripeVersion in sync with https://github.com/stripe/stripe-identity-react-native/blob/main/android/gradle.properties
+StripeSdk_stripeVersion=20.25.+

package/android/src/main/java/com/reactnativestripesdk/AuBECSDebitFormView.kt

@@ -12,7 +12,7 @@ import com.google.android.material.shape.MaterialShapeDrawable
 import com.google.android.material.shape.ShapeAppearanceModel
 import com.reactnativestripesdk.utils.getIntOrNull
 import com.reactnativestripesdk.utils.getValOr
-import com.stripe.android.databinding.BecsDebitWidgetBinding
+import com.stripe.android.databinding.StripeBecsDebitWidgetBinding
 import com.stripe.android.model.PaymentMethodCreateParams
 import com.stripe.android.view.BecsDebitWidget
 import com.stripe.android.view.StripeEditText
@@ -35,7 +35,7 @@ class AuBECSDebitFormView(private val context: ThemedReactContext) : FrameLayout
     if (!this::becsDebitWidget.isInitialized || value == null) {
       return
     }
-    val binding = BecsDebitWidgetBinding.bind(becsDebitWidget)
+    val binding = StripeBecsDebitWidgetBinding.bind(becsDebitWidget)
     val textColor = getValOr(value, "textColor", null)
     val textErrorColor = getValOr(value, "textErrorColor", null)
     val placeholderColor = getValOr(value, "placeholderColor", null)

package/android/src/main/java/com/reactnativestripesdk/CardFieldView.kt

@@ -22,7 +22,7 @@ import com.reactnativestripesdk.utils.*
 import com.reactnativestripesdk.utils.mapCardBrand
 import com.stripe.android.core.model.CountryCode
 import com.stripe.android.core.model.CountryUtils
-import com.stripe.android.databinding.CardInputWidgetBinding
+import com.stripe.android.databinding.StripeCardInputWidgetBinding
 import com.stripe.android.model.Address
 import com.stripe.android.model.PaymentMethodCreateParams
 import com.stripe.android.view.CardInputListener
@@ -32,7 +32,7 @@ import com.stripe.android.view.StripeEditText
 
 class CardFieldView(context: ThemedReactContext) : FrameLayout(context) {
   private var mCardWidget: CardInputWidget = CardInputWidget(context)
-  private val cardInputWidgetBinding = CardInputWidgetBinding.bind(mCardWidget)
+  private val cardInputWidgetBinding = StripeCardInputWidgetBinding.bind(mCardWidget)
   val cardDetails: MutableMap<String, Any?> = mutableMapOf("brand" to "", "last4" to "", "expiryMonth" to null, "expiryYear" to null, "postalCode" to "", "validNumber" to "Unknown", "validCVC" to "Unknown", "validExpiryDate" to "Unknown")
   var cardParams: PaymentMethodCreateParams.Card? = null
   var cardAddress: Address? = null

package/android/src/main/java/com/reactnativestripesdk/CardFormView.kt

@@ -20,7 +20,7 @@ import com.google.android.material.shape.ShapeAppearanceModel
 import com.reactnativestripesdk.utils.*
 import com.reactnativestripesdk.utils.mapCardBrand
 import com.stripe.android.core.model.CountryCode
-import com.stripe.android.databinding.CardMultilineWidgetBinding
+import com.stripe.android.databinding.StripeCardMultilineWidgetBinding
 import com.stripe.android.databinding.StripeCardFormViewBinding
 import com.stripe.android.model.Address
 import com.stripe.android.model.PaymentMethodCreateParams
@@ -35,7 +35,7 @@ class CardFormView(context: ThemedReactContext) : FrameLayout(context) {
   var cardParams: PaymentMethodCreateParams.Card? = null
   var cardAddress: Address? = null
   private val cardFormViewBinding = StripeCardFormViewBinding.bind(cardForm)
-  private val multilineWidgetBinding = CardMultilineWidgetBinding.bind(cardFormViewBinding.cardMultilineWidget)
+  private val multilineWidgetBinding = StripeCardMultilineWidgetBinding.bind(cardFormViewBinding.cardMultilineWidget)
 
   init {
     cardFormViewBinding.cardMultilineWidgetContainer.isFocusable = true

package/android/src/main/java/com/reactnativestripesdk/StripeSdkModule.kt

@@ -528,10 +528,11 @@ class StripeSdkModule(reactContext: ReactApplicationContext) : ReactContextBaseJ
 
   @ReactMethod
   fun isPlatformPaySupported(params: ReadableMap?, promise: Promise) {
+    val googlePayParams = params?.getMap("googlePay")
     val fragment = GooglePayPaymentMethodLauncherFragment(
       reactApplicationContext,
-      getBooleanOrFalse(params, "testEnv"),
-      getBooleanOrFalse(params, "existingPaymentMethodRequired"),
+      getBooleanOrFalse(googlePayParams, "testEnv"),
+      getBooleanOrFalse(googlePayParams, "existingPaymentMethodRequired"),
       promise
     )
 

package/android/src/main/java/com/reactnativestripesdk/pushprovisioning/AddToWalletButtonView.kt

@@ -5,6 +5,7 @@ import android.graphics.Color
 import android.graphics.drawable.Drawable
 import android.graphics.drawable.RippleDrawable
 import android.view.MotionEvent
+import android.webkit.URLUtil
 import androidx.appcompat.widget.AppCompatImageView
 import com.bumptech.glide.RequestManager
 import com.bumptech.glide.load.DataSource
@@ -27,7 +28,7 @@ class AddToWalletButtonView(private val context: ThemedReactContext, private val
   private var token: ReadableMap? = null
 
   private var eventDispatcher: EventDispatcher? = context.getNativeModule(UIManagerModule::class.java)?.eventDispatcher
-  private var loadedSource: GlideUrl? = null
+  private var loadedSource: Any? = null
   private var heightOverride: Int = 0
   private var widthOverride: Int = 0
 
@@ -66,7 +67,7 @@ class AddToWalletButtonView(private val context: ThemedReactContext, private val
   }
 
   fun onAfterUpdateTransaction() {
-    val sourceToLoad = createUrlFromSourceMap(sourceMap)
+    val sourceToLoad = getUrlOrResourceId(sourceMap)
     if (sourceToLoad == null) {
       requestManager.clear(this)
       setImageDrawable(null)
@@ -99,9 +100,17 @@ class AddToWalletButtonView(private val context: ThemedReactContext, private val
     }
   }
 
-  private fun createUrlFromSourceMap(sourceMap: ReadableMap?): GlideUrl? {
-    val uriKey = sourceMap?.getString("uri")
-    return uriKey?.let { GlideUrl(uriKey) }
+  private fun getUrlOrResourceId(sourceMap: ReadableMap?): Any? {
+    sourceMap?.getString("uri")?.let {
+      return if (URLUtil.isValidUrl(it)) {
+        // Debug mode, Image.resolveAssetSource resolves to local http:// URL
+        GlideUrl(it)
+      } else {
+        // Release mode, Image.resolveAssetSource resolves to a drawable resource
+        context.resources.getIdentifier(it, "drawable", context.packageName)
+      }
+    }
+    return null
   }
 
   override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {

package/android/src/main/java/com/reactnativestripesdk/utils/Mappers.kt

@@ -314,7 +314,7 @@ internal fun mapFromCard(card: Card?): WritableMap? {
 internal fun mapFromToken(token: Token): WritableMap {
   val tokenMap: WritableMap = WritableNativeMap()
   tokenMap.putString("id", token.id)
-  tokenMap.putDouble("created", token.created.time.toDouble())
+  tokenMap.putString("created", token.created.time.toString())
   tokenMap.putString("type", mapTokenType(token.type))
   tokenMap.putBoolean("livemode", token.livemode)
   tokenMap.putMap("bankAccount", mapFromBankAccount(token.bankAccount))

package/android/src/main/res/drawable/googlepay_button_content.xml

@@ -0,0 +1,48 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="41dp"
+        android:height="17dp"
+        android:viewportWidth="41.0"
+        android:viewportHeight="17.0">
+    <path
+        android:pathData="M19.526,2.635L19.526,6.718L22.044,6.718C22.644,6.718 23.14,6.516 23.532,6.113C23.935,5.711 24.137,5.231 24.137,4.676C24.137,4.132 23.935,3.658 23.532,3.254C23.14,2.841 22.644,2.634 22.044,2.634L19.526,2.634L19.526,2.635ZM19.526,8.155L19.526,12.891L18.022,12.891L18.022,1.198L22.011,1.198C23.025,1.198 23.885,1.535 24.594,2.21C25.314,2.885 25.674,3.707 25.674,4.676C25.674,5.667 25.314,6.495 24.594,7.158C23.897,7.823 23.035,8.154 22.011,8.154L19.526,8.154L19.526,8.155Z"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#FFFFFF"
+        android:strokeWidth="1"/>
+    <path
+        android:pathData="M27.194,10.442C27.194,10.834 27.36,11.16 27.693,11.422C28.025,11.683 28.415,11.813 28.861,11.813C29.494,11.813 30.057,11.579 30.553,11.112C31.05,10.643 31.297,10.093 31.297,9.463C30.828,9.092 30.174,8.907 29.335,8.907C28.724,8.907 28.215,9.055 27.807,9.349C27.398,9.643 27.194,10.006 27.194,10.442M29.14,4.627C30.252,4.627 31.129,4.924 31.773,5.518C32.415,6.111 32.737,6.925 32.737,7.959L32.737,12.891L31.298,12.891L31.298,11.781L31.233,11.781C30.611,12.695 29.783,13.153 28.747,13.153C27.865,13.153 27.126,12.891 26.532,12.369C25.938,11.846 25.641,11.193 25.641,10.409C25.641,9.581 25.954,8.923 26.581,8.433C27.208,7.943 28.044,7.698 29.09,7.698C29.983,7.698 30.72,7.861 31.297,8.188L31.297,7.844C31.297,7.322 31.09,6.878 30.676,6.513C30.261,6.149 29.777,5.967 29.221,5.967C28.381,5.967 27.717,6.32 27.226,7.029L25.902,6.195C26.632,5.15 27.711,4.627 29.14,4.627"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#FFFFFF"
+        android:strokeWidth="1"/>
+    <path
+        android:pathData="M40.993,4.889l-5.02,11.531l-1.553,0l1.864,-4.035l-3.303,-7.496l1.635,0l2.387,5.749l0.033,0l2.322,-5.749z"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#FFFFFF"
+        android:strokeWidth="1"/>
+    <path
+        android:pathData="M13.448,7.134C13.448,6.661 13.408,6.205 13.332,5.768L6.988,5.768L6.988,8.356L10.622,8.356C10.466,9.199 9.994,9.917 9.278,10.398L9.278,12.079L11.447,12.079C12.716,10.908 13.448,9.179 13.448,7.134"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#4285F4"
+        android:strokeWidth="1"/>
+    <path
+        android:pathData="M6.988,13.701C8.804,13.701 10.332,13.105 11.447,12.079L9.278,10.398C8.675,10.804 7.897,11.041 6.988,11.041C5.234,11.041 3.744,9.859 3.212,8.267L0.978,8.267L0.978,9.998C2.085,12.193 4.36,13.701 6.988,13.701"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#34A853"
+        android:strokeWidth="1"/>
+    <path
+        android:pathData="M3.212,8.267C3.076,7.861 3.001,7.428 3.001,6.981C3.001,6.534 3.076,6.101 3.212,5.695L3.212,3.964L0.978,3.964C0.52,4.871 0.261,5.896 0.261,6.981C0.261,8.066 0.52,9.091 0.978,9.998L3.212,8.267Z"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#FABB05"
+        android:strokeWidth="1"/>
+    <path
+        android:pathData="M6.988,2.921C7.98,2.921 8.868,3.262 9.569,3.929L9.569,3.93L11.489,2.012C10.323,0.928 8.803,0.261 6.988,0.261C4.36,0.261 2.085,1.769 0.978,3.964L3.212,5.695C3.744,4.103 5.234,2.921 6.988,2.921"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#E94235"
+        android:strokeWidth="1"/>
+</vector>

package/lib/commonjs/components/PlatformPayButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["PlatformPayButton","type","ButtonType","Default","appearance","ButtonStyle","Automatic","onPress","disabled","borderRadius","onShippingMethodSelected","onShippingContactSelected","onCouponCodeEntered","setOrderTracking","style","props","shippingMethodCallback","value","nativeEvent","undefined","shippingContactCallback","couponCodeCallback","orderTrackingCallback","NativeStripeSdk","configureOrderTracking","styles","notDisabled","Platform","OS","nativeButtonStyle","StyleSheet","create","flex","opacity"],"sources":["PlatformPayButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AccessibilityProps,\n  StyleProp,\n  ViewStyle,\n  TouchableOpacity,\n  StyleSheet,\n  Platform,\n  NativeSyntheticEvent,\n} from 'react-native';\nimport NativeStripeSdk from '../NativeStripeSdk';\nimport {\n  ButtonType,\n  ButtonStyle,\n  ShippingMethod,\n  ShippingContact,\n} from '../types/PlatformPay';\nimport GooglePayButtonNative from './GooglePayButtonNative';\nimport ApplePayButtonNative from './ApplePayButtonNative';\n\n/**\n *  PlatformPayButton Component Props\n */\nexport interface Props extends AccessibilityProps {\n  /** Sets the text displayed by the button. */\n  type?: ButtonType;\n  /** iOS only. Sets the coloring of the button. */\n  appearance?: ButtonStyle;\n  /** iOS only. Sets the border radius of the button. */\n  borderRadius?: number;\n  /** Function called whenever the button is pressed. */\n  onPress(): void;\n  /** Set to `true` to disable the button from being pressed & apply a slight opacity to indicate that it is unpressable. Defaults to false. */\n  disabled?: boolean;\n  /**\n   * This callback is triggered whenever the user selects a shipping method in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingMethod` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingMethodSelected?: (event: {\n    shippingMethod: ShippingMethod;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user selects a shipping contact in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingContact` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingContactSelected?: (event: {\n    shippingContact: ShippingContact;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user inputs a coupon code in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `couponCode` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onCouponCodeEntered?: (event: { couponCode: string }) => void;\n  /** Callback function for setting the order details (retrieved from your server) to give users the\n   * ability to track and manage their purchases in Wallet. Stripe calls your implementation after the\n   * payment is complete, but before iOS dismisses the Apple Pay sheet. You must call the `completion`\n   * function, or else the Apple Pay sheet will hang.*/\n  setOrderTracking?: (\n    completion: (\n      orderIdentifier: string,\n      orderTypeIdentifier: string,\n      authenticationToken: string,\n      webServiceUrl: string\n    ) => void\n  ) => void;\n  testID?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n *  PlatformPayButton Component. Display the platform-specific native wallet pay button: Apple Pay on iOS, and Google Pay on Android.\n *\n * @example\n * ```ts\n *  <PlatformPayButton\n *    onPress={pay}\n *    type={PlatformPay.ButtonType.Subscribe}\n *    appearance={PlatformPay.ButtonStyle.WhiteOutline}\n *    borderRadius={4}\n *    disabled={!isApplePaySupported}\n *    style={styles.payButton}\n *  />\n * ```\n * @param __namedParameters Props\n * @returns JSX.Element\n * @category ReactComponents\n */\nexport function PlatformPayButton({\n  type = ButtonType.Default,\n  appearance = ButtonStyle.Automatic,\n  onPress,\n  disabled,\n  borderRadius,\n  onShippingMethodSelected,\n  onShippingContactSelected,\n  onCouponCodeEntered,\n  setOrderTracking,\n  style,\n  ...props\n}: Props) {\n  const shippingMethodCallback = onShippingMethodSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingMethod: ShippingMethod;\n        }>\n      ) => {\n        onShippingMethodSelected && onShippingMethodSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const shippingContactCallback = onShippingContactSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingContact: ShippingContact;\n        }>\n      ) => {\n        onShippingContactSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const couponCodeCallback = onCouponCodeEntered\n    ? (\n        value: NativeSyntheticEvent<{\n          couponCode: string;\n        }>\n      ) => {\n        onCouponCodeEntered && onCouponCodeEntered(value.nativeEvent);\n      }\n    : undefined;\n\n  const orderTrackingCallback = setOrderTracking\n    ? () => {\n        setOrderTracking(NativeStripeSdk.configureOrderTracking);\n      }\n    : undefined;\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      activeOpacity={disabled ? 0.3 : 1}\n      onPress={onPress}\n      style={[disabled ? styles.disabled : styles.notDisabled, style]}\n    >\n      {Platform.OS === 'ios' ? (\n        <ApplePayButtonNative\n          type={type}\n          buttonStyle={appearance}\n          borderRadius={borderRadius}\n          disabled={disabled}\n          onShippingMethodSelectedAction={shippingMethodCallback}\n          onShippingContactSelectedAction={shippingContactCallback}\n          onCouponCodeEnteredAction={couponCodeCallback}\n          onOrderTrackingAction={orderTrackingCallback}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      ) : (\n        <GooglePayButtonNative\n          type={type}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      )}\n    </TouchableOpacity>\n  );\n}\n\nconst styles = StyleSheet.create({\n  disabled: {\n    flex: 0,\n    opacity: 0.4,\n  },\n  notDisabled: {\n    flex: 0,\n  },\n  nativeButtonStyle: { flex: 1 },\n});\n"],"mappings":"wXAAA,oDACA,yCASA,2EACA,iDAMA,sFACA,oFAA0D,wRA2EnD,QAASA,kBAAiB,MAYvB,oBAXRC,IAAI,CAAJA,IAAI,oBAAGC,uBAAU,CAACC,OAAO,gCACzBC,UAAU,CAAVA,UAAU,0BAAGC,wBAAW,CAACC,SAAS,iBAClCC,OAAO,MAAPA,OAAO,CACPC,QAAQ,MAARA,QAAQ,CACRC,YAAY,MAAZA,YAAY,CACZC,wBAAwB,MAAxBA,wBAAwB,CACxBC,yBAAyB,MAAzBA,yBAAyB,CACzBC,mBAAmB,MAAnBA,mBAAmB,CACnBC,gBAAgB,MAAhBA,gBAAgB,CAChBC,KAAK,MAALA,KAAK,CACFC,KAAK,uDAER,GAAMC,uBAAsB,CAAGN,wBAAwB,CACnD,SACEO,KAEE,CACC,CACHP,wBAAwB,EAAIA,wBAAwB,CAACO,KAAK,CAACC,WAAW,CAAC,CACzE,CAAC,CACDC,SAAS,CAEb,GAAMC,wBAAuB,CAAGT,yBAAyB,CACrD,SACEM,KAEE,CACC,CACHN,yBAAyB,CAACM,KAAK,CAACC,WAAW,CAAC,CAC9C,CAAC,CACDC,SAAS,CAEb,GAAME,mBAAkB,CAAGT,mBAAmB,CAC1C,SACEK,KAEE,CACC,CACHL,mBAAmB,EAAIA,mBAAmB,CAACK,KAAK,CAACC,WAAW,CAAC,CAC/D,CAAC,CACDC,SAAS,CAEb,GAAMG,sBAAqB,CAAGT,gBAAgB,CAC1C,UAAM,CACJA,gBAAgB,CAACU,wBAAe,CAACC,sBAAsB,CAAC,CAC1D,CAAC,CACDL,SAAS,CAEb,MACE,8BAAC,6BAAgB,EACf,QAAQ,CAAEX,QAAS,CACnB,aAAa,CAAEA,QAAQ,CAAG,GAAG,CAAG,CAAE,CAClC,OAAO,CAAED,OAAQ,CACjB,KAAK,CAAE,CAACC,QAAQ,CAAGiB,MAAM,CAACjB,QAAQ,CAAGiB,MAAM,CAACC,WAAW,CAAEZ,KAAK,CAAE,6EAE/Da,qBAAQ,CAACC,EAAE,GAAK,KAAK,CACpB,6BAAC,6BAAoB,wBACnB,IAAI,CAAE3B,IAAK,CACX,WAAW,CAAEG,UAAW,CACxB,YAAY,CAAEK,YAAa,CAC3B,QAAQ,CAAED,QAAS,CACnB,8BAA8B,CAAEQ,sBAAuB,CACvD,+BAA+B,CAAEI,uBAAwB,CACzD,yBAAyB,CAAEC,kBAAmB,CAC9C,qBAAqB,CAAEC,qBAAsB,CAC7C,KAAK,CAAEG,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EACT,CAEF,6BAAC,8BAAqB,wBACpB,IAAI,CAAEd,IAAK,CACX,KAAK,CAAEwB,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EAEZ,CACgB,CAEvB,CAEA,GAAMU,OAAM,CAAGK,uBAAU,CAACC,MAAM,CAAC,CAC/BvB,QAAQ,CAAE,CACRwB,IAAI,CAAE,CAAC,CACPC,OAAO,CAAE,GACX,CAAC,CACDP,WAAW,CAAE,CACXM,IAAI,CAAE,CACR,CAAC,CACDH,iBAAiB,CAAE,CAAEG,IAAI,CAAE,CAAE,CAC/B,CAAC,CAAC"}
+{"version":3,"names":["PlatformPayButton","type","ButtonType","Default","appearance","ButtonStyle","Automatic","onPress","disabled","borderRadius","onShippingMethodSelected","onShippingContactSelected","onCouponCodeEntered","setOrderTracking","style","props","shippingMethodCallback","value","nativeEvent","undefined","shippingContactCallback","couponCodeCallback","orderTrackingCallback","NativeStripeSdk","configureOrderTracking","styles","notDisabled","Platform","OS","nativeButtonStyle","StyleSheet","create","flex","opacity"],"sources":["PlatformPayButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AccessibilityProps,\n  StyleProp,\n  ViewStyle,\n  TouchableOpacity,\n  StyleSheet,\n  Platform,\n  NativeSyntheticEvent,\n} from 'react-native';\nimport NativeStripeSdk from '../NativeStripeSdk';\nimport {\n  ButtonType,\n  ButtonStyle,\n  ShippingMethod,\n  ShippingContact,\n} from '../types/PlatformPay';\nimport GooglePayButtonNative from './GooglePayButtonNative';\nimport ApplePayButtonNative from './ApplePayButtonNative';\n\n/**\n *  PlatformPayButton Component Props\n */\nexport interface Props extends AccessibilityProps {\n  /** Sets the text displayed by the button. */\n  type?: ButtonType;\n  /** iOS only. Sets the coloring of the button. */\n  appearance?: ButtonStyle;\n  /** Affects iOS only. Sets the border radius of the button. On Android, you cannot modify the radius of the Google Pay button, since doing so violates the [Google Brand Guidelines](https://developers.google.com/pay/api/android/guides/brand-guidelines#style). */\n  borderRadius?: number;\n  /** Function called whenever the button is pressed. */\n  onPress(): void;\n  /** Set to `true` to disable the button from being pressed & apply a slight opacity to indicate that it is unpressable. Defaults to false. */\n  disabled?: boolean;\n  /**\n   * This callback is triggered whenever the user selects a shipping method in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingMethod` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingMethodSelected?: (event: {\n    shippingMethod: ShippingMethod;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user selects a shipping contact in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingContact` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingContactSelected?: (event: {\n    shippingContact: ShippingContact;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user inputs a coupon code in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `couponCode` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onCouponCodeEntered?: (event: { couponCode: string }) => void;\n  /** Callback function for setting the order details (retrieved from your server) to give users the\n   * ability to track and manage their purchases in Wallet. Stripe calls your implementation after the\n   * payment is complete, but before iOS dismisses the Apple Pay sheet. You must call the `completion`\n   * function, or else the Apple Pay sheet will hang.*/\n  setOrderTracking?: (\n    completion: (\n      orderIdentifier: string,\n      orderTypeIdentifier: string,\n      authenticationToken: string,\n      webServiceUrl: string\n    ) => void\n  ) => void;\n  testID?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n *  PlatformPayButton Component. Display the platform-specific native wallet pay button: Apple Pay on iOS, and Google Pay on Android.\n *\n * @example\n * ```ts\n *  <PlatformPayButton\n *    onPress={pay}\n *    type={PlatformPay.ButtonType.Subscribe}\n *    appearance={PlatformPay.ButtonStyle.WhiteOutline}\n *    borderRadius={4}\n *    disabled={!isApplePaySupported}\n *    style={styles.payButton}\n *  />\n * ```\n * @param __namedParameters Props\n * @returns JSX.Element\n * @category ReactComponents\n */\nexport function PlatformPayButton({\n  type = ButtonType.Default,\n  appearance = ButtonStyle.Automatic,\n  onPress,\n  disabled,\n  borderRadius,\n  onShippingMethodSelected,\n  onShippingContactSelected,\n  onCouponCodeEntered,\n  setOrderTracking,\n  style,\n  ...props\n}: Props) {\n  const shippingMethodCallback = onShippingMethodSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingMethod: ShippingMethod;\n        }>\n      ) => {\n        onShippingMethodSelected && onShippingMethodSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const shippingContactCallback = onShippingContactSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingContact: ShippingContact;\n        }>\n      ) => {\n        onShippingContactSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const couponCodeCallback = onCouponCodeEntered\n    ? (\n        value: NativeSyntheticEvent<{\n          couponCode: string;\n        }>\n      ) => {\n        onCouponCodeEntered && onCouponCodeEntered(value.nativeEvent);\n      }\n    : undefined;\n\n  const orderTrackingCallback = setOrderTracking\n    ? () => {\n        setOrderTracking(NativeStripeSdk.configureOrderTracking);\n      }\n    : undefined;\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      activeOpacity={disabled ? 0.3 : 1}\n      onPress={onPress}\n      style={[disabled ? styles.disabled : styles.notDisabled, style]}\n    >\n      {Platform.OS === 'ios' ? (\n        <ApplePayButtonNative\n          type={type}\n          buttonStyle={appearance}\n          borderRadius={borderRadius}\n          disabled={disabled}\n          onShippingMethodSelectedAction={shippingMethodCallback}\n          onShippingContactSelectedAction={shippingContactCallback}\n          onCouponCodeEnteredAction={couponCodeCallback}\n          onOrderTrackingAction={orderTrackingCallback}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      ) : (\n        <GooglePayButtonNative\n          type={type}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      )}\n    </TouchableOpacity>\n  );\n}\n\nconst styles = StyleSheet.create({\n  disabled: {\n    flex: 0,\n    opacity: 0.4,\n  },\n  notDisabled: {\n    flex: 0,\n  },\n  nativeButtonStyle: { flex: 1 },\n});\n"],"mappings":"wXAAA,oDACA,yCASA,2EACA,iDAMA,sFACA,oFAA0D,wRA2EnD,QAASA,kBAAiB,MAYvB,oBAXRC,IAAI,CAAJA,IAAI,oBAAGC,uBAAU,CAACC,OAAO,gCACzBC,UAAU,CAAVA,UAAU,0BAAGC,wBAAW,CAACC,SAAS,iBAClCC,OAAO,MAAPA,OAAO,CACPC,QAAQ,MAARA,QAAQ,CACRC,YAAY,MAAZA,YAAY,CACZC,wBAAwB,MAAxBA,wBAAwB,CACxBC,yBAAyB,MAAzBA,yBAAyB,CACzBC,mBAAmB,MAAnBA,mBAAmB,CACnBC,gBAAgB,MAAhBA,gBAAgB,CAChBC,KAAK,MAALA,KAAK,CACFC,KAAK,uDAER,GAAMC,uBAAsB,CAAGN,wBAAwB,CACnD,SACEO,KAEE,CACC,CACHP,wBAAwB,EAAIA,wBAAwB,CAACO,KAAK,CAACC,WAAW,CAAC,CACzE,CAAC,CACDC,SAAS,CAEb,GAAMC,wBAAuB,CAAGT,yBAAyB,CACrD,SACEM,KAEE,CACC,CACHN,yBAAyB,CAACM,KAAK,CAACC,WAAW,CAAC,CAC9C,CAAC,CACDC,SAAS,CAEb,GAAME,mBAAkB,CAAGT,mBAAmB,CAC1C,SACEK,KAEE,CACC,CACHL,mBAAmB,EAAIA,mBAAmB,CAACK,KAAK,CAACC,WAAW,CAAC,CAC/D,CAAC,CACDC,SAAS,CAEb,GAAMG,sBAAqB,CAAGT,gBAAgB,CAC1C,UAAM,CACJA,gBAAgB,CAACU,wBAAe,CAACC,sBAAsB,CAAC,CAC1D,CAAC,CACDL,SAAS,CAEb,MACE,8BAAC,6BAAgB,EACf,QAAQ,CAAEX,QAAS,CACnB,aAAa,CAAEA,QAAQ,CAAG,GAAG,CAAG,CAAE,CAClC,OAAO,CAAED,OAAQ,CACjB,KAAK,CAAE,CAACC,QAAQ,CAAGiB,MAAM,CAACjB,QAAQ,CAAGiB,MAAM,CAACC,WAAW,CAAEZ,KAAK,CAAE,6EAE/Da,qBAAQ,CAACC,EAAE,GAAK,KAAK,CACpB,6BAAC,6BAAoB,wBACnB,IAAI,CAAE3B,IAAK,CACX,WAAW,CAAEG,UAAW,CACxB,YAAY,CAAEK,YAAa,CAC3B,QAAQ,CAAED,QAAS,CACnB,8BAA8B,CAAEQ,sBAAuB,CACvD,+BAA+B,CAAEI,uBAAwB,CACzD,yBAAyB,CAAEC,kBAAmB,CAC9C,qBAAqB,CAAEC,qBAAsB,CAC7C,KAAK,CAAEG,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EACT,CAEF,6BAAC,8BAAqB,wBACpB,IAAI,CAAEd,IAAK,CACX,KAAK,CAAEwB,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EAEZ,CACgB,CAEvB,CAEA,GAAMU,OAAM,CAAGK,uBAAU,CAACC,MAAM,CAAC,CAC/BvB,QAAQ,CAAE,CACRwB,IAAI,CAAE,CAAC,CACPC,OAAO,CAAE,GACX,CAAC,CACDP,WAAW,CAAE,CACXM,IAAI,CAAE,CACR,CAAC,CACDH,iBAAiB,CAAE,CAAEG,IAAI,CAAE,CAAE,CAC/B,CAAC,CAAC"}

package/lib/module/components/PlatformPayButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["PlatformPayButton","type","ButtonType","Default","appearance","ButtonStyle","Automatic","onPress","disabled","borderRadius","onShippingMethodSelected","onShippingContactSelected","onCouponCodeEntered","setOrderTracking","style","props","shippingMethodCallback","value","nativeEvent","undefined","shippingContactCallback","couponCodeCallback","orderTrackingCallback","NativeStripeSdk","configureOrderTracking","styles","notDisabled","Platform","OS","nativeButtonStyle","StyleSheet","create","flex","opacity"],"sources":["PlatformPayButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AccessibilityProps,\n  StyleProp,\n  ViewStyle,\n  TouchableOpacity,\n  StyleSheet,\n  Platform,\n  NativeSyntheticEvent,\n} from 'react-native';\nimport NativeStripeSdk from '../NativeStripeSdk';\nimport {\n  ButtonType,\n  ButtonStyle,\n  ShippingMethod,\n  ShippingContact,\n} from '../types/PlatformPay';\nimport GooglePayButtonNative from './GooglePayButtonNative';\nimport ApplePayButtonNative from './ApplePayButtonNative';\n\n/**\n *  PlatformPayButton Component Props\n */\nexport interface Props extends AccessibilityProps {\n  /** Sets the text displayed by the button. */\n  type?: ButtonType;\n  /** iOS only. Sets the coloring of the button. */\n  appearance?: ButtonStyle;\n  /** iOS only. Sets the border radius of the button. */\n  borderRadius?: number;\n  /** Function called whenever the button is pressed. */\n  onPress(): void;\n  /** Set to `true` to disable the button from being pressed & apply a slight opacity to indicate that it is unpressable. Defaults to false. */\n  disabled?: boolean;\n  /**\n   * This callback is triggered whenever the user selects a shipping method in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingMethod` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingMethodSelected?: (event: {\n    shippingMethod: ShippingMethod;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user selects a shipping contact in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingContact` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingContactSelected?: (event: {\n    shippingContact: ShippingContact;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user inputs a coupon code in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `couponCode` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onCouponCodeEntered?: (event: { couponCode: string }) => void;\n  /** Callback function for setting the order details (retrieved from your server) to give users the\n   * ability to track and manage their purchases in Wallet. Stripe calls your implementation after the\n   * payment is complete, but before iOS dismisses the Apple Pay sheet. You must call the `completion`\n   * function, or else the Apple Pay sheet will hang.*/\n  setOrderTracking?: (\n    completion: (\n      orderIdentifier: string,\n      orderTypeIdentifier: string,\n      authenticationToken: string,\n      webServiceUrl: string\n    ) => void\n  ) => void;\n  testID?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n *  PlatformPayButton Component. Display the platform-specific native wallet pay button: Apple Pay on iOS, and Google Pay on Android.\n *\n * @example\n * ```ts\n *  <PlatformPayButton\n *    onPress={pay}\n *    type={PlatformPay.ButtonType.Subscribe}\n *    appearance={PlatformPay.ButtonStyle.WhiteOutline}\n *    borderRadius={4}\n *    disabled={!isApplePaySupported}\n *    style={styles.payButton}\n *  />\n * ```\n * @param __namedParameters Props\n * @returns JSX.Element\n * @category ReactComponents\n */\nexport function PlatformPayButton({\n  type = ButtonType.Default,\n  appearance = ButtonStyle.Automatic,\n  onPress,\n  disabled,\n  borderRadius,\n  onShippingMethodSelected,\n  onShippingContactSelected,\n  onCouponCodeEntered,\n  setOrderTracking,\n  style,\n  ...props\n}: Props) {\n  const shippingMethodCallback = onShippingMethodSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingMethod: ShippingMethod;\n        }>\n      ) => {\n        onShippingMethodSelected && onShippingMethodSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const shippingContactCallback = onShippingContactSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingContact: ShippingContact;\n        }>\n      ) => {\n        onShippingContactSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const couponCodeCallback = onCouponCodeEntered\n    ? (\n        value: NativeSyntheticEvent<{\n          couponCode: string;\n        }>\n      ) => {\n        onCouponCodeEntered && onCouponCodeEntered(value.nativeEvent);\n      }\n    : undefined;\n\n  const orderTrackingCallback = setOrderTracking\n    ? () => {\n        setOrderTracking(NativeStripeSdk.configureOrderTracking);\n      }\n    : undefined;\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      activeOpacity={disabled ? 0.3 : 1}\n      onPress={onPress}\n      style={[disabled ? styles.disabled : styles.notDisabled, style]}\n    >\n      {Platform.OS === 'ios' ? (\n        <ApplePayButtonNative\n          type={type}\n          buttonStyle={appearance}\n          borderRadius={borderRadius}\n          disabled={disabled}\n          onShippingMethodSelectedAction={shippingMethodCallback}\n          onShippingContactSelectedAction={shippingContactCallback}\n          onCouponCodeEnteredAction={couponCodeCallback}\n          onOrderTrackingAction={orderTrackingCallback}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      ) : (\n        <GooglePayButtonNative\n          type={type}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      )}\n    </TouchableOpacity>\n  );\n}\n\nconst styles = StyleSheet.create({\n  disabled: {\n    flex: 0,\n    opacity: 0.4,\n  },\n  notDisabled: {\n    flex: 0,\n  },\n  nativeButtonStyle: { flex: 1 },\n});\n"],"mappings":"wXAAA,oDACA,yCASA,2EACA,iDAMA,sFACA,oFAA0D,wRA2EnD,QAASA,kBAAiB,MAYvB,oBAXRC,IAAI,CAAJA,IAAI,oBAAGC,uBAAU,CAACC,OAAO,gCACzBC,UAAU,CAAVA,UAAU,0BAAGC,wBAAW,CAACC,SAAS,iBAClCC,OAAO,MAAPA,OAAO,CACPC,QAAQ,MAARA,QAAQ,CACRC,YAAY,MAAZA,YAAY,CACZC,wBAAwB,MAAxBA,wBAAwB,CACxBC,yBAAyB,MAAzBA,yBAAyB,CACzBC,mBAAmB,MAAnBA,mBAAmB,CACnBC,gBAAgB,MAAhBA,gBAAgB,CAChBC,KAAK,MAALA,KAAK,CACFC,KAAK,uDAER,GAAMC,uBAAsB,CAAGN,wBAAwB,CACnD,SACEO,KAEE,CACC,CACHP,wBAAwB,EAAIA,wBAAwB,CAACO,KAAK,CAACC,WAAW,CAAC,CACzE,CAAC,CACDC,SAAS,CAEb,GAAMC,wBAAuB,CAAGT,yBAAyB,CACrD,SACEM,KAEE,CACC,CACHN,yBAAyB,CAACM,KAAK,CAACC,WAAW,CAAC,CAC9C,CAAC,CACDC,SAAS,CAEb,GAAME,mBAAkB,CAAGT,mBAAmB,CAC1C,SACEK,KAEE,CACC,CACHL,mBAAmB,EAAIA,mBAAmB,CAACK,KAAK,CAACC,WAAW,CAAC,CAC/D,CAAC,CACDC,SAAS,CAEb,GAAMG,sBAAqB,CAAGT,gBAAgB,CAC1C,UAAM,CACJA,gBAAgB,CAACU,wBAAe,CAACC,sBAAsB,CAAC,CAC1D,CAAC,CACDL,SAAS,CAEb,MACE,8BAAC,6BAAgB,EACf,QAAQ,CAAEX,QAAS,CACnB,aAAa,CAAEA,QAAQ,CAAG,GAAG,CAAG,CAAE,CAClC,OAAO,CAAED,OAAQ,CACjB,KAAK,CAAE,CAACC,QAAQ,CAAGiB,MAAM,CAACjB,QAAQ,CAAGiB,MAAM,CAACC,WAAW,CAAEZ,KAAK,CAAE,6EAE/Da,qBAAQ,CAACC,EAAE,GAAK,KAAK,CACpB,6BAAC,6BAAoB,wBACnB,IAAI,CAAE3B,IAAK,CACX,WAAW,CAAEG,UAAW,CACxB,YAAY,CAAEK,YAAa,CAC3B,QAAQ,CAAED,QAAS,CACnB,8BAA8B,CAAEQ,sBAAuB,CACvD,+BAA+B,CAAEI,uBAAwB,CACzD,yBAAyB,CAAEC,kBAAmB,CAC9C,qBAAqB,CAAEC,qBAAsB,CAC7C,KAAK,CAAEG,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EACT,CAEF,6BAAC,8BAAqB,wBACpB,IAAI,CAAEd,IAAK,CACX,KAAK,CAAEwB,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EAEZ,CACgB,CAEvB,CAEA,GAAMU,OAAM,CAAGK,uBAAU,CAACC,MAAM,CAAC,CAC/BvB,QAAQ,CAAE,CACRwB,IAAI,CAAE,CAAC,CACPC,OAAO,CAAE,GACX,CAAC,CACDP,WAAW,CAAE,CACXM,IAAI,CAAE,CACR,CAAC,CACDH,iBAAiB,CAAE,CAAEG,IAAI,CAAE,CAAE,CAC/B,CAAC,CAAC"}
+{"version":3,"names":["PlatformPayButton","type","ButtonType","Default","appearance","ButtonStyle","Automatic","onPress","disabled","borderRadius","onShippingMethodSelected","onShippingContactSelected","onCouponCodeEntered","setOrderTracking","style","props","shippingMethodCallback","value","nativeEvent","undefined","shippingContactCallback","couponCodeCallback","orderTrackingCallback","NativeStripeSdk","configureOrderTracking","styles","notDisabled","Platform","OS","nativeButtonStyle","StyleSheet","create","flex","opacity"],"sources":["PlatformPayButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AccessibilityProps,\n  StyleProp,\n  ViewStyle,\n  TouchableOpacity,\n  StyleSheet,\n  Platform,\n  NativeSyntheticEvent,\n} from 'react-native';\nimport NativeStripeSdk from '../NativeStripeSdk';\nimport {\n  ButtonType,\n  ButtonStyle,\n  ShippingMethod,\n  ShippingContact,\n} from '../types/PlatformPay';\nimport GooglePayButtonNative from './GooglePayButtonNative';\nimport ApplePayButtonNative from './ApplePayButtonNative';\n\n/**\n *  PlatformPayButton Component Props\n */\nexport interface Props extends AccessibilityProps {\n  /** Sets the text displayed by the button. */\n  type?: ButtonType;\n  /** iOS only. Sets the coloring of the button. */\n  appearance?: ButtonStyle;\n  /** Affects iOS only. Sets the border radius of the button. On Android, you cannot modify the radius of the Google Pay button, since doing so violates the [Google Brand Guidelines](https://developers.google.com/pay/api/android/guides/brand-guidelines#style). */\n  borderRadius?: number;\n  /** Function called whenever the button is pressed. */\n  onPress(): void;\n  /** Set to `true` to disable the button from being pressed & apply a slight opacity to indicate that it is unpressable. Defaults to false. */\n  disabled?: boolean;\n  /**\n   * This callback is triggered whenever the user selects a shipping method in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingMethod` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingMethodSelected?: (event: {\n    shippingMethod: ShippingMethod;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user selects a shipping contact in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `shippingContact` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingContactSelected?: (event: {\n    shippingContact: ShippingContact;\n  }) => void;\n  /**\n   * This callback is triggered whenever the user inputs a coupon code in the Apple Pay sheet.\n   * It receives one parameter: an `event` object with a `couponCode` field. You MUST\n   * update the Apple Pay sheet in your callback using the updatePlatformPaySheet function, otherwise the\n   * Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onCouponCodeEntered?: (event: { couponCode: string }) => void;\n  /** Callback function for setting the order details (retrieved from your server) to give users the\n   * ability to track and manage their purchases in Wallet. Stripe calls your implementation after the\n   * payment is complete, but before iOS dismisses the Apple Pay sheet. You must call the `completion`\n   * function, or else the Apple Pay sheet will hang.*/\n  setOrderTracking?: (\n    completion: (\n      orderIdentifier: string,\n      orderTypeIdentifier: string,\n      authenticationToken: string,\n      webServiceUrl: string\n    ) => void\n  ) => void;\n  testID?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n *  PlatformPayButton Component. Display the platform-specific native wallet pay button: Apple Pay on iOS, and Google Pay on Android.\n *\n * @example\n * ```ts\n *  <PlatformPayButton\n *    onPress={pay}\n *    type={PlatformPay.ButtonType.Subscribe}\n *    appearance={PlatformPay.ButtonStyle.WhiteOutline}\n *    borderRadius={4}\n *    disabled={!isApplePaySupported}\n *    style={styles.payButton}\n *  />\n * ```\n * @param __namedParameters Props\n * @returns JSX.Element\n * @category ReactComponents\n */\nexport function PlatformPayButton({\n  type = ButtonType.Default,\n  appearance = ButtonStyle.Automatic,\n  onPress,\n  disabled,\n  borderRadius,\n  onShippingMethodSelected,\n  onShippingContactSelected,\n  onCouponCodeEntered,\n  setOrderTracking,\n  style,\n  ...props\n}: Props) {\n  const shippingMethodCallback = onShippingMethodSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingMethod: ShippingMethod;\n        }>\n      ) => {\n        onShippingMethodSelected && onShippingMethodSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const shippingContactCallback = onShippingContactSelected\n    ? (\n        value: NativeSyntheticEvent<{\n          shippingContact: ShippingContact;\n        }>\n      ) => {\n        onShippingContactSelected(value.nativeEvent);\n      }\n    : undefined;\n\n  const couponCodeCallback = onCouponCodeEntered\n    ? (\n        value: NativeSyntheticEvent<{\n          couponCode: string;\n        }>\n      ) => {\n        onCouponCodeEntered && onCouponCodeEntered(value.nativeEvent);\n      }\n    : undefined;\n\n  const orderTrackingCallback = setOrderTracking\n    ? () => {\n        setOrderTracking(NativeStripeSdk.configureOrderTracking);\n      }\n    : undefined;\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      activeOpacity={disabled ? 0.3 : 1}\n      onPress={onPress}\n      style={[disabled ? styles.disabled : styles.notDisabled, style]}\n    >\n      {Platform.OS === 'ios' ? (\n        <ApplePayButtonNative\n          type={type}\n          buttonStyle={appearance}\n          borderRadius={borderRadius}\n          disabled={disabled}\n          onShippingMethodSelectedAction={shippingMethodCallback}\n          onShippingContactSelectedAction={shippingContactCallback}\n          onCouponCodeEnteredAction={couponCodeCallback}\n          onOrderTrackingAction={orderTrackingCallback}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      ) : (\n        <GooglePayButtonNative\n          type={type}\n          style={styles.nativeButtonStyle}\n          {...props}\n        />\n      )}\n    </TouchableOpacity>\n  );\n}\n\nconst styles = StyleSheet.create({\n  disabled: {\n    flex: 0,\n    opacity: 0.4,\n  },\n  notDisabled: {\n    flex: 0,\n  },\n  nativeButtonStyle: { flex: 1 },\n});\n"],"mappings":"wXAAA,oDACA,yCASA,2EACA,iDAMA,sFACA,oFAA0D,wRA2EnD,QAASA,kBAAiB,MAYvB,oBAXRC,IAAI,CAAJA,IAAI,oBAAGC,uBAAU,CAACC,OAAO,gCACzBC,UAAU,CAAVA,UAAU,0BAAGC,wBAAW,CAACC,SAAS,iBAClCC,OAAO,MAAPA,OAAO,CACPC,QAAQ,MAARA,QAAQ,CACRC,YAAY,MAAZA,YAAY,CACZC,wBAAwB,MAAxBA,wBAAwB,CACxBC,yBAAyB,MAAzBA,yBAAyB,CACzBC,mBAAmB,MAAnBA,mBAAmB,CACnBC,gBAAgB,MAAhBA,gBAAgB,CAChBC,KAAK,MAALA,KAAK,CACFC,KAAK,uDAER,GAAMC,uBAAsB,CAAGN,wBAAwB,CACnD,SACEO,KAEE,CACC,CACHP,wBAAwB,EAAIA,wBAAwB,CAACO,KAAK,CAACC,WAAW,CAAC,CACzE,CAAC,CACDC,SAAS,CAEb,GAAMC,wBAAuB,CAAGT,yBAAyB,CACrD,SACEM,KAEE,CACC,CACHN,yBAAyB,CAACM,KAAK,CAACC,WAAW,CAAC,CAC9C,CAAC,CACDC,SAAS,CAEb,GAAME,mBAAkB,CAAGT,mBAAmB,CAC1C,SACEK,KAEE,CACC,CACHL,mBAAmB,EAAIA,mBAAmB,CAACK,KAAK,CAACC,WAAW,CAAC,CAC/D,CAAC,CACDC,SAAS,CAEb,GAAMG,sBAAqB,CAAGT,gBAAgB,CAC1C,UAAM,CACJA,gBAAgB,CAACU,wBAAe,CAACC,sBAAsB,CAAC,CAC1D,CAAC,CACDL,SAAS,CAEb,MACE,8BAAC,6BAAgB,EACf,QAAQ,CAAEX,QAAS,CACnB,aAAa,CAAEA,QAAQ,CAAG,GAAG,CAAG,CAAE,CAClC,OAAO,CAAED,OAAQ,CACjB,KAAK,CAAE,CAACC,QAAQ,CAAGiB,MAAM,CAACjB,QAAQ,CAAGiB,MAAM,CAACC,WAAW,CAAEZ,KAAK,CAAE,6EAE/Da,qBAAQ,CAACC,EAAE,GAAK,KAAK,CACpB,6BAAC,6BAAoB,wBACnB,IAAI,CAAE3B,IAAK,CACX,WAAW,CAAEG,UAAW,CACxB,YAAY,CAAEK,YAAa,CAC3B,QAAQ,CAAED,QAAS,CACnB,8BAA8B,CAAEQ,sBAAuB,CACvD,+BAA+B,CAAEI,uBAAwB,CACzD,yBAAyB,CAAEC,kBAAmB,CAC9C,qBAAqB,CAAEC,qBAAsB,CAC7C,KAAK,CAAEG,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EACT,CAEF,6BAAC,8BAAqB,wBACpB,IAAI,CAAEd,IAAK,CACX,KAAK,CAAEwB,MAAM,CAACI,iBAAkB,EAC5Bd,KAAK,+EAEZ,CACgB,CAEvB,CAEA,GAAMU,OAAM,CAAGK,uBAAU,CAACC,MAAM,CAAC,CAC/BvB,QAAQ,CAAE,CACRwB,IAAI,CAAE,CAAC,CACPC,OAAO,CAAE,GACX,CAAC,CACDP,WAAW,CAAE,CACXM,IAAI,CAAE,CACR,CAAC,CACDH,iBAAiB,CAAE,CAAEG,IAAI,CAAE,CAAE,CAC/B,CAAC,CAAC"}

package/lib/typescript/src/components/PlatformPayButton.d.ts

@@ -8,7 +8,7 @@ export interface Props extends AccessibilityProps {
     type?: ButtonType;
     /** iOS only. Sets the coloring of the button. */
     appearance?: ButtonStyle;
-    /** iOS only. Sets the border radius of the button. */
+    /** Affects iOS only. Sets the border radius of the button. On Android, you cannot modify the radius of the Google Pay button, since doing so violates the [Google Brand Guidelines](https://developers.google.com/pay/api/android/guides/brand-guidelines#style). */
     borderRadius?: number;
     /** Function called whenever the button is pressed. */
     onPress(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-react-native",
-  "version": "0.27.0",
+  "version": "0.27.2",
   "author": "Stripe",
   "description": "Stripe SDK for React Native",
   "main": "lib/commonjs/index",

package/src/components/PlatformPayButton.tsx

@@ -26,7 +26,7 @@ export interface Props extends AccessibilityProps {
   type?: ButtonType;
   /** iOS only. Sets the coloring of the button. */
   appearance?: ButtonStyle;
-  /** iOS only. Sets the border radius of the button. */
+  /** Affects iOS only. Sets the border radius of the button. On Android, you cannot modify the radius of the Google Pay button, since doing so violates the [Google Brand Guidelines](https://developers.google.com/pay/api/android/guides/brand-guidelines#style). */
   borderRadius?: number;
   /** Function called whenever the button is pressed. */
   onPress(): void;

package/stripe-react-native.podspec

@@ -1,7 +1,8 @@
 require 'json'
 
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
-stripe_version = '23.6.0'
+# Keep stripe_version in sync with https://github.com/stripe/stripe-identity-react-native/blob/main/stripe-identity-react-native.podspec
+stripe_version = '~> 23.8.0'
 
 Pod::Spec.new do |s|
   s.name         = 'stripe-react-native'