[ES-1915] Documentation of prefix and postfix feature config.

Signed-off-by: GurukiranP <talk2gurukiran@gmail.com>

Author: gk-XL7

oidc-ui/README.md

@@ -34,6 +34,31 @@ Esignet UI contains the following pages:
 
   The initialization of the component on this page is contingent upon the authentication factors received from the oauth-details endpoint. These authentication factors are determined based on the acr_values parameter specified in the authorize request.
 
+  Each authentication method, except KBI, allows users to log in using configured multiple ID types such as Mobile Number, NRC ID, VID, and Email, with support for both prefixes and postfix.
+
+  - Configuration Details:
+  The configuration for rendering multiple login IDs is defined in the application-default.properties file of the esignet-service. If mosip.esignet.ui.config.login-id.options is set to an empty string, null, or an empty array, the UI defaults to using VID login as the fallback login ID.
+
+  - Configuration Example:
+  mosip.esignet.ui.config.login-id.options={ \
+  { "id": "mobile", "svg": "mobile_icon", "prefixes": [{"label": "IND", "value": "+91", "maxLength": "", "regex": ""}, {"label": "KHM", "value": "+855"}], "postfix": "@phone", "maxLength": "", "regex": "" }, \ 
+  { "id": "nrc", "svg": "nrc_id_icon", "prefixes": "", "postfix": "@NRC", "maxLength": "", "regex": "" }, \
+  { "id": "vid", "svg": "vid_icon", "prefixes": "", "postfix": "@ID", "maxLength": "", "regex": "" }, \
+  { "id": "email", "svg": "email_icon", "prefixes": "", "postfix": "@email", "maxLength": "", "regex": "" } \
+  } 
+  
+      - Each ID configured in `mosip.esignet.ui.config.login-id.options` will create a button for the user to select and use as a login ID type.
+
+      - To update the language for buttons, input labels, and placeholders, modify the loginOptions object in the i18n bundle files. Ensure that any new ID added to the configuration is consistently defined with the same ID name across the buttons, input labels, and placeholders objects within the i18n bundle files.
+
+      - The svg value specified in the configuration must match the name of the SVG icon located in the images folder to ensure proper rendering in the UI.
+
+      - The prefix should be either plain text or an array of objects to support multiple prefixes.
+      For mobile login with multiple prefixes, it is recommended to use the ISO 3166-1 alpha-3 country code as the label in the configuration. This code will be used to display the corresponding country flag in the UI. (Reference: [ISO 3166-1 country codes](https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)).
+      The postfix should always be a single text value.
+
+      - The maxLength and regex properties are optional for prefixes. If specified within a prefix, the values from the prefix will take precedence; otherwise, the outer values will be used. This follows a scope hierarchy where the inner scope takes priority over the outer scope.
+
   The password-based authentication system incorporates a functionality allowing users to initiate a password recovery process through a designated `Forgot Password` hyperlink.
 
   For knowledge based identification, the form schema is defined in the property : 'auth.factor.kbi.field-details'.

oidc-ui/public/locales/ar.json

@@ -284,7 +284,7 @@
         "mobile": "أدخل رقم الجوال",
         "nrc": "أدخل معرف المجلس النرويجي للاجئين",
         "vid": "أدخل فيد",
-        "email": "أدخل البريد الإلكتروني هنا"
+        "email": "أدخل معرف البريد الإلكتروني"
       }
     }
   },

oidc-ui/public/locales/en.json

@@ -284,7 +284,7 @@
         "mobile": "Enter Mobile Number",
         "nrc": "Enter NRC ID",
         "vid": "Enter VID",
-        "email": "Enter Email Here"
+        "email": "Enter Email ID"
       }
     }
   },

oidc-ui/public/locales/hi.json

@@ -284,7 +284,7 @@
         "mobile": "मोबाइल नंबर दर्ज करें",
         "nrc": "एनआरसी आईडी दर्ज करें",
         "vid": "वीआईडी ​​दर्ज करें",
-        "email": "यहां ईमेल दर्ज करें"
+        "email": "ईमेल आईडी दर्ज करें"
       }
     }
   },

oidc-ui/public/locales/km.json

@@ -284,7 +284,7 @@
         "mobile": "បញ្ចូលលេខទូរស័ព្ទ",
         "nrc": "បញ្ចូលលេខសម្គាល់ NRC",
         "vid": "បញ្ចូល VID",
-        "email": "បញ្ចូលអ៊ីមែលនៅទីនេះ"
+        "email": "បញ្ចូលលេខសម្គាល់អ៊ីមែល"
       }
     }
   },

oidc-ui/public/locales/kn.json

@@ -284,7 +284,7 @@
         "mobile": "ಮೊಬೈಲ್ ಸಂಖ್ಯೆಯನ್ನು ನಮೂದಿಸಿ",
         "nrc": "ಎನ್ಆರ್ಸಿ ಐಡಿ ನಮೂದಿಸಿ",
         "vid": "ವಿಐಡಿ ನಮೂದಿಸಿ",
-        "email": "ಇಲ್ಲಿ ಇಮೇಲ್ ನಮೂದಿಸಿ"
+        "email": "ಇಮೇಲ್ ಐಡಿ ನಮೂದಿಸಿ"
       }
     }
   },

oidc-ui/public/locales/ta.json

@@ -284,7 +284,7 @@
         "mobile": "மொபைல் எண்ணை உள்ளிடவும்",
         "nrc": "NRC ஐடியை உள்ளிடவும்",
         "vid": "VID ஐ உள்ளிடவும்",
-        "email": "மின்னஞ்சலை இங்கே உள்ளிடவும்"
+        "email": "மின்னஞ்சல் ஐடியை உள்ளிடவும்"
       }
     }
   },