@mundogamernetwork/shared-ui 1.1.95 → 1.1.96

package/locales/de.json

@@ -181,6 +181,7 @@
       "select_option": "Option auswählen",
       "required_data": "Erforderliche Angaben",
       "already_requested": "Sie haben bereits eine Anfrage für diese Kampagne gestellt.",
+      "sold_out": "Alle Keys für diese Kampagne wurden bereits eingelöst.",
       "back_to_campaign": "Zur Kampagne zurückkehren",
       "status_pending": "Anfrage ausstehend — bitte warten Sie auf die Genehmigung",
       "status_approved": "Anfrage genehmigt — Sie können jetzt Ihren Schlüssel abrufen",

package/locales/en.json

@@ -181,6 +181,7 @@
       "select_option": "Select an option",
       "required_data": "Required data",
       "already_requested": "You have already submitted a request for this campaign.",
+      "sold_out": "All keys for this campaign have already been claimed.",
       "back_to_campaign": "Back to campaign",
       "status_pending": "Request pending — waiting for approval",
       "status_approved": "Request approved — you can now retrieve your key",

package/locales/pt-BR.json

@@ -181,6 +181,7 @@
       "select_option": "Selecione uma opção",
       "required_data": "Dados obrigatórios",
       "already_requested": "Você já enviou uma solicitação para esta campanha.",
+      "sold_out": "Todas as chaves desta campanha já foram resgatadas.",
       "back_to_campaign": "Voltar para a campanha",
       "status_pending": "Solicitação pendente — aguardando aprovação",
       "status_approved": "Solicitação aprovada — você pode resgatar sua chave",

package/locales/ro.json

@@ -181,6 +181,7 @@
       "select_option": "Selectează o opțiune",
       "required_data": "Date obligatorii",
       "already_requested": "Ați trimis deja o cerere pentru această campanie.",
+      "sold_out": "Toate cheile pentru această campanie au fost deja revendicate.",
       "back_to_campaign": "Înapoi la campanie",
       "status_pending": "Cerere în așteptare — așteptați aprobarea",
       "status_approved": "Cerere aprobată — puteți prelua cheia",

package/package.json

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

package/pages/key-campaigns/redeem-key.vue

@@ -6,6 +6,7 @@ import {
 	fetchCampaignBySlug,
 	fetchKeyPlatforms,
 	fetchKeyRegions,
+	fetchAvailableOptions,
 	requestKey,
 } from "../../services/campaignService"
 
@@ -52,14 +53,29 @@ onMounted(async () => {
 		return
 	}
 	try {
-		const [campaignRes, platformsRes, regionsRes] = await Promise.all([
+		const [campaignRes, platformsRes, regionsRes, availableRes] = await Promise.all([
 			fetchCampaignBySlug(String(keyId)),
 			fetchKeyPlatforms(keyId),
 			fetchKeyRegions(keyId),
+			fetchAvailableOptions(keyId).catch(() => null),
 		])
 		campaign.value = campaignRes?.data?.data || campaignRes?.data || null
-		platforms.value = platformsRes?.data?.data || platformsRes?.data || []
-		regions.value = regionsRes?.data?.data || regionsRes?.data || []
+		const allPlatforms = platformsRes?.data?.data || platformsRes?.data || []
+		const allRegions = regionsRes?.data?.data || regionsRes?.data || []
+
+		// Only offer platforms/regions that still have an unredeemed key item —
+		// fetchKeyPlatforms/fetchKeyRegions return every one the campaign has
+		// EVER had items for, including combos that are fully sold out.
+		const availableData = availableRes?.data ?? null
+		const availablePlatformIds: number[] | null = availableData?.available_platform_ids ?? null
+		const availableRegionIds: number[] | null = availableData?.available_region_ids ?? null
+
+		platforms.value = availablePlatformIds
+			? allPlatforms.filter((p: any) => availablePlatformIds.includes(p.id))
+			: allPlatforms
+		regions.value = availableRegionIds
+			? allRegions.filter((r: any) => availableRegionIds.includes(r.id))
+			: allRegions
 
 		// Pre-select if only one option
 		if (platforms.value.length === 1) selectedPlatformId.value = platforms.value[0].id
@@ -71,7 +87,11 @@ onMounted(async () => {
 	}
 })
 
-const canSubmit = computed(() => !submitting.value)
+// True once options finished loading and either list came back empty — every
+// platform/region combo this campaign ever had is now fully redeemed.
+const soldOut = computed(() => !loading.value && (platforms.value.length === 0 || regions.value.length === 0))
+
+const canSubmit = computed(() => !submitting.value && !soldOut.value)
 
 // Collapsible "Required data" box — matches tv's original toggle behavior
 const isBoxOpen = ref(true)
@@ -186,8 +206,19 @@ function goBack() {
 					<p v-if="campaign?.name" class="campaign-name">{{ campaign.name }}</p>
 				</div>
 
+				<!-- All platform/region combos are fully redeemed -->
+				<div v-if="!hasExistingRequest && soldOut" class="existing-request-notice">
+					<MGIcon size="1x" icon="version" class="notice-icon" />
+					<div class="notice-texts">
+						<div class="notice-title">{{ $t("keys.campaigns.sold_out") }}</div>
+					</div>
+					<button class="btn notice-back" @click="goBack">
+						{{ $t("keys.campaigns.back_to_campaign") }}
+					</button>
+				</div>
+
 				<!-- Already has a request -->
-				<div v-if="hasExistingRequest" class="existing-request-notice">
+				<div v-else-if="hasExistingRequest" class="existing-request-notice">
 					<MGIcon size="1x" icon="version" class="notice-icon" />
 					<div class="notice-texts">
 						<div class="notice-title">{{ $t("keys.campaigns.already_requested") }}</div>

package/services/campaignService.ts

@@ -308,6 +308,16 @@ export const fetchKeyRegions = (keyId: number, params: Record<string, any> = {})
 	return mainClient.get(`/public/keys/${keyId}/regions`, { params })
 }
 
+/**
+ * Which platform/region combos still have unredeemed key items. fetchKeyPlatforms/
+ * fetchKeyRegions return every platform/region the campaign has EVER had items
+ * for (including fully redeemed ones) — this is the live-stock check needed to
+ * only offer options that can actually still be requested.
+ */
+export const fetchAvailableOptions = (keyId: number) => {
+	return mainClient.get(`/public/keys/${keyId}/available-options`)
+}
+
 // ---------------------------------------------------------------------------
 // Auth-required endpoints (authClient — withCredentials)
 // ---------------------------------------------------------------------------