@mundogamernetwork/shared-ui 1.17.10 → 1.17.11

package/locales/de.json

@@ -255,6 +255,9 @@
         "title_not_open": "Diese Kampagne",
         "title_span_not_open": "ist noch nicht gestartet",
         "obs_not_open": "Anfragen werden erst ab dem Startdatum der Kampagne angenommen. Schau dann wieder vorbei.",
+        "title_lookup_failed": "Wir konnten deine Anfrage nicht prüfen",
+        "obs_lookup_failed": "Beim Prüfen, ob du bereits eine Anfrage für diese Kampagne hast, ist etwas schiefgelaufen. Versuche es erneut.",
+        "retry_lookup": "Erneut versuchen",
         "title_0": "Campaign",
         "title_span_0": "ended",
         "obs_0": "The redemption period for the key has expired.",

package/locales/en.json

@@ -255,6 +255,9 @@
         "title_not_open": "This campaign",
         "title_span_not_open": "hasn't opened yet",
         "obs_not_open": "Requests aren't accepted until the campaign's start date. Come back then.",
+        "title_lookup_failed": "We couldn't check your request",
+        "obs_lookup_failed": "Something went wrong while checking whether you already have a request for this campaign. Try again.",
+        "retry_lookup": "Try again",
         "title_0": "Campaign",
         "title_span_0": "ended",
         "obs_0": "The redemption period for the key has expired.",

package/locales/es.json

@@ -255,6 +255,9 @@
         "title_not_open": "Esta campaña",
         "title_span_not_open": "aún no ha comenzado",
         "obs_not_open": "Las solicitudes solo se aceptan a partir de la fecha de inicio de la campaña. Vuelve entonces.",
+        "title_lookup_failed": "No pudimos comprobar tu solicitud",
+        "obs_lookup_failed": "Algo salió mal al comprobar si ya tienes una solicitud para esta campaña. Inténtalo de nuevo.",
+        "retry_lookup": "Reintentar",
         "title_0": "Campaña",
         "title_span_0": "finalizada",
         "obs_0": "El período de canje de la clave ha expirado.",

package/locales/pt-BR.json

@@ -255,6 +255,9 @@
         "title_not_open": "Esta campanha",
         "title_span_not_open": "ainda não abriu",
         "obs_not_open": "Os pedidos só são aceitos a partir da data de início da campanha. Volte lá.",
+        "title_lookup_failed": "Não conseguimos verificar seu pedido",
+        "obs_lookup_failed": "Algo deu errado ao verificar se você já tem um pedido para esta campanha. Tente novamente.",
+        "retry_lookup": "Tentar novamente",
         "title_0": "Campaign",
         "title_span_0": "ended",
         "obs_0": "The redemption period for the key has expired.",

package/locales/ro.json

@@ -255,6 +255,9 @@
         "title_not_open": "Această campanie",
         "title_span_not_open": "nu s-a deschis încă",
         "obs_not_open": "Cererile sunt acceptate abia de la data de început a campaniei. Revino atunci.",
+        "title_lookup_failed": "Nu am putut verifica cererea ta",
+        "obs_lookup_failed": "A apărut o eroare la verificarea existenței unei cereri pentru această campanie. Încearcă din nou.",
+        "retry_lookup": "Încearcă din nou",
         "title_0": "Campaign",
         "title_span_0": "ended",
         "obs_0": "The redemption period for the key has expired.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.17.10",
+  "version": "1.17.11",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/pages/key-campaigns/[slug].vue

@@ -353,6 +353,16 @@ const userRequestStatus = ref<number | null | undefined>(undefined)
 const userRequestId = ref<number | null>(null)
 const userKeyItemId = ref<number | null>(null)
 
