@mundogamernetwork/shared-ui 1.16.21 → 1.16.23

package/pages/mural/[slug]/index.vue

@@ -1,5 +1,12 @@
 <script setup lang="ts">
-import { fetchPublicWall, fetchPublicWallGoals, getWallSupporters } from '../../../services/indieWallService'
+import {
+    fetchPublicWall,
+    fetchPublicWallGoals,
+    getWallSupporters,
+    getWallPixel,
+    requestWallPixelShareRender,
+    pollWallPixelShareRender,
+} from '../../../services/indieWallService'
 import SupportStepper from '../../../components/indie-wall/SupportStepper.vue'
 import MuralCanvas from '../../../components/indie-wall/MuralCanvas.vue'
 import IndieWallLeaderboard from '../../../components/indie-wall/IndieWallLeaderboard.vue'
@@ -83,8 +90,9 @@ function finalizePending(pixelId: number | string) {
         // Refresh supporters from API to get full pixel data (image_url, correct dimensions).
         getWallSupporters(wallSlug, { per_page: 1000 }).then(res => {
             supporters.value = (res.data?.data ?? []).filter((s: any) => s.status !== false)
+            const placed = supporters.value.find((s: any) => String(s.id) === String(pixelId))
+            if (placed) openPixelDetail(placed)
         }).catch(() => { /* keep current state if refresh fails */ })
-        openSharePrompt(pixelId)
     }
 }
 
