@mundogamernetwork/shared-ui 1.8.2 → 1.8.4

package/pages/presskit/game/[slug].vue

@@ -89,6 +89,12 @@ const allowDownload = computed(() => kit.value?.allow_asset_download !== false);
 const hasDownloadableAssets = computed(() => assets.value.length > 0);
 const canDownload = computed(() => allowDownload.value && hasDownloadableAssets.value);
 const zipDownloadUrl = computed(() => `${apiBase}/public/press-kits/${slug}/download${previewToken ? `?preview_token=${previewToken}` : ''}`);
+const interviewMailto = computed(() => {
+	const email = kit.value?.press_contact_email;
+	if (!email) return '';
+	const subject = `${t('kit.press.request_interview')} — ${kit.value?.name || ''}`;
+	return `mailto:${email}?subject=${encodeURIComponent(subject)}`;
+});
 
 const keyPoolsVisible = ref(false);
 function onPoolsReady(count: number) {
@@ -343,7 +349,7 @@ useHead(() => ({
 							     offered when the kit is actually linked to a game with open pools, same
 							     gate as the section itself, so this never links to an empty/broken state. -->
 							<a v-if="kit.game_id" class="kit-btn kit-btn-ghost" href="#review-key" @click.prevent="scrollToSection('review-key')">{{ $t('kit.press.request_review_key') }}</a>
-							<a class="kit-btn kit-btn-ghost" :href="`${agencyBase}/podcast-guest`" target="_blank" rel="noopener" @click="track('click')">{{ $t('kit.press.request_interview') }}</a>
+							<a v-if="interviewMailto" class="kit-btn kit-btn-ghost" :href="interviewMailto" @click="track('contact')">{{ $t('kit.press.request_interview') }}</a>
 						</div>
 					</div>
 				</div>
@@ -613,7 +619,7 @@ useHead(() => ({
 			</section>
 
 			<footer class="kit-footer">
-				<p v-if="!kit.is_premium" class="kit-footer__text">{{ $t('kit.press.made_with') }} <strong>Mundo Gamer Agency</strong></p>
+				<p v-if="!kit.no_branding" class="kit-footer__text">{{ $t('kit.press.made_with') }} <strong>Mundo Gamer Agency</strong></p>
 				<a :href="kit.create_kit_url || `${agencyBase}/presskit`" target="_blank" rel="noopener" class="kit-footer__cta">{{ $t('kit.press.create_yours') }}</a>
 			</footer>
 		</template>

package/services/campaignService.ts

@@ -422,16 +422,19 @@ export const revealKey = (requestId: number) => {
 }
 
 /**
- * Explicit opt-in to key campaign alerts — same endpoint used by
- * KeyBrowser.vue's notification prompt (GET/PUT /public/user/notification-preferences).
+ * Explicit opt-in to key campaign alerts — canonical, cross-product
+ * preferences endpoint (same one KeyBrowser.vue, network-accounts, and
+ * mobile use). No mg_network_system_id, so the opt-in is global.
  */
 export const enableKeyCampaignNotifications = () => {
-	return authClient.put("/public/user/notification-preferences", {
-		category: "key_campaigns",
-		enabled: true,
-		channel_email: true,
-		channel_push: true,
-		channel_in_app: true,
+	return authClient.post("/account-management/notification-preferences", {
+		preferences: [{
+			category: "key_campaigns",
+			enabled: true,
+			channel_email: true,
+			channel_push: true,
+			channel_in_app: true,
+		}],
 	})
 }
 

package/services/mediaKitProposalService.ts

@@ -0,0 +1,35 @@
+import { getHttpService } from './httpService';
+
+export interface ProposalDeliverableInput {
+	title: string;
+	description?: string;
+}
+
+export interface SendMediaKitProposalPayload {
+	receiverInfluencerProId: number;
+	senderUserId: number;
+	title: string;
+	proposedAmount: number;
+	currency?: string;
+	deliverables: ProposalDeliverableInput[];
+}
+
+/**
+ * Submits a proposal built from the public Media Kit's rate-card picker.
+ * Reuses the existing agency Proposal system (sender_user_id required — caller
+ * must already be authenticated) so no new payment/checkout path is introduced.
+ */
+export async function sendMediaKitProposal(payload: SendMediaKitProposalPayload) {
+	return getHttpService().post('/proposals', {
+		sender_user_id: payload.senderUserId,
+		receiver_influencer_pro_id: payload.receiverInfluencerProId,
+		title: payload.title,
+		proposed_amount: payload.proposedAmount,
+		currency: payload.currency || 'BRL',
+		proposal_deliverables: payload.deliverables.map((d, i) => ({
+			title: d.title,
+			description: d.description,
+			sort_order: i,
+		})),
+	});
+}

package/stores/shortlist.ts

@@ -0,0 +1,113 @@
+import { defineStore } from "pinia";
+
+export interface RateCard {
+  id: number | string;
+  name?: string;
+  platform?: string;
+  type?: string;
+  price?: number | string | null;
+  currency?: string;
+  description?: string;
+}
+
+export interface ShortlistItem {
+  id: number | string;
+  name: string;
+  slug?: string;
+  image?: string | null;
+  rate_cards?: RateCard[];
+  selected_actions?: (number | string)[];
+}
+
+const STORAGE_KEY = "agency_casting_shortlist";
+
+function loadInitial(): ShortlistItem[] {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = window.localStorage.getItem(STORAGE_KEY);
+    return raw ? (JSON.parse(raw) as ShortlistItem[]) : [];
+  } catch {
+    return [];
+  }
+}
+
+export const useShortlistStore = defineStore({
+  id: "shortlist-store",
+  state: () => ({
+    items: [] as ShortlistItem[],
+    hydrated: false,
+  }),
+  getters: {
+    count: (state) => state.items.length,
+    ids: (state) => state.items.map((i) => i.id),
+    estimatedBudget: (state): number => {
+      return state.items.reduce((total, item) => {
+        const selected = item.selected_actions || [];
+        const cards = item.rate_cards || [];
+        if (!selected.length) return total;
+        const sum = cards
+          .filter((c) => selected.some((s) => String(s) === String(c.id)))
+          .reduce((s, c) => s + (parseFloat(String(c.price || 0)) || 0), 0);
+        return total + sum;
+      }, 0);
+    },
+  },
+  actions: {
+    hydrate() {
+      if (this.hydrated) return;
+      this.items = loadInitial();
+      this.hydrated = true;
+    },
+    persist() {
+      if (typeof window === "undefined") return;
+      try {
+        window.localStorage.setItem(STORAGE_KEY, JSON.stringify(this.items));
+      } catch {
+        /* ignore quota errors */
+      }
+    },
+    has(id: number | string): boolean {
+      return this.items.some((i) => String(i.id) === String(id));
+    },
+    add(item: ShortlistItem) {
+      if (this.has(item.id)) return;
+      this.items.push({ ...item, selected_actions: item.selected_actions || [] });
+      this.persist();
+    },
+    remove(id: number | string) {
+      this.items = this.items.filter((i) => String(i.id) !== String(id));
+      this.persist();
+    },
+    toggle(item: ShortlistItem) {
+      this.has(item.id) ? this.remove(item.id) : this.add(item);
+    },
+    updateRateCards(influencerId: number | string, rateCards: RateCard[]) {
+      const item = this.items.find((i) => String(i.id) === String(influencerId));
+      if (item) {
+        item.rate_cards = rateCards;
+        this.persist();
+      }
+    },
+    toggleAction(influencerId: number | string, rateCardId: number | string) {
+      const item = this.items.find((i) => String(i.id) === String(influencerId));
+      if (!item) return;
+      const selected = item.selected_actions || [];
+      const idx = selected.findIndex((s) => String(s) === String(rateCardId));
+      if (idx === -1) {
+        item.selected_actions = [...selected, rateCardId];
+      } else {
+        item.selected_actions = selected.filter((s) => String(s) !== String(rateCardId));
+      }
+      this.persist();
+    },
+    hasAction(influencerId: number | string, rateCardId: number | string): boolean {
+      const item = this.items.find((i) => String(i.id) === String(influencerId));
+      if (!item) return false;
+      return (item.selected_actions || []).some((s) => String(s) === String(rateCardId));
+    },
+    clear() {
+      this.items = [];
+      this.persist();
+    },
+  },
+});