Fix(INJI-431): Resolved that UI would support all screen sizes(folded-devices) & fixed language translation issues. (#920)

* fix(MOSIP-29275): make usesCleartextTraffic to false for more secure communication (#886)

* fix(MOSIP-29275): make usesCleartextTraffic to false for more secure communications

* fix(MOSIP-29275): override usesCleartextTraffic to false in main manifest

---------

Signed-off-by: Swati Goel <meet2swati@gmail.com>
Co-authored-by: Swati Goel <meet2swati@gmail.com>
Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* MOSIP-29698 (#891)

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* Inji-409: debugging setup fix (#893)

* feat(inji-400): update package-lock.json

* feat(inji-400): move flipper config to separate file from app.ts

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* feat(inji-398): enable cleartextTrafficPermitted in debug mode (#895)

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* fix(INJI-397)error message for deleted vcfile (#875)

* fix(INJI-397)error message for deleted vcfile

* fix(INJI-397)refactor:log activity event

* fix(INJI-397)refactor:log activity event

* fix(INJI-397)refactor:comparing VCMetadata

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* fix(MOSIP-29272): remove paste option for pin inputs (#894)

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* Test runner support to run jar MOSIP-29698 (#898)

* MOSIP-29698

* Test runner support to run jar MOSIP-29698

* Update TestData.json

Signed-off-by: neeharikatech <76684248+neeharikatech@users.noreply.github.com>

---------

Signed-off-by: neeharikatech <76684248+neeharikatech@users.noreply.github.com>
Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* feat(inji-406): add logs for debugging tampered vc issues (#900)

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* Adjusted bottom tab for different screen sizes

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* Added responsive bottom line for ID input

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* Updated the missing texts with case sensitive

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* Removed unused button text in Welcome screen

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

---------

Signed-off-by: Swati Goel <meet2swati@gmail.com>
Signed-off-by: anil_majji <majjianilkumar050@gmail.com>
Signed-off-by: neeharikatech <76684248+neeharikatech@users.noreply.github.com>
Co-authored-by: Sreenadh S <32409698+sree96@users.noreply.github.com>
Co-authored-by: Swati Goel <meet2swati@gmail.com>
Co-authored-by: neeharikatech <76684248+neeharikatech@users.noreply.github.com>
Co-authored-by: Tilak Puli <34330361+tilak-puli@users.noreply.github.com>
Co-authored-by: srikanth716 <97477121+srikanth716@users.noreply.github.com>

components/VC/MosipVCItem/MosipVCItemActivationStatus.tsx

@@ -16,9 +16,10 @@ const WalletUnverifiedIcon: React.FC = () => {
       size={Theme.ICON_MID_SIZE}
       type="material-community"
       containerStyle={{
-        marginStart: 10,
+        marginStart: 1,
+        marginEnd: 1,
         bottom: 1,
-        marginLeft: 10,
+        marginRight: -2,
       }}
     />
   );

components/VC/MosipVCItem/MosipVCItemDetails.tsx

@@ -68,14 +68,14 @@ export const MosipVCItemDetails: React.FC<
   }
 
   return (
-    <Column margin="10">
+    <Column margin="10 0 10 0">
       <ImageBackground
         imageStyle={{width: '100%'}}
         resizeMethod="scale"
         resizeMode="stretch"
         style={Theme.Styles.openCardBgContainer}
         source={Theme.OpenCard}>
-        <Row align="space-between" padding="10" margin="0 10 0 10">
+        <Row align="space-between" padding="10" margin="0 10 0 8">
           <Column align="space-evenly" crossAlign="center">
             <Image
               source={getProfileImage(
@@ -198,7 +198,7 @@ export const MosipVCItemDetails: React.FC<
                   </Text>
                 </Column>
               </Column>
-              <Column margin="0 0 0 40">
+              <Column margin="0 0 0 38">
                 <Column margin="20 0 0 0">
                   <Text
                     testID="dateOfBirth"

components/ui/themes/DefaultTheme.ts

@@ -82,7 +82,6 @@ export const DefaultTheme = {
     VerifiedIcon: Colors.Green,
     whiteText: Colors.White,
     flipCameraIcon: Colors.Black,
-    IdInputModalBorder: Colors.Grey,
     RetrieveIdLabel: Colors.ShadeOfGrey,
     inputSelection: Colors.Orange,
     checkCircleIcon: Colors.White,
@@ -177,8 +176,8 @@ export const DefaultTheme = {
     cardDetailsContainer: {},
     bottomTabIconStyle: {
       padding: 4,
-      width: 36,
+      width: Dimensions.get('window').width * 0.12,
-      height: 36,
+      height: Dimensions.get('window').height * 0.045,
       borderRadius: 6,
       backgroundColor: Colors.LightOrange,
     },
@@ -226,8 +225,8 @@ export const DefaultTheme = {
       height: 30,
       backgroundColor: Colors.Grey,
       marginVertical: 8,
-      marginLeft: -45,
+      marginLeft: -35,
-      marginRight: 22,
+      marginRight: 15,
     },
     closeCardBgContainer: {
       borderRadius: 10,
@@ -492,6 +491,22 @@ export const DefaultTheme = {
       fontSize: 15,
       fontFamily: 'Inter_700Bold',
     },
+    idInputContainer: {
+      marginTop: 20,
+      marginRight: Dimensions.get('window').width * 0.26,
+    },
+    idInputPicker: {
+      width: Dimensions.get('window').width * 0.32,
+      borderBottomWidth: 1,
+      marginBottom: 2,
+      borderColor: Platform.OS === 'ios' ? 'transparent' : Colors.Grey,
+      bottom: Platform.OS === 'ios' ? 50 : 24,
+      height: Platform.OS === 'ios' ? 100 : 'auto',
+    },
+    idInputBottom: {
+      borderBottomColor: Colors.Orange,
+      borderBottomWidth: 1,
+    },
     getId: {
       justifyContent: 'center',
       alignItems: 'center',

components/ui/themes/PurpleTheme.ts

@@ -85,7 +85,6 @@ export const PurpleTheme = {
     VerifiedIcon: Colors.Green,
     whiteText: Colors.White,
     flipCameraIcon: Colors.Black,
-    IdInputModalBorder: Colors.Grey,
     RetrieveIdLabel: Colors.ShadeOfGrey,
     inputSelection: Colors.Purple,
     checkCircleIcon: Colors.White,
@@ -179,8 +178,8 @@ export const PurpleTheme = {
     cardDetailsContainer: {},
     bottomTabIconStyle: {
       padding: 4,
-      width: 36,
+      width: Dimensions.get('window').width * 0.12,
-      height: 36,
+      height: Dimensions.get('window').height * 0.045,
       borderRadius: 6,
       backgroundColor: Colors.LightPurple,
     },
@@ -228,8 +227,8 @@ export const PurpleTheme = {
       height: 30,
       backgroundColor: Colors.Grey,
       marginVertical: 8,
-      marginLeft: -45,
+      marginLeft: -35,
-      marginRight: 22,
+      marginRight: 15,
     },
     closeCardBgContainer: {
       borderRadius: 10,
@@ -494,6 +493,22 @@ export const PurpleTheme = {
       fontSize: 15,
       fontFamily: 'Inter_700Bold',
     },
+    idInputContainer: {
+      marginTop: 20,
+      marginRight: Dimensions.get('window').width * 0.26,
+    },
+    idInputPicker: {
+      width: Dimensions.get('window').width * 0.32,
+      borderBottomWidth: 1,
+      marginBottom: 2,
+      borderColor: Platform.OS === 'ios' ? 'transparent' : Colors.Grey,
+      bottom: Platform.OS === 'ios' ? 50 : 24,
+      height: Platform.OS === 'ios' ? 100 : 'auto',
+    },
+    idInputBottom: {
+      borderBottomColor: Colors.Orange,
+      borderBottomWidth: 1,
+    },
     getId: {
       justifyContent: 'center',
       alignItems: 'center',

locales/ara.json

@@ -11,7 +11,7 @@
     "VC_RECEIVED_BUT_PRESENCE_VERIFICATION_FAILED": "الواردة. فشل التحقق من التواجد",
     "PRESENCE_VERIFIED_AND_VC_SHARED": "التحقق منها ومشاركتها",
     "PRESENCE_VERIFICATION_FAILED": "فشل التحقق",
-    "QRLOGIN_SUCCESFULL": "QRL تم تسجيل الدخول بنجاح",
+    "QRLOGIN_SUCCESFULL": "QR تم تسجيل الدخول بنجاح",
     "WALLET_BINDING_SUCCESSFULL": "تفعيل ناجحة",
     "WALLET_BINDING_FAILURE": "فشل التفعيل",
     "VC_REMOVED": "تمت إزالته من المحفظة",
@@ -358,7 +358,7 @@
     "version": "الإصدار",
     "useBle": "مدعوم من BLE"
   },
-  "QrScreen": {
+  "QrLogin": {
     "title": "QR تسجيل الدخول",
     "alignQr": "قم بمحاذاة رمز الاستجابة السريعة داخل الإطار للمسح الضوئي",
     "confirmation": "تأكيد",
@@ -375,8 +375,8 @@
     "domainWarning": "يرجى تأكيد مجال موقع الويب الذي تقوم بمسح رمز الاستجابة السريعة منه على النحو التالي",
     "access": " يطلب الوصول إلى",
     "status": "حالة",
-    "successMessage": "لقد قمت بتسجيل الدخول بنجاح ",
+    "successMessage": "لقد تم تسجيل دخولك بنجاح ",
-    "okay": "تمام",
+    "ok": "نعم",
     "allow": "يسمح",
     "cancel": "يلغي",
     "essentialClaims": "الادعاءات الأساسية",
@@ -457,7 +457,7 @@
   },
   "ScanScreen": {
     "header": "مسح رمز الاستجابة السريعة",
-    "noShareableVcs": "لا تتوفر بطاقات قابلة للمشاركة.",
+    "noShareableVcs": "لا تتوفر بطاقات قابلة للمشاركة",
     "bluetoothStateAndroid": "يرجى تشغيل البلوتوث من الإعدادات السريعة لدعم المشاركة المحلية",
     "bluetoothStateIos": "يرجى تشغيل البلوتوث من مركز التحكم لدعم المشاركة المحلية",
     "enableBluetoothMessage": "يرجى تمكين أذونات البلوتوث لدعم المشاركة المحلية",
@@ -560,8 +560,7 @@
   },
   "WelcomeScreen": {
     "title": "حل هوية مفتوحة المصدر",
-    "getStarted": "البدء",
+    "unlockApplication": "فتح التطبيق",
-    "unlockApp": "فتح التطبيق",
     "failedToReadKeys": "فشلت قراءة المفاتيح",
     "retryRead": "هل تريد إعادة المحاولة؟",
     "errors": {

locales/en.json

@@ -365,7 +365,7 @@
     "version": "Version",
     "useBle": "Powered by BLE"
   },
-  "QrScreen": {
+  "QrLogin": {
     "title": "QR Login",
     "alignQr": "Align the QR code within the frame to scan",
     "confirmation": "Confirmation",
@@ -382,8 +382,8 @@
     "domainWarning": "Please confirm the domain of the website you are scanning the QR code from below",
     "access": " is requesting access to",
     "status": "Status",
-    "successMessage": "You are successfully logged in ",
+    "successMessage": "You are successfully logged in to ",
-    "okay": "All right",
+    "ok": "OK",
     "allow": "Allow",
     "cancel": "Cancel",
     "essentialClaims": "Important Claims",
@@ -464,7 +464,7 @@
   },
   "ScanScreen": {
     "header": "Scan QR Code",
-    "noShareableVcs": "No shareable card are available.",
+    "noShareableVcs": "No shareable cards are available.",
     "sharingVc": "Sharing card",
     "bluetoothStateIos": "Bluetooth is turned OFF, please turn it ON from Control center",
     "bluetoothStateAndroid": "Bluetooth is turned OFF, please turn it ON from Quick settings menu",
@@ -567,18 +567,17 @@
   },
   "WelcomeScreen": {
     "title": "Open Source Identity Solution",
-    "getStarted": "Get started",
+    "unlockApplication": "Unlock Application",
-    "unlockApp": "Unlock application",
     "failedToReadKeys": "Failed to read keys",
     "retryRead": "Want to retry?",
-    "ignore": "Ignore",
     "errors": {
       "decryptionFailed": "Failed to decrypt data",
       "invalidateKeyError": {
         "title": "App was Reset",
         "message": "Due to the fingerprint / facial recognition update, app security was impacted, and downloaded cards were removed. Please download again."
       }
-    }
+    },
+    "ignore": "Ignore"
   },
   "SetupLanguage": {
     "header": "Choose Language",

locales/fil.json

@@ -357,7 +357,7 @@
     "version": "Bersyon",
     "useBle": "Pinapatakbo ng BLE"
   },
-  "QrScreen": {
+  "QrLogin": {
     "title": "QR Login",
     "alignQr": "I-align ang QR code sa loob ng frame para i-scan",
     "confirmation": "Kumpirmasyon",
@@ -374,8 +374,8 @@
     "domainWarning": "Pakikumpirma ang domain ng website kung saan mo ini-scan ang QR code mula sa ibaba",
     "access": " ay humihiling ng access sa",
     "status": "Katayuan",
-    "successMessage": "Ikaw ay Matagumpay na Naka-log In ",
+    "successMessage": "Matagumpay kang naka-log in sa ",
-    "okay": "Sige",
+    "ok": "OK",
     "allow": "Payagan",
     "cancel": "Kanselahin",
     "essentialClaims": "Mahahalagang Claim",
@@ -460,7 +460,7 @@
   },
   "ScanScreen": {
     "header": "I-scan ang QR Code",
-    "noShareableVcs": "Walang magagamit na maibabahaging card..",
+    "noShareableVcs": "Walang magagamit na mga card na maibabahagi.",
     "sharingVc": "Pagbabahagi ng card",
     "bluetoothStateIos": "Naka-OFF ang Bluetooth, paki-ON ito mula sa control center",
     "bluetoothStateAndroid": "Naka-OFF ang Bluetooth, paki-ON ito mula sa control center",
@@ -563,8 +563,7 @@
   },
   "WelcomeScreen": {
     "title": "Open Source Identity Solution",
-    "getStarted": "Magsimula",
+    "unlockApplication": "I-unlock ang Application",
-    "unlockApp": "Buksan ang aplikasyon",
     "failedToReadKeys": "Nabigong basahin ang mga susi",
     "retryRead": "Gustong subukang muli?",
     "errors": {

locales/hin.json

@@ -307,7 +307,7 @@
     "stepThreeText": "परेशानी मुक्त तरीके से अपने कार्ड सुरक्षित रूप से साझा करें और विभिन्न सेवाओं का लाभ उठाएं।",
     "stepFourTitle": "परेशानी मुक्त प्रमाणीकरण",
     "stepFourText": "संग्रहीत डिजिटल क्रेडेंशियल का उपयोग करके आसानी से स्वयं को प्रमाणित करें।",
-    "getStarted": "शुरू करें",
+    "getStarted": "शुरू हो जाओ",
     "goBack": "वापस जाओ",
     "back": "पीछे",
     "skip": "छोडना",
@@ -357,7 +357,7 @@
     "version": "संस्करण",
     "useBle": "BLE द्वारा संचालित"
   },
-  "QrScreen": {
+  "QrLogin": {
     "title": "क्यूआर लॉगिन",
     "alignQr": "स्कैन करने के लिए फ्रेम के भीतर क्यूआर कोड को संरेखित करें",
     "confirmation": "पुष्टीकरण",
@@ -374,8 +374,8 @@
     "domainWarning": "कृपया उस वेबसाइट के डोमेन की पुष्टि करें जिसे आप नीचे दिए गए क्यूआर कोड से स्कैन कर रहे हैं",
     "access": " तक पहुंच का अनुरोध कर रहा है",
     "status": "दर्जा",
-    "successMessage": "आपने सफलतापूर्वक लॉग इन कर लिया है ",
+    "successMessage": "आप सफलतापूर्वक लॉग इन हो गए हैं ",
-    "okay": "ठीक",
+    "ok": "ठीक है",
     "allow": "अनुमति देना",
     "cancel": "रद्द करना",
     "essentialClaims": "आवश्यक दावे",
@@ -458,7 +458,7 @@
   },
   "ScanScreen": {
     "header": "स्कैन क्यू आर कोड",
-    "noShareableVcs": "कोई साझा करने योग्य कार्ड उपलब्ध नहीं है।",
+    "noShareableVcs": "कोई साझा करने योग्य कार्ड उपलब्ध नहीं हैं।",
     "sharingVc": "कार्ड साझा करना",
     "bluetoothStateIos": "ब्लूटूथ बंद है, कृपया इसे नियंत्रण केंद्र से चालू करें",
     "bluetoothStateAndroid": "ब्लूटूथ बंद है, कृपया इसे त्वरित सेटिंग मेनू से चालू करें",
@@ -561,8 +561,7 @@
   },
   "WelcomeScreen": {
     "title": "ओपन सोर्स आइडेंटिटी सॉल्यूशन",
-    "getStarted": "आरंभ करें",
+    "unlockApplication": "एप्लिकेशन अनलॉक करें",
-    "unlockApp": "एप्लिकेशन अनलॉक करें",
     "failedToReadKeys": "कुंजियाँ पढ़ने में विफल",
     "retryRead": "पुनः प्रयास करना चाहते हैं?",
     "errors": {

locales/kan.json

@@ -354,7 +354,7 @@
     "version": "ಆವೃತ್ತಿ",
     "useBle": "BLE ನಿಂದ ನಡೆಸಲ್ಪಡುತ್ತಿದೆ"
   },
-  "QrScreen": {
+  "QrLogin": {
     "title": "QR ಲಾಗಿನ್",
     "alignQr": "ಸ್ಕ್ಯಾನ್ ಮಾಡಲು ಚೌಕಟ್ಟಿನೊಳಗೆ QR ಕೋಡ್ ಅನ್ನು ಹೊಂದಿಸಿ",
     "confirmation": "ದೃಢೀಕರಣ",
@@ -372,7 +372,7 @@
     "access": " ಗೆ ಪ್ರವೇಶವನ್ನು ವಿನಂತಿಸುತ್ತಿದೆ",
     "status": "ಸ್ಥಿತಿ",
     "successMessage": "ನೀವು ಯಶಸ್ವಿಯಾಗಿ ಲಾಗ್ ಇನ್ ಆಗಿರುವಿರಿ ",
-    "okay": "ಸರಿ",
+    "ok": "ಸರಿ",
     "allow": "ಅನುಮತಿಸಿ",
     "cancel": "ರದ್ದುಮಾಡು",
     "essentialClaims": "ಅಗತ್ಯ ಹಕ್ಕುಗಳು",
@@ -455,7 +455,7 @@
   },
   "ScanScreen": {
     "header": "QR ಕೋಡ್ ಅನ್ನು ಸ್ಕ್ಯಾನ್ ಮಾಡಿ",
-    "noShareableVcs": "ಯಾವುದೇ ಹಂಚಿಕೊಳ್ಳಬಹುದಾದ ಕಾರ್ಡ್ ಲಭ್ಯವಿಲ್ಲ.",
+    "noShareableVcs": "ಹಂಚಿಕೊಳ್ಳಬಹುದಾದ ಯಾವುದೇ ಕಾರ್ಡ್‌ಗಳು ಲಭ್ಯವಿಲ್ಲ.",
     "sharingVc": "ಕಾರ್ಡ್ ಹಂಚಿಕೊಳ್ಳಲಾಗುತ್ತಿದೆ",
     "bluetoothStateIos": "ಬ್ಲೂಟೂತ್ ಆಫ್ ಆಗಿದೆ, ದಯವಿಟ್ಟು ಅದನ್ನು ನಿಯಂತ್ರಣ ಕೇಂದ್ರದಿಂದ ಆನ್ ಮಾಡಿ",
     "bluetoothStateAndroid": "ಬ್ಲೂಟೂತ್ ಆಫ್ ಆಗಿದೆ, ದಯವಿಟ್ಟು ತ್ವರಿತ ಸೆಟ್ಟಿಂಗ್‌ಗಳ ಮೆನುವಿನಿಂದ ಅದನ್ನು ಆನ್ ಮಾಡಿ",
@@ -558,8 +558,7 @@
   },
   "WelcomeScreen": {
     "title": "ಓಪನ್ ಸೋರ್ಸ್ ಐಡೆಂಟಿಟಿ ಸೊಲ್ಯೂಷನ್",
-    "getStarted": "ಪ್ರಾರಂಭಿಸಿ",
+    "unlockApplication": "ಅಪ್ಲಿಕೇಶನ್ ಅನ್ಲಾಕ್ ಮಾಡಿ",
-    "unlockApp": "ಅಪ್ಲಿಕೇಶನ್ ಅನ್ಲಾಕ್ ಮಾಡಿ",
     "failedToReadKeys": "ಕೀಗಳನ್ನು ಓದಲು ವಿಫಲವಾಗಿದೆ",
     "retryRead": "ಮರುಪ್ರಯತ್ನಿಸಲು ಬಯಸುವಿರಾ?",
     "errors": {

locales/spa.json

@@ -267,7 +267,7 @@
 		"logout": "Cerrar sesión",
 		"resetInjiProps": "Restableciendo accesorios Inji..."
 	},
-	"QrScreen": {
+	"QrLogin": {
 		"title": "Inicio de sesión con código QR",
 		"alignQr": "Alinea el código QR dentro del marco para escanearlo",
 		"confirmation": "Confirmación",
@@ -285,7 +285,7 @@
 		"access": "está solicitando acceso a",
 		"status": "Estado",
 		"successMessage": "Has iniciado sesión correctamente en",
-		"okay": "Aceptar",
+		"ok": "Aceptar",
 		"allow": "Permitir",
 		"cancel": "Cancelar",
 		"essentialClaims": "Reclamos Esenciales",
@@ -453,14 +453,16 @@
 	},
 	"WelcomeScreen": {
 		"title": "Solución de identidad de código abierto",
-		"getStarted": "Empezar",
+		"unlockApplication": "Desbloquear aplicación",
-		"unlockApp": "Desbloquear aplicación",
+    "failedToReadKeys": "No se pudieron leer las claves",
+    "retryRead": "¿Quieres volver a intentarlo?",
 		"errors": {
 			"invalidateKeyError": {
 				"title": "La aplicación se restableció",
 				"message": "Debido a la actualización de reconocimiento facial/huella digital, la seguridad de la aplicación se vio afectada y se eliminaron las tarjetas descargadas. Por favor descargue nuevamente."
 			}
-		}
+		},
+    "ignore": "Ignorar"
 	},
 	"common": {
 		"cancel": "Cancelar",
@@ -757,7 +759,7 @@
       }
     }
   },
-  "QrScreen": {
+  "QrLogin": {
     "title": "Inicio de sesión con código QR",
     "alignQr": "Alinea el código QR dentro del marco para escanearlo",
     "confirmation": "Confirmación",
@@ -774,8 +776,8 @@
     "domainWarning": "Por favor, confirma que el dominio del sitio web desde el cual estás escaneando el código QR es el siguiente",
     "access": "está solicitando acceso a",
     "status": "Estado",
-    "successMessage": "Has iniciado sesión correctamente en",
+    "successMessage": "Has iniciado sesión correctamente en ",
-    "okay": "Aceptar",
+    "okay": "De acuerdo",
     "allow": "Permitir",
     "cancel": "Cancelar",
     "essentialClaims": "Reclamos Esenciales",
@@ -936,17 +938,6 @@
       }
     }
   },
-  "WelcomeScreen": {
-    "title": "Solución de identidad de código abierto",
-    "getStarted": "Empezar",
-    "unlockApp": "Desbloquear aplicación",
-    "errors": {
-      "invalidateKeyError": {
-        "title": "Algunas pruebas de identidad se eliminan debido a problemas de seguridad.",
-        "message": "Vuelva a descargar."
-      }
-    }
-  },
   "common": {
     "cancel": "Cancelar",
     "save": "Guardar",

locales/tam.json

@@ -304,7 +304,7 @@
     "stepThreeText": "தொந்தரவு இல்லாத வகையில் உங்கள் கார்டுகளைப் பாதுகாப்பாகப் பகிர்ந்து, பல்வேறு சேவைகளைப் பெறுங்கள்.",
     "stepFourTitle": "தொந்தரவு இல்லாத அங்கீகாரம்",
     "stepFourText": "சேமிக்கப்பட்ட டிஜிட்டல் நற்சான்றிதழைப் பயன்படுத்தி உங்களை எளிதாக அங்கீகரிக்கவும்.",
-    "getStarted": "தொடங்குங்கள்",
+    "getStarted": "தொடங்கு",
     "goBack": "திரும்பி போ",
     "back": "மீண்டும்",
     "skip": "தவிர்க்கவும்",
@@ -354,7 +354,7 @@
     "version": "பதிப்பு",
     "useBle": "BLE ஆல் இயக்கப்படுகிறது"
   },
-  "QrScreen": {
+  "QrLogin": {
     "title": "QR உள்நுழைவு",
     "alignQr": "ஸ்கேன் செய்ய ஃப்ரேமுக்குள் QR குறியீட்டை சீரமைக்கவும்",
     "confirmation": "உறுதிப்படுத்தல்",
@@ -372,7 +372,7 @@
     "access": " அணுகலைக் கோருகிறது",
     "status": "நிலை",
     "successMessage": "நீங்கள் வெற்றிகரமாக உள்நுழைந்துள்ளீர்கள் ",
-    "okay": "சரி",
+    "ok": "சரி",
     "allow": "அனுமதி",
     "cancel": "ரத்து செய்",
     "essentialClaims": "அத்தியாவசிய உரிமைகோரல்கள்",
@@ -455,7 +455,7 @@
   },
   "ScanScreen": {
     "header": "QR குறியீட்டை ஸ்கேன் செய்யவும்",
-    "noShareableVcs": "பகிரக்கூடிய அட்டை எதுவும் இல்லை.",
+    "noShareableVcs": "பகிரக்கூடிய அட்டைகள் எதுவும் இல்லை.",
     "sharingVc": "பகிர்கிறது அட்டை",
     "bluetoothStateIos": "புளூடூத் முடக்கப்பட்டுள்ளது, கட்டுப்பாட்டு மையத்திலிருந்து அதை இயக்கவும்",
     "bluetoothStateAndroid": "புளூடூத் முடக்கப்பட்டுள்ளது, விரைவு அமைப்புகள் மெனுவிலிருந்து அதை இயக்கவும்",
@@ -558,8 +558,7 @@
   },
   "WelcomeScreen": {
     "title": "திறந்த மூல அடையாள தீர்வு",
-    "getStarted": "தொடங்கு",
+    "unlockApplication": "பயன்பாட்டைத் திறக்கவும்",
-    "unlockApp": "பயன்பாட்டைத் திற",
     "failedToReadKeys": "விசைகளைப் படிக்க முடியவில்லை",
     "retryRead": "மீண்டும் முயற்சிக்க வேண்டுமா?",
     "errors": {

screens/Home/MyVcs/IdInputModal.tsx

@@ -7,6 +7,7 @@ import {Theme} from '../../../components/ui/styleUtils';
 import {IdInputModalProps, useIdInputModal} from './IdInputModalController';
 import {useTranslation} from 'react-i18next';
 import {
+  Dimensions,
   I18nManager,
   KeyboardAvoidingView,
   Platform,
@@ -55,19 +56,8 @@ export const IdInputModal: React.FC<IdInputModalProps> = props => {
               style={Theme.TextStyles.retrieveIdLabel}>
               {t('guideLabel')}
             </Text>
-            <Row crossAlign="flex-end" style={{marginTop: 20}}>
+            <Row crossAlign="flex-end" style={Theme.Styles.idInputContainer}>
-              <Column
+              <Column style={Theme.Styles.idInputPicker}>
-                width="33%"
-                style={{
-                  borderBottomWidth: 1,
-                  marginBottom: 2,
-                  borderColor:
-                    Platform.OS === 'ios'
-                      ? 'transparent'
-                      : Theme.Colors.IdInputModalBorder,
-                  bottom: Platform.OS === 'ios' ? 50 : 24,
-                  height: Platform.OS === 'ios' ? 100 : 'auto',
-                }}>
                 <Picker
                   testID="selectIdType"
                   selectedValue={controller.idType}
@@ -76,26 +66,24 @@ export const IdInputModal: React.FC<IdInputModalProps> = props => {
                   <Picker.Item label="VID" value="VID" />
                 </Picker>
               </Column>
-              <Column fill>
+              <Input
-                <Input
+                {...testIDProps('idInput')}
-                  {...testIDProps('idInput')}
+                placeholder={!controller.id ? inputLabel : ''}
-                  inputContainerStyle={
+                inputContainerStyle={
-                    controller.id ? Theme.Styles.VidInputBottom : null
+                  controller.id ? Theme.Styles.idInputBottom : null
-                  }
+                }
-                  placeholder={!controller.id ? inputLabel : ''}
+                inputStyle={{
-                  inputStyle={{
+                  textAlign: I18nManager.isRTL ? 'right' : 'left',
-                    textAlign: I18nManager.isRTL ? 'right' : 'left',
+                  fontWeight: '700',
-                    fontWeight: '700',
+                }}
-                  }}
+                selectionColor={Theme.Colors.Cursor}
-                  selectionColor={Theme.Colors.Cursor}
+                value={controller.id}
-                  value={controller.id}
+                keyboardType="number-pad"
-                  keyboardType="number-pad"
+                errorStyle={Theme.TextStyles.error}
-                  errorStyle={Theme.TextStyles.error}
+                errorMessage={controller.idError}
-                  errorMessage={controller.idError}
+                onChangeText={controller.INPUT_ID}
-                  onChangeText={controller.INPUT_ID}
+                ref={setIdInputRef}
-                  ref={setIdInputRef}
+              />
-                />
-              </Column>
             </Row>
           </Column>
           <Column>

screens/QrLogin/MyBindedVcs.tsx

@@ -10,7 +10,7 @@ import {VcItemContainer} from '../../components/VC/VcItemContainer';
 
 export const MyBindedVcs: React.FC<MyBindedVcsProps> = props => {
   const controller = useQrLogin(props);
-  const {t} = useTranslation('QrScreen');
+  const {t} = useTranslation('QrLogin');
 
   return (
     <Modal

screens/QrLogin/QrConsent.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import {useTranslation} from 'react-i18next';
-import { Button, Column, Row, Text } from '../../components/ui';
+import {Button, Column, Row, Text} from '../../components/ui';
-import { Theme } from '../../components/ui/styleUtils';
+import {Theme} from '../../components/ui/styleUtils';
-import { useQrLogin } from './QrLoginController';
+import {useQrLogin} from './QrLoginController';
-import { Image, View } from 'react-native';
+import {Image, View} from 'react-native';
-import { Icon, ListItem, Switch } from 'react-native-elements';
+import {Icon, ListItem, Switch} from 'react-native-elements';
-import { Modal } from '../../components/ui/Modal';
+import {Modal} from '../../components/ui/Modal';
-import { QrLoginRef } from '../../machines/QrLoginMachine';
+import {QrLoginRef} from '../../machines/QrLoginMachine';
-import { ScrollView } from 'react-native';
+import {ScrollView} from 'react-native';
 
-export const QrConsent: React.FC<QrConsentProps> = (props) => {
+export const QrConsent: React.FC<QrConsentProps> = props => {
-  const { t } = useTranslation('QrScreen');
+  const {t} = useTranslation('QrLogin');
   const controller = useQrLogin(props);
 
   return (
@@ -24,14 +24,14 @@ export const QrConsent: React.FC<QrConsentProps> = (props) => {
         fill
         align="space-between"
         padding="24 24 0 24"
-        style={{ display: props.isVisible ? 'flex' : 'none' }}
+        style={{display: props.isVisible ? 'flex' : 'none'}}
         backgroundColor={Theme.Colors.lightGreyBackgroundColor}>
         <Column>
           {controller.linkTransactionResponse && (
             <Row margin={'0 0 0 9'} crossAlign="center" align="center">
               <Image
-                source={controller.logoUrl ? { uri: controller.logoUrl } : null}
+                source={controller.logoUrl ? {uri: controller.logoUrl} : null}
-                style={{ width: 65, height: 65 }}
+                style={{width: 65, height: 65}}
               />
             </Row>
           )}

screens/QrLogin/QrLogin.tsx

@@ -14,7 +14,7 @@ import {View} from 'react-native';
 
 export const QrLogin: React.FC<QrLoginProps> = props => {
   const controller = useQrLogin(props);
-  const {t} = useTranslation('QrScreen');
+  const {t} = useTranslation('QrLogin');
 
   return (
     <View

screens/QrLogin/QrLoginSuccessMessage.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import {useTranslation} from 'react-i18next';
-import { Image } from 'react-native';
+import {Image} from 'react-native';
-import { Icon } from 'react-native-elements';
+import {Icon} from 'react-native-elements';
-import { Modal } from '../../components/ui/Modal';
+import {Modal} from '../../components/ui/Modal';
-import { Centered, Button, Text, Column } from '../../components/ui';
+import {Centered, Button, Text, Column} from '../../components/ui';
-import { Theme } from '../../components/ui/styleUtils';
+import {Theme} from '../../components/ui/styleUtils';
-import { useQrLogin } from './QrLoginController';
+import {useQrLogin} from './QrLoginController';
-import { QrLoginRef } from '../../machines/QrLoginMachine';
+import {QrLoginRef} from '../../machines/QrLoginMachine';
 
-export const QrLoginSuccess: React.FC<QrLoginSuccessProps> = (props) => {
+export const QrLoginSuccess: React.FC<QrLoginSuccessProps> = props => {
-  const { t } = useTranslation('QrScreen');
+  const {t} = useTranslation('QrLogin');
   const controller = useQrLogin(props);
 
   return (
@@ -22,11 +22,11 @@ export const QrLoginSuccess: React.FC<QrLoginSuccessProps> = (props) => {
       <Column
         fill
         align="space-between"
-        style={{ display: props.isVisible ? 'flex' : 'none' }}>
+        style={{display: props.isVisible ? 'flex' : 'none'}}>
         <Centered padding={'60 25 0 25'} margin={'60 0'}>
           <Image
-            source={controller.logoUrl ? { uri: controller.logoUrl } : null}
+            source={controller.logoUrl ? {uri: controller.logoUrl} : null}
-            style={{ width: 60, height: 60 }}
+            style={{width: 60, height: 60}}
           />
           <Text
             style={Theme.Styles.detailsText}
@@ -38,7 +38,7 @@ export const QrLoginSuccess: React.FC<QrLoginSuccessProps> = (props) => {
           </Text>
         </Centered>
         <Column
-          style={{ borderTopRightRadius: 27, borderTopLeftRadius: 27 }}
+          style={{borderTopRightRadius: 27, borderTopLeftRadius: 27}}
           padding="10 24"
           margin="2 0 0 0"
           elevation={2}>

screens/QrLogin/QrLoginWarning.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import {useTranslation} from 'react-i18next';
-import { Button, Column, Row } from '../../components/ui';
+import {Button, Column, Row} from '../../components/ui';
-import { Theme } from '../../components/ui/styleUtils';
+import {Theme} from '../../components/ui/styleUtils';
-import { Text } from '../../components/ui';
+import {Text} from '../../components/ui';
-import { Icon } from 'react-native-elements';
+import {Icon} from 'react-native-elements';
-import { useQrLogin } from './QrLoginController';
+import {useQrLogin} from './QrLoginController';
-import { Modal } from '../../components/ui/Modal';
+import {Modal} from '../../components/ui/Modal';
-import { Dimensions, Image } from 'react-native';
+import {Dimensions, Image} from 'react-native';
-import { QrLoginRef } from '../../machines/QrLoginMachine';
+import {QrLoginRef} from '../../machines/QrLoginMachine';
 
-export const QrLoginWarning: React.FC<QrLoginWarningProps> = (props) => {
+export const QrLoginWarning: React.FC<QrLoginWarningProps> = props => {
-  const { t } = useTranslation('QrScreen');
+  const {t} = useTranslation('QrLogin');
   const controller = useQrLogin(props);
 
   return (
@@ -24,7 +24,7 @@ export const QrLoginWarning: React.FC<QrLoginWarningProps> = (props) => {
         fill
         align="space-between"
         padding={'21 0 0 0'}
-        style={{ display: props.isVisible ? 'flex' : 'none' }}
+        style={{display: props.isVisible ? 'flex' : 'none'}}
         backgroundColor={Theme.Colors.lightGreyBackgroundColor}>
         <Column align="space-evenly" crossAlign="center" padding={'16 15 0 15'}>
           <Image source={Theme.DomainWarningLogo} resizeMethod="auto" />

screens/WelcomeScreen.tsx

@@ -18,9 +18,9 @@ export const WelcomeScreen: React.FC<RootRouteProps> = props => {
         <Logo height={182} />
       </HorizontallyCentered>
       <Button
-        testID="getStarted"
+        testID="unlockApplication"
         margin="0 0 32"
-        title={controller.isSettingUp ? t('getStarted') : t('unlockApp')}
+        title={t('unlockApplication')}
         onPress={controller.unlockPage}
       />
     </Column>