+// The campaign payload comes from an anonymous client (no credentials, and the
+// SSR pass never knows the session — the auth store lives in localStorage), so
+// it cannot say whether *this* viewer already has a request. Until the
+// credentialed my-requests lookup below has answered, the banner must not
+// commit to a state: it used to show "Request a key" to everyone first, and
+// kept showing it when the lookup failed — a button the API answers 409 to for
+// anyone who already asked, whatever the status.
+const lookupSettled = ref(false)
+const lookupFailed = ref(false)
+
 const effectiveKeyStatus = computed(() => {
 	if (userRequestStatus.value !== undefined) return userRequestStatus.value
 	return campaign.value?.request_status
@@ -410,6 +420,14 @@ type StatusConfig = {
 }
 
 const statusConfigs: Record<string, StatusConfig> = {
+	// The viewer is signed in but we could not tell whether they already have a
+	// request — say so and let them retry, rather than offering to request.
+	lookup_failed: {
+		titleParts: [{ text: "keys.campaigns.status_key.title_lookup_failed" }],
+		obs: "keys.campaigns.status_key.obs_lookup_failed",
+		obsColor: "yellow",
+		actions: [{ type: "retry-lookup" }],
+	},
 	not_yet_open: {
 		titleParts: [
 			{ text: "keys.campaigns.status_key.title_not_open" },
@@ -559,6 +577,9 @@ const statusConfigs: Record<string, StatusConfig> = {
 }
 
 const currentConfig = computed((): StatusConfig | null => {
+	if (!lookupSettled.value) return null
+	if (lookupFailed.value) return statusConfigs.lookup_failed
+
 	const status = effectiveKeyStatus.value
 	const campaignExpired = !hasNoDateLimit.value && parseTimeToExpire(campaign.value?.time_to_expire) <= 0
 	const campaignExhausted = (campaign.value?.available_count ?? 0) < 1
@@ -621,26 +642,46 @@ const showUsersModal = ref(false)
 // ------------------------------------------------------------------
 // Lifecycle
 // ------------------------------------------------------------------
-onMounted(async () => {
-	updateCountdown()
+async function loadMyRequest() {
+	if (!isSignedIn() || !campaign.value?.id) {
+		lookupSettled.value = true
+		return
+	}
 
-	if (isSignedIn() && campaign.value?.id) {
-		try {
-			const response = await fetchMyRequests({ "filter[key_id]": campaign.value.id })
-			const requests = response?.data?.data
-			if (requests && requests.length > 0) {
-				const slugStatus = requests[0]?.status_request?.slug
-				userRequestStatus.value = slugStatus ? (statusSlugToNumeric[slugStatus] ?? null) : null
-				userRequestId.value = requests[0]?.id ?? null
-				userKeyItemId.value = requests[0]?.key_item_id ?? null
-			} else {
-				userRequestStatus.value = null
-			}
-		} catch {
+	lookupSettled.value = false
+	lookupFailed.value = false
+	try {
+		const response = await fetchMyRequests({ "filter[key_id]": campaign.value.id })
+		const requests = response?.data?.data
+		if (requests && requests.length > 0) {
+			const slugStatus = requests[0]?.status_request?.slug
+			userRequestStatus.value = slugStatus ? (statusSlugToNumeric[slugStatus] ?? null) : null
+			userRequestId.value = requests[0]?.id ?? null
+			userKeyItemId.value = requests[0]?.key_item_id ?? null
+		} else {
 			userRequestStatus.value = null
 		}
+	} catch {
+		lookupFailed.value = true
+	} finally {
+		lookupSettled.value = true
 	}
+}
+
+onMounted(async () => {
+	updateCountdown()
+	await loadMyRequest()
 })
+
+// Some fronts fill the auth store after this page has mounted (it is read from
+// storage, not from the SSR pass), so a viewer who is signed in but not yet
+// known at mount time would otherwise never be looked up.
+watch(
+	() => !!unref(currentUser)?.id,
+	(signedIn) => {
+		if (signedIn && lookupSettled.value && userRequestStatus.value === undefined) loadMyRequest()
+	},
+)
 </script>
 
 <template>
@@ -701,6 +742,12 @@ onMounted(async () => {
 							</button>
 						</template>
 
+						<template v-else-if="currentConfig.actions?.[0]?.type === 'retry-lookup'">
+							<button class="btn" @click="loadMyRequest">
+								{{ $t("keys.campaigns.status_key.retry_lookup") }}
+							</button>
+						</template>
+
 						<template v-else-if="currentConfig.actions?.[0]?.type === 'reveal-key'">
 							<button class="btn" @click="requireAuth(`/${locale}/key-campaigns/redeem-key-approved?requestId=${effectiveRequestId}${effectiveKeyItems ? '&keyItems=' + effectiveKeyItems : ''}`)">
 								{{ $t("keys.campaigns.status_key.reveal_key") }}
@@ -729,6 +776,14 @@ onMounted(async () => {
 						</a>
 					</div>
 				</div>
+				<!-- Same footprint as the banner while my-requests is in flight: no
+				     committing to "Request a key" before we know, and no layout jump. -->
+				<div class="rescue rescue--loading" v-else-if="!lookupSettled" aria-hidden="true">
+					<div class="rescue-texts">
+						<span class="sk sk--title" />
+						<span class="sk sk--info" />
+					</div>
+				</div>
 			</div>
 
 			<div v-if="!campaign" class="state error">{{ $t("keys.campaigns.error_loading") }}</div>
@@ -1173,6 +1228,18 @@ onMounted(async () => {
 			&.disabled { opacity: 0.5; pointer-events: none; }
 		}
 
+		&.rescue--loading {
+			min-height: 68px;
+
+			.sk {
+				display: block;
+				background-color: var(--bg-app-badge);
+				opacity: 0.6;
+			}
+			.sk--title { width: 180px; max-width: 60%; height: 14px; }
+			.sk--info { width: 280px; max-width: 90%; height: 12px; }
+		}
+
 		.rescue-actions {
 			display: flex;
 			flex-direction: column;