@castlabs/ui 7.18.0 → 7.19.0

package/dist/castlabs-ui.module.js

@@ -1,4 +1,4 @@
-/* @castlabs/ui v7.18.0 */
+/* @castlabs/ui v7.19.0 */
 
 /*!
   * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -360,6 +360,9 @@ const SERVICE = {
   CP: 'Content Platform',
   CP_TAGLINE: 'Access the Content Platform, manage, encode and watermark assets',
   CP_URN: 'urn:janus:service:76b6e8558263431d9d766779987d6410',
+  CPS: 'Content Platform Staging',
+  CPS_TAGLINE: 'Access the Content Platform, manage, encode and watermark assets',
+  CPS_URN: 'urn:janus:service:f57f4728d2a54a0d99b77b9bb7e04bf6',
   CS: 'Castlabs hub',
   CS_TAGLINE: 'Manage organizations, plans, downloads',
   CS_URN: 'urn:janus:service:OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO',
@@ -384,6 +387,9 @@ const SERVICE = {
   VTK: 'Video Toolkit',
   VTK_TAGLINE: 'Cloud encoding, packaging, watermarking',
   VTK_URN: 'urn:janus:service:a50e21d6a5e246809b636854abfbd34d',
+  VTKS: 'Video Toolkit Staging',
+  VTKS_TAGLINE: 'Cloud encoding, packaging, watermarking',
+  VTKS_URN: 'urn:janus:service:ca5bb34e8f39459796778e74fa097248',
   WM: 'STARDUSTmark',
   WM_TAGLINE: 'Video & image forensic watermarking',
   WM_URN: 'urn:janus:service:76b6e8558263431d9d766779987d64c4'
@@ -446,8 +452,6 @@ const ROLE = {
   DTS_DELIVERIES: 'Deliveries',
   DTS_DELIVERIES_URN: 'urn:janus:role:e79a8f99a96a45238283b3c049e7374b',
 
-  VTK_ADMIN: 'Video Toolkit admin',
-  VTK_ADMIN_URN: 'urn:janus:role:8ff40a162b834e96a36f7ddbfda475ef',
   VTK_USER: 'Video Toolkit user',
   VTK_USER_URN: 'urn:janus:role:33c9c2001ca14dde9c3b310d0748b8b4',
 
@@ -500,6 +504,18 @@ const APPS = {
     sidenav: false
   },
 
+  CPS: {
+    id: 'CPS',
+    subtitle: SERVICE.CPS_TAGLINE,
+    title: SERVICE.CPS,
+    services: [SERVICE.CPS_URN],
+    roles: [ROLE.CP_USER_URN],
+    urlManage: (env, oid) =>
+      `https://platform.content-stag.castlabs.com/#/o/${oid ?? ''}`,
+    urlPlan: (env, oid) => urlCS(env, oid),
+    sidenav: false
+  },
+
   CS: {
     id: 'CS',
     subtitle: SERVICE.CS_TAGLINE,
@@ -619,7 +635,7 @@ const APPS = {
     id: 'VTK',
     subtitle: SERVICE.VTK_TAGLINE,
     services: [SERVICE.VTK_URN],
-    roles: [ROLE.VTK_USER_URN, ROLE.VTK_ADMIN_URN],
+    roles: [ROLE.VTK_USER_URN],
     title: SERVICE.VTK,
     urlManage: (env, oid) =>
       getEnvUrl(
@@ -629,6 +645,18 @@ const APPS = {
       ),
     urlPlan: (env, oid) => urlCS(env, oid, '/plans/vtk'),
     sidenav: true
+  },
+
+  VTKS: {
+    id: 'VTKS',
+    subtitle: SERVICE.VTKS_TAGLINE,
+    title: SERVICE.VTKS,
+    services: [SERVICE.VTKS_URN],
+    roles: [ROLE.VTK_USER_URN],
+    urlManage: (env, oid) =>
+      `https://vtks.castlabs.com/${oid}/jobs/`,
+    urlPlan: (env, oid) => urlCS(env, oid, '/plans/vtk'),
+    sidenav: false
   }
 }
 
@@ -757,7 +785,7 @@ function variant (service, license, oid, env, hasRole) {
   // no license = show subscribe ad
   if (!license) {
     // some items are hidden if there is no license
-    if ([APPS.DTS.id].includes(service.id)) return null
+    if ([APPS.DTS.id, APPS.CPS.id, APPS.VTKS.id].includes(service.id)) return null
 
     // other items we hint the user to subscribe
     return subscribe(service, oid, env)
@@ -791,12 +819,16 @@ function csGetNavVariant (membership, service, oid, env) {
 function csParseMembership (membership, oid, env) {
   const nav = [subscribed(APPS.CS, oid, env)]
 
+  const cps = csGetNavVariant(membership, APPS.CPS, oid, env)
+  if (cps) nav.push(cps)
   nav.push(csGetNavVariant(membership, APPS.DT, oid, env))
   const dts = csGetNavVariant(membership, APPS.DTS, oid, env)
   if (dts) nav.push(dts)
   nav.push(csGetNavVariant(membership, APPS.PP, oid, env))
   nav.push(csGetNavVariant(membership, APPS.WM, oid, env))
   nav.push(csGetNavVariant(membership, APPS.VTK, oid, env))
+  const vtks = csGetNavVariant(membership, APPS.VTKS, oid, env)
+  if (vtks) nav.push(vtks)
 
   return nav
 }
@@ -910,6 +942,41 @@ export function clScrollToId (id, smooth = true) {
   }, 0)
 }
 
+export function setDomainCookieJson (name, value, maxAge = 60 * 60 * 24 * (365 + 30)) {
+  const b64 = btoa(JSON.stringify(value))
+  document.cookie = `${name}=${b64}; max-age=${maxAge}; domain=${getDomain()}; path=/; SameSite=Lax;`
+}
+
+export function getDomainCookieJson (name) {
+  for (const cookie of document?.cookie?.split(/; */) ?? []) {
+    const [key, value] = cookie.split('=')
+    if (key === name) {
+      try {
+        return JSON.parse(atob(value))
+      } catch (e) {
+        e.ignore?.() // ignore reason
+        return {}
+      }
+    }
+  }
+  return {}
+}
+
+function getDomain () {
+  if (window.location.hostname.match(/^[0-9]+.[0-9]+.[0-9]+.[0-9]+$/)) {
+    // IP domain
+    return window.location.hostname
+  }
+  const parts = window.location.hostname.split('.').reverse()
+  if (parts.length > 1) {
+    // regular multi-part domain name
+    return `.${parts[1]}.${parts[0]}`
+  } else {
+    // single-name domain like 'localhost'
+    return parts[0]
+  }
+}
+
 // -----------------------------------------------------------------------------
 // --- modals ------------------------------------------------------------------
 // -----------------------------------------------------------------------------
