@playpilot/tpi 6.8.0 → 6.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "6.8.0",
+	"version": "6.9.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/src/lib/enums/SplitTest.ts

@@ -4,9 +4,4 @@ export const SplitTest = {
     numberOfVariants: 2,
     variantNames: ['Separated', 'Inline'] as string[],
   },
-  TitleDescriptionPlacement: {
-    key: 'title_description_placement',
-    numberOfVariants: 2,
-    variantNames: ['Top', 'Bottom'] as string[],
-  },
 } as const

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

@@ -49,6 +49,11 @@ export type ConfigResponse = {
    */
   allow_retargeting_pixels?: boolean
 
+  /**
+   * By default affiliate links (playlinks) will render as links even without consent, as a disclaimer is given. Set to true to require explicit consent, rendering as static text without consent.
+   */
+  require_affiliate_consent?: boolean
+
   /**
    * The following options are all relevant for in text disclaimers, which renders as a disclaimer text within the article,
    * rather than only inside of title cards.

package/src/routes/components/Playlinks/Playlink.svelte

@@ -35,7 +35,7 @@
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <svelte:element
   {onclick}
-  this={hasConsentedTo('affiliate') ? 'a' : 'span'}
+  this={!window.PlayPilotLinkInjections?.config?.require_affiliate_consent || hasConsentedTo('affiliate') ? 'a' : 'span'}
   {@attach usePixel ? trackViewViaPixel(MetaEvent.ProviderInterest, { provider: playlink.slug }) : null}
   {@attach usePixel ? trackClickViaPixel(MetaEvent.ProviderClick, { provider: playlink.slug }) : null}
   href={url}

package/src/routes/components/Title.svelte

@@ -13,9 +13,7 @@
   import { heading } from '$lib/actions/heading'
   import { removeImageUrlPrefix } from '$lib/image'
   import { titleUrl } from '$lib/routes'
-  import { isInSplitTestVariant, trackSplitTestView } from '$lib/splitTest'
-  import { onMount, setContext } from 'svelte'
-  import { SplitTest } from '$lib/enums/SplitTest'
+  import { setContext } from 'svelte'
   import { track } from '$lib/tracking'
   import { TrackingEvent } from '$lib/enums/TrackingEvent'
 
@@ -33,18 +31,8 @@
   let posterLoaded = $state(false)
   let backgroundLoaded = $state(false)
   let useBackgroundFallback = $state(false)
-
-  onMount(() => {
-    if (showDescription) trackSplitTestView(SplitTest.TitleDescriptionPlacement)
-  })
 </script>
 
-{#snippet description()}
-  {#if showDescription}
-    <Description text={title.description!} blurb={title.blurb} onclick={() => track(TrackingEvent.ExpandTitleDescription, title)} />
-  {/if}
-{/snippet}
-
 <div class="content" class:small>
   <div class="header">
     <div class="poster" class:loaded={posterLoaded}>
@@ -79,16 +67,12 @@
   </div>
 
   <div class="main">
-    {#if isInSplitTestVariant(SplitTest.TitleDescriptionPlacement, 0)}
-      {@render description()}
+    {#if showDescription}
+      <Description text={title.description!} blurb={title.blurb} onclick={() => track(TrackingEvent.ExpandTitleDescription, title)} />
     {/if}
 
     <Playlinks playlinks={title.providers} {title} />
 
-    {#if isInSplitTestVariant(SplitTest.TitleDescriptionPlacement, 1)}
-      {@render description()}
-    {/if}
-
     <ParticipantsRail {title} />
     <SimilarRail {title} />
   </div>

package/src/routes/components/TitleModal.svelte

@@ -9,8 +9,6 @@
   import TopScroll from './Ads/TopScroll.svelte'
   import Display from './Ads/Display.svelte'
   import ExploreCallToAction from './Explore/ExploreCallToAction.svelte'
-  import { getSplitTestVariantName } from '$lib/splitTest'
-  import { SplitTest } from '$lib/enums/SplitTest'
 
   interface Props {
     title: TitleData
@@ -30,7 +28,7 @@
   onMount(() => {
     const openTimestamp = Date.now()
 
-    return () => track(TrackingEvent.TitleModalClose, title, { time_spent: Date.now() - openTimestamp, split_test: getSplitTestVariantName(SplitTest.TitleDescriptionPlacement) })
+    return () => track(TrackingEvent.TitleModalClose, title, { time_spent: Date.now() - openTimestamp })
   })
 
   function onscroll(): void {

package/src/routes/components/TitlePopover.svelte

@@ -8,8 +8,6 @@
   import Title from './Title.svelte'
   import TopScroll from './Ads/TopScroll.svelte'
   import Display from './Ads/Display.svelte'
-  import { getSplitTestVariantName } from '$lib/splitTest'
-  import { SplitTest } from '$lib/enums/SplitTest'
 
   interface Props {
     event: MouseEvent
@@ -29,7 +27,7 @@
     setOffset()
 
     const openTimestamp = Date.now()
-    return () => track(TrackingEvent.TitlePopoverClose, title, { time_spent: Date.now() - openTimestamp, split_test: getSplitTestVariantName(SplitTest.TitleDescriptionPlacement) })
+    return () => track(TrackingEvent.TitlePopoverClose, title, { time_spent: Date.now() - openTimestamp })
   })
 
   /**

package/src/tests/routes/components/Playlinks/Playlink.test.js

@@ -1,5 +1,5 @@
 import { fireEvent, render } from '@testing-library/svelte'
-import { describe, expect, it, vi } from 'vitest'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import Playlink from '../../../../routes/components/Playlinks/Playlink.svelte'
 import { hasConsentedTo } from '$lib/consent'
@@ -19,6 +19,11 @@ vi.mock('svelte', async (importActual) => ({
 }))
 
 describe('Playlink.svelte', () => {
+  beforeEach(() => {
+    // @ts-ignore
+    window.PlayPilotLinkInjections = { config: {} }
+  })
+
   const playlink = { name: 'Some playlink', logo_url: 'logo', url: 'https://playpilot.com/', extra_info: { category: 'SVOD' } }
 
   it('Should render category as words', () => {
@@ -109,7 +114,20 @@ describe('Playlink.svelte', () => {
     expect(getByRole('link')).toBeTruthy()
   })
 
-  it('Should not render as link when user has not consented to affiliate', () => {
+  it('Should render as link when user has not consented to affiliate but require_affiliate_consent is false', () => {
+    window.PlayPilotLinkInjections.config.require_affiliate_consent = false
+
+    vi.mocked(hasConsentedTo).mockImplementation(() => false)
+
+    // @ts-ignore
+    const { queryByRole } = render(Playlink, { playlink })
+
+    expect(queryByRole('link')).toBeTruthy()
+  })
+
+  it('Should render as link when user has not consented to affiliate and require_affiliate_consent is true', () => {
+    window.PlayPilotLinkInjections.config.require_affiliate_consent = true
+
     vi.mocked(hasConsentedTo).mockImplementation(() => false)
 
     // @ts-ignore