<PaymentCardTextField /> locks up iOS apps on tipsi-stripe v6

Before I have submitted the issue

[X] I have read an installation guide
[X] I know that for an iOS I need to install pods because I’ve read the installation guide
[X] I have read a linking guide and checked that everything is OK like in manual linking guide
[X] I know that before using tipsi-stripe I need to set options for my app as described in usage guide

The problem

<PaymentCardTextField /> locks up iOS applications after upgrading tipsi-stripe from 5.6.0 to 6.1.2 and upgrading the iOS Stripe SDK from 11.2.0 to 13.2.0. The issue does not impact Android.

Environment

• tipsi-stripe version: 6.1.2
• Last tipsi-stripe version where the issue was not reproduced (if applicable): 5.6.0
• iOS or Android: iOS
• OS version: 12.1
• React-Native version: 0.57.5
• (Android only) com.google.firebase:firebase-core version:
• (Android only) com.google.android.gms:play-services-base version:

Screenshots, GIFs (Must to have)

Code To Reproduce Issue (Good To Have)

Issue can be replicated by creating a new react native project and attempting to run the example code (https://tipsi.github.io/tipsi-stripe/docs/paymentcardtextfield.html) on a device or in simulator

[theohdv]

I do not really understand why but it seems to be related to those lines

- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UIKeyboardWillShowNotification object:self.window];
}

&

[[NSNotificationCenter defaultCenter]
  addObserver:self
  selector:@selector(keyboardWillShow:)
  name:UIKeyboardWillShowNotification
  object:self.window];

Because removing those lines seems to fix the issue. Can someone explain me what is it for ?

I’ve created a PR (#418) to try to fix this.

[fbartho]

In React-Native 45, they removed a deprecated API that <PaymentCardTextField /> was built on.

This commit: https://github.com/facebook/react-native/commit/bc1ea548d0017f131c36a30ce06bf4d512cb2f8c#diff-3e154f92c7ba4cb47e96785b9dadf3aa

The documentation says we need to support React-Native 40 or later, or we need to make another API breakage (Compatibility Docs)

I have a minimal fix that appears to work, but I’m not really set up to test this all the way back to React-Native 40.

I’ve opened a PR for comment: https://github.com/tipsi/tipsi-stripe/pull/508 /cc @mindlapse @cybergrind