@playpilot/tpi 8.29.6-beta.4 → 8.29.6-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "8.29.6-beta.4",
+	"version": "8.29.6-beta.6",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/src/lib/types/global.d.ts

@@ -18,10 +18,10 @@ declare global {
 declare module 'svelte/elements' {
   interface SvelteWindowAttributes {
     onupdateconsent?: (event: CustomEvent<{}>) => void
+    onupdateads?: (event: CustomEvent<{}>) => void
     onplayembed?: (event: CustomEvent<{}>) => void
     onpauseembed?: (event: CustomEvent<{}>) => void
   }
 }
 
 export { }
-

package/src/routes/+page.svelte

@@ -55,10 +55,9 @@
     fireQueuedTrackingEvents()
     track(TrackingEvent.ArticlePageView)
 
-    if (!aiInjections.length && !manualInjections.length) return
-    if (window.PlayPilotLinkInjections.no_affiliate) return
-
     window.PlayPilotLinkInjections.ads = await fetchAds()
+
+    window.dispatchEvent(new CustomEvent('updateads', { bubbles: true }))
   }
 
   async function initialize(): Promise<void> {

package/src/routes/components/Consent.svelte

@@ -14,8 +14,6 @@
   listenForConsent()
 
   function listenForConsent(): void {
-    // If require_consent has been explicitely turned off we return right away and call `onchange`.
-    // We don't need to set consent values as require_consent=false will mean all consent is true.
     if (window.PlayPilotLinkInjections.require_consent === false) {
       update()
       return

package/src/routes/components/Explore/ExploreLayout.svelte

@@ -35,6 +35,8 @@
 
   onMount(async () => {
     track(TrackingEvent.ExplorePageView)
+
+    window.PlayPilotLinkInjections.ads = await fetchAds()
   })
 </script>
 

package/src/routes/components/Explore/Routes/ExploreModal.svelte

@@ -34,13 +34,9 @@
 
       type = isMobile && isInReelSplitTest ? 'titles-reel' : 'titles-rail'
 
-      const [ads, title, railTitles] = (await Promise.allSettled([fetchAds(), fetchTitleBySid(sid), fetchSimilarTitles({ sid } as unknown as TitleData)])).map((promise) =>
+      const [title, railTitles] = (await Promise.allSettled([fetchTitleBySid(sid), fetchSimilarTitles({ sid } as unknown as TitleData)])).map((promise) =>
         promise.status === 'fulfilled' ? promise.value : null,
       )
-
-      console.log('ads in ExploreModal', ads)
-
-      window.PlayPilotLinkInjections.ads = ads as Campaign[]
       data = [title as TitleData, ...(railTitles as TitleData[])]
     } else if (type === 'participant') {
       data = await fetchParticipantBySid(sid)

package/src/routes/components/Modals/RailModal.svelte

@@ -19,13 +19,13 @@
 
   const { items, initialIndex = 0, onchange = () => null, onclose = () => null, each, ...restProps }: Props = $props()
 
-  const displayAd = getFirstAdOfType('card')
   const transitionDuration = 300
 
   let slider: TinySlider
   let initialized = $state(false)
   let availableHeight: number | null = $state(null)
   let element: HTMLElement | null = $state(null)
+  let displayAd = $state(getFirstAdOfType('card'))
 
   onMount(() => {
     setAvailableHeight()
@@ -57,7 +57,7 @@
   }
 </script>
 
-<svelte:window onresize={setAvailableHeight} />
+<svelte:window onresize={setAvailableHeight} onupdateads={() => displayAd = getFirstAdOfType('card')} />
 
 {#snippet prepend()}
   {#if displayAd}

package/src/routes/components/Modals/TitlesReelModal.svelte

@@ -24,11 +24,11 @@
 
   const { titles, onclose = () => null }: Props = $props()
 
-  const displayAd = getFirstAdOfType('card')
 
   let interval: ReturnType<typeof setInterval> | null = null
   let availableHeight: number = $state(window.innerHeight)
   let element: HTMLElement | null = $state(null)
+  let displayAd = $state(getFirstAdOfType('card'))
 
   onMount(() => {
     pauseAndPlay(0)
@@ -65,7 +65,7 @@
   }
 </script>
 
-<svelte:window onresize={setAvailableHeight} />
+<svelte:window onresize={setAvailableHeight} onupdateads={() => displayAd = getFirstAdOfType('card')} />
 
 {#snippet prepend()}
   {#if displayAd}