@mundogamernetwork/shared-ui 1.17.4 → 1.17.6

package/components/keys/KeyCampaignDashboardCard.vue

@@ -25,6 +25,7 @@ const props = defineProps<{
 		streamer_type?: number | null;
 		type?: string | null;
 		platforms?: Array<{ id: number; name: string; slug?: string | null; alternative_name?: string | null } | string>;
+		networkSystems?: string[];
 	};
 	publicMode?: boolean;
 	baseRoute?: string;
@@ -46,7 +47,7 @@ const locale = $i18n.locale;
 
 const cardCover = computed(() => {
 	const c = props.card as any;
-	return c.cover || c.cover_src || c.game?.url_cover_src || c.game_cover || "/imgs/no-cover-img.jpg";
+	return c.cover || c.cover_src || c.game?.url_cover_src || c.game?.cover_url || c.game?.url_cover || c.game_cover || "/imgs/no-cover-img.jpg";
 });
 
 // Only apply the campaign's own focal point to its own cover — a game-cover/no-cover
@@ -202,6 +203,9 @@ const detailRoute = computed(() =>
 		</div>
 
 		<div class="kc-card__body">
+			<div v-if="card.networkSystems?.length" class="kc-card__networks">
+				<span v-for="network in card.networkSystems" :key="network" class="kc-card__network-tag">{{ network }}</span>
+			</div>
 			<div v-if="card.platforms?.length" class="kc-card__platforms">
 				<span v-for="p in card.platforms" :key="typeof p === 'string' ? p : p.id" class="kc-card__platform-tag">
 					{{ platformAbbr(p) }}
@@ -295,6 +299,23 @@ const detailRoute = computed(() =>
 		text-align: center;
 	}
 
+	&__networks {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 4px;
+		margin-bottom: 6px;
+	}
+
+	&__network-tag {
+		border: 1px solid color-mix(in srgb, var(--primary, #D297FF) 55%, transparent);
+		border-radius: 999px;
+		padding: 2px 7px;
+		color: var(--primary, #D297FF);
+		font-size: 0.68rem;
+		line-height: 1.2;
+		white-space: nowrap;
+	}
+
 	&__exclusive-badge {
 		position: absolute;
 		bottom: 6px;

package/package.json

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

package/pages/key-campaigns/index.vue

@@ -622,7 +622,7 @@ async function loadFeaturedCampaigns() {
 			.filter((item: any) => (truthyFlag(item.featured) || truthyFlag(item.highlight)) && truthyFlag(item.is_open))
 			.map((item: any) => ({
 				id: item.id,
-				cover: item.cover_src || item.game?.url_banner_src || item.game?.url_cover_src || "/imgs/no-cover-img.jpg",
+				cover: item.cover_src || item.game?.url_banner_src || item.game?.url_cover_src || item.game?.cover_url || item.game?.url_cover || "/imgs/no-cover-img.jpg",
 				coverFocalX: item.cover_src ? (item.cover_focal_x ?? 0.5) : 0.5,
 				coverFocalY: item.cover_src ? (item.cover_focal_y ?? 0.5) : 0.5,
 				name: item.name,
@@ -682,7 +682,7 @@ async function loadCampaigns(page = 1) {
 				id: item.id,
 				type: item.type?.name,
 				typeId: item.type?.id,
-				cover: item.cover_src || item.game?.url_cover_src || item.game?.url_banner_src || "/imgs/no-cover-img.jpg",
+				cover: item.cover_src || item.game?.url_cover_src || item.game?.cover_url || item.game?.url_cover || item.game?.url_banner_src || "/imgs/no-cover-img.jpg",
 				coverFocalX: item.cover_src ? (item.cover_focal_x ?? 0.5) : 0.5,
 				coverFocalY: item.cover_src ? (item.cover_focal_y ?? 0.5) : 0.5,
 				text: item.name,
@@ -700,6 +700,7 @@ async function loadCampaigns(page = 1) {
 				available_at_for_user: item.available_at_for_user || null,
 				max_keys_for_user: item.max_keys_for_user || 1,
 				platforms: (item.platforms || []).map((p: any) => p.name),
+				networkSystems: (item.mg_network_systems || []).map((s: any) => s.name).filter(Boolean),
 				gameName: item.game?.name || null,
 				genres: (item.game?.genres || []).map((g: any) => g.name).filter(Boolean).slice(0, 2),
 				studioName: item.company?.name || null,

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

@@ -193,12 +193,9 @@ async function submit() {
 	if (!canSubmit.value) return
 	requestError.value = ""
 	sessionExpired.value = false
-	// Region is only demanded when the pool actually offers one — a global pool
-	// (region_id null on every key item) has nothing for the creator to pick,
-	// and requiring it here left the submit button dead with no explanation.
 	if (
 		!selectedPlatformId.value
-		|| (regionRequired.value && !selectedRegionId.value)
+		|| !selectedRegionId.value
 		|| !quantity.value
 		|| !description.value?.trim()
 	) {
@@ -214,9 +211,7 @@ async function submit() {
 		const response = await requestKey({
 			key_id: keyId,
 			platform_ids: [selectedPlatformId.value],
-			// Omitted entirely on a global pool — sending [null] would fail
-			// `region_ids.*` => integer.
-			...(selectedRegionId.value ? { region_ids: [selectedRegionId.value] } : {}),
+			region_ids: [selectedRegionId.value],
 			description: description.value || "-",
 			quantity_keys: Number(quantity.value) || 1,
 			// Recorded on the request so the acknowledgment is provable, not just

package/services/campaignService.ts

@@ -374,7 +374,7 @@ export const fetchCampaignBySlug = async (slug: string) => {
 		cover: k.cover_src,
 		cover_focal_x: k.cover_focal_x ?? 0.5,
 		cover_focal_y: k.cover_focal_y ?? 0.5,
-		game_cover: k.game?.url_cover_src,
+		game_cover: k.game?.url_cover_src || k.game?.cover_url || k.game?.url_cover,
 		game_slug: k.game?.slug,
 		game_name: k.game?.name ?? null,
 		// Creator feedback. The can_* flags are computed server-side by