@tilli-pro/cookieconsent-plugin 0.6.0 → 0.7.23

package/dist/styles/tenants/oru.css

@@ -0,0 +1,157 @@
+/** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
+  * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
+  * > Replace: :$2 !important;
+  */
+
+/** `tenant:oru` color-scheme **/
+.cc--tenant\:oru-light {
+  --cc-bg: #ffffff !important;
+  --cc-primary-color: #2c2f31 !important;
+  --cc-secondary-color: #5e6266 !important;
+
+  --cc-btn-primary-bg: #004557 !important;
+  --cc-btn-primary-color: #ffffff !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #004557 !important;
+  --cc-btn-primary-hover-color: #ffffff !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: #e2e8f0 !important;
+  --cc-btn-secondary-color: #334155 !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #f1f5f9 !important;
+  --cc-btn-secondary-hover-color: #000000 !important;
+  --cc-btn-secondary-hover-border-color: #d4dae0 !important;
+
+  --cc-separator-border-color: #f3f8fc !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: #ffffff !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #d5dee2 !important;
+  --cc-toggle-readonly-knob-bg: #fff !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #f3f8fc !important;
+  --cc-cookie-category-block-border: #f3f8fc !important;
+  --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
+  --cc-cookie-category-block-hover-border: #f0f4f7 !important;
+  --cc-cookie-category-expanded-block-bg: transparent !important;
+  --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
+
+  --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #f3f8fc !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #e4eaed !important;
+}
+
+.cc--tenant\:oru-dark {
+  color-scheme: dark;
+  --cc-bg: #000 !important;
+  --cc-primary-color: #eff4f6 !important;
+  --cc-secondary-color: #b1bdc3 !important;
+
+  --cc-btn-primary-bg: #004557 !important;
+  --cc-btn-primary-color: #ffffff !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #004557 !important;
+  --cc-btn-primary-hover-color: #ffffff !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
+  --cc-btn-secondary-color: #fff !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #252729 !important;
+  --cc-btn-secondary-hover-color: #fff !important;
+  --cc-btn-secondary-hover-border-color: #252729 !important;
+
+  --cc-separator-border-color: #252729 !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: var(--cc-bg) !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #2f3132 !important;
+  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #101111 !important;
+  --cc-cookie-category-block-border: #1d1e1f !important;
+  --cc-cookie-category-block-hover-bg: #151516 !important;
+  --cc-cookie-category-block-hover-border: #1d1e1f !important;
+  --cc-cookie-category-expanded-block-bg: #101111 !important;
+  --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
+
+  --cc-overlay-bg: rgba(0,0,0,.9) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #000 !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #212529 !important;
+}
+
+.cc--tenant\:oru-light div.cm__btn-group,
+.cc--tenant\:oru-dark div.cm__btn-group,
+.cc--tenant\:oru-light div.cm__btns,
+.cc--tenant\:oru-dark div.cm__btns {
+  & > *:not(:first-child) {
+    margin-top: 8px !important;
+  }
+}
+
+.cc--tenant\:oru-light div.pm__btn-group,
+.cc--tenant\:oru-dark div.pm__btn-group {
+  & > *:not(:first-child) {
+    margin-left: 8px !important;
+  }
+}
+
+.cc--tenant\:oru-light button.cm__btn,
+.cc--tenant\:oru-light button.pm__btn,
+.cc--tenant\:oru-dark button.cm__btn,
+.cc--tenant\:oru-dark button.pm__btn {
+  border-radius: 9999px !important;
+  font-weight: 800 !important;
+  letter-spacing: normal !important;
+  padding: 10px 24px !important; /* 10 px top/bottom, 24 px left/right */
+  height: 48px !important; /* 48 px height (3rem) */
+  font-size: 16px !important;
+}
+
+.cc--tenant\:oru-light button.cm__btn--secondary,
+.cc--tenant\:oru-light button.pm__btn--secondary,
+.cc--tenant\:oru-dark button.cm__btn--secondary,
+.cc--tenant\:oru-dark button.pm__btn--secondary {
+  color: #004557 !important;
+  background-color: #fff !important;
+  border-color: #004557 !important;
+  border-width: 2.5px !important;
+  box-sizing: border-box !important;
+}
+
+/** font */
+.cc--tenant\:oru-light #cc-main,
+.cc--tenant\:oru-dark #cc-main {
+  font-family: var(--font-open-sans, var(--cc-font-family)) !important;
+}

package/dist/styles/tilli-pay.css

