@tilli-pro/cookieconsent-plugin 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/eslint.config.js +13 -0
  2. package/package.json +38 -0
  3. package/src/_consts.ts +8 -0
  4. package/src/assets/cookie.ts +11 -0
  5. package/src/assets/index.ts +5 -0
  6. package/src/assets/logo.ts +21 -0
  7. package/src/config/categories/index.ts +53 -0
  8. package/src/config/categories/labels.ts +20 -0
  9. package/src/config/cookies/_utils.server.ts +24 -0
  10. package/src/config/cookies/_utils.ts +53 -0
  11. package/src/config/cookies/analytics/datadog.ts +38 -0
  12. package/src/config/cookies/common-translations.ts +31 -0
  13. package/src/config/cookies/functional/brf/v2.ts +34 -0
  14. package/src/config/cookies/index.ts +22 -0
  15. package/src/config/cookies/necessary/brf/v2-auth.ts +51 -0
  16. package/src/config/cookies/necessary/next-auth.ts +106 -0
  17. package/src/config/cookies/types.ts +45 -0
  18. package/src/config/gui-options/html-components/ManageCookiePrefsButton.ts +121 -0
  19. package/src/config/gui-options/html-components/TilliXCallout.ts +34 -0
  20. package/src/config/gui-options/html-components/assets/CookieIcon.ts +15 -0
  21. package/src/config/gui-options/index.ts +19 -0
  22. package/src/config/gui-options/scripts/cookiePrefsButtonDragObserver.ts +180 -0
  23. package/src/config/gui-options/scripts/forceDisableReactRemoveScroll.ts +152 -0
  24. package/src/config/gui-options/scripts/injectManageCookiePrefsButton.ts +50 -0
  25. package/src/config/index.ts +15 -0
  26. package/src/config/translations/de/index.ts +103 -0
  27. package/src/config/translations/en/index.ts +103 -0
  28. package/src/config/translations/es/index.ts +103 -0
  29. package/src/config/translations/fr/index.ts +103 -0
  30. package/src/config/translations/index.ts +15 -0
  31. package/src/config/translations/it/index.ts +103 -0
  32. package/src/config/translations/types.ts +2 -0
  33. package/src/react-components/CookieConsentInit.client.tsx +34 -0
  34. package/src/react-components/CookieConsentInit.server.tsx +14 -0
  35. package/src/react-components/_types.ts +7 -0
  36. package/src/react-components/_utils.ts +62 -0
  37. package/src/react-components/styles/tenants/freeman.css +63 -0
  38. package/src/react-components/styles/tenants/frontier.css +71 -0
  39. package/tsconfig.json +15 -0
