@castlabs/ui 7.10.0 → 7.12.0

package/dist/castlabs-ui.module.d.ts

@@ -1,5 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+// this contains general non-vue types
+
 declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
   export function clScrollToId (id: string, smooth?: boolean): void
 
@@ -18,9 +20,6 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
   export function clFormIsValidAsync (id: string): Promise<boolean>
   export function clFormFieldFocusFirstInvalid (id: string): void
   export function clFormAutofocus (id: string): void
-  export function clRefClField (ref: unknown): any
-  export function clRefClFieldGroup (ref: unknown): any
-  export function clRefHTMLElement (ref: unknown): HTMLElement
 
   export function clFormatFilesize (bytes: number): string
   export function clFormatDate (date: Date): string

package/dist/castlabs-ui.module.js

@@ -1,4 +1,4 @@
-/* @castlabs/ui v7.10.0 */
+/* @castlabs/ui v7.12.0 */
 
 /*!
   * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -114,8 +114,17 @@ function clSidenavInitiallyOpen () {
 
 const cookieName = 'cl_banner_nok'
 
-export function clCookieBannerSetup () {
-  clMatomoSetup()
+export function clCookieBannerSetup (siteId = 1, forced = false) {
+  if (
+    !window.location.hostname.match(/castlabs.com$/) &&
+    !window.location.search.match('mtm=DEBUG') &&
+    !forced
+  ) {
+    console.info(`skipping cookie banner on ${window.location.hostname ?? 'unknown domain'}`)
+    return
+  }
+
+  clMatomoSetup(siteId)
   let show = true
   for (const cookie of document?.cookie?.split(/; */) ?? []) {
     const [name, value] = cookie.split('=')
@@ -188,17 +197,17 @@ function clCookieBannerShow (accept = clCookieBannerAccept, decline = clCookieBa
   document.getElementById('cl-button-cookie-decline').addEventListener('click', decline)
 }
 
-function clMatomoSetup () {
+function clMatomoSetup (siteId = 1, domain = 'castlabs.com') {
   const _paq = (window._paq = window._paq || [])
   _paq.push(['requireCookieConsent'])
   _paq.push(['setDocumentTitle', document.domain + '/' + document.title])
-  _paq.push(['setCookieDomain', '*.castlabs.com'])
-  _paq.push(['setDomains', ['*.castlabs.com']])
+  _paq.push(['setCookieDomain', `*.${domain}`])
+  _paq.push(['setDomains', [`*.${domain}`]])
   _paq.push(['trackPageView'])
   _paq.push(['enableLinkTracking'])
   ;(function () {
     _paq.push(['setTrackerUrl', 'https://castlabs.matomo.cloud/matomo.php'])
-    _paq.push(['setSiteId', '1'])
+    _paq.push(['setSiteId', `${siteId}`])
     const g = document.createElement('script')
     const s = document.getElementsByTagName('script')[0]
     g.async = true
@@ -473,30 +482,12 @@ const PLAN = {
   CUSTOM: 3
 }
 
-export const CS = {
-  SERVICE,
-  ROLE,
-  STATE,
-  LICENSE_STATE,
-  PLAN
-}
-
-// ----------------------------------------------------------------------------------------
-
-function urlCS (env, oid, path) {
-  return getDevTestUrl(
-    env,
-    `https://account.test.cs.castlabs.com/o/${oid ?? ''}${path ?? ''}`,
-    `https://account.castlabs.com/o/${oid ?? ''}${path ?? ''}`
-  )
-}
-
-export const NAV = {
+const APPS = {
   CP: {
     id: 'CP',
     subtitle: SERVICE.CP_TAGLINE,
     title: SERVICE.CP,
-    services: [CS.SERVICE.CP_URN],
+    services: [SERVICE.CP_URN],
     roles: [ROLE.CP_USER_URN],
     urlManage: (env, oid) =>
       getEnvUrl(
@@ -512,7 +503,7 @@ export const NAV = {
     id: 'CS',
     subtitle: SERVICE.CS_TAGLINE,
     title: SERVICE.CS,
-    services: [CS.SERVICE.CS_URN],
+    services: [SERVICE.CS_URN],
     roles: [],
     urlManage: (env, oid) => urlCS(env, oid),
     urlPlan: (env, oid) => urlCS(env, oid),
@@ -523,7 +514,7 @@ export const NAV = {
     id: 'DT',
     subtitle: SERVICE.DT_TAGLINE,
     title: SERVICE.DT,
-    services: [CS.SERVICE.DT_URN],
+    services: [SERVICE.DT_URN],
     roles: [
       ROLE.DT_MEMBERS_URN,
       ROLE.DT_SUBORGS_URN,
@@ -547,7 +538,7 @@ export const NAV = {
     id: 'DTO',
     subtitle: SERVICE.DTO_TAGLINE,
     title: SERVICE.DTO,
-    services: [CS.SERVICE.DTO_URN],
+    services: [SERVICE.DTO_URN],
     roles: [
       ROLE.DTO_DEVICES_URN,
       ROLE.DTO_KEYBOX_URN,
@@ -564,7 +555,7 @@ export const NAV = {
     id: 'DTS',
     subtitle: SERVICE.DTS_TAGLINE,
     title: SERVICE.DTS,
-    services: [CS.SERVICE.DTS_URN],
+    services: [SERVICE.DTS_URN],
     roles: [
       ROLE.DTS_MEMBERS_URN,
       ROLE.DTS_SUBORGS_URN,
@@ -589,13 +580,13 @@ export const NAV = {
     subtitle: SERVICE.PP_TAGLINE,
     title: SERVICE.PP,
     services: [
-      CS.SERVICE.PP_URN,
-      CS.SERVICE.PP_URN_ANDROID,
-      CS.SERVICE.PP_URN_BROWSER,
-      CS.SERVICE.PP_URN_GSTREAMER,
-      CS.SERVICE.PP_URN_IOS,
-      CS.SERVICE.PP_URN_REACTNATIVE,
-      CS.SERVICE.PP_URN_WEBRTC
+      SERVICE.PP_URN,
+      SERVICE.PP_URN_ANDROID,
+      SERVICE.PP_URN_BROWSER,
+      SERVICE.PP_URN_GSTREAMER,
+      SERVICE.PP_URN_IOS,
+      SERVICE.PP_URN_REACTNATIVE,
+      SERVICE.PP_URN_WEBRTC
     ],
     roles: [ROLE.PP_USER_URN, ROLE.PP_ADMIN_URN],
     urlManage: (env, oid) =>
@@ -611,7 +602,7 @@ export const NAV = {
     id: 'WM',
     subtitle: SERVICE.WM_TAGLINE,
     title: SERVICE.WM,
-    services: [CS.SERVICE.WM_URN],
+    services: [SERVICE.WM_URN],
     roles: [ROLE.WM_DEMO_URN, ROLE.WM_EXTRACTION_URN],
     urlManage: (env, oid) =>
       getEnvUrl(
@@ -626,7 +617,7 @@ export const NAV = {
   VTK: {
     id: 'VTK',
     subtitle: SERVICE.VTK_TAGLINE,
-    services: [CS.SERVICE.VTK_URN],
+    services: [SERVICE.VTK_URN],
     roles: [ROLE.VTK_USER_URN, ROLE.VTK_ADMIN_URN],
     title: SERVICE.VTK,
     urlManage: (env, oid) =>
@@ -636,6 +627,27 @@ export const NAV = {
   }
 }
 
+// ----------------------------------------------------------------------------------------
+
+export const CS = {
+  SERVICE,
+  ROLE,
+  STATE,
+  LICENSE_STATE,
+  PLAN,
+  APPS
+}
+
+// ----------------------------------------------------------------------------------------
+
+function urlCS (env, oid, path) {
+  return getDevTestUrl(
+    env,
+    `https://account.test.cs.castlabs.com/o/${oid ?? ''}${path ?? ''}`,
+    `https://account.castlabs.com/o/${oid ?? ''}${path ?? ''}`
+  )
+}
+
 function getDevTestUrl (env, urlDevTest, urlOther) {
   return getEnvUrl(env, urlDevTest, urlOther, [ENV.DEV, ENV.TEST])
 }
@@ -740,7 +752,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 ([NAV.DTS.id].includes(service.id)) return null
+    if ([APPS.DTS.id].includes(service.id)) return null
 
     // other items we hint the user to subscribe
     return subscribe(service, oid, env)
@@ -772,14 +784,14 @@ function csGetNavVariant (membership, service, oid, env) {
 }
 
 function csParseMembership (membership, oid, env) {
-  const nav = [subscribed(NAV.CS, oid, env)]
+  const nav = [subscribed(APPS.CS, oid, env)]
 
-  nav.push(csGetNavVariant(membership, NAV.DT, oid, env))
-  const dts = csGetNavVariant(membership, NAV.DTS, oid, env)
+  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, NAV.PP, oid, env))
-  nav.push(csGetNavVariant(membership, NAV.WM, oid, env))
-  nav.push(csGetNavVariant(membership, NAV.VTK, oid, env))
+  nav.push(csGetNavVariant(membership, APPS.PP, oid, env))
+  nav.push(csGetNavVariant(membership, APPS.WM, oid, env))
+  nav.push(csGetNavVariant(membership, APPS.VTK, oid, env))
 
   return nav
 }
@@ -804,11 +816,11 @@ export function csGetNav (memberships, oid, env) {
 
   return [
     // static nav
-    subscribed(NAV.CS),
-    disabled(NAV.DT),
-    disabled(NAV.PP),
-    disabled(NAV.WM),
-    disabled(NAV.VTK)
+    subscribed(APPS.CS),
+    disabled(APPS.DT),
+    disabled(APPS.PP),
+    disabled(APPS.WM),
+    disabled(APPS.VTK)
   ]
 }
 
@@ -1636,19 +1648,3 @@ export function clReload (component, forced = [], optional = [], loading = true)
 export function clSleep (ms) {
   return new Promise(resolve => setTimeout(resolve, ms))
 }
-
-// -----------------------------------------------------------------------------
-// --- $ref typescript cast methods --------------------------------------------
-// -----------------------------------------------------------------------------
-
-export function clRefClField (ref) {
-  return ref
-}
-
-export function clRefClFieldGroup (ref) {
-  return ref
-}
-
-export function clRefHTMLElement (ref) {
-  return ref
-}