@mundogamernetwork/shared-ui 1.1.92 → 1.1.94

package/assets/kit/kit-base.css

@@ -756,6 +756,13 @@ body:has(.kit-press) {
 	scrollbar-width: none;
 }
 .kit-anchornav-inner::-webkit-scrollbar { display: none; }
+/* Trailing spacer so the last item isn't clipped by the overflow container */
+.kit-anchornav-inner::after {
+	content: '';
+	display: block;
+	min-width: 24px;
+	flex-shrink: 0;
+}
 .kit-anchornav-item {
 	display: inline-block;
 	padding: 14px 16px;

package/locales/de.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "Noch {days} Tage, um dein Material einzureichen",
+      "deadline_today": "Letzter Tag, um dein Material einzureichen",
+      "deadline_overdue": "Die Einreichungsfrist ist abgelaufen",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/locales/en.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "{days} days left to submit your material",
+      "deadline_today": "Last day to submit your material",
+      "deadline_overdue": "The submission deadline has passed",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/locales/pt-BR.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "Faltam {days} dias para enviar seu material",
+      "deadline_today": "Último dia para enviar seu material",
+      "deadline_overdue": "O prazo de envio já passou",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/locales/ro.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "Mai ai {days} zile pentru a trimite materialul",
+      "deadline_today": "Ultima zi pentru a trimite materialul",
+      "deadline_overdue": "Termenul de trimitere a expirat",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/package.json

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

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed, inject, onMounted } from "vue"
+import { ref, computed, inject, onMounted, unref } from "vue"
 import { useNuxtApp, useRoute, useAsyncData, navigateTo } from "#app"
 import {
 	fetchCampaignBySlug,
@@ -476,7 +476,7 @@ const tierLabel = computed(() => {
 // Auth guard for CTA actions
 // ------------------------------------------------------------------
 function requireAuth(targetPath: string) {
-	if (currentUser) {
+	if (unref(currentUser)) {
 		navigateTo(targetPath)
 		return
 	}
@@ -497,7 +497,7 @@ const showUsersModal = ref(false)
 onMounted(async () => {
 	updateCountdown()
 
-	if (currentUser && campaign.value?.id) {
+	if (unref(currentUser) && campaign.value?.id) {
 		try {
 			const response = await fetchMyRequests({ "filter[key_id]": campaign.value.id })
 			const requests = response?.data?.data

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

@@ -15,6 +15,11 @@
 					</div>
 				</div>
 
+				<div v-if="deadlineText" class="deadline-banner" :class="{ overdue: daysRemaining !== null && daysRemaining < 0 }">
+					<MGIcon size="1x" icon="others" />
+					<span>{{ deadlineText }}</span>
+				</div>
+
 				<div class="boxes">
 					<!-- Submission form -->
 					<div class="box-container">
@@ -187,10 +192,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, inject, onMounted } from "vue"
+import { ref, computed, inject, onMounted, unref } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useI18n } from "#imports"
-import { submitMaterial, fetchMaterialsByRequest } from "../../services/campaignService"
+import { submitMaterial, fetchMaterialsByRequest, fetchKeyRequestById } from "../../services/campaignService"
 
 definePageMeta({
 	middleware: [
@@ -241,6 +246,30 @@ const urlError = ref<string | null>(null)
 const formError = ref<string | null>(null)
 const showSuccessModal = ref(false)
 
+// Submission deadline — counts down from the request's approval date, using
+// the campaign's configured window (defaults to 30 days server-side).
+const daysRemaining = ref<number | null>(null)
+const deadlineText = computed(() => {
+	if (daysRemaining.value === null) return ""
+	if (daysRemaining.value < 0) return t("keys.materials.deadline_overdue")
+	if (daysRemaining.value === 0) return t("keys.materials.deadline_today")
+	return t("keys.materials.deadline_days_left", { days: daysRemaining.value })
+})
+
+async function loadDeadline() {
+	try {
+		const res = await fetchKeyRequestById(requestId.value)
+		const data = res?.data?.data ?? res?.data
+		const approvedAt = data?.approved_at
+		const deadlineDays = Number(data?.material_deadline_days ?? 30)
+		if (!approvedAt) return
+		const deadline = new Date(approvedAt)
+		deadline.setDate(deadline.getDate() + deadlineDays)
+		const diffMs = deadline.getTime() - Date.now()
+		daysRemaining.value = Math.ceil(diffMs / (1000 * 60 * 60 * 24))
+	} catch { /* deadline is informational only, ignore failures */ }
+}
+
 function toggleType(formIndex: number, type: ContentType) {
 	const currentTypes = forms.value[formIndex].content_types
 	const idx = currentTypes.indexOf(type)
@@ -312,7 +341,7 @@ const submitForm = async () => {
 		for (const form of forms.value) {
 			await submitMaterial({
 				key_request_id: requestId.value,
-				user_id: currentUserId,
+				user_id: unref(currentUserId),
 				content_types: form.content_types.map((type) => contentTypesMap[type]),
 				material_url: form.material_url,
 				description: form.description,
@@ -343,6 +372,7 @@ onMounted(async () => {
 			const res = await fetchMaterialsByRequest(requestId.value)
 			submittedMaterials.value = res?.data?.data ?? []
 		} catch { /* silent */ }
+		loadDeadline()
 	}
 })
 </script>
@@ -434,6 +464,24 @@ onMounted(async () => {
 			}
 		}
 
+		.deadline-banner {
+			display: flex;
+			align-items: center;
+			gap: 8px;
+			padding: 10px 16px;
+			background: rgba(210, 151, 255, 0.1);
+			border-left: 2px solid #d297ff;
+			color: var(--card-cover-title);
+			font-size: 13px;
+			i { color: #d297ff; }
+
+			&.overdue {
+				background: rgba(248, 60, 60, 0.1);
+				border-left-color: rgb(248, 60, 60);
+				i { color: rgb(248, 60, 60); }
+			}
+		}
+
 		.disabled {
 			cursor: not-allowed;
 			pointer-events: none;

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, inject, onMounted } from "vue"
+import { ref, inject, onMounted, unref } from "vue"
 import { useRoute, navigateTo } from "#app"
 import { useNuxtApp } from "#app"
 import { revealKey, fetchKeyRequestById } from "../../services/campaignService"
@@ -47,7 +47,7 @@ const redeemUrl = computed(() => {
 })
 
 onMounted(async () => {
-	if (!currentUser) {
+	if (!unref(currentUser)) {
 		const returnTo = typeof window !== "undefined" ? window.location.href : ""
 		navigateTo(`${loginUrl}?redirect_to=${encodeURIComponent(returnTo)}`, { external: true })
 		return

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed, inject, onMounted } from "vue"
+import { ref, computed, inject, onMounted, unref } from "vue"
 import { useRoute, navigateTo } from "#app"
 import { useNuxtApp } from "#app"
 import {
@@ -46,7 +46,7 @@ function clampQuantity() {
 }
 
 onMounted(async () => {
-	if (!currentUser) {
+	if (!unref(currentUser)) {
 		const returnTo = typeof window !== "undefined" ? window.location.href : ""
 		navigateTo(`${loginUrl}?redirect_to=${encodeURIComponent(returnTo)}`, { external: true })
 		return

package/pages/presskit/game/[slug].vue

@@ -96,6 +96,15 @@ function scrollToTop() {
 	window.scrollTo({ top: 0, behavior: 'smooth' });
 }
 
+function scrollToSection(id: string) {
+	const el = document.getElementById(id);
+	if (!el) return;
+	const nav = document.querySelector('.kit-anchornav') as HTMLElement | null;
+	const offset = nav ? nav.offsetHeight : 52;
+	const top = el.getBoundingClientRect().top + window.scrollY - offset;
+	window.scrollTo({ top, behavior: 'smooth' });
+}
+
 onMounted(() => {
 	const hero = document.querySelector('.kit-cover') as HTMLElement | null;
 	heroHeight = hero ? hero.offsetHeight : 300;
@@ -119,7 +128,7 @@ const navSections = computed(() => {
 	if (coverage.value.length) s.push({ id: 'creators', label: 'kit.press.coverage' });
 	if (awards.value.length) s.push({ id: 'awards', label: 'kit.press.awards' });
 	if (team.value.length) s.push({ id: 'team', label: 'kit.press.team' });
-	if (showcases.value.length) s.push({ id: 'events', label: 'kit.press.showcases' });
+	if (hasEcosystem.value) s.push({ id: 'events', label: 'kit.press.showcases' });
 	if (k.press_contact_email) s.push({ id: 'contact', label: 'kit.press.contact' });
 	return s;
 });
@@ -221,6 +230,7 @@ useSeoMeta({
 						:key="s.id"
 						:href="`#${s.id}`"
 						class="kit-anchornav-item"
+						@click.prevent="scrollToSection(s.id)"
 					>{{ $te(s.label) ? $t(s.label) : s.label }}</a>
 				</div>
 			</nav>