@fadyshawky/react-native-magic 2.0.5 → 2.0.6

package/template/src/common/localization/translations/homeLocalization.ts

@@ -1,30 +1,10 @@
 export const homeLocalization = {
   en: {
-    welcome: 'Hi ',
-    home: 'Home',
-    currentBalance: 'Current\nBalance',
-    dailyCommission: 'Daily\nCommission',
-    services: 'Services',
-    categories: 'Categories',
-    providers: 'Providers',
-    seeAll: 'See All',
-    enterCode: 'Enter Code',
-    cancel: 'Cancel',
-    search: 'Search',
-    payByCode: 'Pay by Code',
+    welcome: 'Welcome',
+    title: 'Home',
   },
   ar: {
-    welcome: 'مرحباً ',
-    home: 'الرئيسية',
-    currentBalance: 'الرصيد\nالحالي',
-    dailyCommission: 'العمولة\nاليومية',
-    services: 'الخدمات',
-    categories: 'الفئات',
-    providers: 'مقدمي الخدمات',
-    seeAll: 'عرض الكل',
-    enterCode: 'أدخل الرمز',
-    cancel: 'إلغاء',
-    search: 'بحث',
-    payByCode: 'دفع بكود الخدمة',
+    welcome: 'مرحباً',
+    title: 'الرئيسية',
   },
 };

package/template/src/common/localization/translations/loginLocalization.ts

