@playpilot/tpi 6.0.0-beta.explore.24 → 6.0.0

package/package.json

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

package/src/lib/api/auth.ts

@@ -7,11 +7,6 @@ const cookieName = 'EncryptedToken'
 const urlParam = 'articleReplacementEditToken'
 const editorialParam = 'playpilot-editorial-mode'
 
-/**
- * Authorize the user
- * @param href The current window.location.href
- * @returns Whether the user is authorized or not
- */
 export async function authorize(href: string = window.location.href): Promise<boolean> {
   try {
     const apiToken = getApiToken()
@@ -41,11 +36,6 @@ export async function authorize(href: string = window.location.href): Promise<bo
   return false
 }
 
-/**
- * Get the auth token from the URL, a stored cookie, or from the window object
- * @param [href] URL that the param is extracted from
- * @returns Auth token
- */
 export function getAuthToken(href: string = ''): string {
   // @ts-ignore
   const configToken = window?.PlayPilotLinkInjections?.editorial_token
@@ -60,10 +50,6 @@ export function getAuthToken(href: string = ''): string {
   return cookieToken || ''
 }
 
-/**
- * Set auth cookie equal to given value
- * @param value The auth token value
- */
 function setAuthCookie(value: string): void {
   const time = new Date()
   const days = 30
@@ -78,10 +64,6 @@ export function removeAuthCookie(): void {
   document.cookie = cookieName + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/'
 }
 
-/**
- * Returns whether or not the user has requested editorial mode to be enabled.
- * This won't enable editorial mode by itself, as that also requires authentication.
- */
 export function isEditorialModeEnabled(): boolean {
   const windowToken = window?.PlayPilotLinkInjections?.editorial_token
   return new URLSearchParams(window.location.search).get(editorialParam) === 'true' || !!windowToken

package/src/lib/api/externalPages.ts

@@ -11,11 +11,6 @@ let pollTimeout: ReturnType<typeof setTimeout> | null = null
 
 /**
  * Fetch link injections for a URL. This will be either a POST or a GET request depending on whether on not the AI should run.
- * @param pageText Text content of the article
- * @param options
- * @param [options.url] URL of the given article
- * @param [options.hash] unique key to identify the HTML
- * @param [options.params] Any rest params to include in the request body
  */
 export async function fetchLinkInjections(
   pageText: string | null,
@@ -41,7 +36,6 @@ export async function fetchLinkInjections(
       params.metadata = getPageMetaData()
     }
 
-    // Always add the given URL, this is used to match the article to the API record
     params.url = url
 
     response = await api<LinkInjectionResponse>(apiUrl, {
@@ -77,11 +71,6 @@ export async function pollLinkInjections(
   // This is mostly handy during HMR, but also during navigation changes
   if (pollTimeout) clearTimeout(pollTimeout)
 
-  /**
-   * Polls the endpoint recursively until it is ready.
-   * @param resolve Injections are ready and returned as expected
-   * @param reject Injections are not yet ready
-   */
   const poll = async (resolve: Function, reject: Function): Promise<void> => {
     let response
     try {
@@ -134,7 +123,6 @@ export async function pollLinkInjections(
 export async function runAiBasedOnResponse(pageText: string, response: LinkInjectionResponse): Promise<LinkInjectionResponse> {
   if (!pageText) return response
   if (!response.ai_enabled) return response
-  // Stop if ai is already running, no need to run it while it's already running
   if (response.ai_running) return response
 
   const currentModifiedTime = getPageMetaData().content_modified_time
@@ -149,7 +137,7 @@ export async function runAiBasedOnResponse(pageText: string, response: LinkInjec
 export async function saveLinkInjections(linkInjections: LinkInjection[], pageText: string): Promise<LinkInjection[]> {
   const selector = window.PlayPilotLinkInjections?.selector
 
-  // Only save manual injections, AI injections should be left intact.
+  // Only save manual injections, AI injections should be left intact and can't be saved over
   const filteredLinkInjections = linkInjections.filter((i: LinkInjection) => i.manual)
 
   const newLinkInjections = filteredLinkInjections.map((linkInjection: LinkInjection) => ({
@@ -180,7 +168,7 @@ export async function saveLinkInjections(linkInjections: LinkInjection[], pageTe
 }
 
 /**
- * Insert random keys into link injections. These are used to identify the links on the page.
+ * These are used to identify the links on the page.
  * We can't just use SIDs, as a page might include multiple links of the same title
  */
 function insertRandomKeys(linkInjections: LinkInjection[]): LinkInjection[] {

package/src/lib/api/search.ts

@@ -2,9 +2,6 @@ import { getApiToken } from '$lib/token'
 import type { TitleData } from '../types/title'
 import { api } from './api'
 
-/**
- * Search for movies & shows. Requires valid API token.
- */
 export async function searchTitles(query: string): Promise<TitleData[]> {
   const apiToken = getApiToken()
 

package/src/lib/api/session.ts

@@ -73,17 +73,10 @@ export function isAllowedToEdit(responseSessionId: string | null, responseSessio
   return currentSessionId === responseSessionId
 }
 
-/**
- * The user's session id is stored in local storage. Of it is not present we generate a new id and store it,
- * returning it immediately.
- */
 export function getSessionId(): string {
   return sessionStorage.getItem(sessionKey) || setSessionId()
 }
 
-/**
- * Store a session id in local storage. If the id is already present in local storage we use that instead.
- */
 export function setSessionId(): string {
   const id = sessionStorage.getItem(sessionKey) || generateRandomHash()
   sessionStorage.setItem(sessionKey, id)

package/src/lib/api/titles.ts

@@ -8,6 +8,11 @@ export async function fetchTitles(params: Record<string, string | number> = {}):
 
   if (!apiToken) throw new Error('No token was provided')
 
+  params = {
+    ...params,
+    include_count: 'false'
+  }
+
   const paramsAsString = Object.entries(params).map(([key, value]) => `${key}=${value}`).join('&')
   const response = await api<APIPaginatedResult<TitleData>>(`/titles/browse?api-token=${apiToken}&` + paramsAsString)
 

package/src/lib/array.ts

@@ -1,8 +1,5 @@
 import type { Range } from './types/range'
 
-/**
- * Returns the largest number in an array of numbers. Returns 0 if the array has no entries.
- */
 export function getLargestValueInArray(array: number[]): number {
   let largest = 0
 

package/src/lib/crawler.ts

@@ -1,6 +1,3 @@
-/**
- * Detect whether the user is a bot or crawler simply by their user agent.
- */
 export function isCrawler(): boolean {
   const userAgent = navigator.userAgent.toLowerCase()
   return /bot|crawl|spider|google|baidu|bing|msn|teoma|slurp|yandex|facebookexternalhit|facebot/i.test(userAgent)

package/src/lib/event.ts

@@ -1,6 +1,3 @@
-/**
- * Returns true when user performs event that should open a link in a new tab
- */
 export function isHoldingSpecialKey(event: MouseEvent): boolean {
   return event.ctrlKey || event.metaKey || event.button !== 0
 }

package/src/lib/html.ts

@@ -1,5 +1,5 @@
 /**
- * Returns a string with decoded html characters. For instance & -> &
+ * For instance & -> &
  */
 export function encodeHtmlEntities(string: string): string {
   const tempElement = document.createElement('div')
@@ -9,7 +9,7 @@ export function encodeHtmlEntities(string: string): string {
 }
 
 /**
- * Returns a string with encoded html characters. For instance & -> &
+ * For instance & -> &
  */
 export function decodeHtmlEntities(string: string): string {
   const tempElement = document.createElement('div')

package/src/lib/image.ts

@@ -10,9 +10,6 @@ export function removeImageUrlPrefix(url: string | null): string | null {
   return url.replace('/src/img', '')
 }
 
-/**
- * Creates a CDN image URL from a UUID.
- */
 export function imageFromUUID(uuid: string | null, dimensions: (typeof ImageDimensions)[keyof typeof ImageDimensions] | null = null): string {
   if (!uuid?.length) return ''
 

package/src/lib/injection.ts

@@ -420,9 +420,6 @@ function addLinkInjectionEventListeners(injections: LinkInjection[]): void {
   })
 }
 
-/**
- * Clear link injections from the page
- */
 export function clearLinkInjections(): void {
   const elements = document.querySelectorAll(keySelector)
   elements.forEach((element) => clearLinkInjection(element.getAttribute(keyDataAttribute) || ''))
@@ -464,16 +461,10 @@ export function removePlayPilotTitleLinks(): void {
   })
 }
 
-/**
- * Merge different injection types
- */
 export function mergeInjectionTypes({ aiInjections, manualInjections }: LinkInjectionTypes): LinkInjection[] {
   return [...manualInjections.map(i => ({ ...i, manual: true })), ...aiInjections]
 }
 
-/**
- * Separate an array of flat injections into ai and manual arrays.
- */
 export function separateLinkInjectionTypes(injections: LinkInjection[]): LinkInjectionTypes {
   return {
     aiInjections: injections.filter(i => !i.manual),
@@ -481,9 +472,6 @@ export function separateLinkInjectionTypes(injections: LinkInjection[]): LinkInj
   }
 }
 
-/**
- * Returns whether or not an injection would be valid for any sort of injection, text or after_article
- */
 export function isValidInjection(injection: LinkInjection): boolean {
   return !injection.inactive && !injection.removed && !injection.duplicate && !!injection.title_details && isValidPlaylinkType(injection)
 }
@@ -541,18 +529,12 @@ export function sortInjections(injections: LinkInjection[]): LinkInjection[] {
   })
 }
 
-/**
- * Return whether or not an injection is also available as manual injection
- */
 export function isAvailableAsManualInjection(injection: LinkInjection, injectionIndex: number, injections: LinkInjection[]): boolean {
   return injections.some((i, index) => {
     return injectionIndex !== index && i.manual && isEquivalentInjection(i, injection)
   })
 }
 
-/**
- * Returns whether or not 2 injections match in title and sentence
- */
 export function isEquivalentInjection(injection1: LinkInjection, injection2: LinkInjection): boolean {
   return injection1.title === injection2.title && cleanPhrase(injection1.sentence) === cleanPhrase(injection2.sentence)
 }

package/src/lib/localization.ts

@@ -2,9 +2,6 @@ import { translations } from './data/translations'
 import { Language } from './enums/Language'
 import type { LanguageCode } from './types/language'
 
-/**
- * Super basic implementation to get a string for the given key and language
- */
 export function t(key: string, language: LanguageCode = getLanguage()): string {
   // @ts-ignore It's fine if it's undefined
   return translations[key]?.[language] || key

package/src/lib/meta.ts

@@ -1,9 +1,6 @@
 import { getLinkInjectionsParentElement } from './injection'
 import type { ArticleMetaData } from './types/injection'
 
-/**
- * Returns meta data to be included with injections.
- */
 export function getPageMetaData(): ArticleMetaData {
   const parent = getLinkInjectionsParentElement()
 
@@ -62,9 +59,6 @@ export function getPagePublishedTime(parent: HTMLElement): string | null {
   return getDatetime(datetime)
 }
 
-/**
- * Get datetime string as ISO datetime string
- */
 export function getDatetime(datetime: string): string | null {
   try {
     return new Date(datetime).toISOString()

package/src/lib/modal.ts

@@ -11,8 +11,6 @@ import { getPlayPilotWrapperElement, keyDataAttribute, keySelector } from "./inj
 import { playFallbackViewTransition } from "./viewTransition"
 import { destroyLinkPopover } from "./popover"
 import { prefersReducedMotion } from "svelte/motion"
-import { trackSplitTestAction } from "./splitTest"
-import { SplitTest } from "./enums/SplitTest"
 
 type ModalType = 'title' | 'participant' | 'explore'
 

package/src/lib/popover.ts

@@ -47,9 +47,6 @@ export async function destroyLinkPopover(outro: boolean = true) {
   document.querySelectorAll<HTMLElement>('[data-playpilot-title-popover]').forEach(element => element.remove())
 }
 
-/**
- * Destroy active the popover when the mouse leaves any popover element
- */
 export function destroyLinkPopoverOnMouseleave(event: MouseEvent): void {
   if (!activePopoverInsertedComponent) return
 

package/src/lib/routes.ts

@@ -1,9 +1,6 @@
 import { playPilotBaseUrl } from "./constants"
 import type { TitleData } from "./types/title"
 
-/**
- * @returns Full url to PlayPilot page for the given title
- */
 export function titleUrl(title: TitleData): string {
   return `${playPilotBaseUrl}/${title.type}/${title.slug}/`
 }

package/src/lib/selection.ts

@@ -1,5 +1,5 @@
 /**
- * Get the index of the selection. The returned index will be exclusing any leading or trailing spaces. We contain it to actual phrases.
+ * The returned index will be exclusing any leading or trailing spaces. We contain it to actual phrases.
  */
 export function getIndexOfSelection(selection: Selection, node: Node | null = selection.anchorNode): { start: number, end: number } {
   if (!selection.anchorNode || !node) return { start: -1, end: -1 }

package/src/lib/splitTest.ts

@@ -54,8 +54,7 @@ export function trackSplitTestView(test: SplitTest): void {
 }
 
 /**
- * @param action The given action for whatever the user is doing. This can be just about anything,
- * but will often be as simple as 'click'. Could be any string, though. Whatever fits the use case.
+ * @param action This can be just about anything, but will often be as simple as 'click'. Could be any string, though. Whatever fits the use case.
  */
 export function trackSplitTestAction(test: SplitTest, action: string): void {
   const variant = getSplitTestVariantName(test)

package/src/lib/text.ts

@@ -20,9 +20,6 @@ export function findTextNodeContaining(text: string, element: HTMLElement, ignor
   return node
 }
 
-/**
- * Returns whether or not the node itself is a link or is inside of a link tag.
- */
 export function isNodeInLink(node: Node): boolean {
   const parentNode = node.parentNode as HTMLElement | null
 
@@ -55,9 +52,6 @@ export function replaceBetween(text: string, replacement: string, startIndex: nu
   return text.substring(0, startIndex) + replacement + text.substring(endIndex)
 }
 
-/**
- * Returns a string for most consistent string comparisons, decoding Html symbols and removing spaces.
- */
 export function cleanPhrase(phrase: string): string {
   return decodeHtmlEntities(phrase)
     .toLowerCase()
@@ -117,7 +111,7 @@ export function reverseString(string: string): string {
 }
 
 /**
- * Get the first x words in a string. Only returning full words, but can contain special characters like &, commas, period, etc.
+ * Only returns full words, but can contain special characters like &, commas, period, etc.
  */
 export function getFirstNumberOfWordsInString(sentence: string, numberOfWords = 1): string {
   const match = sentence.match(/[^\s]+/g)
@@ -190,10 +184,6 @@ export function getNumberOfLeadingAndTrailingSpaces(text: string): { leadingSpac
   }
 }
 
-/**
- * Get the index of a phrase inside of an element based on a specific word boundary. Returns either the first match
- * or the index of the given occurrence.
- */
 export function getIndexOfPhraseInElement(phrase: string, element: Element, occurrence = 0): number {
   const sentence = element.innerHTML
   const matches = []
@@ -239,7 +229,6 @@ export function getRangesOfTextNodesInElement(element: Element): Range[] {
       continue
     }
 
-
     // We are inside of an element and a qoute was given, signaling that we're either opening or closing and attribute.
     // We need to keep track of this in case an attribute value contains ">" or "<"
     if (isInsideElement && character === '"') isInsideAttribute = !isInsideAttribute
@@ -265,9 +254,6 @@ export function getRangesOfTextNodesInElement(element: Element): Range[] {
   return ranges
 }
 
-/**
- * Attempt to find a phrase inside a word boundary, only matching phrases between given characters.
- */
 export function getIndexOfPhraseInBoundary(phrase: string, text: string): number {
   const boundaryCharacters = [' ', '.', ',', '<', '>']
 

package/src/lib/tracking.ts

@@ -26,6 +26,7 @@ export async function track(event: string, title: TitleData | null = null, paylo
   if (title) {
     payload = {
       original_title: title.original_title,
+      title: title.title,
       title_sid: title.sid,
       title_type: title.type,
       providers: [...new Set(title.providers?.map(p => p.name) || [])],
@@ -35,8 +36,8 @@ export async function track(event: string, title: TitleData | null = null, paylo
 
   payload.version = __SCRIPT_VERSION__
   payload.url = getFullUrlPath()
-  payload.organization_sid = window.PlayPilotLinkInjections?.organization_sid
-  payload.domain_sid = window.PlayPilotLinkInjections?.domain_sid
+  payload.organization_sid = window.PlayPilotLinkInjections?.organization_sid || 'undefined'
+  payload.domain_sid = window.PlayPilotLinkInjections?.domain_sid || 'undefined'
   payload.device = {
     type: window.innerWidth > mobileBreakpoint ? 'desktop' : 'mobile',
     width: window.innerWidth,

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

@@ -46,9 +46,11 @@ export type ConfigResponse = {
    * `explore_navigation_label` will end up being the label of the navigation item, defaults to `Streaming Guide`.
    * `explore_navigation_path` is the path that the navigation item will lead to, this will be set up by the third party.
    * `explore_navigation_insert_position` is used to determine if the navigation item should be inserted before or after the given selector.
+   * `explore_insert_cta_in_tpi` is used to insert a call to action in modals which opens the explore page as a modal.
    */
   explore_navigation_selector?: string
   explore_navigation_label?: string
   explore_navigation_path?: string
   explore_navigation_insert_position?: InsertPosition
+  explore_insert_cta_in_tpi: boolean
 }

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

@@ -18,7 +18,7 @@ export type TitleData = {
   medium_poster: string
   standing_poster: string
   title: string
-  original_title: string
+  original_title: string | null
   embeddable_url: string | null
   length?: number
   blurb?: string

package/src/main.ts

@@ -47,7 +47,7 @@ window.PlayPilotLinkInjections = {
     this.domain_sid = options.domain_sid
     this.require_consent = options.require_consent
 
-    if (!this.require_consent) {
+    if (this.require_consent === false) {
       setConsent({
         ads: true,
         pixels: true,

package/src/routes/+page.svelte

@@ -10,8 +10,6 @@
   import { fetchConfig } from '$lib/api/config'
   import { insertExplore, insertExploreIntoNavigation } from '$lib/explore'
   import { authorize, getAuthToken, isEditorialModeEnabled, removeAuthCookie, setEditorialParamInUrl } from '$lib/api/auth'
-  import { getSplitTestVariantName } from '$lib/splitTest'
-  import { SplitTest } from '$lib/enums/SplitTest'
   import type { LinkInjectionResponse, LinkInjection, LinkInjectionTypes } from '$lib/types/injection'
   import Editor from './components/Editorial/Editor.svelte'
   import EditorTrigger from './components/Editorial/EditorTrigger.svelte'
@@ -37,10 +35,8 @@
 
   const pageText = $derived(getPageText(elements))
 
-  // Store initializing promise for later, we'll need that to be awaited after the user has given or refused consent.
   const initializePromise = initialize()
 
-  // Rerender link injections when linkInjections change. This is only relevant for editiorial mode.
   $effect(() => {
     if (isEditorialMode && !loading) rerender()
   })
@@ -76,7 +72,6 @@
 
       window.PlayPilotLinkInjections.config = config
 
-      // If the URL was marked as being excluded in the config, we stop injections here.
       isUrlExcluded = !!(config?.exclude_urls_pattern && url.match(new RegExp(config.exclude_urls_pattern)))
       if (isUrlExcluded) return
 
@@ -85,7 +80,7 @@
 
       setElements(config?.html_selector || '', config?.exclude_elements_selector || '')
     } catch(error) {
-      // We also return if the config did not get fetched properly, as we can't determine what should and should
+      // We return if the config did not get fetched properly, as we can't determine what should and should
       // get injected without it.
       track(TrackingEvent.FetchingConfigFailed)
       console.error('TPI Config failed to fetch', error)
@@ -103,16 +98,11 @@
 
       setTrackingSids({ organizationSid: response.organization_sid, domainSid: response.domain_sid })
 
-      // We only show results once they are fully processed. We only inject if AI is no longer running, or isn't
-      // meant to run to begin with.
       if (!response.ai_running || !response.ai_enabled) {
         inject({ aiInjections, manualInjections })
         return
       }
 
-      // A response was previous returned, but injections were still being generated in the backend.
-      // With this second request we wait until AI links are ready. We only do this in editorial
-      // so as not to suddenly insert new links while a user is reading the article.
       if (!isEditorialMode || isCrawler()) return
 
       response = await pollLinkInjections(pageText, { requireCompletedResult: true, onpoll: (update) => response = update })
@@ -137,8 +127,6 @@
   }
 
   function inject(injections: LinkInjectionTypes = { aiInjections, manualInjections }): void {
-    // Get filtered injections as they are shown on the page.
-    // Only update state if it they are different from current injections.
     const filteredInjections = injectLinksInDocument(elements, injections)
 
     if (JSON.stringify(filteredInjections) !== JSON.stringify(linkInjections)) {

package/src/routes/components/Debugger.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import { SplitTest } from '$lib/enums/SplitTest'
-  import { insertExplore } from '$lib/explore'
   import { getFullUrlPath } from '$lib/url'
   import { onDestroy } from 'svelte'
 
@@ -85,6 +84,7 @@
     })
   }
 
+  // Replace the current script with the beta version of the script
   function replaceWithBetaScript() {
     const currentScriptTag: HTMLScriptElement | null = document.querySelector('script[src*="scripts.playpilot.com/link-injection"]')
     if (!currentScriptTag) return
@@ -108,43 +108,6 @@
     currentScriptTag.insertAdjacentElement('afterend', newScriptTag)
     currentScriptTag.remove()
   }
-
-  function replacePageWithExplore() {
-    const element = document.querySelector("main, article")
-
-    element!.innerHTML = `
-      <div data-playpilot-explore style="
-        background: white;
-        --playpilot-dark: white;
-        --playpilot-light: white;
-        --playpilot-lighter: #e1e1e1;
-        --playpilot-content: #e5e5e5;
-        --playpilot-content-light: #c1c1c1;
-        --playpilot-text-color: black;
-        --playpilot-text-color-alt: black;
-        --playpilot-border-radius: 0;
-        --playpilot-playlink-border-radius: 0;
-        --playpilot-explore-search-border: 1px solid black;
-        --playpilot-explore-search-background: white;
-        --playpilot-explore-divider-height: 4px;
-        --playpilot-explore-divider-background: linear-gradient(to right,#51B3E0,#51B3E0 2.5rem,#E5ADAE 2.5rem,#E5ADAE 5rem,#E5E54F 5rem,#E5E54F 7.5rem,black 7.5rem,black);">
-        <div style="padding: 64px 32px; min-height: 100vh; color: black; max-width: 1264px; margin: 0 auto">
-          <div class="divider" style="width: 100%; max-width: 600px; height: 0.25rem;background-image: var(--playpilot-explore-divider-background)"></div>
-
-          <div class="heading" style="margin: 4px 0; font-size: clamp(24px, 5vw, 32px); line-height: 1.5; font-weight: bold; text-transform: uppercase;">
-            Streaming Guide
-          </div>
-
-          <div role="status" aria-live="polite">
-            <svg fill="currentColor" viewBox="0 0 24 24" width="72"><path fill="currentColor" d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"><animateTransform attributeName="transform" type="rotate" dur="500ms" values="0 12 12;360 12 12" repeatCount="indefinite"/></path></svg>
-            <div style="margin: 12px 0; font-weight: bold; text-transform: uppercase;">Loading…</div>
-            <noscript>Sorry, this page requires JavaScript to be enabled.</noscript>
-          </div>
-        </div>
-      </div>`
-
-    insertExplore()
-  }
 </script>
 
 <svelte:window {onkeydown} />
@@ -201,14 +164,6 @@
     {:else}
       <button onclick={replaceWithBetaScript}>Use beta script</button>
     {/if}
-
-    <hr />
-
-    <button onclick={replacePageWithExplore}>Replace page with explore</button>
-
-    <hr />
-
-    <button onclick={() => shown = false}>Close debugger</button>
   </div>
 {/if}
 

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

@@ -21,7 +21,7 @@
   const items = [{
     label: 'Services',
     param: 'provider',
-    data: [{ label: 'Apple TV', value: 'apple-TV' }, { label: 'Netflix', value: 'netflix' }, { label: 'Disney+', value: 'disney-plus' }, { label: 'Amazon Prime', value: 'prime-video' }, { label: 'HBO Max', value: 'max' }, { label: 'SkyShowtime', value: 'skyshowtime' }],
+    data: [{ label: 'Netflix', value: 'netflix' }, { label: 'Disney+', value: 'disney-plus' }],
   }, {
     label: 'Genres',
     param: 'genres',

package/src/routes/components/Rails/ParticipantsRail.svelte

@@ -43,7 +43,7 @@
 
   function onclick(event: MouseEvent, participant: ParticipantData): void {
     openModal({ event, type: 'participant', data: participant })
-    track(TrackingEvent.ParticipantClick, null, { title_source: title.original_title, participant: participant.name })
+    track(TrackingEvent.ParticipantClick, null, { title_source: title.original_title || title.title, participant: participant.name })
   }
 </script>
 

package/src/routes/components/Rails/SimilarRail.svelte

@@ -15,4 +15,7 @@
   const titles = fetchSimilarTitles(title)
 </script>
 
-<TitlesRail {titles} heading={t('Similar Titles')} onclick={(targetTitle) => track(TrackingEvent.SimilarTitleClick, targetTitle, { title_source: title.original_title })} />
+<TitlesRail
+  {titles}
+  heading={t('Similar Titles')}
+  onclick={(targetTitle) => track(TrackingEvent.SimilarTitleClick, targetTitle, { title_source: title.original_title || title.title })} />

package/src/routes/components/TitleModal.svelte

@@ -19,6 +19,7 @@
 
   const topScrollAd = getFirstAdOfType('top_scroll')
   const displayAd = getFirstAdOfType('card')
+  const insertExploreCta = window.PlayPilotLinkInjections?.config?.explore_insert_cta_in_tpi
 
   let hasTrackedScrolling = false
 
@@ -52,6 +53,6 @@
   {/if}
 {/snippet}
 
-<Modal {onscroll} {initialScrollPosition} {bubble} prepend={displayAd ? prepend : null} tall>
+<Modal {onscroll} {initialScrollPosition} bubble={!!topScrollAd || insertExploreCta ? bubble : null} prepend={displayAd ? prepend : null} tall>
   <Title {title} />
 </Modal>