@playpilot/tpi 3.4.0 → 3.6.0

package/package.json

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

package/src/lib/linkInjection.ts

@@ -11,9 +11,8 @@ import { playFallbackViewTransition } from './viewTransition'
 const keyDataAttribute = 'data-playpilot-injection-key'
 const keySelector = `[${keyDataAttribute}]`
 
-const activePopovers: Record<string, { injection: LinkInjection; component: object }> = {}
-
 let currentlyHoveredInjection: EventTarget | null = null
+let activePopoverInsertedComponent: object | null = null
 let afterArticlePlaylinkInsertedComponent: object | null = null
 let activeModalInsertedComponent: object | null = null
 
@@ -32,7 +31,7 @@ export function getLinkInjectionElements(parentElement: HTMLElement): HTMLElemen
     if (validElements.includes(element)) continue
 
     // Ignore links, buttons, and headers
-    if (/^(A|BUTTON|SCRIPT|NOSCRIPT|STYLE|IFRAME|FIGCAPTION|H[1-6])$/.test(element.tagName)) continue
+    if (/^(A|BUTTON|SCRIPT|NOSCRIPT|STYLE|IFRAME|FIGCAPTION|TIME|H[1-6])$/.test(element.tagName)) continue
 
     // Check if this element has a direct text node
     const hasTextNode = Array.from(element.childNodes).some(
@@ -71,12 +70,11 @@ export function getLinkInjectionElements(parentElement: HTMLElement): HTMLElemen
 }
 
 /**
-   * Get the parent selector that will be used to find the link injections in.
-   * This selector is passed when the script is initialized.
-   * If no selector is passed a default is returned instead.
-   */
+ * Get the parent selector that will be used to find the link injections in.
+ * This selector is passed through the api config, or when the script is initialized.
+ * If no selector is passed a default is returned instead.
+ */
 export function getLinkInjectionsParentElement(): HTMLElement {
-  // @ts-ignore
   const selector = window.PlayPilotLinkInjections?.selector
 
   if (selector) {
@@ -241,11 +239,23 @@ function addLinkInjectionEventListeners(injections: LinkInjection[]): void {
     event.preventDefault()
 
     playFallbackViewTransition(() => {
-      destroyLinkPopover(injection, false)
+      destroyLinkPopover(false)
       openLinkModal(event, injection)
     }, window.innerWidth >= 600 && !window.matchMedia("(pointer: coarse)").matches)
   })
 
+  window.addEventListener('mousemove', (event) => {
+    if (!activePopoverInsertedComponent) return
+
+    const target = event.target as Element
+
+    // Mousemove is inside of popover or link that popover
+    if (target.hasAttribute('data-playpilot-title-popover') || target.closest('[data-playpilot-title-popover]') ||
+      target.hasAttribute(keyDataAttribute) || target.closest(keySelector)) return
+
+    destroyLinkPopover()
+  })
+
   const createdInjectionElements = Array.from(document.querySelectorAll(keySelector)) as HTMLElement[]
 
   // Open and close popover on mouseenter/mouseleave
@@ -257,7 +267,7 @@ function addLinkInjectionEventListeners(injections: LinkInjection[]): void {
 
     // @ts-ignore
     injectionElement.addEventListener('mouseenter', (event) => openLinkPopover(event, injection))
-    injectionElement.addEventListener('mouseleave', () => destroyLinkPopover(injection))
+    injectionElement.addEventListener('mouseleave', () => currentlyHoveredInjection = null)
   })
 }
 