package/src/react-components/styles/tenants/freeman.css ADDED
@@ -0,0 +1,63 @@
1
+ /** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
2
+ * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
3
+ * > Replace: :$2 !important;
4
+ */
5
+
6
+ /** `tenant:freeman` color-scheme **/
7
+ .cc--tenant\:freeman-light {
8
+ --cc-bg: #ffffff !important;
9
+ --cc-primary-color: #2c2f31 !important;
10
+ --cc-secondary-color: #5e6266 !important;
11
+
12
+ --cc-btn-primary-bg: #00bdf6 !important;
13
+ --cc-btn-primary-color: #ffffff !important;
14
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
15
+ --cc-btn-primary-hover-bg: #5ed6ff !important;
16
+ --cc-btn-primary-hover-color: #ffffff !important;
17
+ --cc-btn-primary-hover-border-color: var(
18
+ --cc-btn-primary-hover-bg
19
+ ) !important;
20
+
21
+ --cc-btn-secondary-bg: #e2e8f0 !important;
22
+ --cc-btn-secondary-color: #334155 !important;
23
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
24
+ --cc-btn-secondary-hover-bg: #f1f5f9 !important;
25
+ --cc-btn-secondary-hover-color: #000000 !important;
26
+ --cc-btn-secondary-hover-border-color: #d4dae0 !important;
27
+
28
+ --cc-separator-border-color: #f3f8fc !important;
29
+
30
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
31
+ --cc-toggle-off-bg: #667481 !important;
32
+ --cc-toggle-on-knob-bg: #ffffff !important;
33
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
34
+
35
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
36
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
37
+
38
+ --cc-toggle-readonly-bg: #d5dee2 !important;
39
+ --cc-toggle-readonly-knob-bg: #fff !important;
40
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
41
+
42
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
43
+
44
+ --cc-cookie-category-block-bg: #f3f8fc !important;
45
+ --cc-cookie-category-block-border: #f3f8fc !important;
46
+ --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
47
+ --cc-cookie-category-block-hover-border: #f0f4f7 !important;
48
+ --cc-cookie-category-expanded-block-bg: transparent !important;
49
+ --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
50
+
51
+ --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
52
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
53
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
54
+
55
+ --cc-footer-bg: #f3f8fc !important;
56
+ --cc-footer-color: var(--cc-secondary-color) !important;
57
+ --cc-footer-border-color: #e4eaed !important;
58
+ }
59
+
60
+ /** font */
61
+ .cc--tenant\:freeman-light #cc-main {
62
+ font-family: var(--font-inter), var(--cc-font-family) !important;
63
+ }
package/src/react-components/styles/tenants/frontier.css ADDED
@@ -0,0 +1,71 @@
1
+ /** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
2
+ * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
3
+ * > Replace: :$2 !important;
4
+ */
5
+
6
+ /** `tenant:frontier` color-scheme **/
7
+ .cc--tenant\:frontier-light {
8
+ --cc-bg: #ffffff !important;
9
+ --cc-primary-color: #2c2f31 !important;
10
+ --cc-secondary-color: #5e6266 !important;
11
+
12
+ --cc-btn-primary-bg: #ff0037 !important;
13
+ --cc-btn-primary-color: #ffffff !important;
14
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
15
+ --cc-btn-primary-hover-bg: #141928 !important;
16
+ --cc-btn-primary-hover-color: #ffffff !important;
17
+ --cc-btn-primary-hover-border-color: var(
18
+ --cc-btn-primary-hover-bg
19
+ ) !important;
20
+
21
+ --cc-btn-secondary-bg: #eaeff2 !important;
22
+ --cc-btn-secondary-color: var(--cc-primary-color) !important;
23
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
24
+ --cc-btn-secondary-hover-bg: #d4dae0 !important;
25
+ --cc-btn-secondary-hover-color: #000000 !important;
26
+ --cc-btn-secondary-hover-border-color: #d4dae0 !important;
27
+
28
+ --cc-separator-border-color: #f0f4f7 !important;
29
+
30
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
31
+ --cc-toggle-off-bg: #667481 !important;
32
+ --cc-toggle-on-knob-bg: #ffffff !important;
33
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
34
+
35
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
36
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
37
+
38
+ --cc-toggle-readonly-bg: #d5dee2 !important;
39
+ --cc-toggle-readonly-knob-bg: #fff !important;
40
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
41
+
42
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
43
+
44
+ --cc-cookie-category-block-bg: #f0f4f7 !important;
45
+ --cc-cookie-category-block-border: #f0f4f7 !important;
46
+ --cc-cookie-category-block-hover-bg: #e9eff4 !important;
47
+ --cc-cookie-category-block-hover-border: #e9eff4 !important;
48
+ --cc-cookie-category-expanded-block-bg: transparent !important;
49
+ --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
50
+
51
+ --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
52
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
53
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
54
+
55
+ --cc-footer-bg: var(--cc-btn-secondary-bg) !important;
56
+ --cc-footer-color: var(--cc-secondary-color) !important;
57
+ --cc-footer-border-color: #e4eaed !important;
58
+ }
59
+
60
+ .cc--tenant\:frontier-light button.cm__btn,
61
+ .cc--tenant\:frontier-light button.pm__btn {
62
+ border-radius: 9999px !important;
63
+ text-transform: uppercase !important;
64
+ font-weight: 700 !important;
65
+ letter-spacing: 0.025em !important;
66
+ }
67
+
68
+ /** font */
69
+ .cc--tenant\:frontier-light #cc-main {
70
+ font-family: var(--font-frontier-pp-object-sans), var(--cc-font-family) !important;
71
+ }
package/tsconfig.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "extends": "@tilli-pro/tsconfig/base.json",
3
+ "compilerOptions": {
4
+ "lib": ["ES2022", "dom", "dom.iterable"],
5
+ "jsx": "preserve",
6
+ "baseUrl": ".",
7
+ "paths": {
8
+ "~/*": ["./src/*"]
9
+ },
10
+ "plugins": [{ "name": "next" }],
11
+ "module": "esnext"
12
+ },
13
+ "include": ["src"],
14
+ "exclude": ["node_modules"]
15
+ }