@c15t/react 3.0.0-alpha.7 → 3.0.0-alpha.9

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 (63) hide show
  1. package/AGENTS.md +3 -3
  2. package/dist/components/consent-gate/atoms.js +1 -1
  3. package/dist/components/iab-panel/atoms/root.js +1 -1
  4. package/dist/components/iab-panel/iab-panel.js +1 -1
  5. package/dist/components/iab-prompt/atoms/root.js +1 -1
  6. package/dist/components/panel/atoms/root.js +1 -1
  7. package/dist/components/panel-trigger/atoms/root.js +1 -1
  8. package/dist/components/preferences/atoms/root.js +1 -1
  9. package/dist/components/prompt/atoms/root.js +1 -1
  10. package/dist/components/prompt/prompt.js +1 -1
  11. package/dist/components/shared/dialog-sheets.js +1 -0
  12. package/dist/components/shared/first-paint-sheets.js +1 -0
  13. package/dist/components/shared/iab-dialog-sheets.js +1 -0
  14. package/dist/components/shared/iab-first-paint-sheets.js +1 -0
  15. package/dist/components/shared/primitives/legal-links/index.js +1 -1
  16. package/dist/components/shared/streamed-surface.js +2 -0
  17. package/dist/components/shared/surface-styles.js +2 -0
  18. package/dist/context.js +1 -1
  19. package/dist/hooks/use-iab-policy-guard.js +1 -0
  20. package/dist/hooks.js +1 -1
  21. package/dist/iab/styles.tw3.css +1 -1
  22. package/dist/iab-context.js +1 -1
  23. package/dist/kernel-selector.js +1 -1
  24. package/dist/provider.js +1 -1
  25. package/dist/version.js +1 -1
  26. package/dist-types/components/prompt/atoms/root.d.ts +4 -0
  27. package/dist-types/components/prompt/prompt.d.ts +4 -0
  28. package/dist-types/components/shared/dialog-sheets.d.ts +9 -0
  29. package/dist-types/components/shared/first-paint-sheets.d.ts +8 -0
  30. package/dist-types/components/shared/iab-dialog-sheets.d.ts +3 -0
  31. package/dist-types/components/shared/iab-first-paint-sheets.d.ts +3 -0
  32. package/dist-types/components/shared/streamed-surface.d.ts +23 -0
  33. package/dist-types/components/shared/surface-styles.d.ts +36 -0
  34. package/dist-types/context.d.ts +17 -1
  35. package/dist-types/hooks/use-iab-policy-guard.d.ts +35 -0
  36. package/dist-types/kernel-selector.d.ts +10 -0
  37. package/dist-types/provider.d.ts +36 -4
  38. package/dist-types/ui-config-context.d.ts +4 -0
  39. package/dist-types/version.d.ts +1 -1
  40. package/docs/README.md +3 -3
  41. package/docs/concepts/choose-your-setup.md +4 -2
  42. package/docs/concepts/data-fetching.md +3 -1
  43. package/docs/customization/overview.md +3 -2
  44. package/docs/customization/stylesheets.md +163 -50
  45. package/docs/customization/tailwind.md +59 -44
  46. package/docs/customization/tokens.md +6 -6
  47. package/docs/frameworks/react/components/consent-banner.md +7 -4
  48. package/docs/frameworks/react/components/consent-dialog.md +8 -5
  49. package/docs/frameworks/react/components/consent-provider.md +41 -36
  50. package/docs/frameworks/react/components.md +9 -5
  51. package/docs/frameworks/react/compose.md +3 -3
  52. package/docs/frameworks/react/content-security-policy.md +22 -8
  53. package/docs/frameworks/react/customize.md +21 -13
  54. package/docs/frameworks/react/iab.md +36 -4
  55. package/docs/frameworks/react/quickstart.md +84 -85
  56. package/docs/frameworks/react/rendering.md +24 -12
  57. package/docs/frameworks/react/scripts.md +7 -4
  58. package/docs/frameworks/react/troubleshooting.md +70 -19
  59. package/docs/frameworks/react/upgrade-v3.md +23 -17
  60. package/docs/frameworks/react/vendor-consent.md +19 -7
  61. package/docs/guides/banner-experiments.md +2 -4
  62. package/docs/guides/troubleshooting.md +9 -9
  63. package/package.json +7 -7
@@ -49,14 +49,14 @@ Mixing v2 and v3 packages is not supported.
49
49
 
50
50
  No banner is sometimes correct. Find out which case you have:
51
51
 