@@ -291,6 +301,7 @@ function destroyLinkModal(outro: boolean = true): void {
 function openLinkPopover(event: MouseEvent, injection: LinkInjection): void {
   // Skip touch devices
   if (window.matchMedia('(pointer: coarse)').matches) return
+  if (activePopoverInsertedComponent) destroyLinkPopover()
 
   const target = event.currentTarget as Element
   currentlyHoveredInjection = target
@@ -298,26 +309,22 @@ function openLinkPopover(event: MouseEvent, injection: LinkInjection): void {
   // Only show if the link is hovered for more than 100ms. This is to prevent the popover from showing
   // when a user just happens to mouseover as they are moving their mouse about.
   setTimeout(() => {
-    if (activePopovers[injection.key]) return // Popover for this link was already open and was called again... for some reason
     if (currentlyHoveredInjection !== target) return // User is no longer hovering this link
 
-    const popover = mount(TitlePopover, { target, props: { title: injection.title_details! } })
-
-    activePopovers[injection.key] = { injection, component: popover }
+    activePopoverInsertedComponent = mount(TitlePopover, { target: document.body, props: { event, title: injection.title_details! } })
   }, 100)
 }
 
 /**
  * Unmount the popover, removing it from the dom
  */
-function destroyLinkPopover(injection: LinkInjection, outro: boolean = true) {
-  const popover = activePopovers[injection.key]
-  currentlyHoveredInjection = null
+function destroyLinkPopover(outro: boolean = true) {
+  if (!activePopoverInsertedComponent) return
 
-  if (!popover) return
+  unmount(activePopoverInsertedComponent, { outro })
 
-  unmount(popover.component, { outro })
-  delete activePopovers[injection.key]
+  currentlyHoveredInjection = null
+  activePopoverInsertedComponent = null
 }
 
 /**
@@ -352,15 +359,12 @@ function clearAfterArticlePlaylinks(): void {
  * Clear link injections from the page
  */
 export function clearLinkInjections(): void {
-  Object.values(activePopovers).forEach(popover => destroyLinkPopover(popover.injection))
-
   const elements = document.querySelectorAll(keySelector)
   elements.forEach((element) => element.outerHTML = element.textContent || '')
 
-  Object.values(activePopovers).forEach(({ injection }) => destroyLinkPopover(injection, false))
-
   clearAfterArticlePlaylinks()
-  destroyLinkModal()
+  destroyLinkModal(false)
+  destroyLinkPopover(false)
 }
 
 /**

package/src/lib/tracking.ts

@@ -1,5 +1,3 @@
-import { get } from "svelte/store"
-import { currentDomainSid, currentOrganizationSid } from "./stores/organization"
 import type { TitleData } from "./types/title"
 import { getFullUrlPath } from "./url"
 
@@ -24,8 +22,8 @@ export async function track(event: string, title: TitleData | null = null, paylo
   }
 
   payload.url = getFullUrlPath()
-  payload.organization_sid = get(currentOrganizationSid)
-  payload.domain_sid = get(currentDomainSid)
+  payload.organization_sid = window.PlayPilotLinkInjections?.organization_sid
+  payload.domain_sid = window.PlayPilotLinkInjections?.domain_sid
 
   fetch(baseUrl, {
     headers,
@@ -39,10 +37,10 @@ export async function track(event: string, title: TitleData | null = null, paylo
 }
 
 /**
- * Set the sid of the organization and domain to a store..
+ * Set the sid of the organization and domain to the window object.
  * These are saved for tracking purposes and currently serve no other function.
  */
 export function setTrackingSids({ organizationSid = null, domainSid = null }: { organizationSid?: string | null, domainSid?: string | null }): void {
-  currentOrganizationSid.set(organizationSid || null)
-  currentDomainSid.set(domainSid || null)
+  window.PlayPilotLinkInjections.organization_sid = organizationSid || null
+  window.PlayPilotLinkInjections.domain_sid = domainSid || null
 }

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

@@ -1,3 +1,5 @@
 export type ConfigResponse = {
   exclude_urls_pattern?: string
+  custom_style?: string
+  html_selector?: string
 }

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

@@ -7,6 +7,8 @@ declare global {
       after_article_selector: string
       after_article_insert_position: InsertPosition | ''
       language: string | null
+      organization_sid: string | null
+      domain_sid: string | null
     }
   }
 }

package/src/main.js

@@ -11,9 +11,11 @@ window.PlayPilotLinkInjections = {
   after_article_selector: '',
   after_article_insert_position: '',
   language: null,
+  organization_sid: null,
+  domain_sid: null,
   app: null,
 
-  initialize(config = { token: '', selector: '', after_article_selector: '', language: null, editorial_token: '' }) {
+  initialize(config = { token: '', selector: '', after_article_selector: '', language: null, organization_sid: null, domain_sid: null, editorial_token: '' }) {
     if (!config.token) {
       console.error('An API token is required.')
       return
@@ -25,6 +27,8 @@ window.PlayPilotLinkInjections = {
     this.after_article_selector = config.after_article_selector
     this.after_article_insert_position = config.after_article_insert_position
     this.language = config.language
+    this.organization_sid = config.organization_sid
+    this.domain_sid = config.domain_sid
 
     if (this.app) this.destroy()
 

package/src/routes/+page.svelte

@@ -11,10 +11,8 @@
   import EditorTrigger from './components/Editorial/EditorTrigger.svelte'
   import type { LinkInjectionResponse, LinkInjection, LinkInjectionTypes } from '$lib/types/injection'
 
-  const parentElement = getLinkInjectionsParentElement()
-  const elements: HTMLElement[] = getLinkInjectionElements(parentElement)
-  const htmlString = elements.map(p => p.outerHTML).join('')
-
+  let parentElement: HTMLElement | null = $state(null)
+  let elements: HTMLElement[] = $state([])
   let response: LinkInjectionResponse | null = $state(null)
   let isEditorialMode = $state(isEditorialModeEnabled())
   let hasAuthToken = $state(!!getAuthToken())
@@ -24,6 +22,7 @@
 
   // @ts-ignore It's ok if the response is empty
   const { ai_injections: aiInjections = [], link_injections: manualInjections = [] } = $derived(response || {})
+  const htmlString = $derived(elements.map(p => p.outerHTML).join(''))
 
   // Rerender link injections when linkInjections change. This is only relevant for editiorial mode.
   $effect(() => {
@@ -52,6 +51,9 @@
 
       // URL was marked as being excluded, we stop injections here unless we're in editorial mode.
       if (!isEditorialMode && config?.exclude_urls_pattern && url.match(config.exclude_urls_pattern)) return
+      if (config?.custom_style) insertCustomStyle(config.custom_style || '')
+
+      setElements(config?.html_selector || '')
     } catch(error) {
       // We also return if the config did not get fetched properly, as we can't determine what should and should
       // get injected without it.
@@ -116,12 +118,32 @@
     })
   }
 
+  // Set elements to be used by script, if a selector is passed from the config request we update
+  // the selector on the window object.
+  function setElements(configSelector: string) {
+    if (configSelector) window.PlayPilotLinkInjections.selector = configSelector
+
+    parentElement = getLinkInjectionsParentElement()
+    elements = getLinkInjectionElements(parentElement)
+  }
+
   function openEditorialMode() {
     isEditorialMode = true
     setEditorialParamInUrl()
 
     initialize()
   }
+
+  function insertCustomStyle(customStyleString: string) {
+    const id = 'playpilot-custom-style'
+    const existingElement = document.getElementById(id)
+    const styleElement = existingElement || document.createElement('style')
+
+    styleElement.textContent = `${window.PlayPilotLinkInjections?.selector || 'body'}, .modal, .popover { ${customStyleString} }`
+    styleElement.id = id
+
+    if (!existingElement) document.body.appendChild(styleElement)
+  }
 </script>
 
 <div class="playpilot-link-injections">

package/src/routes/components/AfterArticlePlaylinks.svelte

@@ -37,7 +37,10 @@
           {#if after_article_style === 'modal_button'}
             "{title}" {t('Is Available To Stream')}
 
-            <span>
+            <!-- svelte-ignore a11y_click_events_have_key_events -->
+            <!-- svelte-ignore a11y_no_static_element_interactions -->
+            <!-- This onclick is here to prevent the event from regular injections from firing, as those are attached to the window and fire on any key data attribute -->
+            <span onclick={event => event.stopPropagation()}>
               <button onclick={(event) => openModal(event, title_details as TitleData, linkInjection)}>
                 {t('View Streaming Options')}
               </button>

package/src/routes/components/TitlePopover.svelte

@@ -2,20 +2,54 @@
   import { TrackingEvent } from '$lib/enums/TrackingEvent'
   import { track } from '$lib/tracking'
   import type { TitleData } from '$lib/types/title'
+  import { onMount } from 'svelte'
   import Popover from './Popover.svelte'
   import Title from './Title.svelte'
 
   interface Props {
+    event: MouseEvent
     title: TitleData
   }
 
-  const { title }: Props = $props()
+  const { event, title }: Props = $props()
 
   let maxHeight = $state(0)
+  let element: HTMLElement | null = $state(null)
 
   track(TrackingEvent.TitlePopoverView, title)
+
+  onMount(setOffset)
+
+  /**
+   * An element can be split up over multiple lines, giving it multiple ClientRects.
+   * We calculate the distannce to the closest one and use that for it's positioning.
+   * The height is used to acculately flip the Popover when it's too close to the
+   * bottom of the screen. This is done in the Popover component itself.
+   */
+  function setOffset(): void {
+    const target = event.target as Element
+
+    if (!target?.getClientRects) return
+
+    const rects = Array.from(target.getClientRects())
+    const xOffsets = rects.map(rect => rect.x)
+    const differences = xOffsets.map(x => Math.abs(x - event.clientX))
+    const closestRect = rects[differences.indexOf(Math.min(...differences))]
+
+    element!.style.top = closestRect.top + 'px'
+    element!.style.left = closestRect.left + 'px'
+    element!.style.height = closestRect.height + 'px'
+  }
 </script>
 
-<Popover bind:maxHeight>
-  <Title {title} small compact={!!maxHeight && maxHeight < 250} />
-</Popover>
+<div class="title-popover" bind:this={element} data-playpilot-title-popover>
+  <Popover bind:maxHeight>
+    <Title {title} small compact={!!maxHeight && maxHeight < 250} />
+  </Popover>
+</div>
+
+<style lang="scss">
+  .title-popover {
+    position: absolute;
+  }
+</style>

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

@@ -385,7 +385,7 @@ describe('linkInjection.js', () => {
       expect(results[1].failed_message).toBe('Given sentence was not found in the article.')
     })
 
-    it('Should mount popover component when link is hovered and unmount when link is blurred', async () => {
+    it('Should mount popover component when element other than popover or link is hovered', async () => {
       document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
 
       const elements = Array.from(document.body.querySelectorAll('p'))
@@ -401,7 +401,10 @@ describe('linkInjection.js', () => {
       vi.advanceTimersByTime(200)
       expect(mount).toHaveBeenCalled()
 
-      await fireEvent.mouseLeave(link)
+      await fireEvent.mouseMove(link)
+      expect(unmount).not.toHaveBeenCalled()
+
+      await fireEvent.mouseMove(document.body)
       expect(unmount).toHaveBeenCalled()
     })
 
@@ -419,7 +422,7 @@ describe('linkInjection.js', () => {
 
       await fireEvent.mouseEnter(link)
       vi.advanceTimersByTime(200)
-      await fireEvent.mouseLeave(link)
+      await fireEvent.mouseMove(document.body)
       await fireEvent.mouseEnter(link)
       vi.advanceTimersByTime(200)
 
@@ -446,28 +449,6 @@ describe('linkInjection.js', () => {
       expect(mount).not.toHaveBeenCalled()
     })
 
-    it('Should mount popover component only once when the same popover is already open', async () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
-
-      vi.useFakeTimers()
-
-      await fireEvent.mouseEnter(link)
-      vi.advanceTimersByTime(200)
-      expect(mount).toHaveBeenCalled()
-
-      await fireEvent.mouseEnter(link)
-      vi.advanceTimersByTime(200)
-
-      expect(mount).toHaveBeenCalledTimes(1)
-    })
-
     it('Should inject links of the same phrase when multiple are present', () => {
       document.body.innerHTML = '<p>This is a sentence with an injection and another injection</p>'
 
@@ -709,6 +690,7 @@ describe('linkInjection.js', () => {
         <iframe>I am an iframe</iframe>
         <noscript>I am noscript</noscript>
         <figcaption>I am a figcaption</figcaption>
+        <time>I am time</time>
 
         <div>
           <a>I am another link</a>

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

@@ -2,16 +2,14 @@ import { describe, it, expect, vi, beforeEach } from 'vitest'
 
 import { setTrackingSids, track } from '$lib/tracking'
 import { title } from '$lib/fakeData'
-import { get } from 'svelte/store'
-import { currentDomainSid, currentOrganizationSid } from '$lib/stores/organization'
 import { getFullUrlPath } from '$lib/url'
 
 global.fetch = vi.fn()
 
 describe('$lib/tracking', () => {
   beforeEach(() => {
-    currentDomainSid.set(null)
-    currentOrganizationSid.set(null)
+    // @ts-ignore
+    window.PlayPilotLinkInjections = {}
 
     vi.resetAllMocks()
   })
@@ -57,7 +55,7 @@ describe('$lib/tracking', () => {
     })
 
     it('Should include domain sid in request', () => {
-      currentDomainSid.set('some-domain')
+      window.PlayPilotLinkInjections.domain_sid = 'some-domain'
 
       track('Some event')
 
@@ -70,7 +68,7 @@ describe('$lib/tracking', () => {
     })
 
     it('Should include organization sid in request', () => {
-      currentOrganizationSid.set('some-organization')
+      window.PlayPilotLinkInjections.organization_sid = 'some-organization'
 
       track('Some event')
 
@@ -83,7 +81,7 @@ describe('$lib/tracking', () => {
     })
 
     it('Should include organization sid in request', () => {
-      currentOrganizationSid.set('some-organization')
+      window.PlayPilotLinkInjections.organization_sid = 'some-organization'
 
       track('Some event')
 
@@ -132,15 +130,15 @@ describe('$lib/tracking', () => {
       it('Should set stores equal to the given values', () => {
         setTrackingSids({ domainSid: 'some-domain', organizationSid: 'some-organization' })
 
-        expect(get(currentDomainSid)).toBe('some-domain')
-        expect(get(currentOrganizationSid)).toBe('some-organization')
+        expect(window.PlayPilotLinkInjections.domain_sid).toBe('some-domain')
+        expect(window.PlayPilotLinkInjections.organization_sid).toBe('some-organization')
       })
 
       it('Should set stores to null if invalid values are given', () => {
         setTrackingSids({ domainSid: '', organizationSid: undefined })
 
-        expect(get(currentDomainSid)).toBe(null)
-        expect(get(currentOrganizationSid)).toBe(null)
+        expect(window.PlayPilotLinkInjections.domain_sid).toBe(null)
+        expect(window.PlayPilotLinkInjections.organization_sid).toBe(null)
       })
     })
   })

package/src/tests/routes/+page.test.js

@@ -58,6 +58,7 @@ vi.mock('$lib/url', () => ({
 
 describe('$routes/+page.svelte', () => {
   beforeEach(() => {
+    document.body.innerHTML = ''
     vi.resetAllMocks()
     vi.mocked(injectLinksInDocument).mockReturnValue([])
   })
@@ -327,40 +328,90 @@ describe('$routes/+page.svelte', () => {
     expect(pollLinkInjections).not.toHaveBeenCalled()
   })
 
-  it('Should not inject if config exclude_urls_pattern matches current url', async () => {
-    vi.mocked(fetchConfig).mockResolvedValueOnce({ exclude_urls_pattern: '/t' })
+  describe('Config', () => {
+    describe('exclude_urls_pattern', () => {
 
-    render(page)
+      it('Should not inject if config exclude_urls_pattern matches current url', async () => {
+        vi.mocked(fetchConfig).mockResolvedValueOnce({ exclude_urls_pattern: '/t' })
 
-    await new Promise(res => setTimeout(res, 100)) // Await all fetches
-    expect(pollLinkInjections).not.toHaveBeenCalled()
-  })
+        render(page)
 
-  it('Should not inject if config exclude_urls_pattern matches current url with more complex regex pattern', async () => {
-    vi.mocked(fetchConfig).mockResolvedValueOnce({ exclude_urls_pattern: '^/test$' })
+        await waitFor(() => expect(fetchConfig).toHaveBeenCalled())
+        expect(pollLinkInjections).not.toHaveBeenCalled()
+      })
 
-    render(page)
+      it('Should not inject if config exclude_urls_pattern matches current url with more complex regex pattern', async () => {
+        vi.mocked(fetchConfig).mockResolvedValueOnce({ exclude_urls_pattern: '^/test$' })
 
-    await new Promise(res => setTimeout(res, 100)) // Await all fetches
-    expect(pollLinkInjections).not.toHaveBeenCalled()
-  })
+        render(page)
 
-  it('Should not inject if config returns an error', async () => {
-    vi.mocked(fetchConfig).mockRejectedValueOnce('null')
+        await waitFor(() => expect(fetchConfig).toHaveBeenCalled())
+        expect(pollLinkInjections).not.toHaveBeenCalled()
+      })
 
-    render(page)
+      it('Should not inject if config returns an error', async () => {
+        vi.mocked(fetchConfig).mockRejectedValueOnce('null')
 
-    await new Promise(res => setTimeout(res, 100)) // Await all fetches
-    expect(pollLinkInjections).not.toHaveBeenCalled()
-    expect(track).toHaveBeenCalledWith(TrackingEvent.FetchingConfigFailed)
-  })
+        render(page)
 
-  it('Should inject if config exclude_urls_pattern does not match current url', async () => {
-    vi.mocked(fetchConfig).mockResolvedValueOnce({ exclude_urls_pattern: '/something-else' })
+        await waitFor(() => expect(fetchConfig).toHaveBeenCalled())
+        expect(pollLinkInjections).not.toHaveBeenCalled()
+        expect(track).toHaveBeenCalledWith(TrackingEvent.FetchingConfigFailed)
+      })
 
-    render(page)
+      it('Should inject if config exclude_urls_pattern does not match current url', async () => {
+        vi.mocked(fetchConfig).mockResolvedValueOnce({ exclude_urls_pattern: '/something-else' })
+
+        render(page)
+
+        await waitFor(() => expect(fetchConfig).toHaveBeenCalled())
+        expect(pollLinkInjections).toHaveBeenCalled()
+      })
+    })
+
+    describe('html_selector', () => {
+      it('Should set window object selector to selector given in config', async () => {
+        vi.mocked(fetchConfig).mockResolvedValueOnce({ html_selector: 'some-config-selector' })
 
-    await new Promise(res => setTimeout(res, 100)) // Await all fetches
-    expect(pollLinkInjections).toHaveBeenCalled()
+        render(page)
+
+        await waitFor(() => expect(fetchConfig).toHaveBeenCalled())
+        expect(window.PlayPilotLinkInjections.selector).toBe('some-config-selector')
+      })
+    })
+
+    describe('custom_style', () => {
+      it('Should insert custom html tag with returned value for given selector from config', async () => {
+        vi.mocked(fetchConfig).mockResolvedValueOnce({ custom_style: 'some: style' })
+
+        // @ts-ignore
+        window.PlayPilotLinkInjections = { selector: '.some-element' }
+
+        render(page)
+
+        await waitFor(() => {
+          expect(document.querySelector('#playpilot-custom-style')?.textContent).toBe('.some-element, .modal, .popover { some: style }')
+        })
+      })
+
+      it('Should insert custom html tag with returned value for body when no selector is given', async () => {
+        vi.mocked(fetchConfig).mockResolvedValueOnce({ custom_style: 'some: style' })
+
+        render(page)
+
+        await waitFor(() => {
+          expect(document.querySelector('#playpilot-custom-style')?.textContent).toBe('body, .modal, .popover { some: style }')
+        })
+      })
+
+      it('Should not insert custom html tag when config returns no value for custom_style', async () => {
+        vi.mocked(fetchConfig).mockResolvedValueOnce({ exclude_urls_pattern: 'value' })
+
+        render(page)
+
+        await new Promise(res => setTimeout(res, 100)) // Await all fetches
+        expect(document.querySelector('#playpilot-custom-style')).not.toBeTruthy()
+      })
+    })
   })
 })

package/src/tests/routes/components/TitlePopover.test.js

@@ -16,7 +16,8 @@ describe('TitlePopover.svelte', () => {
   })
 
   it('Should call track function when rendered', () => {
-    render(TitlePopover, { title })
+    const event = new MouseEvent('mouseenter')
+    render(TitlePopover, { event, title })
 
     expect(track).toHaveBeenCalledWith(TrackingEvent.TitlePopoverView, title)
   })

package/src/lib/stores/organization.ts

@@ -1,4 +0,0 @@
-import { writable, type Writable } from "svelte/store"
-
-export const currentOrganizationSid: Writable<string | null> = writable(null)
-export const currentDomainSid: Writable<string | null> = writable(null)