@mundogamernetwork/shared-ui 1.4.2 → 1.5.0

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

@@ -8,6 +8,7 @@ import {
 	fetchKeyRegions,
 	fetchAvailableOptions,
 	requestKey,
+	enableKeyCampaignNotifications,
 } from "../../services/campaignService"
 
 const route = useRoute()
@@ -37,6 +38,7 @@ const selectedPlatformId = ref<number | null>(null)
 const selectedRegionId = ref<number | null>(null)
 const description = ref("")
 const quantity = ref<number | null>(1)
+const notifyKeyCampaigns = ref(true)
 
 const maxKeysForUser = computed(() => campaign.value?.max_keys_for_user ?? 1)
 
@@ -137,6 +139,12 @@ async function submit() {
 			quantity_keys: Number(quantity.value) || 1,
 		})
 		const created = response?.data?.data ?? response?.data ?? {}
+
+		if (notifyKeyCampaigns.value) {
+			// Fire-and-forget — never block the request/reveal flow on this.
+			enableKeyCampaignNotifications().catch(() => {})
+		}
+
 		// requires_approval=false campaigns (or Pro/Business TV subscribers) get
 		// auto-approved by the backend observer synchronously — status 3 already
 		// reflects that by the time this response comes back, so skip the
@@ -281,6 +289,13 @@ function goBack() {
 									rows="3"
 								/>
 							</div>
+
+							<div class="form-row form-row--checkbox">
+								<label class="checkbox-label">
+									<input type="checkbox" v-model="notifyKeyCampaigns" />
+									{{ $t("keys.campaigns.notify_opt_in") }}
+								</label>
+							</div>
 						</div>
 					</div>
 
@@ -445,6 +460,27 @@ function goBack() {
 		color: var(--card-article-title);
 	}
 
+	.form-row--checkbox {
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.checkbox-label {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		font-size: 13px;
+		color: var(--card-article-title);
+		cursor: pointer;
+
+		input[type="checkbox"] {
+			width: 16px;
+			height: 16px;
+			accent-color: var(--key-accent, var(--primary, #D297FF));
+			cursor: pointer;
+		}
+	}
+
 	.select, .input, .textarea {
 		width: 100%;
 		background-color: transparent;

package/services/campaignService.ts

@@ -421,6 +421,20 @@ export const revealKey = (requestId: number) => {
 	return authClient.get(`/public/key-requests/${requestId}/reveal`)
 }
 
+/**
+ * Explicit opt-in to key campaign alerts — same endpoint used by
+ * KeyBrowser.vue's notification prompt (GET/PUT /public/user/notification-preferences).
+ */
+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,
+	})
+}
+
 /**
  * Fetch required actions for a campaign.
  */

package/services/playtestTesterService.ts

@@ -63,6 +63,8 @@ export interface SubmitBaselineResponsePayload {
   time_on_task_seconds?: number
   device?: string
   os?: string
+  // Video Playtest only — id of a ready PlaytestRecording (see requestRecordingUploadUrl()).
+  recording_id?: number
 }
 
 export interface PlaytestResponse {
@@ -414,3 +416,64 @@ export const fetchMyPlaytestResponses = (status?: 'submitted' | 'accepted' | 're
   httpService.get<PaginatedResponse<PlaytestResponse>>('/playtest/my-responses', {
     params: { status, per_page: perPage, page },
   })
+
+// ---------------------------------------------------------------------------
+// Game access delivery + liability waiver (accepted responses only)
+// ---------------------------------------------------------------------------
+
+export interface PlaytestAccessGrant {
+  id: number
+  access_type: 'key' | 'link'
+  revealed: boolean
+  revealed_at: string | null
+  key_code?: string
+  external_link?: string
+}
+
+/** Null when the response was accepted without a configured access grant. */
+export const fetchAccessGrant = (responseId: number) =>
+  httpService.get<{ data: PlaytestAccessGrant | null }>(`/playtest/responses/${responseId}/access-grant`)
+
+/** Sends (or resends) the liability-waiver OTP to the tester's account email. */
+export const initiateAccessGrantWaiver = (responseId: number) =>
+  httpService.post<{ data: { document_id: number; status: string } }>(`/playtest/responses/${responseId}/waiver/initiate`)
+
+/** Verifies the OTP code; on success the response includes the revealed key/link. */
+export const verifyAccessGrantWaiver = (responseId: number, otpCode: string) =>
+  httpService.post<{ data: PlaytestAccessGrant }>(`/playtest/responses/${responseId}/waiver/verify`, { otp_code: otpCode })
+
+// ---------------------------------------------------------------------------
+// Video Playtest — recording upload + timestamped markers ("minutagem")
+// ---------------------------------------------------------------------------
+
+export interface PlaytestRecording {
+  id: number
+  status: 'uploading' | 'processing' | 'ready' | 'failed'
+  duration_seconds: number | null
+  playback_url: string | null
+  external_id: string
+  markers?: PlaytestRecordingMarker[]
+}
+
+export interface PlaytestRecordingMarker {
+  id: number
+  timestamp_seconds: number
+  comment: string
+  severity: 'blocker' | 'major' | 'minor' | 'note' | null
+  created_by_user_id: number
+}
+
+/** Requests a direct-upload URL from the video provider — the browser uploads straight to it, never through this API. */
+export const requestRecordingUploadUrl = (campaignId: number) =>
+  httpService.post<{ data: { recording_id: number; upload_url: string } }>(
+    `/playtest/campaigns/${campaignId}/recording/upload-url`,
+  )
+
+/** Poll this until status === 'ready' (set by the provider's webhook once processing finishes). */
+export const fetchRecording = (responseId: number) =>
+  httpService.get<{ data: PlaytestRecording | null }>(`/playtest/responses/${responseId}/recording`)
+
+export const storeRecordingMarker = (
+  responseId: number,
+  payload: { timestamp_seconds: number; comment: string; severity?: 'blocker' | 'major' | 'minor' | 'note' },
+) => httpService.post<{ data: PlaytestRecordingMarker }>(`/playtest/responses/${responseId}/recording/markers`, payload)