From 5811dac4aa50236fa7868c3aa6c479710aaff009 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <jmiller@noreply.git.mokoconsulting.tech>
Date: Thu, 25 Jun 2026 11:45:43 -0500
Subject: [PATCH] fix: PIN copy shows inline Copied! feedback for 30 seconds

- Wrap PIN text in .mokosuiteclient-pin-text span for all badge contexts
- Change revert timeout from 1.5s to 30s so PIN is readable during support calls
- Fix post-request badge rebuild to include text span for copy feedback
---
 .../admin/src/Helper/SupportPinHelper.php                 | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/source/packages/com_mokosuiteclient/admin/src/Helper/SupportPinHelper.php b/source/packages/com_mokosuiteclient/admin/src/Helper/SupportPinHelper.php
index cb778d82..09555ca8 100644
--- a/source/packages/com_mokosuiteclient/admin/src/Helper/SupportPinHelper.php
+++ b/source/packages/com_mokosuiteclient/admin/src/Helper/SupportPinHelper.php
@@ -150,7 +150,7 @@ class SupportPinHelper
 			else
 			{
 				$html .= '<span class="badge bg-dark mokosuiteclient-pin-copy" style="font-family:monospace;letter-spacing:0.08em;cursor:pointer;" title="Click to copy" data-pin="' . $escaped . '">';
-				$html .= '<span class="icon-key small me-1" aria-hidden="true"></span>' . $escaped . '</span>';
+				$html .= '<span class="icon-key small me-1" aria-hidden="true"></span><span class="mokosuiteclient-pin-text">' . $escaped . '</span></span>';
 			}
 		}
 		else
@@ -193,7 +193,7 @@ document.addEventListener('DOMContentLoaded', function() {
 					if (textEl) {
 						var orig = textEl.textContent;
 						textEl.textContent = 'Copied!';
-						setTimeout(function() { textEl.textContent = orig; }, 1500);
+						setTimeout(function() { textEl.textContent = orig; }, 30000);
 					} else {
 						Joomla.renderMessages({message: ['PIN copied: ' + pin]});
 					}
@@ -225,14 +225,14 @@ document.addEventListener('DOMContentLoaded', function() {
 						} else {
 							btn.className = 'badge bg-dark mokosuiteclient-pin-copy';
 							btn.style = 'font-family:monospace;letter-spacing:0.08em;cursor:pointer;';
-							btn.innerHTML = '<span class="icon-key small me-1" aria-hidden="true"></span>' + data.pin;
+							btn.innerHTML = '<span class="icon-key small me-1" aria-hidden="true"></span><span class="mokosuiteclient-pin-text">' + data.pin + '</span>';
 						}
 						btn.addEventListener('click', function(ev) {
 							ev.preventDefault();
 							ev.stopPropagation();
 							navigator.clipboard.writeText(data.pin).then(function() {
 								var t = btn.querySelector('.mokosuiteclient-pin-text');
-								if (t) { var o = t.textContent; t.textContent = 'Copied!'; setTimeout(function() { t.textContent = o; }, 1500); }
+								if (t) { var o = t.textContent; t.textContent = 'Copied!'; setTimeout(function() { t.textContent = o; }, 30000); }
 								else { Joomla.renderMessages({message: ['PIN copied: ' + data.pin]}); }
 							});
 						});