@computools/react-native-template-controller 1.0.41 → 1.0.43

package/README.md

@@ -39,6 +39,7 @@ See the below table to find out which version of the template to use.
 
 | React Native | Template |
 | ------------ | -------- |
+| 0.79         | 1.0.43   |
 | 0.78         | 1.0.34   |
 | 0.77         | 1.0.33   |
 | 0.76         | 1.0.29   |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@computools/react-native-template-controller",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "Computools react native template by using mobx as controllers",
   "main": "template.config.js",
   "scripts": {

package/template/Gemfile

@@ -7,4 +7,10 @@ ruby ">= 2.6.10"
 gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
 gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
 gem 'xcodeproj', '< 1.26.0'
-gem 'concurrent-ruby', '< 1.3.4'
+gem 'concurrent-ruby', '< 1.3.4'
+
+# Ruby 3.4.0 has removed some libraries from the standard library.
+gem 'bigdecimal'
+gem 'logger'
+gem 'benchmark'
+gem 'mutex_m'

package/template/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.12-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

package/template/android/gradlew

@@ -205,7 +205,7 @@ fi
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 
 # Collect all arguments for the java command:
-#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
 #     and any embedded shellness will be escaped.
 #   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
 #     treated as '${Hostname}' itself on the command line.

package/template/ios/ReactNativeTemplate/AppDeletage.swift

@@ -2,23 +2,42 @@ import UIKit
 import React
 import React_RCTAppDelegate
 import ReactAppDependencyProvider
+import RNBootSplash
 
 @main
-class AppDelegate: RCTAppDelegate {
+class AppDelegate: UIResponder, UIApplicationDelegate {
+  var window: UIWindow?
+ 
+  var reactNativeDelegate: ReactNativeDelegate?
+  var reactNativeFactory: RCTReactNativeFactory?
+
+  func application(
+    _ application: UIApplication,
+    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
+  ) -> Bool {
+    let delegate = ReactNativeDelegate()
+    let factory = RCTReactNativeFactory(delegate: delegate)
+    delegate.dependencyProvider = RCTAppDependencyProvider()
+
+    reactNativeDelegate = delegate
+    reactNativeFactory = factory
+
+    window = UIWindow(frame: UIScreen.main.bounds)
+
+    factory.startReactNative(
+      withModuleName: "ReactNativeTemplate",
+      in: window,
+      launchOptions: launchOptions
+    )
+
+    return true
+  }
+}
+
+class ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {
   override func customize(_ rootView: RCTRootView!) {
-     super.customize(rootView)
-     RNBootSplash.initWithStoryboard("LaunchScreen", rootView: rootView)
-   }
-  
-  override func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey : Any]? = nil) -> Bool {
-    self.moduleName = "ReactNativeTemplate"
-    self.dependencyProvider = RCTAppDependencyProvider()
-
-    // You can add your custom initial props in the dictionary below.
-    // They will be passed down to the ViewController used by React Native.
-    self.initialProps = [:]
-
-    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
+    super.customize(rootView)
+    RNBootSplash.initWithStoryboard("LaunchScreen", rootView: rootView)
   }
 
   override func sourceURL(for bridge: RCTBridge) -> URL? {

package/template/package.json

@@ -36,8 +36,8 @@
     "react": "19.0.0",
     "react-hook-form": "7.54.2",
     "react-i18next": "15.4.1",
-    "react-native": "0.78.1",
-    "react-native-bootsplash": "6.3.2",
+    "react-native": "0.79.1",
+    "react-native-bootsplash": "6.3.5",
     "react-native-config": "1.5.3",
     "react-native-mmkv": "3.2.0",
     "react-native-safe-area-context": "5.3.0",
@@ -49,13 +49,13 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/runtime": "^7.25.0",
-    "@react-native-community/cli": "15.0.1",
-    "@react-native-community/cli-platform-android": "15.0.1",
-    "@react-native-community/cli-platform-ios": "15.0.1",
-    "@react-native/babel-preset": "0.78.1",
-    "@react-native/eslint-config": "0.78.1",
-    "@react-native/metro-config": "0.78.1",
-    "@react-native/typescript-config": "0.78.1",
+    "@react-native-community/cli": "18.0.0",
+    "@react-native-community/cli-platform-android": "18.0.0",
+    "@react-native-community/cli-platform-ios": "18.0.0",
+    "@react-native/babel-preset": "0.79.1",
+    "@react-native/eslint-config": "0.79.1",
+    "@react-native/metro-config": "0.79.1",
+    "@react-native/typescript-config": "0.79.1",
     "@types/jest": "^29.5.13",
     "@types/metro-config": "^0.76.3",
     "@types/react": "19.0.0",

package/template/src/app/infrastructure/auth/screens/login/Login.screen.tsx

@@ -12,6 +12,7 @@ import {InputField} from '@ui-kit/InputField.component';
 import {Button} from '@ui-kit/buttons/Button.component';
 import {localization} from '@localization/localization';
 import {Computools} from '@ui-kit/icons/computools/Computools.icon';
+import {KeyboardView} from '@ui-kit/keyboard-view/keyboard-view.component';
 import {MainStackParamsList, MainStackRoutes} from '@infra/MainStackRoutes.routes';
 
 enum LoginField {
@@ -71,7 +72,7 @@ export const Login: React.FC<NativeStackScreenProps<MainStackParamsList, MainSta
   );
 
   return (
-    <View style={styles.screen}>
+    <KeyboardView style={styles.screen}>
       <View style={[styles.headerContainer, styles.row]}>
         <View style={styles.iconWrapper}>
           <Computools />
@@ -83,16 +84,14 @@ export const Login: React.FC<NativeStackScreenProps<MainStackParamsList, MainSta
       <Text style={[styles.forgetPassword, styles.row]}>{localization.t('forgotPass')}</Text>
       <Button style={styles.row} onPress={handleSubmit(onLogin)} text={localization.t('buttons.login')} />
       <Button style={styles.row} onPress={onSignUp} text={localization.t('buttons.signup')} />
-    </View>
+    </KeyboardView>
   );
 };
 
 const styles = StyleSheet.create({
   screen: {
-    flex: 1,
     justifyContent: 'center',
     paddingHorizontal: 30,
-    paddingTop: 25,
   },
   headerContainer: {
     alignItems: 'center',

package/template/src/app/infrastructure/auth/screens/sign-up/SignUp.screen.tsx

@@ -1,8 +1,8 @@
 import {z} from 'zod';
 import React from 'react';
 import {zodResolver} from '@hookform/resolvers/zod';
+import {View, Text, StyleSheet, Alert} from 'react-native';
 import {useForm, Controller, ControllerProps} from 'react-hook-form';
-import {View, Text, StyleSheet, Alert, SafeAreaView} from 'react-native';
 import {type NativeStackScreenProps} from '@react-navigation/native-stack';
 
 import {InputField} from '@ui-kit/InputField.component';
@@ -10,6 +10,7 @@ import {Button} from '@ui-kit/buttons/Button.component';
 import {HeaderBack} from '@ui-kit/HeaderBack.component';
 import {localization} from '@localization/localization';
 import {Computools} from '@ui-kit/icons/computools/Computools.icon';
+import {KeyboardView} from '@ui-kit/keyboard-view/keyboard-view.component';
 import {MainStackParamsList, MainStackRoutes} from '@infra/MainStackRoutes.routes';
 
 enum SignUpField {
@@ -77,7 +78,7 @@ export const SignUp: React.FC<NativeStackScreenProps<MainStackParamsList, MainSt
   );
 
   return (
-    <SafeAreaView style={styles.safeArea}>
+    <KeyboardView>
       <HeaderBack goBack={navigation.goBack} />
       <View style={styles.screen}>
         <View style={[styles.headerContainer, styles.row]}>
@@ -91,14 +92,11 @@ export const SignUp: React.FC<NativeStackScreenProps<MainStackParamsList, MainSt
         <Controller name={SignUpField.RepeatPassword} control={control} render={renderRepeatPassword} />
         <Button style={styles.row} onPress={handleSubmit(onSignUp)} text={localization.t('buttons.signup')} />
       </View>
-    </SafeAreaView>
+    </KeyboardView>
   );
 };
 
 const styles = StyleSheet.create({
-  safeArea: {
-    flex: 1,
-  },
   screen: {
     flex: 1,
     justifyContent: 'center',

package/template/src/app/ui-kit/keyboard-view/keyboard-view.component.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import {useSafeAreaInsets} from 'react-native-safe-area-context';
+import {Keyboard, KeyboardAvoidingView, KeyboardAvoidingViewProps, Platform, StyleSheet} from 'react-native';
+
+export const KeyboardView: React.FC<KeyboardAvoidingViewProps> = ({children, style, ...props}) => {
+  const {top} = useSafeAreaInsets();
+
+  return (
+    <KeyboardAvoidingView
+      onTouchStart={Keyboard.dismiss}
+      style={[styles.keyboardView, {paddingTop: top}, style]}
+      behavior={Platform.select({ios: 'padding', android: 'height'})}
+      {...props}>
+      {children}
+    </KeyboardAvoidingView>
+  );
+};
+
+const styles = StyleSheet.create({
+  keyboardView: {flex: 1},
+});