@mundogamernetwork/shared-ui 1.8.16 → 1.8.18

package/components/MediaKit/MgRateCardBundleEditor.vue

@@ -12,7 +12,7 @@
 		<!-- Bundle Form -->
 		<div v-if="showForm" class="bundle-form">
 			<div class="visibility-note">
-				<MGIcon icon="info" />
+				<MGIcon icon="about" />
 				<span>{{ $t("media_kit.bundles.visibility_note") }}</span>
 			</div>
 			<div class="form-group">
@@ -47,7 +47,7 @@
 							<span class="card-price">{{ formatPrice(card.price_min, card.currency) }}</span>
 						</div>
 						<div class="check-indicator">
-							<MGIcon icon="checkmark" v-if="form.rate_card_ids.includes(card.id)" />
+							<MGIcon icon="verified" v-if="form.rate_card_ids.includes(card.id)" />
 						</div>
 						<div v-if="form.rate_card_ids.includes(card.id)" class="card-qty" @click.stop.prevent>
 							<span>×</span>

package/components/MediaKit/MgRateCardEditor.vue

@@ -24,11 +24,11 @@
 					</select>
 				</div>
 				<div class="form-group">
-					<label>{{ $t("media_kit.editor.platform") }}</label>
-					<select v-model="form.platform_id" :class="{ 'input-error': rateCardErrors.platform_id }" @change="delete rateCardErrors.platform_id" required>
+					<label>{{ $t("media_kit.editor.ad_channel") }}</label>
+					<select v-model="form.ad_channel_id" :class="{ 'input-error': rateCardErrors.ad_channel_id }" @change="delete rateCardErrors.ad_channel_id" required>
 						<option value="">{{ $t("media_kit.editor.select") }}</option>
-						<option v-for="platform in platforms" :key="platform.id" :value="platform.id">
-							{{ platform.name }}
+						<option v-for="channel in adChannels" :key="channel.id" :value="channel.id">
+							{{ channel.name }}
 						</option>
 					</select>
 				</div>
@@ -110,7 +110,7 @@
 			<div v-for="card in rateCards" :key="card.id" class="rate-card-item">
 				<div class="card-info">
 					<span class="format">{{ card.content_format?.name || card.label }}</span>
-					<span class="channel">{{ card.platform?.name }}</span>
+					<span class="channel">{{ card.ad_channel?.name }}</span>
 					<span class="price">{{ formatPrice(card.price_min, card.price_max, card.currency) }}</span>
 				</div>
 				<div class="card-actions">
