2.1.0 Release merge

.github/ISSUE_TEMPLATE/config.yml

@@ -1,4 +1,4 @@
-blank_issues_enabled: false
+blank_issues_enabled: true
 contact_links:
   - name: Feature Request 💡
     url: https://github.com/FinTecSystems/xs2a-react-native/discussions/new?category=ideas

README.md

@@ -3,6 +3,15 @@
 Integrate XS2A from Tink Germany into your React Native App.
 This React Native SDK is a wrapper of [xs2a-ios](https://github.com/FinTecSystems/xs2a-ios) and [xs2a-android](https://github.com/FinTecSystems/xs2a-android).
 
+## Upgrading from v1
+
+Newer React Native versions require the following entry in your `tsconfig.json`:
+
+```javascript
+"moduleResolution": "bundler",
+```
+Please make sure you have this field set, otherwise you'll encounter import errors.
+
 ## Requirements
 
 - iOS Version >= 13
@@ -114,7 +123,7 @@ import Xs2aReactNativeViewManager from "@fintecsystems/xs2a-react-native";
     // Detailed error descriptions can be found here: https://github.com/FinTecSystems/xs2a-ios#configure-and-present-the-view
     console.log(errorCode, recoverable);
   }}
-  // All styles are optional
+  // All styles are optional. For all available properties, refer to Xs2aReactNativeStyleProvider.
   styleProvider={{
     tintColor: '#ff0000',
     logoVariation: 'STANDARD',

android/build.gradle

@@ -83,7 +83,7 @@ repositories {
 dependencies {
   implementation "com.facebook.react:react-android"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  implementation "com.fintecsystems:xs2awizard:5.2.6"
-  implementation "androidx.compose.material:material:1.7.8"
+  implementation "com.fintecsystems:xs2awizard:6.0.0"
+  implementation "androidx.compose.ui:ui:1.8.2"
 }
 

android/src/main/java/com/fintecsystems/xs2areactnative/Xs2aReactNativeViewManager.kt

@@ -104,18 +104,29 @@ class Xs2aReactNativeViewManager : SimpleViewManager<View>() {
       return
     }
 
+    // TODO: Add font configuration.
+
     styleProvider.apply {
       _theme.value = XS2ATheme(
-        tintColor = getXS2AColor("tintColor", PRIMARY_COLOR),
+        primaryColor = getXS2AColor("tintColor", PRIMARY_COLOR),
+        onPrimaryColor = getXS2AColor("onTintColor", WHITE),
+        errorColor = getXS2AColor("errorColor", ERROR_COLOR),
         logoVariation = LogoVariation.valueOf(getString("logoVariation") ?: LOGO_VARIATION),
         backgroundColor = getXS2AColor("backgroundColor", WHITE),
         textColor = getXS2AColor("textColor", BLACK),
         inputBackgroundColor = getXS2AColor("inputBackgroundColor", BACKGROUND_INPUT),
         inputShape = getXS2AShape("inputBorderRadius", SHAPE_SIZE),
-        inputTextColor = getXS2AColor("inputTextColor", BLACK),
-        placeholderColor = getXS2AColor("placeholderColor", DARK_GREY),
-        buttonShape = getXS2AShape("buttonBorderRadius", SHAPE_SIZE),
+        // inputType = getXS2AShape("inputType", SHAPE_SIZE), // TODO
+        surfaceColor = getXS2AColor("surfaceColor", WHITE),
+        onSurfaceColor = getXS2AColor("onSurfaceColor", BLACK),
+        onSurfaceVariantColor = getXS2AColor("placeholderColor", DARK_GREY),
+        loadingIndicatorBackgroundColor = getXS2AColor("loadingIndicatorBackgroundColor", BACKGROUND_TRANSLUCENT), // TODO
+        // buttonShape = getXS2AShape("buttonBorderRadius", SHAPE_SIZE), // TODO
+        // buttonSize = getXS2AShape("buttonSize", SHAPE_SIZE), // TODO
+        // buttonHorizontalAlignment = getXS2AShape("buttonHorizontalAlignment", SHAPE_SIZE), // TODO
         paragraphShape = getXS2AShape("alertBorderRadius", SHAPE_SIZE),
+        // paragraphPadding = getXS2AShape("paragraphPadding", SHAPE_SIZE), // TODO
+        // paragraphMargin = getXS2AShape("paragraphMargin", SHAPE_SIZE), // TODO
         submitButtonStyle = getButtonStyle("submitButtonStyle", PRIMARY_COLOR, WHITE),
         redirectButtonStyle = getButtonStyle("submitButtonStyle", PRIMARY_COLOR, WHITE),
         backButtonStyle = getButtonStyle("backButtonStyle", DARK_GREY, WHITE),
@@ -124,6 +135,8 @@ class Xs2aReactNativeViewManager : SimpleViewManager<View>() {
         errorParagraphStyle = getParagraphStyle("errorStyle", BACKGROUND_ERROR, WHITE),
         infoParagraphStyle = getParagraphStyle("infoStyle", BACKGROUND_INFO, WHITE),
         warningParagraphStyle = getParagraphStyle("warningStyle", BACKGROUND_WARNING, BLACK),
+        connectionStatusBannerBackgroundColor = getXS2AColor("connectionStatusBannerBackgroundColor", BACKGROUND_WARNING),
+        connectionStatusBannerTextColor = getXS2AColor("connectionStatusBannerTextColor", BLACK),
       )
     }
   }
@@ -205,10 +218,12 @@ class Xs2aReactNativeViewManager : SimpleViewManager<View>() {
     private const val EVENT_STEP_REGISTRATION_NAME = "onStep"
 
     private const val PRIMARY_COLOR = "#427783"
-    private const val BACKGROUND_INPUT = "#14000000"
-    private const val BACKGROUND_ERROR = "#EA544A"
-    private const val BACKGROUND_INFO = "#0E9EC2"
+    private const val ERROR_COLOR = "#DB271A"
+    private const val BACKGROUND_INPUT = "#F5F5F5"
+    private const val BACKGROUND_ERROR = "#DB271A"
+    private const val BACKGROUND_INFO = "#0B809D"
     private const val BACKGROUND_WARNING = "#FEAE22"
+    private const val BACKGROUND_TRANSLUCENT = "#AAFFFFFF"
     private const val WHITE = "#ffffff"
     private const val BLACK = "#000000"
     private const val DARK_GREY = "#808080"

example/ios/Podfile.lock

@@ -1505,7 +1505,7 @@ PODS:
     - React-utils (= 0.77.2)
   - SocketRocket (0.7.1)
   - SwiftyJSON (5.0.1)
-  - xs2a-react-native (2.0.0):
+  - xs2a-react-native (2.1.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1525,9 +1525,9 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - XS2AiOS (= 2.1.0)
+    - XS2AiOS (= 2.2.0)
     - Yoga
-  - XS2AiOS (2.1.0):
+  - XS2AiOS (2.2.0):
     - KeychainAccess (= 4.2.2)
     - NVActivityIndicatorView (= 5.1.1)
     - SwiftyJSON (= 5.0.1)
@@ -1819,10 +1819,10 @@ SPEC CHECKSUMS:
   ReactCommon: 7763e59534d58e15f8f22121cdfe319040e08888
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   SwiftyJSON: 2f33a42c6fbc52764d96f13368585094bfd8aa5e
-  xs2a-react-native: 78437b57be28bebae55580cf1e15fd28efbe5383
-  XS2AiOS: 0b219448dd274e086f19a0ec3d582cbebd932408
+  xs2a-react-native: 930faeee6cb80ad23d05fa4bf1b0d537a157aca5
+  XS2AiOS: 3817b96b33f1cd23bd3efed6e359202ee03c66a7
   Yoga: 31a098f74c16780569aebd614a0f37a907de0189
 
 PODFILE CHECKSUM: 7ccd17a3ae65644e7852cdc6afe271cbcde5e50b
 
-COCOAPODS: 1.15.2
+COCOAPODS: 1.16.2