@mundogamernetwork/shared-ui 1.1.2 → 1.1.3

package/components/ui/MgLoginRegisterMenu.vue

@@ -76,22 +76,24 @@ function goRegister() {
 .mg-login-register {
 	display: flex;
 	flex-direction: column;
-	gap: 0.85rem;
-	padding: 1.25rem;
+	gap: 0.9rem;
+	padding: 1.5rem;
 	// Inline (default): fill the parent dropdown container.
 	width: 100%;
 	box-sizing: border-box;
 	background: var(--header-ui-config-bg, var(--sidebar-bg, var(--body-bg-card, #1c1c1c)));
 
 	// Dropdown variant: self-positioned card with its own width + border.
+	// Wider card so the login CTA reads as primary and the register line
+	// stays on a single row across locales (de/ro run long).
 	&--dropdown {
 		position: absolute;
 		top: 100%;
 		right: 0;
 		margin-top: 8px;
 		z-index: 9999;
-		width: 300px;
-		max-width: 300px;
+		width: 340px;
+		max-width: calc(100vw - 24px);
 		border: 1px solid var(--header-ui-config-border, var(--border-card, rgba(255, 255, 255, 0.08)));
 	}
 
@@ -100,8 +102,8 @@ function goRegister() {
 		align-items: center;
 		justify-content: center;
 		width: 100%;
-		min-height: 44px;
-		padding: 10px 16px;
+		min-height: 46px;
+		padding: 11px 18px;
 		font-size: 15px;
 		font-weight: 600;
 		border: none;

package/composables/useMgCheckout.ts

@@ -196,11 +196,24 @@ export function useMgCheckout(httpService: AxiosInstance) {
         pix_data: data.pix_data ?? undefined,
       };
 
-      // For redirect-based payments (Stripe, PayPal, free), redirect immediately
-      if (
-        checkoutResponse.value.payment_type === "redirect" ||
-        checkoutResponse.value.payment_type === "free"
+      // Free order (100%-off coupon): the backend already marked the invoice
+      // paid and returns payer_action: null (NO gateway). Send the user to the
+      // confirmation/success URL with the invoice id appended, so the
+      // confirmation page can read it — never redirect to a null payer_action.
+      if (checkoutResponse.value.payment_type === "free") {
+        const invId =
+          (data.order?.invoice_id ?? data.order?.reference ?? "") as string;
+        if (successUrl) {
+          const sep = successUrl.includes("?") ? "&" : "?";
+          window.location.href = invId
+            ? `${successUrl}${sep}invoice_id=${encodeURIComponent(invId)}`
+            : successUrl;
+        }
+      } else if (
+        checkoutResponse.value.payment_type === "redirect" &&
+        checkoutResponse.value.payer_action
       ) {
+        // Stripe / PayPal — redirect to the gateway.
         window.location.href = checkoutResponse.value.payer_action;
       }
 

package/package.json

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