@@ -134,7 +134,7 @@ const { t } = useI18n();
 interface RateCard {
 	id: number;
 	content_format_id: number;
-	platform_id: number;
+	ad_channel_id: number;
 	label?: string;
 	price_min: string;
 	price_max?: string;
@@ -143,7 +143,7 @@ interface RateCard {
 	description?: string;
 	is_active: boolean;
 	content_format?: { id: number; name: string };
-	platform?: { id: number; name: string };
+	ad_channel?: { id: number; name: string };
 }
 
 interface LookupItem {
@@ -156,7 +156,7 @@ const props = withDefaults(
 		rateCards: RateCard[];
 		influencerProInfoId: number;
 		contentFormats: LookupItem[];
-		platforms: LookupItem[];
+		adChannels: LookupItem[];
 		isEnabled?: boolean;
 		/** MGN commission % for the current plan (host app resolves this, e.g. from feature_limits). */
 		commissionPercent?: number;
@@ -196,7 +196,7 @@ const saving = ref(false);
 
 const defaultForm = {
 	content_format_id: '',
-	platform_id: '',
+	ad_channel_id: '',
 	price_min: '',
 	price_max: '',
 	currency: 'USD',
@@ -265,7 +265,7 @@ const editCard = (card: RateCard) => {
 	editing.value = card.id;
 	form.value = {
 		content_format_id: String(card.content_format_id),
-		platform_id: String(card.platform_id),
+		ad_channel_id: String(card.ad_channel_id),
 		price_min: card.price_min,
 		price_max: card.price_max || '',
 		currency: card.currency,
@@ -283,7 +283,7 @@ const saveRateCard = async () => {
 	// Client-side required field check (HTML required bypassed by @click)
 	Object.keys(rateCardErrors).forEach(k => delete rateCardErrors[k]);
 	if (!form.value.content_format_id) rateCardErrors.content_format_id = 'required';
-	if (!form.value.platform_id) rateCardErrors.platform_id = 'required';
+	if (!form.value.ad_channel_id) rateCardErrors.ad_channel_id = 'required';
 	if (!form.value.price_min && form.value.price_min !== 0) rateCardErrors.price_min = 'required';
 	if (Object.keys(rateCardErrors).length) return;
 
@@ -293,7 +293,7 @@ const saveRateCard = async () => {
 			...form.value,
 			influencer_professional_info_id: props.influencerProInfoId,
 			content_format_id: Number(form.value.content_format_id),
-			platform_id: Number(form.value.platform_id),
+			ad_channel_id: Number(form.value.ad_channel_id),
 			price_min: Number(form.value.price_min),
 			price_max: form.value.price_max ? Number(form.value.price_max) : null,
 			delivery_time_days: form.value.delivery_time_days ? Number(form.value.delivery_time_days) : null,

package/components/PressKit/AssetGallery.vue

@@ -80,7 +80,7 @@ function downloadAll() {
 		<div class="gallery-header">
 			<h3 class="section-title">{{ $t('press_kit.assets') }}</h3>
 			<button v-if="allowDownload && assets.length" class="btn-download-all" @click="downloadAll">
-				<MGIcon icon="download" /> {{ $t('press_kit.download_all') }}
+				<MGIcon icon="save" /> {{ $t('press_kit.download_all') }}
 			</button>
 		</div>
 
@@ -134,7 +134,7 @@ function downloadAll() {
 			<div class="lb-info">
 				<span>{{ imageAssets[lightboxIndex]?.title || imageAssets[lightboxIndex]?.type }}</span>
 				<button v-if="allowDownload" class="lb-download" @click="downloadAsset(imageAssets[lightboxIndex])">
-					<MGIcon icon="download" /> {{ $t('press_kit.download') }}
+					<MGIcon icon="save" /> {{ $t('press_kit.download') }}
 				</button>
 			</div>
 		</div>

package/components/PressKit/Awards.vue

@@ -27,7 +27,7 @@ defineProps<Props>();
 				rel="noopener"
 				:class="['award-card', { 'no-link': !award.url }]"
 			>
-				<MGIcon icon="trophy" class="award-icon" />
+				<MGIcon icon="achievements" class="award-icon" />
 				<div class="award-info">
 					<span class="award-title">{{ award.title }}</span>
 					<span v-if="award.event || award.year" class="award-event">

package/components/PressKit/Hero.vue

@@ -27,7 +27,7 @@ const youtubeEmbedUrl = computed(() => {
 				<h1 v-else class="hero-title">{{ name }}</h1>
 				<p v-if="tagline" class="hero-tagline">{{ tagline }}</p>
 				<button v-if="trailerUrl" class="btn-trailer" @click="showTrailer = true">
-					<MGIcon icon="play" /> {{ $t('press_kit.watch_trailer') }}
+					<MGIcon icon="videos" /> {{ $t('press_kit.watch_trailer') }}
 				</button>
 			</div>
 		</div>

package/components/PressKit/VideoPlayer.vue

@@ -55,7 +55,7 @@ function formatType(type?: string) {
 				:class="['video-item', { active: activeVideo?.id === video.id }]"
 				@click="activeVideo = video"
 			>
-				<MGIcon icon="play-circle" />
+				<MGIcon icon="videos" />
 				<div class="video-meta">
 					<span class="video-title">{{ video.title }}</span>
 					<span v-if="video.type" class="video-type">{{ formatType(video.type) }}</span>

package/components/keys/KeyCampaignDashboardCard.vue

@@ -130,38 +130,38 @@ const detailRoute = computed(() =>
 
 					<!-- Exclusive badge -->
 					<div v-if="card.is_exclusive && !userCanAccess" class="kc-card__exclusive-badge kc-card__exclusive-lock">
-						<i class="fa-solid fa-crown" /> {{ $t("keys.card.exclusive_upgrade") }}
+						<MGIcon size="1x" icon="reward" /> {{ $t("keys.card.exclusive_upgrade") }}
 					</div>
 					<div v-else-if="card.is_exclusive" class="kc-card__exclusive-badge">
-						<i class="fa-solid fa-crown" /> {{ $t("keys.card.exclusive") }}
+						<MGIcon size="1x" icon="reward" /> {{ $t("keys.card.exclusive") }}
 					</div>
 
 					<!-- Tier-locked badge -->
 					<div v-else-if="card.is_tier_locked && card.access_tier !== 'free' && !userCanAccess" class="kc-card__exclusive-badge">
-						<i class="fa-solid fa-crown" /> {{ cardTierLabel(card.access_tier) }}
+						<MGIcon size="1x" icon="reward" /> {{ cardTierLabel(card.access_tier) }}
 					</div>
 
 					<!-- Early access badge -->
 					<div v-else-if="(card.early_access_hours ?? 0) > 0 && userCanAccess" class="kc-card__early-access-badge">
-						<i class="fa-solid fa-bolt" /> {{ $t("keys.card.early_access") }}
+						<MGIcon size="1x" icon="clock" /> {{ $t("keys.card.early_access") }}
 					</div>
 
 					<!-- Streamer level badge -->
 					<div v-if="card.streamer_type === 2 || card.streamer_type === 3" class="kc-card__exclusive-badge kc-card__level-badge">
-						<i class="fa-solid fa-user-check" />
+						<MGIcon size="1x" icon="verified" />
 						{{ card.streamer_type === 2 ? $t("keys.card.level_official") : $t("keys.card.level_affiliate") }}
 					</div>
 
 					<!-- Early-access lock overlay -->
 					<div v-if="!userCanAccess && card.available_at_for_user" class="kc-card__lock-overlay">
-						<i class="fa-solid fa-lock" />
+						<MGIcon size="1x" icon="lock" />
 						<span class="lock-label">{{ $t("keys.card.early_access_lock_title") }}</span>
 						<span class="lock-countdown">{{ $t("keys.card.early_access_opens_in") }} {{ formatCountdown(card.available_at_for_user) }}</span>
 					</div>
 
 					<!-- Exclusive lock overlay -->
 					<div v-else-if="!userCanAccess && card.is_exclusive" class="kc-card__lock-overlay kc-card__lock-overlay--exclusive">
-						<i class="fa-solid fa-crown" />
+						<MGIcon size="1x" icon="reward" />
 						<span class="lock-label">{{ $t("keys.card.exclusive_lock_title") }}</span>
 						<span class="lock-cta">{{ $t("keys.card.exclusive_upgrade_cta") }}</span>
 					</div>
@@ -198,7 +198,7 @@ const detailRoute = computed(() =>
 					</NuxtLink>
 					<NuxtLink v-if="!publicMode" :to="`/${locale}/dashboard/pricing`">
 						<button class="btn secondary upgrade-btn">
-							<i class="fa-solid fa-arrow-up" /> {{ $t("keys.card.upgrade_plan") }}
+							<MGIcon size="1x" icon="chevron-up" /> {{ $t("keys.card.upgrade_plan") }}
 						</button>
 					</NuxtLink>
 				</template>

package/components/playtest/PlaytestBrief.vue

@@ -54,7 +54,7 @@ const categoryLabel = computed(() => {
 			</div>
 
 			<div v-if="campaign.eligible === false" class="pt-brief__ineligible">
-				<i class="fa-solid fa-lock" />
+				<MGIcon size="1x" icon="lock" />
 				<span>{{ campaign.ineligibility_reason || $t("playtest.brief.ineligible_generic", "You don't currently qualify for this playtest.") }}</span>
 			</div>
 

package/components/playtest/PlaytestPendingConfirmation.vue

@@ -23,8 +23,8 @@ const emit = defineEmits<{
 <template>
 	<div class="pt-pending" :class="{ 'pt-pending--ineligible': ineligible }">
 		<div class="pt-pending__icon">
-			<i v-if="ineligible" class="fa-solid fa-circle-exclamation" />
-			<i v-else class="fa-solid fa-circle-check" />
+			<MGIcon v-if="ineligible" size="1x" icon="exclamation" />
+			<MGIcon v-else size="1x" icon="verified-filled" />
 		</div>
 
 		<h3 class="pt-pending__title">

package/components/playtest/concept-poll/RankedChoiceVote.vue

@@ -65,7 +65,7 @@ function submit() {
 						:aria-label="$t('playtest.concept_poll.move_up', 'Move up')"
 						@click="moveUp(index)"
 					>
-						<i class="fa-solid fa-arrow-up" />
+						<MGIcon size="1x" icon="chevron-up" />
 					</button>
 					<button
 						type="button"
@@ -74,7 +74,7 @@ function submit() {
 						:aria-label="$t('playtest.concept_poll.move_down', 'Move down')"
 						@click="moveDown(index)"
 					>
-						<i class="fa-solid fa-arrow-down" />
+						<MGIcon size="1x" icon="chevron-down" />
 					</button>
 				</span>
 			</li>

package/components/playtest/moderated/JoinCallPanel.vue

@@ -35,7 +35,7 @@ const scheduledAt = computed(() => (props.session?.scheduled_at ? new Date(props
 			<p class="join-call-panel__time">{{ scheduledAt?.toLocaleString() }}</p>
 
 			<div v-if="session.tester_confirmed_at" class="join-call-panel__confirmed-badge">
-				<i class="fa-solid fa-circle-check" />
+				<MGIcon size="1x" icon="verified-filled" />
 				{{ $t("playtest.moderated.you_confirmed", "You've confirmed attendance") }}
 			</div>
 

package/components/ui/MgHeaderUIUser.vue

@@ -106,7 +106,7 @@ const handleLogout = async () => {
 
 				<div v-if="features.wallet && user?.coins !== null" class="row info-row">
 					<span class="coins">
-						<MGIcon icon="coin" />
+						<MGIcon icon="coin-v2" />
 						{{ Math.floor(user?.coins ?? 0).toLocaleString() }}
 					</span>
 				</div>

package/components/ui/MgWalletPlanBadge.vue

@@ -43,7 +43,7 @@ const isSubscriber = computed(() => !!(user.value as any)?.subscription?.is_subs
 <template>
 	<div class="mg-wallet-plan">
 		<span v-if="showWallet" class="mg-wallet-plan__coins">
-			<MGIcon icon="coin" />
+			<MGIcon icon="coin-v2" />
 			{{ Math.floor(walletBalance).toLocaleString() }}
 			<span class="mg-wallet-plan__currency">MGC</span>
 		</span>

package/locales/de.json

@@ -54,14 +54,15 @@
         "exclusive_official": "Official streamers only",
         "level_official": "Official",
         "level_affiliate": "Affiliate",
-        "tier_locked": "Exklusiv für den Plan {tier} oder höher"
+        "tier_locked": "Exklusiv für den Plan {tier} oder höher",
+        "early_access": "Vorabzugang für {tier}-Plan oder höher"
       },
       "status_key": {
         "see_key": "View key",
         "of": "of",
-        "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_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_0": "Campaign",
         "title_span_0": "ended",
         "obs_0": "The redemption period for the key has expired.",
@@ -118,8 +119,8 @@
         "launch": "Launch",
         "status": "Status",
         "status_active": "Active",
-        "status_upcoming": "Coming soon",
-        "opens_in": "Opens in",
+        "status_upcoming": "Demnächst",
+        "opens_in": "Öffnet in",
         "follow_campaign": "Benachrichtige mich bei Eröffnung",
         "following": "Du wirst benachrichtigt",
         "status_closed": "Closed",
@@ -187,10 +188,15 @@
       "error_user_blocked": "Ihr Zugang zu Key-Anfragen wurde vorübergehend gesperrt, da Material-Einreichungen überfällig sind. Bitte reichen Sie Ihre ausstehenden Materialien ein.",
       "error_not_eligible": "Diese Kampagne ist für Ihren aktuellen Plan nicht verfügbar.",
       "error_pending_limit": "Sie haben das gleichzeitige Anfragenlimit Ihres Plans erreicht. Bitte erfüllen Sie Ihre ausstehenden Verpflichtungen, bevor Sie einen neuen Key anfordern.",
+      "error_session_expired": "Deine Sitzung ist abgelaufen.",
+      "error_session_expired_help": "Melde dich erneut an, um diese Anfrage abzuschließen. Deine Eingaben wurden noch nicht gesendet.",
+      "login_again": "Erneut anmelden",
       "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.",
+      "keys_left": "{n} Key übrig | {n} Keys übrig",
+      "keys_low_stock": "Letzter Key | Letzte {n}",
       "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",
@@ -219,8 +225,12 @@
       "embargo_warning_desc": "Du darfst vor dem {date} keine Inhalte über dieses Spiel veröffentlichen oder teilen.",
       "embargo_ack_label": "Ich verstehe, dass dieser Key bis {date} gesperrt ist, und werde vorher nichts veröffentlichen.",
       "embargo_ack_confirm": "Bestätigen & Key anzeigen",
+      "embargo_ack_required": "Bestätige, dass du Datum und Uhrzeit der Sperrfrist kennst, bevor du den Key anforderst.",
       "no_embargo_title": "Keine Sperrfrist",
       "no_embargo_desc": "Du kannst sofort Inhalte über dieses Spiel veröffentlichen oder teilen.",
+      "embargo_lifted_title": "Sperrfrist aufgehoben",
+      "embargo_countdown": "Wird {relative} aufgehoben.",
+      "embargo_reminder_short": "Veröffentliche nichts über dieses Spiel vor dem {date}.",
       "pr_contact_label": "PR-Kontakt"
     },
     "materials": {

package/locales/en.json

@@ -54,7 +54,8 @@
         "exclusive_official": "Official streamers only",
         "level_official": "Official",
         "level_affiliate": "Affiliate",
-        "tier_locked": "Exclusive to {tier} plan or higher"
+        "tier_locked": "Exclusive to {tier} plan or higher",
+        "early_access": "Early access for {tier} plan or higher"
       },
       "status_key": {
         "see_key": "View key",
@@ -187,10 +188,15 @@
       "error_user_blocked": "Your key request access has been temporarily blocked due to overdue material submissions. Please submit your pending materials to restore access.",
       "error_not_eligible": "This campaign is not available for your current plan.",
       "error_pending_limit": "You have reached the simultaneous request limit for your plan. Please fulfill your pending obligations before requesting a new key.",
+      "error_session_expired": "Your session has expired.",
+      "error_session_expired_help": "Sign in again to finish this request. Nothing you typed was sent yet.",
+      "login_again": "Sign in again",
       "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.",
+      "keys_left": "{n} key left | {n} keys left",
+      "keys_low_stock": "Last key | Last {n}",
       "back_to_campaign": "Back to campaign",
       "status_pending": "Request pending — waiting for approval",
       "status_approved": "Request approved — you can now retrieve your key",
@@ -219,8 +225,12 @@
       "embargo_warning_desc": "You must not publish or share any content about this game before {date}.",
       "embargo_ack_label": "I understand this key is embargoed until {date} and will not publish before then.",
       "embargo_ack_confirm": "Confirm & reveal key",
+      "embargo_ack_required": "Confirm you are aware of the embargo date and time before requesting the key.",
       "no_embargo_title": "No embargo",
       "no_embargo_desc": "You're free to publish or share content about this game right away.",
+      "embargo_lifted_title": "Embargo lifted",
+      "embargo_countdown": "Lifts {relative}.",
+      "embargo_reminder_short": "Do not publish anything about this game before {date}.",
       "pr_contact_label": "PR contact"
     },
     "materials": {