@@ -1,14 +1,17 @@
 export const loginLocalization = {
   en: {
     Login: 'Login',
-    welcome: 'Welcome',
+    welcome: 'Welcome Back',
+    welcome_description: 'Sign in to your account to continue',
     Email: 'Email',
-    EnterPhone: 'Enter phone',
+    EnterEmail: 'Enter your email',
     Password: 'Password',
-    EnterPassword: 'Enter password',
+    EnterPassword: 'Enter your password',
+    PhoneNumber: 'Phone Number',
     forgetPassword: 'Forgot Password?',
-    continue: 'continue',
-    notMember: 'Not a member? Register now',
+    continue: 'Continue',
+    notMember: 'Not a member?',
+    identification_number: 'ID Number',
     registration: {
       title: 'Create Account',
       fullName: 'Full Name',
@@ -16,41 +19,35 @@ export const loginLocalization = {
       password: 'Password',
       confirmPassword: 'Confirm Password',
       register: 'Register',
-      alreadyHaveAccount: 'Already have an account? Login',
+      alreadyHaveAccount: 'Already have an account?',
     },
     forgotPassword: {
       title: 'Forgot Password',
-      description:
-        "Enter your email address and we'll send you instructions to reset your password.",
+      description: 'Enter your email to reset your password',
       resetPassword: 'Reset Password',
       backToLogin: 'Back to Login',
     },
+    register_1: "Don't have an account?",
+    register_2: 'Sign up',
   },
   ar: {
     Login: 'تسجيل الدخول',
-    welcome: 'مرحباً',
+    welcome: 'مرحباً بك',
+    welcome_description: 'سجل دخولك للمتابعة',
+    identification_number: 'رقم الهوية',
     Email: 'البريد الإلكتروني',
-    EnterPhone: 'أدخل الهاتف',
+    EnterEmail: 'أدخل بريدك الإلكتروني',
     Password: 'كلمة المرور',
     EnterPassword: 'أدخل كلمة المرور',
-    forgetPassword: 'نسيت كلمة المرور؟',
-    continue: 'استمرار',
-    notMember: 'لست عضواً؟ سجل الآن',
-    registration: {
-      title: 'إنشاء حساب',
-      fullName: 'الاسم الكامل',
-      email: 'البريد الإلكتروني',
-      password: 'كلمة المرور',
-      confirmPassword: 'تأكيد كلمة المرور',
-      register: 'تسجيل',
-      alreadyHaveAccount: 'لديك حساب بالفعل؟ تسجيل الدخول',
-    },
-    forgotPassword: {
-      title: 'نسيت كلمة المرور',
-      description:
-        'أدخل بريدك الإلكتروني وسنرسل لك تعليمات لإعادة تعيين كلمة المرور.',
-      resetPassword: 'إعادة تعيين كلمة المرور',
-      backToLogin: 'العودة إلى تسجيل الدخول',
-    },
+    PhoneNumber: 'رقم الهاتف',
+    EnterPhoneNumber: 'أدخل رقم الهاتف',
+    Country: 'الدولة',
+    EnterCountry: 'أدخل الدولة',
+    CountryCode: 'رمز الدولة',
+    EnterCountryCode: 'أدخل رمز الدولة',
+    CountrySelector: 'اختر الدولة',
+    EnterCountrySelector: 'أدخل اختيار الدولة',
+    register_1: 'ليس لديك حساب؟',
+    register_2: 'سجل الآن',
   },
 };

package/template/src/common/localization/translations/mainNavigationLocalization.ts

@@ -1,7 +1,7 @@
 export const mainNavigationLocalization = {
   en: {
     tabs: {
-      Main: 'Services',
+      Main: 'Home',
       Favorites: 'Favorites',
       Financials: 'Financials',
       Account: 'Account',
@@ -15,7 +15,7 @@ export const mainNavigationLocalization = {
   },
   ar: {
     tabs: {
-      Main: 'الخدمات',
+      Main: 'الرئيسية',
       Favorites: 'المفضلة',
       Financials: 'المالية',
       Account: 'الحساب',

package/template/src/common/localization/translations/onboardingLocalization.ts

@@ -1,13 +1,44 @@
 export const onboardingLocalization = {
   en: {
-    welcomeToApp: 'Welcome to\nApp',
-    firstHeader: 'Welcome',
-    firstBody: 'Thank you for choosing react-native-template-strong',
-    secondHeader: 'Learn',
-    secondBody:
-      'Some things are already done, to know more check the contents of pages and tabs',
-    thirdHeader: 'Star',
-    thirdBody:
-      'Star the repo if you find this project useful and participate in its development',
+    welcome: 'Welcome',
+    getStarted: 'Get Started',
+    skip: 'Skip',
+    next: 'Next',
+    done: 'Done',
+    slides: {
+      slide1: {
+        title: 'Welcome to Our App',
+        description: 'Discover amazing features and possibilities',
+      },
+      slide2: {
+        title: 'Easy to Use',
+        description: 'Simple and intuitive interface for everyone',
+      },
+      slide3: {
+        title: 'Get Started',
+        description: 'Ready to begin your journey with us',
+      },
+    },
+  },
+  ar: {
+    welcome: 'مرحباً',
+    getStarted: 'ابدأ',
+    skip: 'تخطي',
+    next: 'التالي',
+    done: 'تم',
+    slides: {
+      slide1: {
+        title: 'مرحباً بك في تطبيقنا',
+        description: 'اكتشف الميزات والإمكانيات الرائعة',
+      },
+      slide2: {
+        title: 'سهل الاستخدام',
+        description: 'واجهة بسيطة وبديهية للجميع',
+      },
+      slide3: {
+        title: 'ابدأ الآن',
+        description: 'مستعد لبدء رحلتك معنا',
+      },
+    },
   },
 };

package/template/src/common/localization/translations/otpLocalization.ts

@@ -3,26 +3,26 @@ export const otpLocalization = {
     title: 'Verification',
     subtitle: 'Enter the verification code sent to your phone',
     didntReceiveCode: "Didn't receive code?",
-    resendIn: 'Resend code in {0}s',
+    resendIn: 'Resend in {0}s',
     resend: 'Resend',
     verify: 'Verify',
-    invalidCode: 'Invalid verification code',
+    invalidCode: 'Invalid code',
     verificationFailed: 'Verification failed',
     verificationSuccess: 'Verification successful',
-    resendSuccess: 'Code resent successfully',
-    resendFailed: 'Failed to resend code',
+    resendSuccess: 'Code sent successfully',
+    resendFailed: 'Failed to send code',
   },
   ar: {
     title: 'التحقق',
     subtitle: 'أدخل رمز التحقق المرسل إلى هاتفك',
     didntReceiveCode: 'لم تستلم الرمز؟',
-    resendIn: 'إعادة إرسال الرمز خلال {0} ثانية',
+    resendIn: 'إعادة إرسال خلال {0} ثانية',
     resend: 'إعادة إرسال',
     verify: 'تحقق',
-    invalidCode: 'رمز التحقق غير صالح',
+    invalidCode: 'رمز غير صالح',
     verificationFailed: 'فشل التحقق',
     verificationSuccess: 'تم التحقق بنجاح',
-    resendSuccess: 'تم إعادة إرسال الرمز بنجاح',
-    resendFailed: 'فشل إعادة إرسال الرمز',
+    resendSuccess: 'تم إرسال الرمز بنجاح',
+    resendFailed: 'فشل إرسال الرمز',
   },
 };

package/template/src/common/localization/translations/pagesLocalization.ts

@@ -8,7 +8,19 @@ export const pagesLocalization = {
     reports: 'Reports',
     learnings: 'Learnings',
     settings: 'Settings',
-    selectDate: 'Select date',
+    selectDate: 'Select Date',
     storybook: 'Storybook',
   },
+  ar: {
+    main: 'الرئيسية',
+    login: 'تسجيل الدخول',
+    search: 'بحث',
+    pickup: 'استلام',
+    profile: 'الملف الشخصي',
+    reports: 'التقارير',
+    learnings: 'التعلم',
+    settings: 'الإعدادات',
+    selectDate: 'اختر التاريخ',
+    storybook: 'قصة',
+  },
 };

package/template/src/common/localization/translations/passwordLocalization.ts

@@ -21,7 +21,7 @@ export const passwordLocalization = {
       subtitle: 'Enter your email to reset your password',
       resetPassword: 'Reset Password',
       backToLogin: 'Back to Login',
-      resetEmailSent: 'Password reset email sent',
+      resetEmailSent: 'Reset email sent',
       resetEmailFailed: 'Failed to send reset email',
     },
   },
@@ -47,8 +47,8 @@ export const passwordLocalization = {
       subtitle: 'أدخل بريدك الإلكتروني لإعادة تعيين كلمة المرور',
       resetPassword: 'إعادة تعيين كلمة المرور',
       backToLogin: 'العودة إلى تسجيل الدخول',
-      resetEmailSent: 'تم إرسال بريد إلكتروني لإعادة تعيين كلمة المرور',
-      resetEmailFailed: 'فشل إرسال بريد إعادة تعيين كلمة المرور',
+      resetEmailSent: 'تم إرسال بريد إعادة التعيين',
+      resetEmailFailed: 'فشل إرسال بريد إعادة التعيين',
     },
   },
 };

package/template/src/common/localization/translations/profileLocalization.ts

@@ -1,6 +1,6 @@
 export const profileLocalization = {
   en: {
-    studentProfile: 'Student Profile',
+    studentProfile: 'User Profile',
     allDetails: 'All Details',
     settings: 'Settings',
     darkMode: 'Dark Mode',
@@ -11,10 +11,10 @@ export const profileLocalization = {
     logout: 'Logout',
     changeLanguage: 'Change Language',
     changeLanguageConfirmation:
-      'Are you sure you want to change the language? The app will restart to apply changes.',
+      'Are you sure you want to change the language? The app will restart.',
   },
   ar: {
-    studentProfile: 'الملف الشخصي للطالب',
+    studentProfile: 'الملف الشخصي',
     allDetails: 'جميع التفاصيل',
     settings: 'الإعدادات',
     darkMode: 'الوضع الداكن',
@@ -25,6 +25,6 @@ export const profileLocalization = {
     logout: 'تسجيل الخروج',
     changeLanguage: 'تغيير اللغة',
     changeLanguageConfirmation:
-      'هل أنت متأكد أنك تريد تغيير اللغة؟ سيتم إعادة تشغيل التطبيق لتطبيق التغييرات.',
+      'هل تريد تغيير اللغة؟ سيتم إعادة تشغيل التطبيق.',
   },
 };

package/template/src/core/store/app/appState.ts

@@ -6,6 +6,6 @@ export interface AppInitialEntity {
 }
 
 export const appInitialState: AppInitialEntity = {
-  language: undefined,
-  isRTL: false,
+  language: Languages.en,
+  isRTL: true,
 };

package/template/src/core/theme/colors.ts

@@ -1,75 +1,111 @@
-export enum BlackColors {
-  indigoBlue = '#6666FF',
-  mutedLavender = '#B3B5FF',
-  tintColor = '#B3B5FF',
-  mutedLavender30 = 'rgba(184, 186, 255, 0.3)',
-  balanceBackground = 'rgba(41, 45, 50, 0.8)',
-  white = '#FFFFFF',
-  backgroundOpacity = 'rgba(36, 40, 44, 0.8)',
-  black = '#000000',
-  background = '#000000',
-  surface = '#121212',
-  card = '#1E1E1E',
-  shadow = '#FFFFFF',
-  red = '#FB043E',
+export enum PrimaryColors {
+  PlatinateBlue_0 = '#E9EDFF',
+  PlatinateBlue_25 = '#D3DAFF',
+  PlatinateBlue_50 = '#BDC8FF',
+  PlatinateBlue_100 = '#A7B5FF',
+  PlatinateBlue_200 = '#7C91FF',
+  PlatinateBlue_300 = '#506CFF',
+  PlatinateBlue_400 = '#2447FF',
+  PlatinateBlue_500 = '#1D39CC',
+  PlatinateBlue_600 = '#1D39CC',
+  PlatinateBlue_700 = '#0E1C66',
+  cetaceanBlue_0 = '#4C7CEA',
+  cetaceanBlue_25 = '#436FD5',
+  cetaceanBlue_50 = '#3B63BF',
+  cetaceanBlue_100 = '#3257AA',
+  cetaceanBlue_200 = '#223E80',
+  cetaceanBlue_300 = '#112655',
+  cetaceanBlue_400 = '#000D2B',
+  cetaceanBlue_500 = '#000A22',
+  cetaceanBlue_600 = '#00081A',
+  cetaceanBlue_700 = '#000511',
+  strokeDeactive = '#D3DAFF',
 }
 
-export enum WhiteColors {
-  indigoBlue = '#6666FF',
-  mutedLavender = '#B3B5FF',
-  tintColor = '#6666FF',
-  mutedLavender30 = 'rgba(184, 186, 255, 0.3)',
-  balanceBackground = 'rgba(184, 186, 255, 0.3)',
-  white = '#FFFFFF',
-  backgroundOpacity = 'rgba(255, 255, 255, 0.7)',
-  black = '#000000',
-  background = '#FFFFFF',
-  surface = '#FFFFFF',
-  card = '#FFFFFF',
-  shadow = 'rgba(0, 0, 0, 0.8)',
-  red = '#FB043E',
+export enum NaturalColors {
+  background_2 = '#F9F9F9',
+  grayScale_0 = '#FAFAFA',
+  grayScale_25 = '#A3AAAD',
+  grayScale_50 = '#949C9E',
+  grayScale_100 = '#858D8F',
+  grayScale_200 = '#686F72',
+  grayScale_300 = '#4A5254',
+  grayScale_400 = '#2D3436',
+  grayScale_500 = '#242A2B',
+  grayScale_600 = '#1B1F20',
+  grayScale_700 = '#121516',
+  naturalColor_0 = '#9C97B3',
+  naturalColor_25 = '#8E89A4',
+  naturalColor_50 = '#7F7B94',
+  naturalColor_100 = '#716D85',
+  naturalColor_200 = '#555265',
+  naturalColor_300 = '#383646',
+  naturalColor_400 = '#1C1A27',
+  naturalColor_500 = '#16151F',
+  naturalColor_600 = '#111017',
+  naturalColor_700 = '#0B0A10',
 }
 
-export enum NewColors {
-  violetLight = '#F3F2FF',
-  violetLightHover = '#E6E6FF',
-  violetLightActive = '#C1C0FE',
-  violetNormal = '#8481FD',
-  violetNormalHover = '#5250D9',
-  violetNormalActive = '#3331B8',
-  violetDark = '#262626',
-  violetDarkHover = '#1A1994',
-  violetDarkActive = '#111066',
-  violetDarker = '#000033',
-  blueLight = '#F6FCFF',
-  blueLightHover = '#E9F8FF',
-  blueLightActive = '#C1E5FF',
-  blueNormal = '#52BDFF',
-  blueNormalHover = '#3399D9',
-  blueNormalActive = '#1A7DB3',
-  blueDarker = '#262626',
-  greyLight = '#F9FCFF',
-  greyLightHover = '#E0E0E0',
-  greyLightActive = '#BDBDBD',
-  greyNormal = '#929292',
-  greyNormalHover = '#666666',
-  greyNormalActive = '#4D4D4D',
-  greyDarker = '#262626',
-  orandeLight = '#FFFAF8',
-  orandeLightHover = '#FDECE1',
-  orandeLightActive = '#FBCEB4',
-  orandeNormal = '#F2565E',
-  orandeNormalHover = '#CE3C3E',
-  orandeNormalActive = '#AD3335',
-  orandeDarker = '#262626',
-  lightBlueLight = '#FEF7F7',
-  lightBlueLightHover = '#FCDDDF',
-  lightBlueLightActive = '#F9AAAF',
-  lightBlueNormal = '#CE3C3E',
-  lightBlueNormalHover = '#AD3335',
-  lightBlueNormalActive = '#8C292B',
-  lightBlueDarker = '#262626',
-  red = '#FFFCF1',
-  green = '#F4FDFB',
-  background = '#FAFAFA',
+export enum AlertColors {
+  links_0 = '#E8F2FF',
+  links_25 = '#D2E4FE',
+  links_50 = '#BBD7FE',
+  links_100 = '#A5CAFE',
+  links_200 = '#77AFFD',
+  links_300 = '#4A95FD',
+  links_400 = '#1D7AFC',
+  links_500 = '#1762CA',
+  links_600 = '#114997',
+  links_700 = '#0C3165',
+  success_0 = '#C6FFE5',
+  success_25 = '#8FE6BE',
+  success_50 = '#7DDAB0',
+  success_100 = '#6CCEA1',
+  success_200 = '#48B684',
+  success_300 = '#259E67',
+  success_400 = '#02864A',
+  success_500 = '#026B3B',
+  success_600 = '#01502C',
+  success_700 = '#01361E',
+  warning_0 = '#FFF4E8',
+  warning_25 = '#FEE8D1',
+  warning_50 = '#FEDDBA',
+  warning_100 = '#FDD1A3',
+  warning_200 = '#FDBB76',
+  warning_300 = '#FCA448',
+  warning_400 = '#FB8D1A',
+  warning_500 = '#C97115',
+  warning_600 = '#975510',
+  warning_700 = '#64380A',
+  error_0 = '#FDE6EC',
+  error_25 = '#FACED8',
+  error_50 = '#F8B5C5',
+  error_100 = '#F69CB2',
+  error_200 = '#F16B8B',
+  error_300 = '#ED3965',
+  error_400 = '#E8083E',
+  error_500 = '#BA0632',
+  error_600 = '#8B0525',
+  error_700 = '#5D0319',
+  discover_0 = '#F1ECF6',
+  discover_25 = '#E4D9EC',
+  discover_50 = '#D6C5E3',
+  discover_100 = '#C8B2D9',
+  discover_200 = '#AD8CC7',
+  discover_300 = '#9165B4',
+  discover_400 = '#763FA1',
+  discover_500 = '#5E3281',
+  discover_600 = '#472661',
+  discover_700 = '#2F1940',
+}
+
+export enum BaseColors {
+  white = '#FFFFFF',
+  black = '#000000',
+  gray = '#808080',
+  red = '#FF0000',
+  green = '#00FF00',
+  blue = '#0000FF',
+  yellow = '#FFFF00',
+  purple = '#800080',
 }

package/template/src/core/theme/commonConsts.ts

@@ -9,7 +9,7 @@ import {
   StyleSheet,
 } from 'react-native';
 import DeviceInfo from 'react-native-device-info';
-import {createPerfectSize} from '../../common/utils';
+import {createPerfectSize} from '../../common/utils/createPerfectSize';
 
 const windowDimensions = Dimensions.get('window');
 export const isIos = Platform.OS == 'ios';