52
- | What DevTools shows | Cause | Fix |
53
- | -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
54
- | The backend request failed or has a CORS error | Wrong backend URL, or your origin is not trusted | Copy the URL from your Inth project exactly, including any path. Add the site's origin, such as `https://www.example.com` or `http://localhost:3000`, to the project's trusted origins. |
55
- | Requests go to `your-project.inth.app` and fail | The placeholder backend URL from the guides is still in your code | Replace `https://your-project.inth.app` with the URL from your Inth project, including any path prefix. |
56
- | No backend request at all | No provider mounted, or the provider runs in offline mode | Check `window.c15t`. Confirm the provider receives `hosted()` with your backend URL, or the `backendURL` option your framework uses. |
57
- | The policy resolved and no prompt is needed | The visitor's location maps to a policy without a prompt, such as a US state without a privacy law in the recommended rules | Expected. Test from a location that needs a prompt. Server helpers such as Next.js `resolveConsent` accept a `country` override for testing; remove it before you deploy. |
58
- | The policy resolved and a choice is stored | A returning visitor | Expected. Clear site data or use a private window. |
59
- | The banner is in the DOM but invisible or unstyled | The stylesheet is missing, or loaded before Tailwind CSS 4 | Import your framework's c15t stylesheet from your global CSS. See [customization](../customization/overview.md). |
52
+ | What DevTools shows | Cause | Fix |
53
+ | -------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
54
+ | The backend request failed or has a CORS error | Wrong backend URL, or your origin is not trusted | Copy the URL from your Inth project exactly, including any path. Add the site's origin, such as `https://www.example.com` or `http://localhost:3000`, to the project's trusted origins. |
55
+ | Requests go to `your-project.inth.app` and fail | The placeholder backend URL from the guides is still in your code | Replace `https://your-project.inth.app` with the URL from your Inth project, including any path prefix. |
56
+ | No backend request at all | No provider mounted, or the provider runs in offline mode | Check `window.c15t`. Confirm the provider receives `hosted()` with your backend URL, or the `backendURL` option your framework uses. |
57
+ | The policy resolved and no prompt is needed | The visitor's location maps to a policy without a prompt, such as a US state without a privacy law in the recommended rules | Expected. Test from a location that needs a prompt. Server helpers such as Next.js `resolveConsent` accept a `country` override for testing; remove it before you deploy. |
58
+ | The policy resolved and a choice is stored | A returning visitor | Expected. Clear site data or use a private window. |
59
+ | The banner is in the DOM but invisible or unstyled | c15t's rules are missing: `styles: false` without an imported stylesheet, a Content Security Policy that blocks c15t's `<style>` elements, Tailwind CSS 3's preflight, or a SvelteKit app without `c15tHandle` | See [stylesheets and CSS layers](../customization/stylesheets.md) for how your framework loads c15t's rules. |
60
60
 
61
61
  Do not "fix" a missing banner by granting every category or turning c15t off.
62
62
  While the policy is unresolved, every optional category stays denied. Turning
@@ -135,7 +135,7 @@ every optional category stays denied.
135
135
 
136
136
  ## Why does my theme do nothing?
137
137
 
138
- Check that the c15t stylesheet loads, that you set a token or slot the
138
+ Check that c15t's rules load, that you set a token or slot the
139
139
  component actually reads, and that the state attribute you target is on the
140
140
  element you style. A `data-variant` on the banner root is not on its card.
141
141
  Check the Tailwind version and CSS layer order before adding specificity. See
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@c15t/react",
3
- "version": "3.0.0-alpha.7",
3
+ "version": "3.0.0-alpha.9",
4
4
  "description": "React cookie banner, consent manager, preference center, and headless CMP components with IAB TCF and Consent Mode support.",
5
5
  "keywords": [
6
6
  "ccpa",
@@ -254,16 +254,16 @@
254
254
  "test:watch": "bun prebuild && vitest"
255
255
  },
256
256
  "dependencies": {
257
- "@c15t/core": "3.0.0-alpha.7",
258
- "@c15t/dev-tools": "3.0.0-alpha.7",
259
- "@c15t/iab": "3.0.0-alpha.7",
260
- "@c15t/schema": "3.0.0-alpha.6",
257
+ "@c15t/core": "3.0.0-alpha.9",
258
+ "@c15t/dev-tools": "3.0.0-alpha.9",
259
+ "@c15t/iab": "3.0.0-alpha.9",
260
+ "@c15t/schema": "3.0.0-alpha.7",
261
261
  "@c15t/translations": "3.0.0-alpha.6",
262
- "@c15t/ui": "3.0.0-alpha.7",
262
+ "@c15t/ui": "3.0.0-alpha.9",
263
263
  "@types/google.maps": "3.65.3"
264
264
  },
265
265
  "devDependencies": {
266
- "@c15t/backend": "3.0.0-alpha.7",
266
+ "@c15t/backend": "3.0.0-alpha.9",
267
267
  "@c15t/conformance": "0.0.1",
268
268
  "@c15t/typescript-config": "0.0.1",
269
269
  "@c15t/vitest-config": "1.0.0",