@@ -0,0 +1,121 @@
+/** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
+  * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
+  * > Replace: :$2 !important;
+  */
+
+/* TILLI_PAY_BLUE_HEX: #325ef6 */
+/* TILLI_PAY_LIGHT_BLUE_HEX: #00b1ff */
+
+/** `tilli-pay` color-scheme **/
+.cc--tilli-pay-light {
+  --cc-bg: #ffffff !important;
+  --cc-primary-color: #2c2f31 !important;
+  --cc-secondary-color: #5e6266 !important;
+
+  --cc-btn-primary-bg: #00b1ff !important;
+  --cc-btn-primary-color: #ffffff !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #1bb4f7 !important;
+  --cc-btn-primary-hover-color: #ffffff !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: #e2e8f0 !important;
+  --cc-btn-secondary-color: #334155 !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #f1f5f9 !important;
+  --cc-btn-secondary-hover-color: #000000 !important;
+  --cc-btn-secondary-hover-border-color: #d4dae0 !important;
+
+  --cc-separator-border-color: #f3f8fc !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: #ffffff !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #d5dee2 !important;
+  --cc-toggle-readonly-knob-bg: #fff !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #f3f8fc !important;
+  --cc-cookie-category-block-border: #f3f8fc !important;
+  --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
+  --cc-cookie-category-block-hover-border: #f0f4f7 !important;
+  --cc-cookie-category-expanded-block-bg: transparent !important;
+  --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
+
+  --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #f3f8fc !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #e4eaed !important;
+}
+
+.cc--tilli-pay-dark {
+  color-scheme: dark;
+  --cc-bg: #000 !important;
+  --cc-primary-color: #eff4f6 !important;
+  --cc-secondary-color: #b1bdc3 !important;
+
+  --cc-btn-primary-bg: #1F9CD4 !important;
+  --cc-btn-primary-color: #000 !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #44a7d4 !important;
+  --cc-btn-primary-hover-color: #000 !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
+  --cc-btn-secondary-color: #fff !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #252729 !important;
+  --cc-btn-secondary-hover-color: #fff !important;
+  --cc-btn-secondary-hover-border-color: #252729 !important;
+
+  --cc-separator-border-color: #252729 !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: var(--cc-bg) !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #2f3132 !important;
+  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #101111 !important;
+  --cc-cookie-category-block-border: #1d1e1f !important;
+  --cc-cookie-category-block-hover-bg: #151516 !important;
+  --cc-cookie-category-block-hover-border: #1d1e1f !important;
+  --cc-cookie-category-expanded-block-bg: #101111 !important;
+  --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
+
+  --cc-overlay-bg: rgba(0,0,0,.9) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #000 !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #212529 !important;
+}
+
+/** font */
+.cc--tilli-pay-light #cc-main,
+.cc--tilli-pay-dark #cc-main {
+  font-family: var(--font-inter, var(--cc-font-family)) !important;
+}

package/dist/styles/tilli-website.css

@@ -0,0 +1,121 @@
+/** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
+  * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
+  * > Replace: :$2 !important;
+  */
+
+/* TILLI_BLUE_HEX: #335EF6 */
+/* TILLI_LIGHT_BLUE_HEX: #02B1FF */
+
+/** `tilli-website` color-scheme **/
+.cc--tilli-website-light {
+  --cc-bg: #ffffff !important;
+  --cc-primary-color: #2c2f31 !important;
+  --cc-secondary-color: #5e6266 !important;
+
+  --cc-btn-primary-bg: #02B1FF !important;
+  --cc-btn-primary-color: #ffffff !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #25b8fa !important;
+  --cc-btn-primary-hover-color: #ffffff !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: #e2e8f0 !important;
+  --cc-btn-secondary-color: #334155 !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #f1f5f9 !important;
+  --cc-btn-secondary-hover-color: #000000 !important;
+  --cc-btn-secondary-hover-border-color: #d4dae0 !important;
+
+  --cc-separator-border-color: #f3f8fc !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: #ffffff !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #d5dee2 !important;
+  --cc-toggle-readonly-knob-bg: #fff !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #f3f8fc !important;
+  --cc-cookie-category-block-border: #f3f8fc !important;
+  --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
+  --cc-cookie-category-block-hover-border: #f0f4f7 !important;
+  --cc-cookie-category-expanded-block-bg: transparent !important;
+  --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
+
+  --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #f3f8fc !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #e4eaed !important;
+}
+
+.cc--tilli-website-dark {
+  color-scheme: dark;
+  --cc-bg: #000 !important;
+  --cc-primary-color: #eff4f6 !important;
+  --cc-secondary-color: #b1bdc3 !important;
+
+  --cc-btn-primary-bg: #02B1FF !important;
+  --cc-btn-primary-color: #000 !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #25b8fa !important;
+  --cc-btn-primary-hover-color: #000 !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
+  --cc-btn-secondary-color: #fff !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #252729 !important;
+  --cc-btn-secondary-hover-color: #fff !important;
+  --cc-btn-secondary-hover-border-color: #252729 !important;
+
+  --cc-separator-border-color: #252729 !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: var(--cc-bg) !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #2f3132 !important;
+  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #101111 !important;
+  --cc-cookie-category-block-border: #1d1e1f !important;
+  --cc-cookie-category-block-hover-bg: #151516 !important;
+  --cc-cookie-category-block-hover-border: #1d1e1f !important;
+  --cc-cookie-category-expanded-block-bg: #101111 !important;
+  --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
+
+  --cc-overlay-bg: rgba(0,0,0,.9) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #000 !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #212529 !important;
+}
+
+/** font */
+.cc--tilli-website-light #cc-main,
+.cc--tilli-website-dark #cc-main {
+  font-family: var(--font-inter, var(--cc-font-family)) !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tilli-pro/cookieconsent-plugin",
-  "version": "0.6.0",
+  "version": "0.7.23",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/_types.ts

