@mundogamernetwork/shared-ui 1.1.35 → 1.1.37

package/components/ui/MgAppInstallBanner.vue

@@ -1,23 +1,10 @@
 <script setup lang="ts">
-// Optional props — allow the consuming layout to pass config directly
-// instead of relying on the store guessing the right runtimeConfig key.
-const props = withDefaults(defineProps<{
-	apiBaseUrl?: string;
-	platformId?: number | string;
-}>(), {
-	apiBaseUrl: undefined,
-	platformId: undefined,
-});
-
 const colorMode = useColorMode();
 const store = useAppInstallBannerStore();
 const locale = useNuxtApp().$i18n.locale;
 
 onMounted(async () => {
-	await store.fetchBanner(
-		props.apiBaseUrl,
-		props.platformId !== undefined ? Number(props.platformId) : undefined,
-	);
+	await store.fetchBanner();
 });
 
 const banner = computed(() => store.banner);

package/components/ui/MgCampaignBannerCarousel.vue

@@ -15,10 +15,10 @@ const isMobile = ref(false);
 const currentIndex = ref(0);
 let timer: ReturnType<typeof setInterval> | null = null;
 
-const { data: banners, pending } = await useAsyncData(
+const { data: banners } = await useAsyncData(
 	`mg-campaign-banners-${props.platform}-${props.page}-${locale.value}`,
 	() => fetchCampaignBanners(props.platform, props.page, locale.value),
-	{ default: () => [], server: false, lazy: true },
+	{ default: () => [], lazy: true, server: false },
 );
 
 const hasBanners = computed(() => (banners.value?.length ?? 0) > 0);
@@ -40,7 +40,7 @@ const startCarousel = () => {
 
 const handleClick = () => {
 	if (!currentBanner.value) return;
-	clickCampaignBanner(currentBanner.value.id, props.platform, props.page);
+	clickCampaignBanner(currentBanner.value.id);
 	window.open(currentBanner.value.link, "_blank");
 };
 
@@ -67,9 +67,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-	<div v-if="pending" class="mg-campaign-banner-skeleton mb-4" aria-hidden="true" />
-
-	<div v-else-if="hasBanners" class="mg-campaign-banner-carousel mb-4">
+	<div v-if="hasBanners" class="mg-campaign-banner-carousel mb-4">
 		<div
 			class="mg-campaign-banner-slide"
 			role="button"
@@ -98,18 +96,6 @@ onUnmounted(() => {
 </template>
 
 <style lang="scss" scoped>
-@keyframes mg-skeleton-loading {
-	0%   { background-color: rgba(255, 255, 255, 0.06); }
-	100% { background-color: rgba(221, 221, 221, 0.18); }
-}
-
-.mg-campaign-banner-skeleton {
-	width: 100%;
-	aspect-ratio: 4 / 1;
-	min-height: 120px;
-	animation: mg-skeleton-loading 0.8s linear infinite alternate;
-}
-
 .mg-campaign-banner-carousel {
 	position: relative;
 	width: 100%;
@@ -132,13 +118,11 @@ onUnmounted(() => {
 .mg-campaign-banner-indicators {
 	position: absolute;
 	bottom: 8px;
-	left: 0;
-	right: 0;
+	left: 50%;
+	transform: translateX(-50%);
 	display: flex;
-	justify-content: center;
 	gap: 6px;
 	align-items: center;
-	pointer-events: none;
 
 	button {
 		width: 8px;
@@ -147,7 +131,6 @@ onUnmounted(() => {
 		border: 0;
 		background: rgba(255, 255, 255, 0.5);
 		cursor: pointer;
-		pointer-events: all;
 		transition: background 0.2s;
 
 		&.active {

package/nuxt.config.ts

@@ -1,11 +1,16 @@
 export default defineNuxtConfig({
-	css: ["@mundogamernetwork/shared-ui/assets/kit/kit-theme.css"],
+	css: [
+		"@mundogamernetwork/shared-ui/assets/kit/kit-base.css",
+		"@mundogamernetwork/shared-ui/assets/kit/kit-theme.css",
+	],
 	runtimeConfig: {
 		public: {
 			mgSharedUi: {
 				platform: "", // e.g. MGC, MGTV, MGN
 				systemId: "", // VITE_SYSTEM_ID for notification filtering
 				apiBaseURL: "", // VITE_API_BASE_URL
+				pressKitApiUrl: "", // VITE_PRESS_KIT_API_URL — override per-service; falls back to apiBaseURL
+			agencyBaseUrl: "", // VITE_BASE_URL_AGENCY — used for "create your press kit" CTA link
 				accountsBaseUrl: "", // VITE_BASE_ACCOUNTS_URL
 				networkBaseUrl: "", // VITE_BASE_URL_NETWORK (institutional APIs)
 				features: {

package/package.json

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