UI not match to user story (mosip#92)

Signed-off-by: Sreang Rathanak <[email protected]>
Co-authored-by: Sreang Rathanak <[email protected]>
Signed-off-by: Sreang Rathanak <[email protected]>

signup-ui/public/locales/en.json

@@ -32,11 +32,11 @@
   "confirm_password_placeholder": "Enter Password",
   "terms_and_condition": "I agree to Cambodia’s <TermsAndConditionsAnchor>Terms & Conditions</TermsAndConditionsAnchor> and <PrivacyPolicyAnchor>Privacy Policy</PrivacyPolicyAnchor>, to store & process my information as required.",
   "transaction_timeout": "The transaction has timed out. Please try again.",
-  "setup_progress": "Account setup in progress",
+  "setup_progress": "Account setup in progress!",
   "setup_progress_wait": "Please wait while we setup your account.",
   "congratulations": "Congratulations!",
   "account_created_successfully": "Your account has been created successfully.",
-  "login_to_proceed": "Login to proceed.",
+  "login_to_proceed": "Please login to proceed.",
   "okay_to_proceed": "Start using your registered number & password with service providers to avail the required services.",
   "login": "Login",
   "okay": "Okay",
@@ -65,10 +65,12 @@
   "attempts_left": "{attemptLeft, plural, =0 {0 of {totalAttempt} attempts left. Please try again after {attemptRetryAfter} minutes.} other {{attemptLeft} of {totalAttempt} attempts left}}",
   "captcha_token_validation": "Please verify that you are a human.",
   "username_validation": "Enter a valid username",
+  "username_lead_zero_validation": "Number cannot start with zero. Enter a valid mobile number.",
   "full_name_validation": "Please enter a valid name",
   "full_name_in_lng_validation": "Full Name has to be in Khmer only.",
   "password_validation": "Password does not meet the password policy. Click on \"i\" to know more.",
   "password_validation_must_match": "New Password and Confirm New Password do not match.",
+  "register_password_validation_must_match": "Password and confirm password do not match.",
   "terms_and_conditions_validation": "You must accept the terms and conditions",
   "terms_and_conditions_title": "Terms & Conditions",
   "terms_and_conditions_content": "<h4>Presentation</h4><p>To facilitate your access to online services, the Digital Government Committee has set up the KHID. KHID allows access to services requiring a higher level of security electronic identification/authentication. The list of partners from KHID is available here: URL link or logo of private sectors/public services</p><p>The online service provider you want to connect that defines the level of assurance of identification/authentication required to access its online services(s).</p><p>To use KHID, you must (L2):</p><ul><li>If you are Cambodian, be registered with an Identity card/passport so that your identity data has been verified.</li><li>If you are a foreigner, be registered with a passport so that your identity data has been verified.</li></ul><p>To use KHID, you must (L1):</p><ul><li>registered with a mobile phone number so that your identity data has been verified.</li></ul><p>The KHID is responsible for making the bridge between the Identity Supplier and the Service Provider by generating a unique technical identifier. Thus, following your successful identification/authentication with the Identity card/passport you have chosen, the latter sends your identity data (phone number, full name in Khmer). The KHID then questions the Mobile phone service provider for identification via an OTP code (One-time password) code to check that you exist. If your identification/authentication is validated, the selected identity data may be transmitted from your Service Provider to the Service Provider. You are then connected to the online service of the Service provider.</p><p>Access to KHID is free of charge.</p><h4>Our Responsibilities</h4><p>We may not be held liable for identity theft or any fraudulent use of KHID. We cannot be held liable for any damage caused by any person Unauthorized using your usernames and passwords. You are reminded that anyone who makes a false declaration for itself, or others shall be liable.</p><p>We reserve the right to block your access, without notice or compensation of any kind, in the event of a suspicion of illegal, fraudulent, or contrary to these general conditions of use.</p><h4>Your Responsibilities</h4><p>It is up to you to comply with the conditions of use of the identification service and electronic authentication subscribed to your Identity Provider. It belongs to You in particular, never to disclose your login details and passwords, which must remain confidential.</p><p>It is up to you to comply with the conditions of use of the service as defined by the Supplier of service. In particular, we recommend that you log out at the end of your navigation.</p><h4>Quality Of Services</h4><p>The KHID may be interrupted, without prior notice, in particular for reasons of maintenance, safety, or cases of force majeure. An information message indicating this unavailability may be displayed. The unavailability of the KHID does not entitle you to any compensation.</p><h4>Contact US</h4><p>Under this function a user can contact KHID’s Customer Support Center via the available feedback form, or call-in to our hotline number XX XXX XXX.</p>",
@@ -86,7 +88,8 @@
     "send_otp_failed": "Send OTP failed",
     "active_otp_found": "Active OTP Found",
     "unknown_error": "Unknown Error",
-    "challenge_failed": "Challenge Failed",
+    "challenge_failed": "Entered OTP is incorrect. Please try again.",
+    "challenge_expired": "Entered OTP has expired. Please try again.",
     "invalid_challenge_type": "Invalid Challenge Type",
     "invalid_challenge_format": "Invalid Challenge Format",
     "invalid_phone_number": "Invalid Mobile Number",

signup-ui/public/locales/km.json

@@ -32,7 +32,7 @@
   "confirm_password_placeholder": "បញ្ចូលពាក្យសម្ងាត់",
   "terms_and_condition": "ខ្ញុំយល់ព្រមតាម<TermsAndConditionsAnchor>លក្ខខណ្ឌ</TermsAndConditionsAnchor> និង<PrivacyPolicyAnchor>គោលការណ៍ឯកជនភាព</PrivacyPolicyAnchor>របស់ប្រទេសកម្ពុជា ដើម្បីរក្សាទុក និងដំណើរការព័ត៌មានរបស់ខ្ញុំតាមតម្រូវការ។",
   "transaction_timeout": "ប្រតិបត្តិការបានផុតកំណត់។ សូម​ព្យាយាម​ម្តង​ទៀត។",
-  "setup_progress": "ការបង្កើតគណនីកំពុងដំណើរការ",
+  "setup_progress": "ការបង្កើតគណនីកំពុងដំណើរការ!",
   "setup_progress_wait": "សូមធ្វើការរង់ចាំខណៈពេលគណនីរបស់អ្នកកំពុងរៀបចំ។",
   "congratulations": "សូមអបអរសាទរ!",
   "account_created_successfully": "គណនីរបស់អ្នកត្រូវបានបង្កើតដោយជោគជ័យ។",
@@ -65,10 +65,12 @@
   "attempts_left": "{attemptLeft, plural, =0 {ការព្យាយាមនៅសល់ 0 នៃ {totalAttempt}។ សូមព្យាយាមម្តងទៀតនៅ {attemptRetryAfter} នាទីបន្ទាប់។} other {ការព្យាយាមនៅសល់ {attemptLeft} នៃ {totalAttempt}}}",
   "captcha_token_validation": "សូមបញ្ជាក់ថាអ្នកជាមនុស្ស",
   "username_validation": "សូមបញ្ចូលឈ្មោះអ្នកប្រើប្រាស់ត្រឹមត្រូវ",
+  "username_lead_zero_validation": "លេខមិនអាចចាប់ផ្តើមដោយលេខសូន្យបានទេ។បញ្ចូលលេខទូរស័ព្ទដែលត្រឹមត្រូវ។",
   "full_name_validation": "សូមបញ្ចូលគោត្តនាម-នាមឱ្យបានត្រឹមត្រូវ",
   "full_name_in_lng_validation": "គោត្តនាម-នាមត្រូវតែមានតែអក្សរខ្មែរ",
   "password_validation": "ពាក្យ​សម្ងាត់​មិន​ត្រូវ​តាម​គោលការណ៍​លេខ​សម្ងាត់​ទេ។ ចុចលើ \"i\" ដើម្បីដឹងបន្ថែម។",
   "password_validation_must_match": "ពាក្យសម្ងាត់ថ្មី និងបញ្ជាក់ពាក្យសម្ងាត់ថ្មីមិនត្រូវគ្នាទេ។",
+  "register_password_validation_must_match": "ពាក្យសម្ងាត់ និងបញ្ជាក់ពាក្យសម្ងាត់មិនត្រូវគ្នាទេ។",
   "terms_and_conditions_validation": "អ្នកត្រូវយល់ព្រមតាមលក្ខខណ្ឌ និងគោលការណ៍",
   "terms_and_conditions_title": "លក្ខខណ្ឌទូទៅ",
   "terms_and_conditions_content": "<h4>អំពីគម្រោង</h4><p>ដើម្បីជួយសម្រួលដល់ការចូលទៅកាន់សេវាកម្មអនឡាញ គណៈកម្មាធិការរដ្ឋាភិបាលឌីជីថលបានបង្កើត KHID ។ KHID អនុញ្ញាតឱ្យចូលប្រើសេវាកម្មដែលទាមទារកម្រិតខ្ពស់នៃការកំណត់អត្តសញ្ញាណអេឡិចត្រូនិក/ការផ្ទៀងផ្ទាត់ភាពត្រឹមត្រូវ។ បញ្ជីឈ្មោះដៃគូពី KHID មាននៅទីនេះ៖ តំណភ្ជាប់ URL ឬនិមិត្តសញ្ញានៃវិស័យឯកជន/សេវាសាធារណៈ។</p><p>អ្នកផ្តល់សេវាអនឡាញ ដែលចង់ភ្ជាប់កំណត់កម្រិតនៃការធានានៃការកំណត់អត្តសញ្ញាណ/ការផ្ទៀងផ្ទាត់តម្រូវឱ្យចូលប្រើសេវាកម្មអនឡាញរបស់ខ្លួន។</p><p>ដើម្បីប្រើ KHID អ្នកត្រូវតែ(សម្រាប់អ្នកប្រើប្រាស់កម្រិត 2)</p><ul><li>ប្រសិនបើអ្នកជាជនជាតិខ្មែរ ត្រូវចុះឈ្មោះជាមួយអត្តសញ្ញាណប័ណ្ណ/លិខិតឆ្លងដែន ដើម្បីឱ្យទិន្នន័យអត្តសញ្ញាណរបស់អ្នកត្រូវបានផ្ទៀងផ្ទាត់។</li><li>ប្រសិនបើអ្នកជាជនបរទេស ត្រូវចុះឈ្មោះជាមួយលិខិតឆ្លងដែន ដើម្បីឱ្យទិន្នន័យអត្តសញ្ញាណរបស់អ្នកត្រូវបានផ្ទៀងផ្ទាត់។</li></ul><p>ដើម្បីប្រើ KHID អ្នកត្រូវតែ(សម្រាប់អ្នកប្រើប្រាស់កម្រិត 1)</p><ul><li>ត្រូវចុះឈ្មោះជាមួយលេខទូរសព្ទ ដើម្បីឱ្យទិន្នន័យអត្តសញ្ញាណរបស់អ្នកត្រូវបានផ្ទៀងផ្ទាត់</li></ul><p>KHID ទទួលខុសត្រូវក្នុងការបង្កើតទំនាក់ទំនងរវាង Identity Supplier និង service provider ដោយបង្កើតអត្តសញ្ញាណបច្ចេកទេសតែមួយគត់។ បន្ទាប់មកនឹងផ្ញើទិន្នន័យអត្តសញ្ញាណរបស់អ្នកដូចជា លេខទូរសព្ទ និង ឈ្មោះពេញជាភាសាខ្មែរ)។</p><p>KHID ផ្ញើព័ត៌មានរបស់អ្នកទៅកាន់អ្នកផ្តល់សេវាទូរស័ព្ទសម្រាប់ការកំណត់អត្តសញ្ញាណ និងស្នើសុំលេខកូដ OTP (One-time password) ដើម្បីពិនិត្យមើលថាអ្នកមាននៅក្នុងប្រព័ន្ធ។ ប្រសិនបើការកំណត់អត្តសញ្ញាណ/ការផ្ទៀងផ្ទាត់របស់អ្នកមានសុពលភាព ទិន្នន័យអត្តសញ្ញាណដែលបានជ្រើសរើសអាចត្រូវបានបញ្ជូនពី service provider to service provider។ បន្ទាប់មកអ្នកត្រូវបានភ្ជាប់ទៅសេវាកម្មអនឡាញរបស់អ្នកផ្តល់សេវា។</p><p>ការចូលប្រើ KHID គឺមិនគិតថ្លៃទេ។</p><h4>ទំនួលខុសត្រូវរបស់យើង</h4><p>យើងប្រហែលជាមិនទទួលខុសត្រូវចំពោះការលួចអត្តសញ្ញាណ ឬការប្រើប្រាស់ការក្លែងបន្លំណាមួយរបស់ KHID នោះទេ។ យើង​មិន​អាច​ទទួល​ខុស​ត្រូវ​ចំពោះ​ការ​ខូច​ខាត​ដែល​បង្ក​ឡើង​ដោយ​ជន​ណា​ម្នាក់​ដែល​គ្មាន​ការ​អនុញ្ញាត​ដោយ​ប្រើ​ឈ្មោះ​អ្នក​ប្រើ​និង​ពាក្យ​សម្ងាត់​របស់​អ្នក​ឡើយ។ អ្នក​ត្រូវ​បាន​រំលឹក​ថា​អ្នក​ណា​ដែល​ធ្វើ​ការ​ប្រកាស​មិន​ពិត​សម្រាប់​ខ្លួន​ឯង​ឬ​អ្នក​ដទៃ​ត្រូវ​ទទួល​ខុស​ត្រូវ​។</p><p>យើងរក្សាសិទ្ធិក្នុងការទប់ស្កាត់ការចូលប្រើរបស់អ្នក ដោយមិនមានការជូនដំណឹង ឬសំណងណាមួយឡើយ ក្នុងករណីមានការសង្ស័យថាខុសច្បាប់ ការក្លែងបន្លំ ឬផ្ទុយនឹងលក្ខខណ្ឌទូទៅនៃការប្រើប្រាស់ទាំងនេះ។</p><h4>ទំនួលខុសត្រូវរបស់អ្នក</h4><p>វាអាស្រ័យលើអ្នកក្នុងការអនុលោមតាមល័ក្ខខ័ណ្ឌនៃការប្រើប្រាស់សេវាកម្មកំណត់អត្តសញ្ញាណ និងការផ្ទៀងផ្ទាត់តាមអេឡិចត្រូនិកដែលបានជាវទៅអ្នកផ្តល់អត្តសញ្ញាណរបស់អ្នក។ ជាពិសេស មិនត្រូវបង្ហាញព័ត៌មានលម្អិតអំពីការចូល និងពាក្យសម្ងាត់របស់អ្នក ដែលត្រូវតែរក្សាការសម្ងាត់។</p><p>វាអាស្រ័យលើអ្នកក្នុងការអនុលោមតាមលក្ខខណ្ឌនៃការប្រើប្រាស់សេវាកម្ម ដូចដែលបានកំណត់ដោយអ្នកផ្គត់ផ្គង់សេវា។ ជាពិសេស យើងសូមណែនាំអ្នកឱ្យចេញនៅចុងបញ្ចប់នៃការរុករករបស់អ្នក។</p><h4>គុណភាពនៃសេវាកម្ម</h4><p>KHID អាច​ត្រូវ​បាន​កាត់ផ្ដាច់​ដោយ​មិន​មាន​ការ​ជូន​ដំណឹង​ជា​មុន ជា​ពិសេស​សម្រាប់​ហេតុផល​នៃ​ការ​ថែទាំ សុវត្ថិភាព ឬ​ករណី​នៃ​គ្រោះ​មហន្តរាយ។ សារដែលបង្ហាញពីភាពមិនអាចរកបាននេះអាចត្រូវបានបង្ហាញ។ ភាព​មិន​អាច​ប្រើ​បាន​របស់ KHID មិន​ផ្តល់​សិទ្ធិ​ឱ្យ​អ្នក​ទទួល​បាន​សំណង​ណាមួយ​ឡើយ។</p><h4>ទាក់ទង​មក​យើង</h4><p>នៅក្រោមមុខងារនេះ អ្នកប្រើប្រាស់អាចទាក់ទងមជ្ឈមណ្ឌលជំនួយអតិថិជនរបស់ KHID តាមរយៈទម្រង់មតិកែលម្អដែលមាន ឬហៅចូលទៅកាន់លេខ hotline របស់យើង XX XXX XXX។</p>",
@@ -86,7 +88,8 @@
     "send_otp_failed": "ផ្ញើលេខសម្ងាត់បរាជ័យ។ លេខសម្គាល់បុគ្គលមិនពិត/មិនស្គាល់",
     "active_otp_found": "រកឃើញលេខសម្ងាត់សកម្ម",
     "unknown_error": "មិនស្គាល់កំហុស",
-    "challenge_failed": "ការផ្ទៀងផ្ទាត់បរាជ័យ",
+    "challenge_failed": "បញ្ចូល OTP មិនត្រឹមត្រូវទេ។ សូម​ព្យាយាម​ម្តង​ទៀត។",
+    "challenge_expired": "បញ្ចូល OTP បានផុតកំណត់ហើយ។ សូម​ព្យាយាម​ម្តង​ទៀត។",
     "invalid_challenge_type": "ប្រភេទផ្ទៀងផ្ទាត់មិនត្រឹមត្រូវ",
     "invalid_challenge_format": "ទម្រង់ផ្ទៀងផ្ទាត់មិនត្រឹមត្រូវ",
     "invalid_phone_number": "លេខទូរស័ព្ទមិនត្រឹមត្រូវ",

signup-ui/src/pages/ResetPasswordPage/ResetPasswordPage.tsx

@@ -69,7 +69,7 @@ export const ResetPasswordPage = ({ settings }: ResetPasswordPageProps) => {
       // Step 3 - ResetPassword
       yup.object({
         newPassword: validatePassword(settings, t),
-        confirmNewPassword: validateConfirmPassword("newPassword", settings, t),
+        confirmNewPassword: validateConfirmPassword("newPassword", settings, t, false),
       }),
       // Step 4 - ResetPasswordStatus
       yup.object({}),

signup-ui/src/pages/SignUpPage/Otp/Otp.tsx

@@ -194,7 +194,7 @@ export const Otp = ({ methods, settings }: OtpProps) => {
         return verifyChallengeMutation.mutate(verifyChallengeRequestDto, {
           onSuccess: ({ errors }) => {
             if (errors.length > 0) {
-              if (errors[0].errorCode === "already-registered") {
+              if (["already-registered", "identifier_already_registered"].includes(errors[0].errorCode)) {
                 setStep(SignUpStep.PhoneStatus);
               } else if (errors[0].errorCode === "invalid_transaction") {
                 setCriticalError(errors[0]);

signup-ui/src/pages/SignUpPage/PhoneStatus/PhoneStatus.tsx

@@ -61,7 +61,7 @@ export const PhoneStatus = ({ methods }: PhoneStatusProps) => {
 
   if (
     challengeVerification.errors.length > 0 &&
-    challengeVerification.errors[0].errorCode === "already-registered"
+    ["already-registered", "identifier_already_registered"].includes(challengeVerification.errors[0].errorCode)
   ) {
     return (
       <Step>