@@ -1,8 +1,9 @@
 export type Theme = "light" | "dark" | "system";
-export type TenantRefId = 
+export type TenantRefId =
   | "nudge" // internal
   | "gps" // internal
   | "freeman"
   | "wgl-energy"
   | "frontier"
-  | "con-edison"
+  | "con-edison"
+  | "oru";

package/src/_utils.ts

@@ -4,6 +4,8 @@ import { COOKIE_CONSENT_TEST_SEARCH_PARAM_KEY_PREFIX } from "./_consts";
 
 type SupportedTenantThemes = Partial<Record<TenantRefId, Theme[]>>;
 const SUPPORTED_TENANT_THEMES = {
+  "con-edison": ["light"],
+  oru: ["light"],
   freeman: ["light"],
   frontier: ["light"],
 } satisfies SupportedTenantThemes;
@@ -12,7 +14,7 @@ type SupportedTenant = keyof typeof SUPPORTED_TENANT_THEMES;
 interface CookieConsentThemeParams {
   theme?: Theme;
   defaultTo?: Exclude<Theme, "system">;
-  tenantRefId?: string;
+  tenantRefId?: TenantRefId;
   url?: URL | null;
 }
 
@@ -36,8 +38,8 @@ export const cookieConsentTheme = ({
     ) as {
       lang?: Language;
       locale?: Locale;
-      tenant?: TenantRefId | string; // we cannot guarantee the exact value
-      product?: "tilliX" | string; // we cannot guarantee the exact value
+      tenant?: TenantRefId;
+      product?: "tilliX" | "nudge" | "tilli-pay"; // TODO: add type
       theme?: Exclude<Theme, "system">;
     };
 

package/src/config/gui-options/html-components/ManageCookiePrefsButton.ts

@@ -65,6 +65,9 @@ export default (lang: keyof typeof translations = "en"): string => `
         /* ensure always-interactable + visible */
         pointer-events: auto;
         visibility: visible !important;
+
+        /* prevent default <button> text color override */
+        color: inherit;
       }
 
       .dark #${buttonId} {

package/src/config/gui-options/html-components/assets/CookieIcon.ts

@@ -8,7 +8,7 @@ export default (
   topOffset = 0, // -> -0.25 (em)
   rightOffset = 0, // -> 0.25 (em)
 ): string => `
-<span style="display: inline-block; vertical-align: middle; transform: scale(${scale}); transform-origin: top left; margin-right: ${((centered ? -0.5 : -0.25) + rightOffset).toFixed(4)}em; height: 1em${topOffset ? `; margin-top: ${topOffset.toFixed(4)}em` : ""};">
+<span style="display: inline-block; vertical-align: middle; transform: scale(${scale}); transform-origin: top left; margin-right: ${((centered ? -0.5 : -0.25) + rightOffset).toFixed(4)}em; height: 16px${topOffset ? `; margin-top: ${topOffset.toFixed(4)}em` : ""};">
   ${assets.cookie}
   <!-- invisible "🍪" icon (used for copy-paste/a11y purposes) -->
   <span style="max-width: 0; max-height: 0; opacity: 0; position: absolute">🍪</span>

package/src/init/nudge-website.ts

@@ -0,0 +1,140 @@
+import type { CookieConsentConfig } from "@tilli-pro/cookieconsent";
+
+import _config from "../config";
+import { run } from "../init";
+import {
+  makeInitFn,
+  stripInvalidLinkedCategoriesFromTranslations,
+} from "./utils";
+
+const categories: CookieConsentConfig["categories"] = {
+  necessary: {
+    enabled: true, // "necessary" category is always enabled.
+    readOnly: true,
+    services: {
+      "Session": {
+        label: "Session",
+        cookies: [
+          {
+            name: /^(_scc_session)/, // session ID for core functionality
+          },
+        ],
+      },
+    },
+  },
+  analytics: {
+    services: {
+      "Google Analytics": {
+        label: "Google Analytics",
+        cookies: [
+          {
+            name: /^(_ga_)/, // Google Analytics
+            domain: ".nudge.pro",
+          },
+        ],
+      },
+      "TelemetryDeck": {
+        label: "TelemetryDeck",
+        cookies: [
+          {
+            name: /^(_tccl_)/, // TelemetryDeck
+            domain: ".nudge.pro",
+          },
+        ],
+      },
+    },
+    autoClear: {
+      // TODO: DRY this with the services above
+      cookies: [
+        /** Google Analytics */
+        {
+          name: /^(_ga_)/, // Google Analytics
+          domain: ".nudge.pro",
+        },
+
+        /** TelemetryDeck */
+        {
+          name: /^(_tccl_)/, // TelemetryDeck
+          domain: ".nudge.pro",
+        },
+      ],
+    },
+  },
+  marketing: {
+    services: {
+      "Google Adsense": {
+        label: "Google Adsense",
+        cookies: [
+          {
+            name: /^(_gcl_)/, // Google Adsense
+            domain: ".nudge.pro",
+          },
+        ],
+      },
+      "zoominfo": {
+        label: "zoominfo",
+        cookies: [
+          {
+            name: /^(visitorld)/, // zoominfo (simply ws marketing tool)
+            domain: ".ws.zoominfo.com",
+          },
+          {
+            name: /^(_cfuvid)/, // zoominfo (Cloudflare)
+            domain: ".zoominfo.com",
+          },
+        ],
+      },
+      "Twitter": {
+        label: "Twitter",
+        cookies: [
+          {
+            name: /^(muc_ads)/, // Twitter (ads)
+            domain: ".t.co",
+          },
+        ],
+      },
+    },
+    autoClear: {
+      // TODO: DRY this with the services above
+      cookies: [
+        /** Google Adsense */
+        {
+          name: /^(_gcl_)/, // Google Adsense
+          domain: ".nudge.pro",
+        },
+
+        /** zoominfo */
+        {
+          name: /^(_cfuvid)/, // zoominfo (Cloudflare)
+          domain: ".zoominfo.com",
+        },
+
+        /** Twitter */
+        {
+          name: /^(muc_ads)/, // Twitter (ads)
+          domain: ".t.co",
+        },
+      ],
+    },
+  },
+};
+
+// TODO: DRY further w/ `./brf.ts`
+const language: CookieConsentConfig["language"] = {
+  ..._config.language,
+  translations: stripInvalidLinkedCategoriesFromTranslations(
+    _config.language.translations,
+    categories,
+    true, // clear cookie tables // FIXME: refactor this to actually just use the proper cookie table accoring to the categories var
+  ),
+};
+
+const config: CookieConsentConfig = {
+  ..._config,
+  categories,
+  language,
+};
+
+// console.debug({ config }, "Initializing Cookie Consent (tilli Website)...");
+const init = makeInitFn(run, config);
+void init();

package/src/init/nudge.ts

@@ -0,0 +1,45 @@
+import type { CookieConsentConfig } from "@tilli-pro/cookieconsent";
+
+import _config from "../config";
+import { run } from "../init";
+import {
+  makeInitFn,
+  stripInvalidLinkedCategoriesFromTranslations,
+} from "./utils";
+
+const categories: CookieConsentConfig["categories"] = {
+  necessary: {
+    enabled: true, // "necessary" category is always enabled.
+    readOnly: true,
+    services: {
+      "Authentication": {
+        label: "Authentication",
+        cookies: [
+          {
+            name: /^(refreshToken)/, // refresh token for authentication purposes only
+          },
+        ],
+      },
+    },
+  },
+};
+
+// TODO: DRY further w/ `./brf.ts`
+const language: CookieConsentConfig["language"] = {
+  ..._config.language,
+  translations: stripInvalidLinkedCategoriesFromTranslations(
+    _config.language.translations,
+    categories,
+    true, // clear cookie tables // FIXME: refactor this to actually just use the proper cookie table accoring to the categories var
+  ),
+};
+
+const config: CookieConsentConfig = {
+  ..._config,
+  categories,
+  language,
+};
+
+// console.debug({ config }, "Initializing Cookie Consent (tilli Website)...");
+const init = makeInitFn(run, config);
+void init();