From 9c945eae92770a993007619a21a38e7f810e8807 Mon Sep 17 00:00:00 2001
From: mahmoud-linkness <mahmoud@linkness.com>
Date: Tue, 28 Jul 2026 14:54:13 +0200
Subject: [PATCH] feat(i18n): localize components strings

---
 components/account/default.htm        |  2 +-
 components/authentication/default.htm | 50 +++++++++++++--------------
 components/registration/default.htm   | 28 +++++++--------
 components/resetpassword/default.htm  | 24 ++++++-------
 4 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/components/account/default.htm b/components/account/default.htm
index 2340bb27..6fdc64d3 100644
--- a/components/account/default.htm
+++ b/components/account/default.htm
@@ -1,4 +1,4 @@
 {# Placeholder #}
 <h5>
-    Please see the documentation for detailed instructions on setting up the account component
+    {{ 'Please see the documentation for detailed instructions on setting up the account component'|_ }}
 </h5>
diff --git a/components/authentication/default.htm b/components/authentication/default.htm
index 1913798f..66288e6e 100644
--- a/components/authentication/default.htm
+++ b/components/authentication/default.htm
@@ -4,8 +4,8 @@
             <input type="hidden" name="redirect" value="true" />
 
             <div class="text-center pb-3">
-                <h1 class="h2 mb-3">Sign in to your account</h1>
-                <h2 class="h5 fw-normal">Enter your email address and password</h2>
+                <h1 class="h2 mb-3">{{ 'Sign in to your account'|_ }}</h1>
+                <h2 class="h5 fw-normal">{{ 'Enter your email address and password'|_ }}</h2>
             </div>
 
             {% if __SELF__.showUsernameField %}
@@ -16,7 +16,7 @@ <h2 class="h5 fw-normal">Enter your email address and password</h2>
                         class="form-control"
                         id="inputUsername"
                     />
-                    <label for="inputEmail">Username</label>
+                    <label for="inputEmail">{{ 'Username'|_ }}</label>
                 </div>
             {% else %}
                 <div class="form-floating my-3">
@@ -28,7 +28,7 @@ <h2 class="h5 fw-normal">Enter your email address and password</h2>
                         placeholder="name@example.com"
                         oninput="document.getElementById('inputRecoverEmail').value = this.value"
                     />
-                    <label for="inputEmail">Email address</label>
+                    <label for="inputEmail">{{ 'Email address'|_ }}</label>
                 </div>
             {% endif %}
 
@@ -40,7 +40,7 @@ <h2 class="h5 fw-normal">Enter your email address and password</h2>
                     id="inputPassword"
                     placeholder="Password"
                 />
-                <label for="inputPassword">Password</label>
+                <label for="inputPassword">{{ 'Password'|_ }}</label>
             </div>
 
             <button
@@ -61,7 +61,7 @@ <h2 class="h5 fw-normal">Enter your email address and password</h2>
                             checked
                         />
                         <label class="form-check-label" for="inputRemember">
-                            Remember me
+                            {{ 'Remember me'|_ }}
                         </label>
                     </div>
                 </div>
@@ -71,9 +71,9 @@ <h2 class="h5 fw-normal">Enter your email address and password</h2>
         <div class="text-center">
             {% if __SELF__.canRegister %}
                 <p class="mt-5 mb-1 text-body-secondary">
-                    New user?
+                    {{ 'New user'|_ }}?
                     <a href="{{ 'account/register'|page }}">
-                        Create a new account
+                        {{ 'Create a new account'|_ }}
                     </a>
                 </p>
             {% endif %}
@@ -85,7 +85,7 @@ <h2 class="h5 fw-normal">Enter your email address and password</h2>
                         href="javascript:;"
                         data-bs-toggle="collapse"
                         data-bs-target=".login-collapse">
-                        Recover password
+                        {{ 'Recover password'|_ }}
                     </a>
                 </p>
             {% endif %}
@@ -99,8 +99,8 @@ <h2 class="h5 fw-normal">Enter your email address and password</h2>
             <input type="hidden" name="redirect" value="true" />
 
             <div class="text-center pb-3">
-                <h1 class="h2 mb-3">Recover password</h1>
-                <h2 class="h5 fw-normal">Enter your email address</h2>
+                <h1 class="h2 mb-3">{{ 'Recover password'|_ }}</h1>
+                <h2 class="h5 fw-normal">{{ 'Enter your email address'|_ }}</h2>
             </div>
 
             <div class="form-floating my-3">
@@ -111,25 +111,25 @@ <h2 class="h5 fw-normal">Enter your email address</h2>
                     id="inputRecoverEmail"
                     placeholder="name@example.com"
                 />
-                <label for="inputRecoverEmail">Email address</label>
+                <label for="inputRecoverEmail">{{ 'Email address'|_ }}</label>
             </div>
 
             <button
                 class="btn btn-primary btn-lg w-100 py-2"
                 data-attach-loading
                 type="submit">
-                Recover
+                {{ 'Recover'|_ }}
             </button>
         </form>
 
         <div class="text-center">
             <p class="mt-5 mb-3 text-body-secondary">
-                Remembered your password?
+                {{ 'Remembered your password?'|_ }}
                 <a
                     href="javascript:;"
                     data-bs-toggle="collapse"
                     data-bs-target=".login-collapse">
-                    Sign in again
+                    {{ 'Sign in again'|_ }}
                 </a>
             </p>
         </div>
@@ -142,7 +142,7 @@ <h2 class="h5 fw-normal">Enter your email address</h2>
             <input type="hidden" name="redirect" value="true" />
 
             <div class="text-center pb-2">
-                <h1 class="h2 mb-3">Enter the code found in your authenticator app</h1>
+                <h1 class="h2 mb-3">{{ 'Enter the code found in your authenticator app'|_ }}</h1>
             </div>
 
             <div class="form-floating my-3">
@@ -153,25 +153,25 @@ <h1 class="h2 mb-3">Enter the code found in your authenticator app</h1>
                     id="inputTwoFactorCode"
                     placeholder="name@example.com"
                 />
-                <label for="inputTwoFactorCode">Authentication code</label>
+                <label for="inputTwoFactorCode">{{ 'Authentication code'|_ }}</label>
             </div>
 
             <button
                 class="btn btn-primary btn-lg w-100 py-2"
                 data-attach-loading
                 type="submit">
-                Confirm
+                {{ 'Confirm'|_ }}
             </button>
         </form>
 
         <div class="text-center">
             <p class="mt-5 mb-3 text-body-secondary">
-                Lost device?
+                {{ 'Lost device'|_ }}?
                 <a
                     href="javascript:;"
                     data-bs-toggle="collapse"
                     data-bs-target=".two-factor-collapse">
-                    Use a recovery code
+                    {{ 'Use a recovery code'|_ }}
                 </a>
             </p>
         </div>
@@ -182,7 +182,7 @@ <h1 class="h2 mb-3">Enter the code found in your authenticator app</h1>
             <input type="hidden" name="redirect" value="true" />
 
             <div class="text-center pb-2">
-                <h1 class="h2 mb-3">Enter one of your emergency recovery codes</h1>
+                <h1 class="h2 mb-3">{{ 'Enter one of your emergency recovery codes'|_ }}</h1>
             </div>
 
             <div class="form-floating my-3">
@@ -193,25 +193,25 @@ <h1 class="h2 mb-3">Enter one of your emergency recovery codes</h1>
                     id="inputTwoFactorRecoveryCode"
                     placeholder="name@example.com"
                 />
-                <label for="inputTwoFactorRecoveryCode">Recovery code</label>
+                <label for="inputTwoFactorRecoveryCode">{{ 'Recovery code'|_ }}</label>
             </div>
 
             <button
                 class="btn btn-primary btn-lg w-100 py-2"
                 data-attach-loading
                 type="submit">
-                Confirm
+                {{ 'Confirm'|_ }}
             </button>
         </form>
 
         <div class="text-center">
             <p class="mt-5 mb-3 text-body-secondary">
-                Found device?
+                {{ 'Found device'|_ }}?
                 <a
                     href="javascript:;"
                     data-bs-toggle="collapse"
                     data-bs-target=".two-factor-collapse">
-                    Use an authentication code
+                    {{ 'Use an authentication code'|_ }}
                 </a>
             </p>
         </div>
diff --git a/components/registration/default.htm b/components/registration/default.htm
index c4f7767a..2a10000d 100644
--- a/components/registration/default.htm
+++ b/components/registration/default.htm
@@ -3,8 +3,8 @@
 
     {% if __SELF__.canRegister %}
         <div class="text-center pb-3">
-            <h1 class="h2 mb-3">Create a new account</h1>
-            <h2 class="h5 fw-normal">Enter your information below</h2>
+            <h1 class="h2 mb-3">{{ 'Create a new account'|_ }}</h1>
+            <h2 class="h5 fw-normal">{{ 'Enter your information below'|_ }}</h2>
         </div>
 
         <div class="form-floating my-3">
@@ -13,10 +13,10 @@ <h2 class="h5 fw-normal">Enter your information below</h2>
                 type="text"
                 class="form-control"
                 id="inputFirstName"
-                placeholder="First name"
+                placeholder="{{ 'First name'|_ }}"
                 autocomplete="given-name"
             />
-            <label for="inputFirstName">First name</label>
+            <label for="inputFirstName">{{ 'First name'|_ }}</label>
         </div>
 
         <div class="form-floating my-3">
@@ -25,10 +25,10 @@ <h2 class="h5 fw-normal">Enter your information below</h2>
                 type="text"
                 class="form-control"
                 id="inputLastName"
-                placeholder="Last name"
+                placeholder="{{ 'Last name'|_ }}"
                 autocomplete="family-name"
             />
-            <label for="inputLastName">Last name</label>
+            <label for="inputLastName">{{ 'Last name'|_ }}</label>
         </div>
 
         <div class="form-floating my-3">
@@ -37,10 +37,10 @@ <h2 class="h5 fw-normal">Enter your information below</h2>
                 type="email"
                 class="form-control"
                 id="inputEmail"
-                placeholder="Email address"
+                placeholder="{{ 'Email address'|_ }}"
                 autocomplete="email"
             />
-            <label for="inputEmail">Email address</label>
+            <label for="inputEmail">{{ 'Email address'|_ }}</label>
         </div>
 
         <div class="form-floating my-3">
@@ -49,28 +49,28 @@ <h2 class="h5 fw-normal">Enter your information below</h2>
                 type="password"
                 class="form-control"
                 id="inputPassword"
-                placeholder="Password"
+                placeholder="{{ 'Password'|_ }}"
                 autocomplete="new-password"
             />
-            <label for="inputPassword">Password</label>
+            <label for="inputPassword">{{ 'Password'|_ }}</label>
         </div>
 
         <button
             class="btn btn-primary btn-lg w-100 py-2"
             data-attach-loading
             type="submit">
-            Create account
+            {{ 'Create account'|_ }}
         </button>
     {% else %}
         <div class="text-center pb-3">
-            <h1 class="h2 mb-3">Create a new account</h1>
-            <h2 class="h5 fw-normal">Registrations are currently disabled</h2>
+            <h1 class="h2 mb-3">{{ 'Create a new account'|_ }}</h1>
+            <h2 class="h5 fw-normal">{{ 'Registrations are currently disabled'|_ }}</h2>
         </div>
     {% endif %}
 
     <div class="text-center">
         <p class="mt-5 mb-1 text-body-secondary">
-            Already have an account? <a href="{{ 'account/login'|page }}">Sign in here</a>
+            {{ 'Already have an account?'|_ }} <a href="{{ 'account/login'|page }}">{{ 'Sign in here'|_ }}</a>
         </p>
     </div>
 </form>
diff --git a/components/resetpassword/default.htm b/components/resetpassword/default.htm
index f712c95c..ba545602 100644
--- a/components/resetpassword/default.htm
+++ b/components/resetpassword/default.htm
@@ -19,13 +19,13 @@
 
     <div class="text-center pb-3">
         {% if __SELF__.hasInvite %}
-            <h1 class="h2 mb-3">Welcome!</h1>
+            <h1 class="h2 mb-3">{{ 'Welcome'|_ }}!</h1>
         {% elseif __SELF__.hasToken %}
-            <h1 class="h2 mb-3">Reset password</h1>
+            <h1 class="h2 mb-3">{{ 'Reset password'|_ }}</h1>
         {% else %}
-            <h1 class="h2 mb-3">Change password</h1>
+            <h1 class="h2 mb-3">{{ 'Change password'|_ }}</h1>
         {% endif %}
-        <h2 class="h5 fw-normal">Enter a new password.</h2>
+        <h2 class="h5 fw-normal">{{ 'Enter a new password.'|_ }}</h2>
     </div>
 
     {% if __SELF__.hasToken %}
@@ -38,9 +38,9 @@ <h2 class="h5 fw-normal">Enter a new password.</h2>
                 type="password"
                 class="form-control"
                 id="inputCurrentPassword"
-                placeholder="Current Password"
+                placeholder="{{ 'Current Password'|_ }}"
             />
-            <label for="inputPassword">Current password</label>
+            <label for="inputPassword">{{ 'Current password'|_ }}</label>
         </div>
     {% endif %}
 
@@ -50,10 +50,10 @@ <h2 class="h5 fw-normal">Enter a new password.</h2>
             type="password"
             class="form-control"
             id="inputPassword"
-            placeholder="Password"
+            placeholder="{{ 'Password'|_ }}"
             autocomplete="new-password"
         />
-        <label for="inputPassword">Password</label>
+        <label for="inputPassword">{{ 'Password'|_ }}</label>
     </div>
 
     <div class="form-floating my-3">
@@ -62,10 +62,10 @@ <h2 class="h5 fw-normal">Enter a new password.</h2>
             type="password"
             class="form-control"
             id="inputPasswordConfirmation"
-            placeholder="Confirm Password"
+            placeholder="{{ 'Confirm Password'|_ }}"
             autocomplete="new-password"
         />
-        <label for="inputPasswordConfirmation">Confirm password</label>
+        <label for="inputPasswordConfirmation">{{ 'Confirm password'|_ }}</label>
     </div>
 
     <button
@@ -73,9 +73,9 @@ <h2 class="h5 fw-normal">Enter a new password.</h2>
         data-attach-loading
         type="submit">
         {% if __SELF__.hasInvite %}
-            Set password
+        {{ 'Set password'|_ }}
         {% else %}
-            Reset password
+        {{ 'Reset password'|_ }}
         {% endif  %}
     </button>
 </form>