@stripe/stripe-react-native 0.2.0 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # CHANGELOG
 
+## 0.2.4 - 2022-02-10
+
+- [#788](https://github.com/stripe/stripe-react-native/pull/788) fix: assign `paymentSheetFragment` directly, instead of through intents which would sometimes result in a `NullPointerException`.
+- [#591](https://github.com/stripe/stripe-react-native/pull/591) feat: add option to create a token directly from a bank account.
+- [#801](https://github.com/stripe/stripe-react-native/pull/801) Upgraded `stripe-ios` to v21.11.1. Upgraded `stripe-android` to v19.1.+. Added Android 12 support to example.
+- [#774](https://github.com/stripe/stripe-react-native/pull/774) feat: Add `currencyCode` support to `initPaymentSheet` for Google Pay & Setup Intents
+- [#726](https://github.com/stripe/stripe-react-native/pull/726) Update build.gradle to be more flexible in version of `stripe-android` ([#726](https://github.com/stripe/stripe-react-native/issues/726))
+- [#675](https://github.com/stripe/stripe-react-native/pull/675) Bug fixes for server example ([#675](https://github.com/stripe/stripe-react-native/issues/675))
+- [#629](https://github.com/stripe/stripe-react-native/pull/629) feat: Add validation state to CardField ([#423](https://github.com/stripe/stripe-react-native/issues/423)) ([#629](https://github.com/stripe/stripe-react-native/issues/629))
+- [#702](https://github.com/stripe/stripe-react-native/pull/702) docs: Update GooglePay.md ([#702](https://github.com/stripe/stripe-react-native/issues/702))
+- [#690](https://github.com/stripe/stripe-react-native/pull/690) docs: Correct default for existingPaymentMethodRequired ([#690](https://github.com/stripe/stripe-react-native/issues/690))
+- [#660](https://github.com/stripe/stripe-react-native/pull/660) docs: Fixed readme js object typo ([#660](https://github.com/stripe/stripe-react-native/issues/660))
+- [#657](https://github.com/stripe/stripe-react-native/pull/657) chore: updated the dependencies for the example app ([#657](https://github.com/stripe/stripe-react-native/issues/657))
+- [#658](https://github.com/stripe/stripe-react-native/pull/658) fix: TS issue with 0.2.3 StripeProvider cannot be used as a JSX component ([#658](https://github.com/stripe/stripe-react-native/issues/658))
+- [#635](https://github.com/stripe/stripe-react-native/pull/635) fix: billing address postal code ([#635](https://github.com/stripe/stripe-react-native/issues/635))
+
+## 0.2.3 - 2021-10-18
+
+- [#565](https://github.com/stripe/stripe-react-native/pull/565) chore: Add jest mock file ([#565](https://github.com/stripe/stripe-react-native/issues/565))
+- [#587](https://github.com/stripe/stripe-react-native/pull/587) chore: Update Podfile.lock stripe-react-native version ([#587](https://github.com/stripe/stripe-react-native/issues/587))
+- [#568](https://github.com/stripe/stripe-react-native/pull/568) fix: check support for specific TextInputState methods ([#568](https://github.com/stripe/stripe-react-native/issues/568))
+- [#631](https://github.com/stripe/stripe-react-native/pull/631) chore: Update tips migration guide ([#631](https://github.com/stripe/stripe-react-native/issues/631))
+- [#601](https://github.com/stripe/stripe-react-native/pull/601) feat: Add button color, return URL, allowsDelayedPaymentMethods, and billing details to PaymentSheet ([#601](https://github.com/stripe/stripe-react-native/issues/601))
+
+## 0.2.2 - 2021-09-15
+
+- [#588](https://github.com/stripe/stripe-react-native/pull/588) fix: use the LocalBroadcastManager ([#588](https://github.com/stripe/stripe-react-native/issues/588))
+
+## 0.2.1 - 2021-09-02
+
+- [#548](https://github.com/stripe/stripe-react-native/pull/548) chore: split apple pay address by new line ([#531](https://github.com/stripe/stripe-react-native/issues/531))
+- [#546](https://github.com/stripe/stripe-react-native/pull/546) fix: resolve initGooglePay with error if it's not available ([#533](https://github.com/stripe/stripe-react-native/issues/533))
+- [#525](https://github.com/stripe/stripe-react-native/pull/525) feat: add `openApplePaySetup` method ([#400](https://github.com/stripe/stripe-react-native/issues/400))
+- [#521](https://github.com/stripe/stripe-react-native/pull/521) fix: support cardFormView for createToken method
+- [#514](https://github.com/stripe/stripe-react-native/pull/514) feat: simpify `presentPaymentSheet`
+- [#513](https://github.com/stripe/stripe-react-native/pull/513) fix: set `null` as initial value for `isApplePaySupported` ([#496](https://github.com/stripe/stripe-react-native/issues/496))
+- [#506](https://github.com/stripe/stripe-react-native/pull/506) feat: enhance payment sheet dx ([#505](https://github.com/stripe/stripe-react-native/issues/505))
+
 ## 0.2.0 - 2021-08-03
 
 - [#415](https://github.com/stripe/stripe-react-native/pull/415) feat: add multiline card form element ([#83](https://github.com/stripe/stripe-react-native/issues/83))

package/README.md

@@ -23,8 +23,7 @@ Get started with our [📚 integration guides](https://stripe.com/docs/payments/
 
 **Native UI**: We provide native screens and elements to securely collect payment details on Android and iOS.
 
-**Pre-built payments UI (beta)**: [Learn how to integrate](https://stripe.com/docs/mobile/payments-ui-beta) Payment Sheet, our new pre-built payments UI for mobile apps. Our pre-built UI lets you accept cards, Apple Pay, and Google Pay out of the box, and includes support for saving & reusing cards. We'll be adding support for many more payment method during the beta.
-
+**PaymentSheet**: [Learn how to integrate](https://stripe.com/docs/payments/accept-a-payment) PaymentSheet, our new pre-built payments UI for mobile apps. PaymentSheet lets you accept cards, Apple Pay, Google Pay, and much more out of the box and also supports saving & reusing payment methods. PaymentSheet currently accepts the following payment methods: Card, Apple Pay, Google Pay, SEPA Debit, Bancontact, iDEAL, and Sofort.
 #### Recommended usage
 
 If you're selling digital products or services within your app, (e.g. subscriptions, in-game currencies, game levels, access to premium content, or unlocking a full version), you must use the app store's in-app purchase APIs. See [Apple's](https://developer.apple.com/app-store/review/guidelines/#payments) and [Google's](https://support.google.com/googleplay/android-developer/answer/9858738?hl=en&ref_topic=9857752) guidelines for more information. For all other scenarios you can use this SDK to process payments via Stripe.
@@ -75,6 +74,24 @@ to your `app.json` file, where `merchantIdentifier` is the Apple merchant ID obt
 - Android 5.0 (API level 21) and above
 - Android gradle plugin 4.x and above
 
+_Components_
+
+In order to use [CardForm](https://stripe.dev/stripe-react-native/api-reference/modules.html#CardForm) component, you need to install and configure [Material Components theme](https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md#4-change-your-app-theme-to-inherit-from-a-material-components-theme) in your app.
+
+1. Add below dependency to your `app/build.gradle` file with specified version
+
+```tsx
+implementation 'com.google.android.material:material:<version>'
+```
+
+2. Set appropriate style in your `styles.xml` file
+
+```tsx
+<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight">
+    <!-- ... -->
+</style>
+```
+
 #### iOS
 
 Compatible with apps targeting iOS 11 or above.
@@ -175,7 +192,7 @@ function App() {
 
   useEffect(() => {
     initStripe({
-      publishableKey: publishableKey
+      publishableKey: publishableKey,
       merchantIdentifier: 'merchant.identifier',
     });
   }, []);
@@ -206,6 +223,28 @@ Certain payment methods require a [webhook listener](https://stripe.com/docs/pay
 - Run `stripe listen --forward-to localhost:4242/webhook`
 - The CLI will print a webhook secret (such as, `whsec_***`) to the console. Set STRIPE_WEBHOOK_SECRET to this value in your `example/.env` file.
 
+## Testing
+
+This library includes a built in mock file for Jest.
+In order to use it, add the following code to the Jest setup file:
+
+```tsx
+import mock from '@stripe/stripe-react-native/jest/mock.js';
+
+jest.mock('@stripe/stripe-react-native', () => mock);
+```
+
+To have a more control over the mocks, you can extend and override particular methods e.g.:
+
+```tsx
+const presentApplePayMock = jest.fn();
+
+jest.mock('@stripe/stripe-react-native', () => ({
+  ...mock,
+  presentApplePay: presentApplePayMock,
+}));
+```
+
 ## Troubleshooting
 
 ### `Undefined symbols for architecture x86_64` on iOS

package/android/build/.transforms/58a84c8dde5bf16d639a134b8787b5f4.bin

@@ -0,0 +1 @@
+i/

package/android/build/.transforms/b2dbf9d896f8ddb73fdd3eb4d127feb5.bin

@@ -0,0 +1 @@
+o/classes

package/android/build/.transforms/f9b34f3ef926ba9375893474ef77045a.bin

@@ -0,0 +1 @@
+o/debug

package/android/build/generated/data_binding_base_class_source_out/debug/out/com/reactnativestripesdk/databinding/GooglepayButtonBinding.java

@@ -0,0 +1,52 @@
+// Generated by view binder compiler. Do not edit!
+package com.reactnativestripesdk.databinding;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.RelativeLayout;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.viewbinding.ViewBinding;
+import com.reactnativestripesdk.R;
+import java.lang.NullPointerException;
+import java.lang.Override;
+
+public final class GooglepayButtonBinding implements ViewBinding {
+  @NonNull
+  private final RelativeLayout rootView;
+
+  private GooglepayButtonBinding(@NonNull RelativeLayout rootView) {
+    this.rootView = rootView;
+  }
+
+  @Override
+  @NonNull
+  public RelativeLayout getRoot() {
+    return rootView;
+  }
+
+  @NonNull
+  public static GooglepayButtonBinding inflate(@NonNull LayoutInflater inflater) {
+    return inflate(inflater, null, false);
+  }
+
+  @NonNull
+  public static GooglepayButtonBinding inflate(@NonNull LayoutInflater inflater,
+      @Nullable ViewGroup parent, boolean attachToParent) {
+    View root = inflater.inflate(R.layout.googlepay_button, parent, false);
+    if (attachToParent) {
+      parent.addView(root);
+    }
+    return bind(root);
+  }
+
+  @NonNull
+  public static GooglepayButtonBinding bind(@NonNull View rootView) {
+    if (rootView == null) {
+      throw new NullPointerException("rootView");
+    }
+
+    return new GooglepayButtonBinding((RelativeLayout) rootView);
+  }
+}

package/android/build/generated/data_binding_base_class_source_out/debug/out/com/reactnativestripesdk/databinding/GooglepayButtonNoShadowBinding.java

@@ -0,0 +1,52 @@
+// Generated by view binder compiler. Do not edit!
+package com.reactnativestripesdk.databinding;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.RelativeLayout;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.viewbinding.ViewBinding;
+import com.reactnativestripesdk.R;
+import java.lang.NullPointerException;
+import java.lang.Override;
+
+public final class GooglepayButtonNoShadowBinding implements ViewBinding {
+  @NonNull
+  private final RelativeLayout rootView;
+
+  private GooglepayButtonNoShadowBinding(@NonNull RelativeLayout rootView) {
+    this.rootView = rootView;
+  }
+
+  @Override
+  @NonNull
+  public RelativeLayout getRoot() {
+    return rootView;
+  }
+
+  @NonNull
+  public static GooglepayButtonNoShadowBinding inflate(@NonNull LayoutInflater inflater) {
+    return inflate(inflater, null, false);
+  }
+
+  @NonNull
+  public static GooglepayButtonNoShadowBinding inflate(@NonNull LayoutInflater inflater,
+      @Nullable ViewGroup parent, boolean attachToParent) {
+    View root = inflater.inflate(R.layout.googlepay_button_no_shadow, parent, false);
+    if (attachToParent) {
+      parent.addView(root);
+    }
+    return bind(root);
+  }
+
+  @NonNull
+  public static GooglepayButtonNoShadowBinding bind(@NonNull View rootView) {
+    if (rootView == null) {
+      throw new NullPointerException("rootView");
+    }
+
+    return new GooglepayButtonNoShadowBinding((RelativeLayout) rootView);
+  }
+}

package/android/build/generated/data_binding_base_class_source_out/debug/out/com/reactnativestripesdk/databinding/PayWithGooglepayButtonBinding.java

@@ -0,0 +1,52 @@
+// Generated by view binder compiler. Do not edit!
+package com.reactnativestripesdk.databinding;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.RelativeLayout;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.viewbinding.ViewBinding;
+import com.reactnativestripesdk.R;
+import java.lang.NullPointerException;
+import java.lang.Override;
+
+public final class PayWithGooglepayButtonBinding implements ViewBinding {
+  @NonNull
+  private final RelativeLayout rootView;
+
+  private PayWithGooglepayButtonBinding(@NonNull RelativeLayout rootView) {
+    this.rootView = rootView;
+  }
+
+  @Override
+  @NonNull
+  public RelativeLayout getRoot() {
+    return rootView;
+  }
+
+  @NonNull
+  public static PayWithGooglepayButtonBinding inflate(@NonNull LayoutInflater inflater) {
+    return inflate(inflater, null, false);
+  }
+
+  @NonNull
+  public static PayWithGooglepayButtonBinding inflate(@NonNull LayoutInflater inflater,
+      @Nullable ViewGroup parent, boolean attachToParent) {
+    View root = inflater.inflate(R.layout.pay_with_googlepay_button, parent, false);
+    if (attachToParent) {
+      parent.addView(root);
+    }
+    return bind(root);
+  }
+
+  @NonNull
+  public static PayWithGooglepayButtonBinding bind(@NonNull View rootView) {
+    if (rootView == null) {
+      throw new NullPointerException("rootView");
+    }
+
+    return new PayWithGooglepayButtonBinding((RelativeLayout) rootView);
+  }
+}

package/android/build/generated/data_binding_base_class_source_out/debug/out/com/reactnativestripesdk/databinding/PayWithGooglepayButtonNoShadowBinding.java

@@ -0,0 +1,52 @@
+// Generated by view binder compiler. Do not edit!
+package com.reactnativestripesdk.databinding;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.RelativeLayout;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.viewbinding.ViewBinding;
+import com.reactnativestripesdk.R;
+import java.lang.NullPointerException;
+import java.lang.Override;
+
+public final class PayWithGooglepayButtonNoShadowBinding implements ViewBinding {
+  @NonNull
+  private final RelativeLayout rootView;
+
+  private PayWithGooglepayButtonNoShadowBinding(@NonNull RelativeLayout rootView) {
+    this.rootView = rootView;
+  }
+
+  @Override
+  @NonNull
+  public RelativeLayout getRoot() {
+    return rootView;
+  }
+
+  @NonNull
+  public static PayWithGooglepayButtonNoShadowBinding inflate(@NonNull LayoutInflater inflater) {
+    return inflate(inflater, null, false);
+  }
+
+  @NonNull
+  public static PayWithGooglepayButtonNoShadowBinding inflate(@NonNull LayoutInflater inflater,
+      @Nullable ViewGroup parent, boolean attachToParent) {
+    View root = inflater.inflate(R.layout.pay_with_googlepay_button_no_shadow, parent, false);
+    if (attachToParent) {
+      parent.addView(root);
+    }
+    return bind(root);
+  }
+
+  @NonNull
+  public static PayWithGooglepayButtonNoShadowBinding bind(@NonNull View rootView) {
+    if (rootView == null) {
+      throw new NullPointerException("rootView");
+    }
+
+    return new PayWithGooglepayButtonNoShadowBinding((RelativeLayout) rootView);
+  }
+}

package/android/build/generated/data_binding_base_class_source_out/release/out/com/reactnativestripesdk/databinding/GooglepayButtonBinding.java

@@ -0,0 +1,52 @@
+// Generated by view binder compiler. Do not edit!
+package com.reactnativestripesdk.databinding;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.RelativeLayout;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.viewbinding.ViewBinding;
+import com.reactnativestripesdk.R;
+import java.lang.NullPointerException;
+import java.lang.Override;
+
+public final class GooglepayButtonBinding implements ViewBinding {
+  @NonNull
+  private final RelativeLayout rootView;
+
+  private GooglepayButtonBinding(@NonNull RelativeLayout rootView) {
+    this.rootView = rootView;
+  }
+
+  @Override
+  @NonNull
+  public RelativeLayout getRoot() {
+    return rootView;
+  }
+
+  @NonNull
+  public static GooglepayButtonBinding inflate(@NonNull LayoutInflater inflater) {
+    return inflate(inflater, null, false);
+  }
+
+  @NonNull
+  public static GooglepayButtonBinding inflate(@NonNull LayoutInflater inflater,
+      @Nullable ViewGroup parent, boolean attachToParent) {
+    View root = inflater.inflate(R.layout.googlepay_button, parent, false);
+    if (attachToParent) {
+      parent.addView(root);
+    }
+    return bind(root);
+  }
+
+  @NonNull
+  public static GooglepayButtonBinding bind(@NonNull View rootView) {
+    if (rootView == null) {
+      throw new NullPointerException("rootView");
+    }
+
+    return new GooglepayButtonBinding((RelativeLayout) rootView);
+  }
+}