From 62e0b28d0c971cc976141c3b3fa64a1e68e20d02 Mon Sep 17 00:00:00 2001
From: Connor Yoh <con.yoh13@gmail.com>
Date: Tue, 10 Jun 2025 13:38:44 +0100
Subject: [PATCH] Hide API key by default

---
 stirling-pdf/src/main/resources/templates/account.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/stirling-pdf/src/main/resources/templates/account.html b/stirling-pdf/src/main/resources/templates/account.html
index 097794a8d..33a0d9f47 100644
--- a/stirling-pdf/src/main/resources/templates/account.html
+++ b/stirling-pdf/src/main/resources/templates/account.html
@@ -79,7 +79,7 @@
                 </div>
                 <div class="data-body">
                   <div style="display: flex; gap: 0.5rem;">
-                    <input type="password" class="data-form-control" id="apiKey" th:placeholder="#{account.yourApiKey}" readonly style="flex: 1;">
+                    <input class="data-form-control" id="apiKey" th:placeholder="#{account.yourApiKey}" readonly style="flex: 1;">
                     <button class="data-btn data-btn-secondary" id="copyBtn" type="button" onclick="copyToClipboard()" title="Copy to clipboard">
                       <span class="material-symbols-rounded">content_copy</span>
                     </button>
@@ -321,7 +321,6 @@
       }
 
       document.addEventListener("DOMContentLoaded", async function() {
-        showApiKey();
         try {
           /*<![CDATA[*/
           const urlGetApiKey = /*[[@{/api/v1/user/get-api-key}]]*/ "/api/v1/user/get-api-key";
@@ -336,6 +335,9 @@
         } catch (error) {
           console.error('There was an error:', error);
         }
+        finally {
+          showApiKey();
+        }
       });
 
       async function refreshApiKey() {