@mundogamernetwork/shared-ui 1.17.2 → 1.17.5

package/components/checkout/MgBillingProfileFields.vue

@@ -124,10 +124,20 @@ defineExpose({ save, wanted, profile: billing.profile, hasData: billing.hasData
 </template>
 
 <style lang="scss" scoped>
+/*
+ * Theme-agnostic on purpose. This block renders inside eight different
+ * checkouts, and they are not all light: agency's is near-black, and hardcoded
+ * light fallbacks turned the labels dark-on-dark and the inputs into glaring
+ * white boxes. Everything here inherits the host's own text colour and derives
+ * its lines from it, so the block reads correctly on any background without
+ * each app having to restyle it.
+ */
 .mg-billing-profile {
   margin-top: 16px;
-  border-top: 1px solid var(--inactive, #ececec);
+  border-top: 1px solid currentColor;
+  border-top-color: color-mix(in srgb, currentColor 18%, transparent);
   padding-top: 16px;
+  color: inherit;
 }
 
 .mg-billing-profile__toggle {
@@ -136,6 +146,7 @@ defineExpose({ save, wanted, profile: billing.profile, hasData: billing.hasData
   gap: 8px;
   font-size: 14px;
   cursor: pointer;
+  color: inherit;
 }
 
 .mg-billing-profile__body {
@@ -144,8 +155,8 @@ defineExpose({ save, wanted, profile: billing.profile, hasData: billing.hasData
 
 .mg-billing-profile__hint {
   font-size: 13px;
-  color: var(--inactive-text, #666);
   margin: 0 0 12px;
+  opacity: 0.7;
 }
 
 .mg-billing-profile__grid {
@@ -161,16 +172,28 @@ defineExpose({ save, wanted, profile: billing.profile, hasData: billing.hasData
   font-size: 12px;
 }
 
+.mg-billing-profile__field > span {
+  opacity: 0.7;
+}
+
 .mg-billing-profile__field--wide {
   grid-column: 1 / -1;
 }
 
 .mg-billing-profile__field input {
-  border: 1px solid var(--inactive, #d5d5d5);
+  border: 1px solid currentColor;
+  border-color: color-mix(in srgb, currentColor 30%, transparent);
   padding: 8px 10px;
   font-size: 14px;
-  background: var(--bg, #fff);
-  color: var(--active, #111);
+  /* Transparent, not white: the host's own background shows through, so the
+     field belongs to the surrounding form instead of punching a hole in it. */
+  background: transparent;
+  color: inherit;
+}
+
+.mg-billing-profile__field input:focus {
+  outline: none;
+  border-color: color-mix(in srgb, currentColor 60%, transparent);
 }
 
 .mg-billing-profile__error {

package/package.json

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

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

@@ -193,12 +193,9 @@ async function submit() {
 	if (!canSubmit.value) return
 	requestError.value = ""
 	sessionExpired.value = false
-	// Region is only demanded when the pool actually offers one — a global pool
-	// (region_id null on every key item) has nothing for the creator to pick,
-	// and requiring it here left the submit button dead with no explanation.
 	if (
 		!selectedPlatformId.value
-		|| (regionRequired.value && !selectedRegionId.value)
+		|| !selectedRegionId.value
 		|| !quantity.value
 		|| !description.value?.trim()
 	) {
@@ -214,9 +211,7 @@ async function submit() {
 		const response = await requestKey({
 			key_id: keyId,
 			platform_ids: [selectedPlatformId.value],
-			// Omitted entirely on a global pool — sending [null] would fail
-			// `region_ids.*` => integer.
-			...(selectedRegionId.value ? { region_ids: [selectedRegionId.value] } : {}),
+			region_ids: [selectedRegionId.value],
 			description: description.value || "-",
 			quantity_keys: Number(quantity.value) || 1,
 			// Recorded on the request so the acknowledgment is provable, not just

package/services/campaignService.ts

@@ -473,7 +473,7 @@ export const fetchCampaignTypes = (params: Record<string, any> = {}) => {
  * Fetch active platforms (for the platform filter select).
  */
 export const fetchCampaignPlatforms = () => {
-	return authClient.get("/public/key-platforms")
+	return authClient.get("/platforms/currently")
 }
 
 /**