@mundogamernetwork/shared-ui 1.16.7 → 1.16.9

package/components/ui/MgHeaderUIUser.vue

@@ -48,7 +48,10 @@ onUnmounted(() => {
 });
 
 const handleLogout = async () => {
-	await performLogout(`${accountsBaseUrl}/login`);
+	// No explicit redirect — performLogout defaults to the current page,
+	// so logging out keeps you on this site (now as a guest) instead of
+	// bouncing to accounts' login page. See useLogout.ts.
+	await performLogout();
 };
 
 const handleToggleOnline = () => {
@@ -130,6 +133,15 @@ const handleToggleOnline = () => {
 					</div>
 				</div>
 
+				<!--
+					Optional, empty by default — a host with a user-type/role concept
+					(jobs-frontend's "Employer"/plan tier, formerly rendered by its own
+					now-deleted local HeaderUIUser fork) fills this via
+					<template #user-subtitle>; hosts without one render nothing here,
+					same as today.
+				-->
+				<slot name="user-subtitle" />
+
 				<div v-if="features.wallet && user?.coins !== null" class="row info-row">
 					<span class="coins">
 						<MGIcon icon="coin-v2" />

package/composables/useLogout.ts

@@ -23,7 +23,13 @@ export function useLogout() {
 			});
 		}
 
-		const target = redirectTo || `${accountsBaseUrl}/login`;
+		// Default: stay on the current site, now as a guest — these are mostly
+		// publicly-browsable content sites (a job posting, a video, a post),
+		// so bouncing to a different domain's login page on every logout is
+		// disorienting. accountsBaseUrl/login is still available for a caller
+		// that genuinely needs it (e.g. accounts' own logout), just not the
+		// default anymore.
+		const target = redirectTo || (typeof window !== "undefined" ? window.location.href : `${accountsBaseUrl}/login`);
 
 		if (typeof document === "undefined" || !apiBase) {
 			if (typeof window !== "undefined") window.location.href = target;

package/package.json

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

package/pages/faq.vue

@@ -8,6 +8,36 @@ const { isFaqOpened, faq } = storeToRefs(institutionalStore);
 
 const searchTerm = ref("");
 
+// Same host-agnostic login-redirect construction as MgLoginRegisterMenu's
+// goLogin() — routes through the CURRENT platform's own /login (apiBaseURL
+// host) rather than accountsBaseUrl/login directly, since most platforms'
+// session cookie is scoped to their own API domain, not accounts'. Inlined
+// rather than imported for the same reason as MgLoginRegisterMenu: this
+// file ships as raw TS/Vue inside an npm package, and relative .ts imports
+// from node_modules fail in Vite production builds.
+const runtimeConfig = useRuntimeConfig();
+const apiBase = (
+	(runtimeConfig.public.mgSharedUi?.apiBaseURL as string) ||
+	(runtimeConfig.public.apiBaseURL as string) ||
+	(import.meta.env.VITE_API_BASE_URL as string) ||
+	""
+).replace(/\/api\/v1\/?$/, "");
+const accountsBaseUrl =
+	(runtimeConfig.public.mgSharedUi?.accountsBaseUrl as string) ||
+	(runtimeConfig.public.accountsBaseUrl as string) ||
+	(import.meta.env.VITE_BASE_ACCOUNTS_URL as string) ||
+	"";
+const systemId =
+	(runtimeConfig.public.mgSharedUi?.systemId as string) ||
+	(runtimeConfig.public.platformId as string) ||
+	(import.meta.env.VITE_SYSTEM_ID as string) ||
+	"";
+const openTicketUrl = (() => {
+	const params: Record<string, string> = { redirect_to: `${accountsBaseUrl}/account/support/new` };
+	if (systemId) params.system_id = systemId;
+	return `${apiBase}/login?${new URLSearchParams(params)}`;
+})();
+
 const showModal = ref(false);
 const modalMessage = ref("");
 const closeModal = () => {
@@ -16,8 +46,6 @@ const closeModal = () => {
 
 async function fetchFaqs() {
 	try {
-		const config = useRuntimeConfig();
-		const systemId = config.public.mgSharedUi?.systemId || import.meta.env.VITE_SYSTEM_ID;
 		await institutionalStore.fetchFaq({
 			filter: {
 				term: searchTerm.value,
@@ -102,6 +130,9 @@ function toggleFaq(index: number) {
 										</span>
 									</div>
 								</div>
+								<a :href="openTicketUrl" class="press__button">
+									<span class="press__button--text">{{ $t("more.faq.open_ticket_btn") }}</span>
+								</a>
 							</div>
 						</div>
 					</div>
@@ -271,6 +302,26 @@ function toggleFaq(index: number) {
 				}
 			}
 		}
+
+		&__button {
+			background: var(--chip-text);
+			display: flex;
+			width: 200px;
+			height: 32px;
+			padding: 0px 12px 0px 8px;
+			justify-content: center;
+			align-items: center;
+			gap: 4px;
+			margin-top: 16px;
+
+			&--text {
+				color: var(--chip-background-2);
+				text-align: center;
+				font-size: 12px;
+				font-weight: 400;
+				line-height: 16px;
+			}
+		}
 	}
 }