@@ -163,6 +171,20 @@ const stepperInitialSelection = ref<{ x: number; y: number; w: number; h: number
 // ── Detail popup ───────────────────────────────────────────────────────────
 const detailPixel = ref<any | null>(null)
 
+// SSR-fetch the specific pixel for a ?pixel=<id> deep link (a shared pixel
+// link), so a link-preview crawler gets that pixel's own og:title/
+// description below instead of just the wall's — loadWall()'s own
+// client-side route.query.pixel lookup (searching the fetched supporters
+// list) still runs too, and is what keeps this in sync after any client-side
+// navigation that doesn't reload the page.
+const sharedPixelIdParam = route.query.pixel as string | undefined
+const { data: ssrSharedPixel } = await useAsyncData(`mural-shared-pixel-${wallSlug}-${sharedPixelIdParam}`, () =>
+    sharedPixelIdParam && ssrWallData.value?.id
+        ? getWallPixel(ssrWallData.value.id, sharedPixelIdParam).then(r => r.data?.data || r.data).catch(() => null)
+        : Promise.resolve(null),
+)
+if (ssrSharedPixel.value) detailPixel.value = ssrSharedPixel.value
+
 // ── Computed ───────────────────────────────────────────────────────────────
 const mgcBalance = computed(() => Number(authStore.user?.mgc_balance ?? 0))
 
@@ -246,10 +268,20 @@ function openPixelDetail(s: any) {
     router.replace({ query: { ...route.query, pixel: s.id } })
 }
 
+// If a guest just purchased and we're about to show their pixel's detail
+// overlay (which already has the full share panel — copy link, Twitter,
+// WhatsApp, Facebook), the guest-account CTA is deferred until that overlay
+// is dismissed, so the two overlays never stack.
+const pendingGuestCtaAfterShare = ref(false)
+
 function closePixelDetail() {
     detailPixel.value = null
     const { pixel: _omit, ...rest } = route.query
     router.replace({ query: rest })
+    if (pendingGuestCtaAfterShare.value) {
+        pendingGuestCtaAfterShare.value = false
+        showGuestCta.value = true
+    }
 }
 
 function onCanvasTapSupporter(s: any) {
@@ -269,36 +301,26 @@ function onStepperClose() {
 
 const showGuestCta = ref(false)
 
-const showSharePrompt = ref(false)
-const sharePromptPixelId = ref<number | string | null>(null)
-
-function openSharePrompt(pixelId: number | string | null | undefined) {
-    if (!pixelId) return
-    sharePromptPixelId.value = pixelId
-    showSharePrompt.value = true
-}
-
-function closeSharePrompt() {
-    showSharePrompt.value = false
-}
-
-const sharePromptUrl = computed(() => {
-    if (!sharePromptPixelId.value) return ''
-    return localePath(`/mural/${wallSlug}/pixel/${sharePromptPixelId.value}`)
-})
-
 async function onStepperSuccess(payload: { pixelId?: number | string } = {}) {
     showStepper.value = false
     if (isPopup.value) {
         notifyOpenerAndClose({ wallSlug })
         return
     }
-    if (!authStore.signedIn) {
+    const wasGuest = !authStore.signedIn
+    await loadWall()
+    const placed = payload?.pixelId
+        ? supporters.value.find((s: any) => String(s.id) === String(payload.pixelId))
+        : null
+    if (placed) {
+        // Reopen the same detail overlay a manual canvas tap would — it
+        // already carries the full share panel, so this doubles as "share
+        // your new pixel" without a separate prompt/page.
+        pendingGuestCtaAfterShare.value = wasGuest
+        openPixelDetail(placed)
+    } else if (wasGuest) {
         showGuestCta.value = true
-    } else {
-        openSharePrompt(payload?.pixelId)
     }
-    await loadWall()
 }
 
 function supporterDisplayName(s: any): string {
@@ -341,7 +363,10 @@ const seoDescription = computed(() => {
     }
     return wall.value?.description || wall.value?.long_description?.replace(/\n+/g, ' ').slice(0, 160) || ''
 })
-const seoImage = computed(() => wall.value?.cover_image_url || wall.value?.logo_url || '')
+// share_image_url is the backend's auto-generated branded reveal image for
+// this pixel — a real hosted URL, safe for crawlers (unlike detailPixel's
+// own image_url, which is inline base64 — see the comment above).
+const seoImage = computed(() => detailPixel.value?.share_image_url || wall.value?.cover_image_url || wall.value?.logo_url || '')
 
 // ── Per-supporter share link ────────────────────────────────────────────────
 const sharePixelUrl = computed(() => {
@@ -349,12 +374,6 @@ const sharePixelUrl = computed(() => {
     const base = `${requestUrl.origin}${route.path}`
     return `${base}?pixel=${detailPixel.value.id}`
 })
-// Link to the pixel's own dedicated, SEO-indexable share page (separate from
-// sharePixelUrl above, which is the ?pixel= deep link into this same page).
-const pixelPageUrl = computed(() => {
-    if (!detailPixel.value) return ''
-    return localePath(`/mural/${wallSlug}/pixel/${detailPixel.value.id}`)
-})
 const shareText = computed(() => {
     if (!detailPixel.value || !wall.value) return ''
     return t('tv.dashboard.indie_wall.share_pixel_text', { name: supporterDisplayName(detailPixel.value), wall: wall.value.name })
@@ -372,6 +391,59 @@ async function copyShareLink() {
     } catch { /* clipboard unavailable */ }
 }
 
+// ── Generate a branded reveal video/image on demand ─────────────────────────
+type ShareRenderState = 'idle' | 'generating' | 'done' | 'failed'
+const shareRenderState = ref<ShareRenderState>('idle')
+const shareRenderAssetUrl = ref<string | null>(null)
+let shareRenderPollTimer: ReturnType<typeof setInterval> | null = null
+
+function stopShareRenderPolling() {
+    if (shareRenderPollTimer) {
+        clearInterval(shareRenderPollTimer)
+        shareRenderPollTimer = null
+    }
+}
+
+async function generateShareRevealVideo() {
+    if (!detailPixel.value || !wall.value || shareRenderState.value === 'generating') return
+    shareRenderState.value = 'generating'
+    shareRenderAssetUrl.value = null
+
+    try {
+        const startRes = await requestWallPixelShareRender(wall.value.id, detailPixel.value.id, 'video')
+        const jobId = startRes.data?.jobId
+        if (!jobId) throw new Error('no jobId')
+
+        shareRenderPollTimer = setInterval(async () => {
+            try {
+                const pollRes = await pollWallPixelShareRender(wall.value.id, detailPixel.value.id, jobId)
+                const status = pollRes.data?.status
+                if (status === 'done') {
+                    stopShareRenderPolling()
+                    shareRenderAssetUrl.value = pollRes.data?.assetUrl || null
+                    shareRenderState.value = shareRenderAssetUrl.value ? 'done' : 'failed'
+                } else if (status === 'failed') {
+                    stopShareRenderPolling()
+                    shareRenderState.value = 'failed'
+                }
+            } catch {
+                stopShareRenderPolling()
+                shareRenderState.value = 'failed'
+            }
+        }, 3000)
+    } catch {
+        shareRenderState.value = 'failed'
+    }
+}
+
+watch(detailPixel, (pixel) => {
+    if (!pixel) {
+        stopShareRenderPolling()
+        shareRenderState.value = 'idle'
+        shareRenderAssetUrl.value = null
+    }
+})
+
 // "Create your own wall" footer CTA — same host map as the backend's
 // IndieWallController::resolverResponse, so it always points at whichever
 // platform (TV/Agency) actually owns this wall rather than a hardcoded host.
@@ -415,6 +487,15 @@ useHead(() => ({
 }))
 
 onMounted(async () => {
+    if (ssrSharedPixel.value) {
+        // Landed here from a shared pixel link (?pixel=<id>) — the detail
+        // overlay is position:fixed (centered on the viewport), so it has to
+        // open only once the canvas is scrolled into view, or it looks like
+        // it opened over the header instead of over the mural. No animation:
+        // this is the very first paint the visitor sees, nothing to
+        // smooth-scroll from.
+        document.getElementById('mural-canvas-section')?.scrollIntoView({ behavior: 'instant', block: 'center' })
+    }
     await loadWall()
     if (wall.value?.id) subscribeWall(wall.value.id)
     // If returning from the payment gateway, wait for the WS confirmation.
@@ -459,6 +540,7 @@ onUnmounted(() => {
     if (wall.value?.id) unsubscribeWall(wall.value.id)
     if (processingTimeoutId) clearTimeout(processingTimeoutId)
     if (httpFallbackTimerId) clearInterval(httpFallbackTimerId)
+    stopShareRenderPolling()
 })
 </script>
 
@@ -610,7 +692,7 @@ onUnmounted(() => {
         </section>
 
         <!-- ── Canvas ─────────────────────────────────────────────────────── -->
-        <section class="section canvas-section">
+        <section id="mural-canvas-section" class="section canvas-section">
             <div class="canvas-header">
                 <h2 class="section-title">{{ $t('tv.dashboard.indie_wall.mural_grid') }}</h2>
                 <span class="canvas-hint">{{ $t('tv.dashboard.indie_wall.mural_click_hint') }}</span>
@@ -710,21 +792,6 @@ onUnmounted(() => {
             </div>
         </Transition>
 
-        <Transition name="fade">
-            <div v-if="showSharePrompt" class="guest-cta-overlay" @click.self="closeSharePrompt">
-                <div class="guest-cta-box">
-                    <button class="guest-cta-dismiss" type="button" @click="closeSharePrompt">×</button>
-                    <h3 class="guest-cta-title">{{ $t('tv.dashboard.indie_wall.share_prompt_title') }}</h3>
-                    <p class="guest-cta-desc">{{ $t('tv.dashboard.indie_wall.share_prompt_desc') }}</p>
-                    <NuxtLink :to="sharePromptUrl" class="guest-cta-btn" @click="closeSharePrompt">
-                        {{ $t('tv.dashboard.indie_wall.share_prompt_cta') }}
-                    </NuxtLink>
-                    <button class="guest-cta-skip" type="button" @click="closeSharePrompt">
-                        {{ $t('tv.dashboard.indie_wall.share_prompt_skip') }}
-                    </button>
-                </div>
-            </div>
-        </Transition>
 
         <Transition name="fade">
             <SupportStepper
@@ -799,9 +866,6 @@ onUnmounted(() => {
                         <!-- ── Share this pixel ─────────────────────────────────────── -->
                         <div class="detail-share">
                             <p class="detail-share-title">{{ $t('tv.dashboard.indie_wall.share_pixel_cta') }}</p>
-                            <NuxtLink :to="pixelPageUrl" class="detail-share-page-link" @click="closePixelDetail">
-                                {{ $t('tv.dashboard.indie_wall.share_view_page') }} →
-                            </NuxtLink>
                             <div class="detail-share-row">
                                 <a :href="shareTwitterUrl" target="_blank" rel="noopener" class="detail-share-btn" :aria-label="$t('tv.dashboard.indie_wall.share_via_twitter')">𝕏</a>
                                 <a :href="shareWhatsappUrl" target="_blank" rel="noopener" class="detail-share-btn" :aria-label="$t('tv.dashboard.indie_wall.share_via_whatsapp')">
@@ -812,6 +876,23 @@ onUnmounted(() => {
                                     {{ linkCopied ? '✓' : '🔗' }}
                                 </button>
                             </div>
+                            <button
+                                v-if="shareRenderState !== 'done'"
+                                type="button"
+                                class="detail-share-video-btn"
+                                :disabled="shareRenderState === 'generating'"
+                                @click="generateShareRevealVideo"
+                            >
+                                {{ shareRenderState === 'generating' ? $t('tv.dashboard.indie_wall.share_generating') : $t('tv.dashboard.indie_wall.share_generate_video') }}
+                            </button>
+                            <p v-if="shareRenderState === 'failed'" class="detail-share-video-error">{{ $t('tv.dashboard.indie_wall.share_generate_failed') }}</p>
+                            <video
+                                v-if="shareRenderState === 'done' && shareRenderAssetUrl?.endsWith('.mp4')"
+                                :src="shareRenderAssetUrl"
+                                controls
+                                class="detail-share-video-media"
+                            />
+                            <img v-else-if="shareRenderState === 'done' && shareRenderAssetUrl" :src="shareRenderAssetUrl" class="detail-share-video-media" alt="" />
                             <button type="button" class="detail-share-cta" @click="closePixelDetail(); openStepper({ startStep: 1 })">
                                 {{ $t('tv.dashboard.indie_wall.share_join_cta') }}
                             </button>
@@ -1158,16 +1239,6 @@ onUnmounted(() => {
 .detail-share-title {
     margin: 0 0 8px; font-size: 0.78rem; color: var(--secondary-info-fg, #aaa);
 }
-.detail-share-page-link {
-    display: block;
-    text-align: center;
-    border: 1px solid var(--chip-text, #D297FF);
-    color: var(--chip-text, #D297FF);
-    font-size: 0.78rem; font-weight: 600;
-    padding: 8px 10px; margin-bottom: 10px;
-    text-decoration: none; transition: background 0.15s, color 0.15s;
-    &:hover { background: var(--chip-text, #D297FF); color: #13161C; }
-}
 .detail-share-row {
     display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
 }
@@ -1179,6 +1250,23 @@ onUnmounted(() => {
     cursor: pointer; text-decoration: none; transition: border-color 0.15s;
     &:hover { border-color: var(--chip-text, #D297FF); }
 }
+.detail-share-video-btn {
+    width: 100%;
+    display: flex; align-items: center; justify-content: center;
+    background: rgba(255,255,255,0.06); border: 1px solid #272930;
+    color: var(--title-fg, #fff); font-size: 0.78rem; font-weight: 600;
+    padding: 8px 10px; margin-bottom: 8px;
+    cursor: pointer; transition: border-color 0.15s;
+    &:hover:not(:disabled) { border-color: var(--chip-text, #D297FF); }
+    &:disabled { opacity: 0.6; cursor: not-allowed; }
+}
+.detail-share-video-error {
+    color: #ee3831; font-size: 0.72rem; margin: 0 0 8px;
+}
+.detail-share-video-media {
+    width: 100%; max-height: 220px; object-fit: contain;
+    background: #000; margin-bottom: 10px;
+}
 .detail-share-cta {
     width: 100%;
     background: var(--chip-text, #D297FF); color: #13161C;

package/plugins/echo.client.ts

@@ -160,6 +160,23 @@ export default defineNuxtPlugin({
 	let reconnectTimer: number | null = null;
 	let reconnectAttempts = 0;
 	const MAX_RECONNECT_ATTEMPTS = 5;
+	// Once the backoff budget is exhausted we stop the timer-based retries, but the
+	// tab isn't necessarily hopeless forever — the failures so far might all be from
+	// a dead network or a backgrounded tab throttled by the browser. giveUp tracks
+	// that state so the visibility/online listeners below know to give the socket a
+	// fresh budget instead of calling connect() on top of an already-scheduled retry.
+	let giveUp = false;
+
+	const scheduleReconnect = () => {
+		reconnectAttempts++;
+		const delay = Math.min(1000 * Math.pow(2, reconnectAttempts - 1), 30000);
+		console.log(`[WebSocket] Reconnecting in ${delay / 1000}s (attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS})...`);
+
+		if (reconnectTimer) clearTimeout(reconnectTimer);
+		reconnectTimer = window.setTimeout(() => {
+			window.Echo.connector.pusher.connect();
+		}, delay);
+	};
 
 	window.Echo.connector.pusher.connection.bind("state_change", (states: any) => {
 		const { previous, current } = states;
@@ -169,7 +186,8 @@ export default defineNuxtPlugin({
 			// Stop reconnecting after max attempts to avoid infinite loop
 			// (e.g. when user is not authenticated)
 			if (reconnectAttempts >= MAX_RECONNECT_ATTEMPTS) {
-				console.log("[WebSocket] Max reconnect attempts reached, stopping.");
+				console.log("[WebSocket] Max reconnect attempts reached, stopping until the tab is visible/online again.");
+				giveUp = true;
 				if (reconnectTimer) {
 					clearTimeout(reconnectTimer);
 					reconnectTimer = null;
@@ -177,17 +195,11 @@ export default defineNuxtPlugin({
 				return;
 			}
 
-			reconnectAttempts++;
-			const delay = Math.min(1000 * Math.pow(2, reconnectAttempts - 1), 30000);
-			console.log(`[WebSocket] Reconnecting in ${delay / 1000}s (attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS})...`);
-
-			if (reconnectTimer) clearTimeout(reconnectTimer);
-			reconnectTimer = window.setTimeout(() => {
-				window.Echo.connector.pusher.connect();
-			}, delay);
+			scheduleReconnect();
 		}
 
 		if (current === "connected") {
+			giveUp = false;
 			reconnectAttempts = 0;
 			if (reconnectTimer) {
 				clearTimeout(reconnectTimer);
@@ -196,6 +208,34 @@ export default defineNuxtPlugin({
 		}
 	});
 
+	// The backoff loop above only reacts to the socket's own state changes, so once
+	// it gives up after MAX_RECONNECT_ATTEMPTS nothing ever tries again — a tab left
+	// open across a Wi-Fi drop, a phone switching towers, or a background tab the
+	// browser froze mid-backoff stays stuck on "disconnected" for the rest of the
+	// session (falling back to HTTP polling wherever the app checks connection.state,
+	// e.g. community-frontend's chat store). Retry once when the tab regains focus or
+	// the browser reports the network is back, giving the connection a fresh budget
+	// instead of leaving it permanently given up on.
+	const retryIfStalled = () => {
+		const state = window.Echo?.connector?.pusher?.connection?.state;
+		if (!giveUp && state !== "disconnected" && state !== "failed" && state !== "unavailable") return;
+		if (state === "connected" || state === "connecting") return;
+
+		console.log("[WebSocket] Tab active/online again — retrying connection.");
+		giveUp = false;
+		reconnectAttempts = 0;
+		if (reconnectTimer) {
+			clearTimeout(reconnectTimer);
+			reconnectTimer = null;
+		}
+		window.Echo.connector.pusher.connect();
+	};
+
+	document.addEventListener("visibilitychange", () => {
+		if (document.visibilityState === "visible") retryIfStalled();
+	});
+	window.addEventListener("online", retryIfStalled);
+
 	nuxtApp.provide("echo", window.Echo);
 	},
 });

package/services/esignatureService.ts

@@ -0,0 +1,56 @@
+import httpService from './httpService'
+
+// Generic, consumer-agnostic e-signature service — the public, token-based
+// signer flow (view -> otp -> consent -> sign / decline) under
+// /esignature/*. Nothing here references Playtest or any other consumer;
+// see playtestBuildService.ts for how a consumer (Playtest's build-access
+// NDA) wires into this.
+
+export interface EsignatureEnvelope {
+  id: number
+  title: string
+  status: string
+  content_type: 'html' | 'file'
+  document_html: string | null
+  /** Short-TTL presigned URL to preview the uploaded PDF, when content_type is 'file'. Re-fetch the session if it expires — never cache this across page loads. */
+  document_file_preview_url: string | null
+  expires_at: string | null
+}
+
+export interface EsignatureSignerState {
+  // `status` alone can't distinguish "OTP sent, not yet verified" from "OTP
+  // verified, consent not yet accepted" — both sit at 'otp_sent'. Check
+  // otp_verified for that distinction.
+  status: 'pending' | 'viewed' | 'otp_sent' | 'consented' | 'signed' | 'declined'
+  otp_verified: boolean
+  full_name: string
+  email: string
+}
+
+export interface EsignatureShowResponse {
+  data: {
+    envelope: EsignatureEnvelope
+    signer: EsignatureSignerState
+    consent_version: string
+  }
+}
+
+/** Loads the envelope + signer state for a sign_token. Marks the signer as "viewed". */
+export const fetchSigningSession = (token: string) =>
+  httpService.get<EsignatureShowResponse>(`/esignature/sign/${token}`)
+
+/** Sends (or resends) the OTP code to the signer's email. */
+export const requestSigningOtp = (token: string) =>
+  httpService.post<{ data: { status: string } }>(`/esignature/sign/${token}/otp`)
+
+export const verifySigningOtp = (token: string, otpCode: string) =>
+  httpService.post<{ data: { status: string } }>(`/esignature/sign/${token}/verify`, { otp_code: otpCode })
+
+export const acceptSigningConsent = (token: string) =>
+  httpService.post<{ data: { status: string } }>(`/esignature/sign/${token}/consent`)
+
+export const submitSignature = (token: string) =>
+  httpService.post<{ data: { status: string } }>(`/esignature/sign/${token}/sign`)
+
+export const declineSigning = (token: string, reason?: string) =>
+  httpService.post<{ data: { status: string } }>(`/esignature/sign/${token}/decline`, { reason })

package/services/playtestTesterService.ts

@@ -503,3 +503,56 @@ 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)
+
+// ---------------------------------------------------------------------------
+// Build access — NDA-gated build download, requestable at ELIGIBILITY time
+// (not gated behind response acceptance like PlaytestAccessGrant's key/link
+// delivery — see PlaytestBuildGrant's doc comment in api-main). The actual
+// NDA sign flow itself is generic (esignatureService.ts) — these calls only
+// cover the Playtest-specific request/track/download steps around it.
+// ---------------------------------------------------------------------------
+
+export interface PlaytestBuildGrant {
+  id: number
+  playtest_campaign_id: number
+  user_id: number
+  status: 'pending_nda' | 'nda_signed' | 'revoked'
+  signature_envelope_id: number | null
+  granted_at: string | null
+  revoked_at: string | null
+}
+
+export interface PlaytestBuildAsset {
+  id: number
+  playtest_campaign_id: number
+  platform: 'android' | 'ios' | 'windows' | 'mac' | 'web' | 'other'
+  version_label: string | null
+  original_filename: string
+  mime_type: string | null
+  size_bytes: number | null
+  status: 'pending' | 'ready' | 'failed'
+}
+
+/** Lists the campaign's currently-ready build assets — no auth/ownership beyond being logged in, same visibility as the open browse list. */
+export const fetchBuildAssets = (campaignId: number) =>
+  httpService.get<{ data: PlaytestBuildAsset[] }>(`/playtest/campaigns/${campaignId}/builds`)
+
+/**
+ * Idempotent — calling this again for a campaign/tester pair already granted
+ * just returns the existing grant (its current status), so it also doubles
+ * as "load my grant state for this campaign".
+ */
+export const requestBuildAccess = (campaignId: number) =>
+  httpService.post<{ data: PlaytestBuildGrant }>(`/playtest/campaigns/${campaignId}/build-access/request`)
+
+/** Creates (or reuses) the signing envelope for this grant's NDA — no source_type/template input, the studio's own default template (or the MGN default) is resolved server-side. */
+export const initiateBuildNda = (grantId: number) =>
+  httpService.post<{ data: { envelope_id: number; sign_token: string | null } }>(
+    `/playtest/build-access/${grantId}/nda/initiate`,
+  )
+
+/** Mints a fresh, short-TTL presigned URL — call this again for every download attempt, never cache the returned url. */
+export const fetchBuildDownloadUrl = (grantId: number, assetId: number) =>
+  httpService.get<{ data: { url: string; expires_at: string } }>(
+    `/playtest/build-access/${grantId}/builds/${assetId}/download`,
+  )