@playpilot/tpi 7.0.3 → 7.0.4

package/package.json

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

package/src/lib/explore.ts

@@ -2,6 +2,7 @@ import { mount, unmount } from 'svelte'
 import Explore from '../routes/components/Explore/Explore.svelte'
 
 export const exploreParentSelector = '[data-playpilot-explore]'
+export const explorePreConsentSelector = '[data-playpilot-pre-consent-explore]'
 
 let exploreInsertedComponent: object | null = null
 
@@ -14,6 +15,7 @@ export function insertExplore(): void {
   if (!target) return
 
   destroyExplore()
+  document.querySelector<HTMLElement>(explorePreConsentSelector)?.remove()
 
   target.innerHTML = ''
   exploreInsertedComponent = mount(Explore, { target })

package/src/tests/lib/explore.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import { destroyExplore, insertExplore, insertExploreIntoNavigation } from '$lib/explore'
+import { destroyExplore, explorePreConsentSelector, insertExplore, insertExploreIntoNavigation } from '$lib/explore'
 import { mount, unmount } from 'svelte'
 vi.mock('svelte', () => ({
   mount: vi.fn(() => true),
@@ -36,6 +36,19 @@ describe('explore.js', () => {
 
       expect(document.querySelector('span')).not.toBeTruthy()
     })
+
+    it('Should remove pre-consent elements if present', () => {
+      document.body.innerHTML = `
+        <div data-playpilot-explore><span></span></div>
+        <div data-playpilot-pre-consent-explore></div>
+      `
+
+      expect(document.querySelector(explorePreConsentSelector)).toBeTruthy()
+
+      insertExplore()
+
+      expect(document.querySelector(explorePreConsentSelector)).not.toBeTruthy()
+    })
   })
 
   describe('destroyExplore', () => {