@@ -1716,44 +1783,21 @@ export function clSleep (ms) {
 // -----------------------------------------------------------------------------
 
 export function clThemeSetup () {
-  let dark = null
-
-  // try to load settings
-  try {
-    switch (localStorage.getItem('themeDark')) {
-      case 'true':
-        dark = true
-        break
-      case 'false':
-        dark = false
-        break
-      default:
-        dark = null
-    }
-  } catch (e) {
-    e.ignore?.()
-  } // catch & ignore private mode
-
-  // use OS default if unknown
-  if (dark === null) {
-    const darkModeMql = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)')
-    if (darkModeMql?.matches) {
-      dark = true
-    } else {
-      dark = false
-    }
+  const settings = getDomainCookieJson('cl_ui_settings')
+  const dark = settings?.theme === 'dark'
+  clThemeSetDark(dark) // re-set to prolong expiration
+  const checkbox = document.querySelector('#cl-mode-dark')
+  if (checkbox) {
+    checkbox.checked = dark
+    checkbox.addEventListener('change', () => {
+      clThemeSetDark(checkbox.checked)
+    })
   }
-
-  // persist value
-  clThemeSetDark(dark)
-
   return dark
 }
 
 export function clThemeSetDark (dark) {
-  try {
-    localStorage.setItem('themeDark', dark)
-  } catch (e) {
-    e.ignore?.()
-  } // catch & ignore private mode
+  const settings = getDomainCookieJson('cl_ui_settings')
+  settings.theme = dark ? 'dark' : 'light'
+  setDomainCookieJson('cl_ui_settings', settings)
 }