@mundogamernetwork/shared-ui 1.17.2 → 1.17.4

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.4",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

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")
 }
 
 /**