@stripe/stripe-react-native 0.20.0 → 0.22.0

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 ## Unreleased
 
+## 0.22.0 - 2022-12-02
+
+### Breaking changes
+
+### New features
+
+- Added the `hasPairedAppleWatch` option to `canAddCardToWallet`. [#1219](https://github.com/stripe/stripe-react-native/pull/1219)
+- Added new functions and a new component to streamline integrating with Apple and Google Pay and add more feature support. See the [Migrating to Platform Pay guide](https://github.com/stripe/stripe-react-native/blob/master/docs/Platform-Pay-Migration.md) for more details. The old Apple and Google Pay APIs are marked as `deprecated` and will be removed in a future release, but are still supported in this version.
+
+## Fixes
+
+- Fixed an issue where builds would error with the message `'const' enums are not supported.` [see commit](https://github.com/stripe/stripe-react-native/commit/f882bfa588aa6d23a980b4b43d2cca660ca1dd2a)
+- Fixed an issue where the `canAddCardToWallet` method would sometimes wrongly return `false` with a `details.status` of `MISSING_CONFIGURATION` in production builds. [#1215](https://github.com/stripe/stripe-react-native/pull/1215)
+- Fixed an issue on Android where, for certain countries, the postal code would not be enabled but would still be required. [#1213](https://github.com/stripe/stripe-react-native/pull/1213)
+- Fixed an issue on iOS where `canAddCardToWallet` would return `false` if the card had already been provisioned on a paired device like an Apple Watch, but had not yet been provisioned on the current device, and would also return `false` if the card had been provisioned on the current device, but not on a paired Apple Watch. [#1219](https://github.com/stripe/stripe-react-native/pull/1219)
+
+## 0.21.0 - 2022-11-15
+
+### Breaking changes
+
+### New features
+
+- Added the `<AddressSheet />` component, which enables you to collect local and international shipping or billing addresses from your customers _with_ address autocomplete. [#1169](https://github.com/stripe/stripe-react-native/pull/1169)
+  - [Find the docs here](https://stripe.com/docs/elements/address-element?platform=react-native)
+- Added the `defaultShippingDetails` field to the `params` argument in `initPaymentSheet(params)`. This will allow you to collect shipping details (either in your own UI or using the new `<AddressSheet />` component) for payments in the Payment Sheet. [#1169](https://github.com/stripe/stripe-react-native/pull/1169)
+
+## Fixes
+
+- Fixed a build error on Android when using Kotlin version 1.7.10. [#1195](https://github.com/stripe/stripe-react-native/pull/1195)
+
 ## 0.20.0 - 2022-11-03
 
 ### Breaking changes
@@ -25,7 +55,7 @@
 - Fixed an issue with Financial Connections on iOS where the app wouldn't properly redirect back after authentication. [#1178](https://github.com/stripe/stripe-react-native/pull/1178)
 - Fixed `borderWidth` and `borderRadius` for `<CardField />` and `CardForm />` was inconsistent across iOS and Android. [#1182](https://github.com/stripe/stripe-react-native/pull/1182)
 
-## 0.19.0 - 2022-09-16
+## 0.19.0 - 2022-09-16 (📌 Expo SDK 47)
 
 ### Breaking changes
 

package/android/build.gradle

@@ -35,6 +35,7 @@ android {
     versionName "1.0"
     vectorDrawables.useSupportLibrary = true
     testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    consumerProguardFiles 'proguard-rules.txt'
   }
 
   buildTypes {

package/android/gradle.properties

@@ -1,2 +1,2 @@
 StripeSdk_kotlinVersion=1.6.21
-StripeSdk_stripeVersion=20.15.+
+StripeSdk_stripeVersion=20.16.+

package/android/proguard-rules.txt

@@ -0,0 +1,7 @@
+-keepclassmembers class com.google.android.gms.tapandpay.** {
+  public *;
+}
+
+-keepclassmembers class com.stripe.android.pushProvisioning.** {
+  public *;
+}

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

@@ -204,6 +204,10 @@ class CardFieldView(context: ThemedReactContext) : FrameLayout(context) {
 
   fun setPostalCodeEnabled(isEnabled: Boolean) {
     mCardWidget.postalCodeEnabled = isEnabled
+
+    if (isEnabled === false) {
+      mCardWidget.postalCodeRequired = false
+    }
   }
 
   /**

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

@@ -91,6 +91,6 @@ class CollectBankAccountLauncherFragment(
   }
 
   companion object {
-    const val TAG = "collect_bank_account_launcher_fragment"
+    internal const val TAG = "collect_bank_account_launcher_fragment"
   }
 }

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

@@ -125,7 +125,7 @@ class FinancialConnectionsSheetFragment : Fragment() {
   private fun commitFragmentAndStartFlow(currentActivity: AppCompatActivity) {
     try {
       currentActivity.supportFragmentManager.beginTransaction()
-        .add(this, "financial_connections_sheet_launch_fragment")
+        .add(this, TAG)
         .commit()
     } catch (error: IllegalStateException) {
       promise.resolve(createError(ErrorType.Failed.toString(), error.message))
@@ -133,6 +133,8 @@ class FinancialConnectionsSheetFragment : Fragment() {
   }
 
   companion object {
+    internal const val TAG = "financial_connections_sheet_launch_fragment"
+
     private fun createTokenResult(result: FinancialConnectionsSheetForTokenResult.Completed): WritableMap {
       return WritableNativeMap().also {
         it.putMap("session", mapFromSession(result.financialConnectionsSession))
@@ -239,6 +241,7 @@ class FinancialConnectionsSheetFragment : Fragment() {
         FinancialConnectionsAccount.Permissions.TRANSACTIONS -> "transactions"
         FinancialConnectionsAccount.Permissions.ACCOUNT_NUMBERS -> "accountNumbers"
         FinancialConnectionsAccount.Permissions.UNKNOWN -> "unparsable"
+        FinancialConnectionsAccount.Permissions.ACCOUNT_NUMBERS -> "accountNumbers"
       }
     }
 

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

@@ -17,6 +17,11 @@ class GooglePayButtonManager : SimpleViewManager<GooglePayButtonView?>() {
 
   @ReactProp(name = "buttonType")
   fun buttonType(view: GooglePayButtonView, buttonType: String) {
+    view.setButtonType(buttonType)
+  }
+
+  @ReactProp(name = "type")
+  fun type(view: GooglePayButtonView, buttonType: Int) {
     view.setType(buttonType)
   }
 

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

@@ -1,28 +1,66 @@
 package com.reactnativestripesdk
 
 import android.view.LayoutInflater
+import android.view.View
 import android.widget.FrameLayout
 import com.facebook.react.uimanager.ThemedReactContext
 
 class GooglePayButtonView(private val context: ThemedReactContext) : FrameLayout(context) {
+  private var button: View? = null
+  // Used in legacy GooglePayButton implementations
   private var buttonType: String? = null
 
+  // Used in the new PlatformPayButton implementations
+  private var type: Int? = null
+
   fun initialize() {
-    val type =
-      when (buttonType) {
-        "pay" -> R.layout.pay_with_googlepay_button
-        "standard" -> R.layout.googlepay_button
-        else -> R.layout.googlepay_button
+    val resAsset: Int =
+      if (type != null) {
+        when (type) {
+          0 -> R.layout.plain_googlepay_button
+          1 -> R.layout.buy_with_googlepay_button
+          6 -> R.layout.book_with_googlepay_button
+          5 -> R.layout.checkout_with_googlepay_button
+          4 -> R.layout.donate_with_googlepay_button
+          11 -> R.layout.order_with_googlepay_button
+          1000 -> R.layout.pay_with_googlepay_button
+          7 -> R.layout.subscribe_with_googlepay_button
+          1001 -> R.layout.googlepay_mark_button
+          else -> R.layout.plain_googlepay_button
+        }
+      } else {
+        when (buttonType) {
+          "pay" -> R.layout.pay_with_googlepay_button
+          "standard" -> R.layout.plain_googlepay_button
+          else -> R.layout.plain_googlepay_button
+        }
       }
 
-    val button = LayoutInflater.from(context).inflate(
-      type, null
+    button = LayoutInflater.from(context).inflate(
+      resAsset, null
     )
 
     addView(button)
+    viewTreeObserver.addOnGlobalLayoutListener { requestLayout() }
+  }
+
+  override fun requestLayout() {
+    super.requestLayout()
+    post(mLayoutRunnable)
   }
 
-  fun setType(type: String) {
+  private val mLayoutRunnable = Runnable {
+    measure(
+      MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+      MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY))
+    button?.layout(left, top, right, bottom)
+  }
+
+  fun setButtonType(type: String) {
     buttonType = type
   }
+
+  fun setType(type: Int) {
+    this.type = type
+  }
 }

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

@@ -206,6 +206,6 @@ class GooglePayFragment(private val initPromise: Promise) : Fragment() {
   }
 
   companion object {
-    const val TAG = "google_pay_launch_fragment"
+    internal const val TAG = "google_pay_launch_fragment"
   }
 }

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

@@ -0,0 +1,132 @@
+package com.reactnativestripesdk
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.FrameLayout
+import androidx.appcompat.app.AppCompatActivity
+import androidx.fragment.app.Fragment
+import com.facebook.react.bridge.*
+import com.reactnativestripesdk.utils.*
+import com.reactnativestripesdk.utils.createError
+import com.reactnativestripesdk.utils.createMissingActivityError
+import com.stripe.android.googlepaylauncher.GooglePayEnvironment
+import com.stripe.android.googlepaylauncher.GooglePayLauncher
+
+class GooglePayLauncherFragment : Fragment() {
+  enum class Mode {
+    ForSetup, ForPayment
+  }
+
+  private lateinit var launcher: GooglePayLauncher
+  private lateinit var clientSecret: String
+  private lateinit var mode: Mode
+  private lateinit var configuration: GooglePayLauncher.Config
+  private lateinit var currencyCode: String
+  private lateinit var callback: (result: GooglePayLauncher.Result?, error: WritableMap?) -> Unit
+
+  override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
+                            savedInstanceState: Bundle?): View {
+    return FrameLayout(requireActivity()).also {
+      it.visibility = View.GONE
+    }
+  }
+
+  override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+    launcher = GooglePayLauncher(
+      fragment = this,
+      config = configuration,
+      readyCallback = ::onGooglePayReady,
+      resultCallback = ::onGooglePayResult
+    )
+  }
+
+  fun presentGooglePaySheet(clientSecret: String, mode: Mode, googlePayParams: ReadableMap, context: ReactApplicationContext, callback: (GooglePayLauncher.Result?, error: WritableMap?) -> Unit) {
+    this.clientSecret = clientSecret
+    this.mode = mode
+    this.callback = callback
+    this.currencyCode = googlePayParams.getString("currencyCode") ?: "USD"
+    this.configuration = GooglePayLauncher.Config(
+      environment = if (googlePayParams.getBoolean("testEnv")) GooglePayEnvironment.Test else GooglePayEnvironment.Production,
+      merchantCountryCode = googlePayParams.getString("merchantCountryCode").orEmpty(),
+      merchantName = googlePayParams.getString("merchantName").orEmpty(),
+      isEmailRequired = googlePayParams.getBooleanOr("isEmailRequired", false),
+      billingAddressConfig = buildBillingAddressParameters(googlePayParams.getMap("billingAddressConfig")),
+      existingPaymentMethodRequired = googlePayParams.getBooleanOr("existingPaymentMethodRequired", false),
+      allowCreditCards = googlePayParams.getBooleanOr("allowCreditCards", true),
+    )
+
+    (context.currentActivity as? AppCompatActivity)?.let {
+      attemptToCleanupPreviousFragment(it)
+      commitFragmentAndStartFlow(it)
+    } ?: run {
+      callback(null, createMissingActivityError())
+      return
+    }
+  }
+
+  private fun attemptToCleanupPreviousFragment(currentActivity: AppCompatActivity) {
+    currentActivity.supportFragmentManager.beginTransaction()
+      .remove(this)
+      .commitAllowingStateLoss()
+  }
+
+  private fun commitFragmentAndStartFlow(currentActivity: AppCompatActivity) {
+    try {
+      currentActivity.supportFragmentManager.beginTransaction()
+        .add(this, TAG)
+        .commit()
+    } catch (error: IllegalStateException) {
+      callback(
+        null,
+        createError(ErrorType.Failed.toString(), error.message)
+      )
+    }
+  }
+
+  private fun onGooglePayReady(isReady: Boolean) {
+    if (isReady) {
+      when (mode) {
+        Mode.ForSetup -> {
+          launcher.presentForSetupIntent(clientSecret, currencyCode)
+        }
+        Mode.ForPayment -> {
+          launcher.presentForPaymentIntent(clientSecret)
+        }
+      }
+    } else {
+      callback(
+        null,
+        createError(
+          GooglePayErrorType.Failed.toString(),
+          "Google Pay is not available on this device. You can use isPlatformPaySupported to preemptively check for Google Pay support."
+        )
+      )
+    }
+  }
+
+  private fun onGooglePayResult(result: GooglePayLauncher.Result) {
+    callback(result, null)
+  }
+
+  companion object {
+    const val TAG = "google_pay_launcher_fragment"
+
+    private fun buildBillingAddressParameters(params: ReadableMap?): GooglePayLauncher.BillingAddressConfig {
+      val isRequired = params?.getBooleanOr("isRequired", false)
+      val isPhoneNumberRequired = params?.getBooleanOr("isPhoneNumberRequired", false)
+      val format = when (params?.getString("format").orEmpty()) {
+        "FULL" -> GooglePayLauncher.BillingAddressConfig.Format.Full
+        "MIN" -> GooglePayLauncher.BillingAddressConfig.Format.Min
+        else -> GooglePayLauncher.BillingAddressConfig.Format.Min
+      }
+
+      return GooglePayLauncher.BillingAddressConfig(
+        isRequired = isRequired ?: false,
+        format = format,
+        isPhoneNumberRequired = isPhoneNumberRequired ?: false
+      )
+    }
+  }
+}

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

@@ -0,0 +1,144 @@
+package com.reactnativestripesdk
+
+import android.app.Activity
+import android.content.Intent
+import androidx.appcompat.app.AppCompatActivity
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.WritableNativeMap
+import com.google.android.gms.tasks.Task
+import com.google.android.gms.wallet.*
+import com.reactnativestripesdk.utils.*
+import com.reactnativestripesdk.utils.createError
+import com.reactnativestripesdk.utils.mapFromPaymentMethod
+import com.reactnativestripesdk.utils.mapFromToken
+import com.stripe.android.ApiResultCallback
+import com.stripe.android.GooglePayJsonFactory
+import com.stripe.android.Stripe
+import com.stripe.android.model.GooglePayResult
+import com.stripe.android.model.PaymentMethod
+import com.stripe.android.model.PaymentMethodCreateParams
+import org.json.JSONObject
+import java.util.*
+
+class GooglePayRequestHelper {
+  companion object {
+    internal const val LOAD_PAYMENT_DATA_REQUEST_CODE = 414243
+
+    internal fun createPaymentRequest(activity: AppCompatActivity, factory: GooglePayJsonFactory, googlePayParams: ReadableMap): Task<PaymentData> {
+      val transactionInfo = buildTransactionInfo(googlePayParams)
+      val merchantInfo = GooglePayJsonFactory.MerchantInfo(googlePayParams.getString("merchantName").orEmpty())
+      val billingAddressParameters = buildBillingAddressParameters(googlePayParams.getMap("billingAddressConfig"))
+      val shippingAddressParameters = buildShippingAddressParameters(googlePayParams.getMap("shippingAddressConfig"))
+
+      val request = factory.createPaymentDataRequest(
+        transactionInfo = transactionInfo,
+        merchantInfo = merchantInfo,
+        billingAddressParameters = billingAddressParameters,
+        shippingAddressParameters = shippingAddressParameters,
+        isEmailRequired = googlePayParams.getBooleanOr("isEmailRequired", false),
+        allowCreditCards = googlePayParams.getBooleanOr("allowCreditCards", true)
+      )
+
+      val walletOptions =  Wallet.WalletOptions.Builder()
+        .setEnvironment(if (googlePayParams.getBoolean("testEnv")) WalletConstants.ENVIRONMENT_TEST else WalletConstants.ENVIRONMENT_PRODUCTION)
+        .build()
+      return Wallet.getPaymentsClient(activity, walletOptions).loadPaymentData(PaymentDataRequest.fromJson(request.toString()))
+    }
+
+    @Suppress("UNCHECKED_CAST")
+    private fun buildShippingAddressParameters(params: ReadableMap?): GooglePayJsonFactory.ShippingAddressParameters {
+      val isPhoneNumberRequired = params?.getBooleanOr("isPhoneNumberRequired", false)
+      val isRequired = params?.getBooleanOr("isRequired", false)
+      val allowedCountryCodes = if (params?.hasKey("allowedCountryCodes") == true)
+        params.getArray("allowedCountryCodes") as Array<String> else Locale.getISOCountries()
+
+      return GooglePayJsonFactory.ShippingAddressParameters(
+        isRequired = isRequired ?: false,
+        allowedCountryCodes = allowedCountryCodes.toSet(),
+        phoneNumberRequired = isPhoneNumberRequired ?: false
+      )
+    }
+
+    private fun buildBillingAddressParameters(params: ReadableMap?): GooglePayJsonFactory.BillingAddressParameters {
+      val isRequired = params?.getBooleanOr("isRequired", false)
+      val isPhoneNumberRequired = params?.getBooleanOr("isPhoneNumberRequired", false)
+      val format = when (params?.getString("format").orEmpty()) {
+        "FULL" -> GooglePayJsonFactory.BillingAddressParameters.Format.Full
+        "MIN" -> GooglePayJsonFactory.BillingAddressParameters.Format.Min
+        else -> GooglePayJsonFactory.BillingAddressParameters.Format.Min
+      }
+
+      return GooglePayJsonFactory.BillingAddressParameters(
+        isRequired = isRequired ?: false,
+        format = format,
+        isPhoneNumberRequired = isPhoneNumberRequired ?: false
+      )
+    }
+
+    private fun buildTransactionInfo(params: ReadableMap): GooglePayJsonFactory.TransactionInfo {
+      val countryCode = params.getString("merchantCountryCode").orEmpty()
+      val currencyCode = params.getString("currencyCode") ?: "USD"
+      val amount = params.getInt("amount")
+
+      return GooglePayJsonFactory.TransactionInfo(
+        currencyCode = currencyCode,
+        totalPriceStatus = GooglePayJsonFactory.TransactionInfo.TotalPriceStatus.Estimated,
+        countryCode = countryCode,
+        totalPrice = amount,
+        checkoutOption = GooglePayJsonFactory.TransactionInfo.CheckoutOption.Default
+      )
+    }
+
+    internal fun createPaymentMethod(request: Task<PaymentData>, activity: AppCompatActivity) {
+      AutoResolveHelper.resolveTask(
+        request,
+        activity,
+        LOAD_PAYMENT_DATA_REQUEST_CODE
+      )
+    }
+
+    internal fun handleGooglePaymentMethodResult(resultCode: Int, data: Intent?, stripe: Stripe, promise: Promise) {
+      when (resultCode) {
+        Activity.RESULT_OK -> {
+          data?.let { intent ->
+            PaymentData.getFromIntent(intent)?.let {
+              resolveWithPaymentMethodAndToken(it, stripe, promise)
+            }
+          }
+        }
+        Activity.RESULT_CANCELED -> {
+          promise.resolve(createError(ErrorType.Canceled.toString(), "The payment has been canceled"))
+        }
+        AutoResolveHelper.RESULT_ERROR -> {
+          AutoResolveHelper.getStatusFromIntent(data)?.let {
+            promise.resolve(createError(ErrorType.Failed.toString(), it.statusMessage))
+          }
+        }
+      }
+    }
+
+    private fun resolveWithPaymentMethodAndToken(paymentData: PaymentData, stripe: Stripe, promise: Promise) {
+      val paymentInformation = JSONObject(paymentData.toJson())
+      val googlePayResult = GooglePayResult.fromJson(paymentInformation)
+      val promiseResult = WritableNativeMap()
+      googlePayResult.token?.let {
+        promiseResult.putMap("token", mapFromToken(it))
+      }
+      stripe.createPaymentMethod(
+        PaymentMethodCreateParams.createFromGooglePay(paymentInformation),
+        callback = object : ApiResultCallback<PaymentMethod> {
+          override fun onError(e: Exception) {
+            promise.resolve(createError("Failed", e))
+          }
+
+          override fun onSuccess(result: PaymentMethod) {
+            promiseResult.putMap("paymentMethod", mapFromPaymentMethod(result))
+            promise.resolve(promiseResult)
+          }
+        }
+      )
+    }
+  }
+}
+

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

@@ -120,7 +120,7 @@ class PaymentLauncherFragment(
       }
     }
 
-    const val TAG = "payment_launcher_fragment"
+    internal const val TAG = "payment_launcher_fragment"
   }
 
   override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,

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

@@ -2,27 +2,28 @@ package com.reactnativestripesdk
 
 import android.graphics.Color
 import android.os.Bundle
+import com.facebook.react.bridge.ReactContext
 import com.reactnativestripesdk.utils.PaymentSheetAppearanceException
 import com.stripe.android.paymentsheet.PaymentSheet
 
-fun PaymentSheetFragment.buildPaymentSheetAppearance(userParams: Bundle?): PaymentSheet.Appearance {
+fun buildPaymentSheetAppearance(userParams: Bundle?, context: ReactContext): PaymentSheet.Appearance {
   val colorParams = userParams?.getBundle(PaymentSheetAppearanceKeys.COLORS)
   val lightColorParams = colorParams?.getBundle(PaymentSheetAppearanceKeys.LIGHT) ?: colorParams
   val darkColorParams = colorParams?.getBundle(PaymentSheetAppearanceKeys.DARK) ?: colorParams
 
   return PaymentSheet.Appearance(
-    typography = buildTypography(userParams?.getBundle(PaymentSheetAppearanceKeys.FONT)),
+    typography = buildTypography(userParams?.getBundle(PaymentSheetAppearanceKeys.FONT), context),
     colorsLight = buildColors(lightColorParams, PaymentSheet.Colors.defaultLight),
     colorsDark = buildColors(darkColorParams, PaymentSheet.Colors.defaultDark),
     shapes = buildShapes(userParams?.getBundle(PaymentSheetAppearanceKeys.SHAPES)),
-    primaryButton = buildPrimaryButton(userParams?.getBundle(PaymentSheetAppearanceKeys.PRIMARY_BUTTON))
+    primaryButton = buildPrimaryButton(userParams?.getBundle(PaymentSheetAppearanceKeys.PRIMARY_BUTTON), context)
   )
 }
 
-private fun PaymentSheetFragment.buildTypography(fontParams: Bundle?): PaymentSheet.Typography {
+private fun buildTypography(fontParams: Bundle?, context: ReactContext): PaymentSheet.Typography {
   return PaymentSheet.Typography.default.copy(
     sizeScaleFactor = getFloatOr(fontParams, PaymentSheetAppearanceKeys.SCALE, PaymentSheet.Typography.default.sizeScaleFactor),
-    fontResId = getFontResId(fontParams, PaymentSheetAppearanceKeys.FAMILY, PaymentSheet.Typography.default.fontResId)
+    fontResId = getFontResId(fontParams, PaymentSheetAppearanceKeys.FAMILY, PaymentSheet.Typography.default.fontResId, context)
   )
 }
 
@@ -64,7 +65,7 @@ private fun buildShapes(shapeParams: Bundle?): PaymentSheet.Shapes {
   )
 }
 
-private fun PaymentSheetFragment.buildPrimaryButton(params: Bundle?): PaymentSheet.PrimaryButton {
+private fun buildPrimaryButton(params: Bundle?, context: ReactContext): PaymentSheet.PrimaryButton {
   if (params == null) {
     return PaymentSheet.PrimaryButton()
   }
@@ -83,7 +84,7 @@ private fun PaymentSheetFragment.buildPrimaryButton(params: Bundle?): PaymentShe
       borderStrokeWidthDp = getFloatOrNull(shapeParams, PaymentSheetAppearanceKeys.BORDER_WIDTH),
     ),
     typography = PaymentSheet.PrimaryButtonTypography(
-      fontResId = getFontResId(fontParams, PaymentSheetAppearanceKeys.FAMILY, null)
+      fontResId = getFontResId(fontParams, PaymentSheetAppearanceKeys.FAMILY, null, context)
     )
   )
 }
@@ -120,7 +121,7 @@ private fun getFloatOrNull(bundle: Bundle?, key: String): Float? {
 }
 
 @Throws(PaymentSheetAppearanceException::class)
-private fun PaymentSheetFragment.getFontResId(bundle: Bundle?, key: String, defaultValue: Int?): Int? {
+private fun getFontResId(bundle: Bundle?, key: String, defaultValue: Int?, context: ReactContext): Int? {
   val fontErrorPrefix = "Encountered an error when setting a custom font:"
   if (bundle?.containsKey(key) != true) {
     return defaultValue
@@ -134,7 +135,7 @@ private fun PaymentSheetFragment.getFontResId(bundle: Bundle?, key: String, defa
     )
   }
 
-  val id = resources.getIdentifier(fontFileName, "font", context?.packageName)
+  val id = context.resources.getIdentifier(fontFileName, "font", context.packageName)
   if (id == 0) {
     throw PaymentSheetAppearanceException("$fontErrorPrefix Failed to find font: $fontFileName")
   } else {

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

@@ -10,7 +10,6 @@ import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import android.widget.FrameLayout
-import androidx.appcompat.app.AppCompatActivity
 import androidx.appcompat.content.res.AppCompatResources
 import androidx.core.graphics.drawable.DrawableCompat
 import androidx.fragment.app.Fragment
@@ -18,6 +17,7 @@ import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.bridge.WritableNativeMap
+import com.reactnativestripesdk.addresssheet.AddressSheetView
 import com.reactnativestripesdk.utils.*
 import com.reactnativestripesdk.utils.createError
 import com.reactnativestripesdk.utils.createResult
@@ -65,12 +65,16 @@ class PaymentSheetFragment(
     paymentIntentClientSecret = arguments?.getString("paymentIntentClientSecret").orEmpty()
     setupIntentClientSecret = arguments?.getString("setupIntentClientSecret").orEmpty()
     val appearance = try {
-      buildPaymentSheetAppearance(arguments?.getBundle("appearance"))
+      buildPaymentSheetAppearance(arguments?.getBundle("appearance"), context)
     } catch (error: PaymentSheetAppearanceException) {
       initPromise.resolve(createError(ErrorType.Failed.toString(), error))
       return
     }
 
+    val shippingDetails = arguments?.getBundle("defaultShippingDetails")?.let {
+      AddressSheetView.buildAddressDetails(it)
+    }
+
     val paymentOptionCallback = PaymentOptionCallback { paymentOption ->
       val result = paymentOption?.let {
         val bitmap = getBitmapFromVectorDrawable(context, it.drawableResourceId)
@@ -128,6 +132,7 @@ class PaymentSheetFragment(
       ) else null,
       googlePay = googlePayConfig,
       appearance = appearance,
+      shippingDetails = shippingDetails,
       primaryButtonLabel = primaryButtonLabel
     )
 
@@ -198,7 +203,7 @@ class PaymentSheetFragment(
   }
 
   companion object {
-    const val TAG = "payment_sheet_launch_fragment"
+    internal const val TAG = "payment_sheet_launch_fragment"
 
     internal fun buildGooglePayConfig(params: Bundle?): PaymentSheet.GooglePayConfiguration? {
       if (params == null) {