@fadyshawky/react-native-magic 1.0.6 → 1.0.7

package/CHANGELOG.md

@@ -2,7 +2,23 @@
 
 All notable changes to this project will be documented in this file.
 
-## [1.0.6] - 2024-12-24
+## [1.0.7] - 2024-12-27
+
+### Changed
+- Enhanced UI components for better user experience:
+  - Improved form input styling
+  - Updated button states for better feedback
+  - Refined error message displays
+  - Added loading spinners for async actions
+  - Standardized form layouts across authentication flows
+
+### Added
+- Responsive design improvements for mobile devices
+- Visual feedback for form validation states
+- Transition animations for state changes
+- Consistent error message styling
+
+## [1.0.6] - 2024-12-25
 
 ### Added
 - Added missing password reset handlers (`resetPasswordErrorHandler` and `resetPasswordLoadingHandler`) to user slice
@@ -17,6 +33,11 @@ All notable changes to this project will be documented in this file.
   - Error handling for failed registration attempts
   - Loading states during registration process
 
+### Fixed
+- Fixed password reset error handling in user slice
+- Resolved undefined handler errors in password reset flow
+- Improved registration flow error handling
+
 ## [1.0.5] - 2024-12-23
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fadyshawky/react-native-magic",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "react native template with ready components, hooks, react navigation, redux, typescript, etc.",
   "keywords": [
     "react-native-magic",

package/template/src/common/components/PrimaryButton.tsx

@@ -16,7 +16,7 @@ import {
   IIconPlatformProps,
   TouchablePlatformProps,
 } from '../../../types';
-import {Colors} from '../../core/theme/colors';
+import {Colors, NewColors} from '../../core/theme/colors';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {CommonStyles} from '../../core/theme/commonStyles';
 import {IconPlatform} from './IconPlatform';
@@ -203,7 +203,7 @@ const commonIcon: ImageStyle = {
 const solidStyles = StyleSheet.create({
   button: {
     ...commonButtonStyle,
-    backgroundColor: Colors.primary100,
+    backgroundColor: NewColors.blueNormalActive,
   } as ViewStyle,
   label: {
     ...commonLabelStyle,
@@ -217,12 +217,12 @@ const solidStyles = StyleSheet.create({
 const outlineStyles = StyleSheet.create({
   button: {
     ...commonButtonStyle,
-    borderColor: Colors.primary100,
+    borderColor: NewColors.blueNormalActive,
     borderWidth: 2,
   } as ViewStyle,
   label: {
     ...commonLabelStyle,
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
   } as TextStyle,
   icon: {
     ...commonIcon,
@@ -255,7 +255,7 @@ const borderlessStyles = StyleSheet.create({
   } as ViewStyle,
   label: {
     ...commonLabelStyle,
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
     textDecorationLine: 'underline',
   } as TextStyle,
   icon: {
@@ -278,7 +278,7 @@ const roundedButtonStyle: ViewStyle = {
 const smallSolidStyles = StyleSheet.create({
   button: {
     ...roundedButtonStyle,
-    backgroundColor: Colors.primary100,
+    backgroundColor: NewColors.blueNormalActive,
   } as ViewStyle,
   label: {
     ...CommonStyles.normalText,

package/template/src/common/components/PrimaryTextInput.tsx

@@ -21,7 +21,7 @@ import {
   View,
   ViewStyle,
 } from 'react-native';
-import {Colors} from '../../core/theme/colors';
+import {Colors, NewColors} from '../../core/theme/colors';
 import {isIos} from '../../core/theme/commonConsts';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {CommonStyles} from '../../core/theme/commonStyles';
@@ -192,7 +192,7 @@ function getInputContainerStyle(
   }
 }
 
-const selectionColor = Colors.primary100;
+const selectionColor = NewColors.blueNormalActive;
 
 const commonInputContainer: TextStyle = {
   flexDirection: 'row',

package/template/src/common/components/RadioIcon.tsx

@@ -1,6 +1,6 @@
 import React, {FC, memo, useMemo} from 'react';
 import {StyleSheet, View, ViewStyle} from 'react-native';
-import {Colors} from '../../core/theme/colors';
+import {Colors, NewColors} from '../../core/theme/colors';
 
 interface IProps {
   isSelected: boolean;
@@ -42,14 +42,14 @@ const commonInnerCircle: ViewStyle = {
 const styles = StyleSheet.create({
   outerCircle: {
     ...commonOuterCircle,
-    borderColor: Colors.primary100,
+    borderColor: NewColors.blueNormalActive,
   } as ViewStyle,
   outerCircleSelected: {
     ...commonOuterCircle,
-    borderColor: Colors.primary100,
+    borderColor: NewColors.blueNormalActive,
   } as ViewStyle,
   innerCircle: {
     ...commonInnerCircle,
-    backgroundColor: Colors.primary100,
+    backgroundColor: NewColors.blueNormalActive,
   } as ViewStyle,
 });

package/template/src/common/components/TryAgain.tsx

@@ -6,7 +6,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import {Colors} from '../../core/theme/colors';
+import {Colors, NewColors} from '../../core/theme/colors';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {CommonStyles} from '../../core/theme/commonStyles';
 import {localization} from '../localization/localization';
@@ -42,7 +42,7 @@ const styles = StyleSheet.create({
   } as TextStyle,
   description: {
     ...CommonStyles.normalText,
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
     textAlign: 'center',
     textDecorationLine: 'underline',
   } as TextStyle,

package/template/src/navigation/MainNavigation.tsx

@@ -27,24 +27,7 @@ function AppNavigator() {
           border: '#000',
           notification: '#ff0000',
         },
-        fonts: {
-          regular: {
-            fontFamily: Fonts.regular,
-            fontWeight: 'normal',
-          },
-          medium: {
-            fontFamily: Fonts.medium,
-            fontWeight: '500',
-          },
-          bold: {
-            fontFamily: Fonts.bold,
-            fontWeight: '700',
-          },
-          heavy: {
-            fontFamily: Fonts.bold,
-            fontWeight: '900',
-          },
-        },
+        fonts: DefaultTheme.fonts,
       }}
       onReady={() => {
         routeNameRef.current = navigationRef.current?.getCurrentRoute()?.name;

package/template/src/navigation/TabBar.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {View, Text, TouchableOpacity, Image, StyleSheet} from 'react-native';
 import {CommonStyles} from '../core/theme/commonStyles';
-import {Colors} from '../core/theme/colors';
+import {Colors, NewColors} from '../core/theme/colors';
 import {
   BottomTabBarProps,
   BottomTabNavigationOptions,
@@ -89,6 +89,6 @@ const styles = StyleSheet.create({
     color: Colors.gray,
   },
   labelFocused: {
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
   },
 });

package/template/src/screens/Login/Login.tsx

@@ -19,7 +19,7 @@ import {useInputError} from '../../common/validations/hooks/useInputError';
 import {emailValidations} from '../../common/validations/profileValidations';
 import {useAppDispatch} from '../../core/store/reduxHelpers';
 import {userLogin} from '../../core/store/user/userActions';
-import {Colors} from '../../core/theme/colors';
+import {Colors, NewColors} from '../../core/theme/colors';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {CommonStyles} from '../../core/theme/commonStyles';
 import type {RootStackParamList} from '../../navigation/types';
@@ -151,14 +151,14 @@ const styles = StyleSheet.create({
   },
   forgotPassword: {
     ...CommonStyles.normalText,
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
     textAlign: 'right',
     marginTop: 8,
     marginBottom: 24,
   },
   registerLink: {
     ...CommonStyles.normalText,
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
     textAlign: 'center',
     marginTop: 16,
   },

package/template/src/screens/registration/RegistrationScreen.tsx

@@ -21,7 +21,7 @@ import {
 } from '../../common/validations/profileValidations';
 import {useAppDispatch} from '../../core/store/reduxHelpers';
 import {userRegister} from '../../core/store/user/userActions';
-import {Colors} from '../../core/theme/colors';
+import {Colors, NewColors} from '../../core/theme/colors';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {CommonStyles} from '../../core/theme/commonStyles';
 import type {RootStackParamList} from '../../navigation/types';
@@ -191,7 +191,7 @@ const styles = StyleSheet.create({
   },
   loginLink: {
     ...CommonStyles.normalText,
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
     textAlign: 'center',
     marginTop: 16,
   },

package/template/src/screens/resetPassword/ForgotPasswordScreen.tsx

@@ -17,7 +17,7 @@ import {useInputError} from '../../common/validations/hooks/useInputError';
 import {emailValidations} from '../../common/validations/profileValidations';
 import {useAppDispatch} from '../../core/store/reduxHelpers';
 import {resetPassword} from '../../core/store/user/userActions';
-import {Colors} from '../../core/theme/colors';
+import {Colors, NewColors} from '../../core/theme/colors';
 import {CommonSizes} from '../../core/theme/commonSizes';
 import {CommonStyles} from '../../core/theme/commonStyles';
 import type {RootStackParamList} from '../../navigation/types';
@@ -122,7 +122,7 @@ const styles = StyleSheet.create({
   },
   loginLink: {
     ...CommonStyles.normalText,
-    color: Colors.primary100,
+    color: NewColors.blueNormalActive,
     textAlign: 'center',
     marginTop: 16,
   },

package/.vscode/settings.json

@@ -1,7 +0,0 @@
-{
-    "workbench.colorCustomizations": {
-        "activityBar.background": "#342D0C",
-        "titleBar.activeBackground": "#493F10",
-        "titleBar.activeForeground": "#FCFAF0"
-    }
-}