@c15t/react 3.0.0-alpha.0 → 3.0.0-alpha.10

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 (405) hide show
  1. package/AGENTS.md +96 -69
  2. package/README.md +21 -17
  3. package/SKILL.md +34 -0
  4. package/dist/aggregate-components.js +1 -1
  5. package/dist/chunk-warming.js +1 -1
  6. package/dist/component-hooks/use-headless-consent-ui.js +1 -1
  7. package/dist/component-hooks/use-headless-iab-consent-ui.js +1 -1
  8. package/dist/component-hooks/use-panel-trigger.js +1 -1
  9. package/dist/components/consent-gate/atoms.js +1 -0
  10. package/dist/components/consent-gate/consent-gate.js +2 -0
  11. package/dist/components/consent-gate/frame.js +2 -0
  12. package/dist/components/consent-gate/index.js +2 -0
  13. package/dist/components/consent-preferences-link/consent-preferences-link.js +1 -1
  14. package/dist/components/iab-panel/atoms/card.js +1 -1
  15. package/dist/components/iab-panel/atoms/feature-item.js +2 -0
  16. package/dist/components/iab-panel/atoms/header.js +1 -1
  17. package/dist/components/iab-panel/atoms/purpose-item.js +1 -1
  18. package/dist/components/iab-panel/atoms/root.js +1 -1
  19. package/dist/components/iab-panel/atoms/stack-item.js +1 -1
  20. package/dist/components/iab-panel/atoms/vendor-list.js +1 -1
  21. package/dist/components/iab-panel/hooks/use-gvl-data.js +1 -1
  22. package/dist/components/iab-panel/iab-panel.js +1 -1
  23. package/dist/components/iab-panel/index.js +1 -1
  24. package/dist/components/iab-prompt/atoms/overlay.js +1 -1
  25. package/dist/components/iab-prompt/atoms/root.js +1 -1
  26. package/dist/components/panel/atoms/card.js +1 -1
  27. package/dist/components/panel/atoms/overlay.js +1 -1
  28. package/dist/components/panel/atoms/root.js +1 -1
  29. package/dist/components/panel/panel.js +1 -1
  30. package/dist/components/panel-trigger/atoms/button.js +1 -1
  31. package/dist/components/panel-trigger/atoms/icon.js +1 -1
  32. package/dist/components/panel-trigger/atoms/root.js +1 -1
  33. package/dist/components/panel-trigger/atoms/toolbar.js +1 -1
  34. package/dist/components/panel-trigger/atoms/trigger-icons.js +1 -0
  35. package/dist/components/panel-trigger/panel-trigger-toolbar.js +1 -1
  36. package/dist/components/panel-trigger/panel-trigger.js +1 -1
  37. package/dist/components/preferences/atoms/accordion.js +1 -1
  38. package/dist/components/preferences/atoms/root.js +1 -1
  39. package/dist/components/preferences/atoms/vendor-list.js +1 -0
  40. package/dist/components/preferences/index.js +1 -1
  41. package/dist/components/prompt/atoms/early-tap-script.js +2 -0
  42. package/dist/components/prompt/atoms/overlay.js +1 -1
  43. package/dist/components/prompt/atoms/root.js +1 -1
  44. package/dist/components/prompt/components.js +1 -1
  45. package/dist/components/prompt/policy-actions.js +1 -1
  46. package/dist/components/prompt/prompt.js +1 -1
  47. package/dist/components/shared/dialog-sheets.js +1 -0
  48. package/dist/components/shared/first-paint-sheets.js +1 -0
  49. package/dist/components/shared/iab-dialog-sheets.js +1 -0
  50. package/dist/components/shared/iab-first-paint-sheets.js +1 -0
  51. package/dist/components/shared/libs/compose-refs.js +1 -0
  52. package/dist/components/shared/libs/slot.js +1 -1
  53. package/dist/components/shared/primitives/button.js +1 -1
  54. package/dist/components/shared/primitives/legal-links/index.js +1 -1
  55. package/dist/components/shared/streamed-surface.js +2 -0
  56. package/dist/components/shared/surface-styles.js +2 -0
  57. package/dist/components/shared/ui/dialog/dialog.js +1 -1
  58. package/dist/components/shared/ui/icon.js +1 -1
  59. package/dist/components/shared/ui/logo.js +1 -1
  60. package/dist/components/shared/ui/preference-item/preference-item.js +1 -1
  61. package/dist/consent-gate.js +2 -0
  62. package/dist/consent-theme.js +1 -0
  63. package/dist/context/consent-tracking-context.js +1 -1
  64. package/dist/context/index.js +1 -1
  65. package/dist/context.js +1 -1
  66. package/dist/devtools-launcher.js +2 -0
  67. package/dist/devtools.js +1 -1
  68. package/dist/draft-context.js +2 -0
  69. package/dist/draft.js +1 -1
  70. package/dist/external-iab-context.js +1 -1
  71. package/dist/gpp.js +2 -0
  72. package/dist/headless.js +1 -1
  73. package/dist/hooks/use-color-scheme.js +1 -1
  74. package/dist/hooks/use-committed-ref.js +2 -0
  75. package/dist/hooks/use-focus-trap.js +1 -1
  76. package/dist/hooks/use-headless-iab-consent-ui.js +1 -1
  77. package/dist/hooks/use-iab-policy-guard.js +1 -0
  78. package/dist/hooks/use-late-entry.js +2 -0
  79. package/dist/hooks.js +1 -1
  80. package/dist/iab/styles.tw3.css +5 -151
  81. package/dist/iab-context.js +1 -1
  82. package/dist/index-parts/consent-banner.js +1 -0
  83. package/dist/index-parts/consent-dialog-link.js +1 -0
  84. package/dist/index-parts/consent-dialog-trigger.js +1 -0
  85. package/dist/index-parts/consent-dialog.js +1 -0
  86. package/dist/index-parts/consent-gate.js +1 -0
  87. package/dist/index-parts/core.js +1 -0
  88. package/dist/index-parts/draft.js +1 -0
  89. package/dist/index-parts/frame.js +1 -0
  90. package/dist/index-parts/hooks.js +1 -0
  91. package/dist/index-parts/hosted.js +1 -0
  92. package/dist/index-parts/module-hooks.js +1 -0
  93. package/dist/index-parts/offline.js +1 -0
  94. package/dist/index-parts/presets.js +1 -0
  95. package/dist/index-parts/provider.js +1 -0
  96. package/dist/index-parts/theme.js +1 -0
  97. package/dist/index-parts/translations.js +1 -0
  98. package/dist/index.js +1 -1
  99. package/dist/kernel-selector.js +1 -0
  100. package/dist/modes.js +1 -0
  101. package/dist/module-hooks/iframe-blocker.js +1 -1
  102. package/dist/module-hooks/network-blocker.js +1 -1
  103. package/dist/module-hooks/network-hold.js +2 -0
  104. package/dist/module-hooks/persistence.js +1 -1
  105. package/dist/panel-link.js +1 -1
  106. package/dist/panel-trigger.js +1 -1
  107. package/dist/panel.js +1 -1
  108. package/dist/postcss-tailwind3.js +1 -0
  109. package/dist/preferences.js +1 -2
  110. package/dist/provider.js +1 -1
  111. package/dist/server/fetch-ssr-data.js +1 -1
  112. package/dist/server/headers.js +1 -1
  113. package/dist/server/normalize-url.js +1 -1
  114. package/dist/styles.tw3.css +35 -159
  115. package/dist/transports/hosted.js +1 -0
  116. package/dist/transports/manifest.js +1 -0
  117. package/dist/transports/offline.js +1 -1
  118. package/dist/utils/deferred-module.js +2 -0
  119. package/dist/utils/merge-slot-props.js +1 -1
  120. package/dist/utils/theme-utils.js +1 -1
  121. package/dist/version.js +1 -1
  122. package/dist-types/aggregate-components.d.ts +2 -2
  123. package/dist-types/chunk-warming.d.ts +45 -8
  124. package/dist-types/component-hooks/use-headless-consent-ui.d.ts +5 -5
  125. package/dist-types/component-hooks/use-headless-iab-consent-ui.d.ts +2 -2
  126. package/dist-types/components/consent-gate/atoms.d.ts +11 -0
  127. package/dist-types/components/consent-gate/consent-gate.d.ts +2 -0
  128. package/dist-types/components/consent-gate/frame.d.ts +19 -0
  129. package/dist-types/components/consent-gate/index.d.ts +25 -0
  130. package/dist-types/components/{frame → consent-gate}/types.d.ts +7 -7
  131. package/dist-types/components/consent-preferences-link/consent-preferences-link.d.ts +1 -1
  132. package/dist-types/components/consent-preferences-link/index.d.ts +1 -1
  133. package/dist-types/components/iab-panel/atoms/feature-item.d.ts +28 -0
  134. package/dist-types/components/iab-panel/atoms/purpose-item.d.ts +5 -2
  135. package/dist-types/components/iab-panel/atoms/stack-item.d.ts +7 -2
  136. package/dist-types/components/iab-panel/atoms/vendor-list.d.ts +1 -1
  137. package/dist-types/components/iab-panel/iab-panel.d.ts +3 -3
  138. package/dist-types/components/iab-panel/index.d.ts +29 -26
  139. package/dist-types/components/iab-panel/use-iab-translations.d.ts +4 -0
  140. package/dist-types/components/iab-prompt/iab-prompt.d.ts +3 -3
  141. package/dist-types/components/iab-prompt/index.d.ts +19 -19
  142. package/dist-types/components/panel/atoms/card.d.ts +5 -4
  143. package/dist-types/components/panel/atoms/overlay.d.ts +1 -1
  144. package/dist-types/components/panel/index.d.ts +8 -8
  145. package/dist-types/components/panel/panel.d.ts +3 -3
  146. package/dist-types/components/panel-link/index.d.ts +1 -1
  147. package/dist-types/components/panel-trigger/atoms/button.d.ts +1 -1
  148. package/dist-types/components/panel-trigger/atoms/icon.d.ts +1 -1
  149. package/dist-types/components/panel-trigger/atoms/root.d.ts +2 -2
  150. package/dist-types/components/panel-trigger/atoms/toolbar.d.ts +2 -2
  151. package/dist-types/components/panel-trigger/atoms/trigger-icons.d.ts +25 -0
  152. package/dist-types/components/panel-trigger/index.d.ts +4 -4
  153. package/dist-types/components/panel-trigger/panel-trigger-toolbar.d.ts +1 -1
  154. package/dist-types/components/panel-trigger/panel-trigger.d.ts +9 -17
  155. package/dist-types/components/panel-trigger/types.d.ts +1 -1
  156. package/dist-types/components/preferences/atoms/accordion.d.ts +6 -4
  157. package/dist-types/components/preferences/atoms/button.d.ts +1 -1
  158. package/dist-types/components/preferences/atoms/footer.d.ts +1 -1
  159. package/dist-types/components/preferences/atoms/root.d.ts +1 -1
  160. package/dist-types/components/preferences/atoms/vendor-list.d.ts +23 -0
  161. package/dist-types/components/preferences/index.d.ts +14 -12
  162. package/dist-types/components/preferences/policy-actions.d.ts +2 -2
  163. package/dist-types/components/preferences/preferences.d.ts +1 -1
  164. package/dist-types/components/preferences/types.d.ts +1 -1
  165. package/dist-types/components/prompt/atoms/early-tap-script.d.ts +17 -0
  166. package/dist-types/components/prompt/atoms/root.d.ts +4 -0
  167. package/dist-types/components/prompt/components.d.ts +9 -3
  168. package/dist-types/components/prompt/index.d.ts +12 -12
  169. package/dist-types/components/prompt/policy-actions.d.ts +2 -2
  170. package/dist-types/components/prompt/prompt.d.ts +5 -1
  171. package/dist-types/components/shared/dialog-sheets.d.ts +9 -0
  172. package/dist-types/components/shared/first-paint-sheets.d.ts +8 -0
  173. package/dist-types/components/shared/iab-dialog-sheets.d.ts +3 -0
  174. package/dist-types/components/shared/iab-first-paint-sheets.d.ts +3 -0
  175. package/dist-types/components/shared/libs/compose-refs.d.ts +20 -0
  176. package/dist-types/components/shared/policy-actions.d.ts +2 -2
  177. package/dist-types/components/shared/primitives/box.d.ts +1 -1
  178. package/dist-types/components/shared/primitives/button.d.ts +2 -2
  179. package/dist-types/components/shared/primitives/button.types.d.ts +1 -1
  180. package/dist-types/components/shared/streamed-surface.d.ts +23 -0
  181. package/dist-types/components/shared/surface-styles.d.ts +36 -0
  182. package/dist-types/components/shared/ui/accordion/accordion.d.ts +2 -2
  183. package/dist-types/components/shared/ui/accordion/index.d.ts +2 -2
  184. package/dist-types/components/shared/ui/animated-collapse/index.d.ts +2 -2
  185. package/dist-types/components/shared/ui/branding.d.ts +1 -1
  186. package/dist-types/components/shared/ui/button/button.d.ts +1 -1
  187. package/dist-types/components/shared/ui/button/index.d.ts +2 -2
  188. package/dist-types/components/shared/ui/collapsible/index.d.ts +1 -1
  189. package/dist-types/components/shared/ui/dialog/index.d.ts +1 -1
  190. package/dist-types/components/shared/ui/icon.d.ts +2 -1
  191. package/dist-types/components/shared/ui/logo.d.ts +0 -10
  192. package/dist-types/components/shared/ui/preference-item/index.d.ts +1 -1
  193. package/dist-types/components/shared/ui/preference-item/preference-item.d.ts +13 -0
  194. package/dist-types/components/shared/ui/switch/index.d.ts +2 -2
  195. package/dist-types/components/shared/ui/switch/switch.d.ts +1 -1
  196. package/dist-types/components/shared/ui/tabs/index.d.ts +1 -1
  197. package/dist-types/consent-gate.d.ts +1 -0
  198. package/dist-types/consent-theme.d.ts +38 -0
  199. package/dist-types/context/consent-tracking-context.d.ts +10 -0
  200. package/dist-types/context/index.d.ts +3 -3
  201. package/dist-types/context/theme-context.d.ts +3 -3
  202. package/dist-types/context.d.ts +25 -1
  203. package/dist-types/devtools-launcher.d.ts +29 -0
  204. package/dist-types/devtools.d.ts +13 -2
  205. package/dist-types/draft-context.d.ts +31 -0
  206. package/dist-types/draft.d.ts +81 -9
  207. package/dist-types/gpp.d.ts +27 -0
  208. package/dist-types/headless.d.ts +6 -7
  209. package/dist-types/hooks/use-committed-ref.d.ts +24 -0
  210. package/dist-types/hooks/use-focus-trap.d.ts +3 -1
  211. package/dist-types/hooks/use-headless-iab-consent-ui.d.ts +1 -1
  212. package/dist-types/hooks/use-iab-manager.d.ts +5 -5
  213. package/dist-types/hooks/use-iab-policy-guard.d.ts +35 -0
  214. package/dist-types/hooks/use-late-entry.d.ts +14 -0
  215. package/dist-types/hooks/use-theme.d.ts +1 -1
  216. package/dist-types/hooks.d.ts +106 -11
  217. package/dist-types/iab.d.ts +7 -7
  218. package/dist-types/index-parts/consent-banner.d.ts +7 -0
  219. package/dist-types/index-parts/consent-dialog-link.d.ts +7 -0
  220. package/dist-types/index-parts/consent-dialog-trigger.d.ts +7 -0
  221. package/dist-types/index-parts/consent-dialog.d.ts +7 -0
  222. package/dist-types/index-parts/consent-gate.d.ts +7 -0
  223. package/dist-types/index-parts/core.d.ts +7 -0
  224. package/dist-types/index-parts/draft.d.ts +7 -0
  225. package/dist-types/index-parts/frame.d.ts +7 -0
  226. package/dist-types/index-parts/hooks.d.ts +7 -0
  227. package/dist-types/index-parts/hosted.d.ts +7 -0
  228. package/dist-types/index-parts/module-hooks.d.ts +7 -0
  229. package/dist-types/index-parts/offline.d.ts +7 -0
  230. package/dist-types/index-parts/presets.d.ts +7 -0
  231. package/dist-types/index-parts/provider.d.ts +7 -0
  232. package/dist-types/index-parts/theme.d.ts +8 -0
  233. package/dist-types/index-parts/translations.d.ts +7 -0
  234. package/dist-types/index.d.ts +32 -28
  235. package/dist-types/kernel-selector.d.ts +68 -0
  236. package/dist-types/modes.d.ts +26 -0
  237. package/dist-types/module-hooks/iframe-blocker.d.ts +33 -1
  238. package/dist-types/module-hooks/network-blocker.d.ts +23 -0
  239. package/dist-types/module-hooks/network-hold.d.ts +47 -0
  240. package/dist-types/module-hooks.d.ts +4 -4
  241. package/dist-types/panel-link.d.ts +1 -1
  242. package/dist-types/panel-trigger.d.ts +1 -1
  243. package/dist-types/panel.d.ts +13 -1
  244. package/dist-types/postcss-tailwind3.d.ts +21 -0
  245. package/dist-types/preferences.d.ts +12 -1
  246. package/dist-types/primitives/accordion.d.ts +1 -1
  247. package/dist-types/primitives/button.d.ts +1 -1
  248. package/dist-types/primitives/collapsible.d.ts +1 -1
  249. package/dist-types/primitives/dialog.d.ts +1 -1
  250. package/dist-types/primitives/preference-item.d.ts +1 -1
  251. package/dist-types/primitives/switch.d.ts +1 -1
  252. package/dist-types/primitives/tabs.d.ts +1 -1
  253. package/dist-types/primitives.d.ts +7 -7
  254. package/dist-types/prompt.d.ts +1 -1
  255. package/dist-types/provider.d.ts +174 -28
  256. package/dist-types/server/fetch-ssr-data.d.ts +1 -1
  257. package/dist-types/server/headers.d.ts +14 -4
  258. package/dist-types/server/index.d.ts +5 -5
  259. package/dist-types/server/normalize-url.d.ts +14 -7
  260. package/dist-types/server/types.d.ts +12 -1
  261. package/dist-types/theme-provider.d.ts +2 -2
  262. package/dist-types/transports/hosted.d.ts +36 -0
  263. package/dist-types/transports/manifest.d.ts +48 -0
  264. package/dist-types/transports/offline.d.ts +7 -16
  265. package/dist-types/types/index.d.ts +3 -3
  266. package/dist-types/types/manager.d.ts +1 -1
  267. package/dist-types/types/theme/index.d.ts +1 -1
  268. package/dist-types/ui-config-context.d.ts +14 -2
  269. package/dist-types/utils/deferred-module.d.ts +13 -0
  270. package/dist-types/utils/index.d.ts +4 -4
  271. package/dist-types/utils/merge-slot-props.d.ts +17 -3
  272. package/dist-types/utils/merge-styles.d.ts +1 -1
  273. package/dist-types/utils/theme-utils.d.ts +18 -3
  274. package/dist-types/version.d.ts +1 -1
  275. package/docs/README.md +96 -69
  276. package/docs/assets/v3/bottom-bar.png +0 -0
  277. package/docs/assets/v3/brand-card.png +0 -0
  278. package/docs/assets/v3/brand-preferences.png +0 -0
  279. package/docs/assets/v3/choice-wall.png +0 -0
  280. package/docs/assets/v3/headless-bar-html.png +0 -0
  281. package/docs/assets/v3/headless-bar-mobile.png +0 -0
  282. package/docs/assets/v3/headless-bar.png +0 -0
  283. package/docs/assets/v3/slim-bar.png +0 -0
  284. package/docs/concepts/choose-your-setup.md +138 -0
  285. package/docs/concepts/consent-categories.md +84 -0
  286. package/docs/concepts/consent-state.md +421 -0
  287. package/docs/concepts/data-fetching.md +270 -0
  288. package/docs/concepts/how-consent-works.md +123 -0
  289. package/docs/concepts/modes.md +278 -0
  290. package/docs/{frameworks/react/concepts/policy-presets.md → concepts/policies.md} +8 -60
  291. package/docs/customization/class-names.md +202 -0
  292. package/docs/customization/dark-mode.md +157 -0
  293. package/docs/customization/motion.md +128 -0
  294. package/docs/customization/overview.md +68 -33
  295. package/docs/customization/recipes.md +838 -47
  296. package/docs/customization/slots.md +217 -35
  297. package/docs/customization/stylesheets.md +248 -0
  298. package/docs/customization/tailwind.md +863 -0
  299. package/docs/customization/tokens.md +167 -36
  300. package/docs/customization/translations.md +87 -3
  301. package/docs/frameworks/react/callbacks.md +118 -0
  302. package/docs/frameworks/react/clear-on-revocation.md +106 -0
  303. package/docs/frameworks/react/components/consent-banner.md +48 -27
  304. package/docs/frameworks/react/components/consent-dialog-link.md +13 -11
  305. package/docs/frameworks/react/components/consent-dialog-trigger.md +86 -76
  306. package/docs/frameworks/react/components/consent-dialog.md +111 -58
  307. package/docs/frameworks/react/components/{frame.md → consent-gate.md} +70 -49
  308. package/docs/frameworks/react/components/consent-provider.md +140 -0
  309. package/docs/frameworks/react/components/consent-widget.md +69 -24
  310. package/docs/frameworks/react/components/dev-tools.md +76 -85
  311. package/docs/frameworks/react/components.md +113 -0
  312. package/docs/frameworks/react/compose.md +354 -0
  313. package/docs/frameworks/react/content-security-policy.md +143 -0
  314. package/docs/frameworks/react/customize.md +258 -0
  315. package/docs/frameworks/react/embeds.md +89 -0
  316. package/docs/frameworks/react/gpp.md +163 -0
  317. package/docs/frameworks/react/headless.md +4 -4
  318. package/docs/frameworks/react/hooks.md +70 -0
  319. package/docs/frameworks/react/iab.md +259 -0
  320. package/docs/frameworks/react/network-blocker.md +140 -0
  321. package/docs/frameworks/react/quickstart.md +220 -102
  322. package/docs/frameworks/react/rendering.md +263 -0
  323. package/docs/frameworks/react/scripts.md +114 -0
  324. package/docs/frameworks/react/translations.md +155 -0
  325. package/docs/frameworks/react/troubleshooting.md +188 -61
  326. package/docs/frameworks/react/upgrade-v3.md +651 -0
  327. package/docs/frameworks/react/vendor-consent.md +188 -0
  328. package/docs/guides/banner-experiments.md +672 -0
  329. package/docs/guides/troubleshooting.md +192 -54
  330. package/docs/guides/verify-consent.md +96 -49
  331. package/docs/integrations/adobe-analytics.md +177 -183
  332. package/docs/integrations/ahrefs-analytics.md +162 -178
  333. package/docs/integrations/amplitude.md +172 -180
  334. package/docs/integrations/building-integrations.md +137 -33
  335. package/docs/integrations/clearbit.md +164 -178
  336. package/docs/integrations/cloudflare-web-analytics.md +166 -180
  337. package/docs/integrations/cloudflare-zaraz.md +333 -0
  338. package/docs/integrations/crisp.md +174 -182
  339. package/docs/integrations/databuddy.md +167 -197
  340. package/docs/integrations/fathom-analytics.md +168 -180
  341. package/docs/integrations/front-chat.md +308 -0
  342. package/docs/integrations/google-maps.md +142 -108
  343. package/docs/integrations/google-tag-manager.md +258 -185
  344. package/docs/integrations/google-tag.md +226 -182
  345. package/docs/integrations/heap.md +173 -179
  346. package/docs/integrations/hightouch.md +171 -181
  347. package/docs/integrations/hotjar.md +169 -179
  348. package/docs/integrations/intercom.md +193 -177
  349. package/docs/integrations/klaviyo.md +473 -0
  350. package/docs/integrations/linkedin-insights.md +184 -174
  351. package/docs/integrations/logrocket.md +170 -180
  352. package/docs/integrations/matomo-analytics.md +198 -202
  353. package/docs/integrations/meta-pixel.md +198 -174
  354. package/docs/integrations/microsoft-clarity.md +173 -179
  355. package/docs/integrations/microsoft-uet.md +158 -178
  356. package/docs/integrations/mixpanel-analytics.md +165 -184
  357. package/docs/integrations/one-dollar-stats.md +292 -0
  358. package/docs/integrations/openai-pixel.md +214 -325
  359. package/docs/integrations/overview.md +152 -83
  360. package/docs/integrations/pinterest-tag.md +315 -0
  361. package/docs/integrations/pirsch.md +179 -183
  362. package/docs/integrations/plausible-analytics.md +182 -182
  363. package/docs/integrations/posthog.md +323 -264
  364. package/docs/integrations/promptwatch.md +164 -178
  365. package/docs/integrations/reddit-pixel.md +195 -181
  366. package/docs/integrations/rudderstack.md +211 -210
  367. package/docs/integrations/rybbit-analytics.md +181 -184
  368. package/docs/integrations/segment.md +192 -178
  369. package/docs/integrations/sentry.md +402 -0
  370. package/docs/integrations/snapchat-pixel.md +196 -180
  371. package/docs/integrations/tiktok-pixel.md +181 -174
  372. package/docs/integrations/umami-analytics.md +173 -182
  373. package/docs/integrations/vercel-analytics.md +176 -181
  374. package/docs/integrations/x-pixel.md +186 -174
  375. package/docs/integrations/youtube.md +150 -111
  376. package/package.json +48 -17
  377. package/dist/component-hooks/use-manager.js +0 -2
  378. package/dist/components/frame/atoms.js +0 -1
  379. package/dist/components/frame/frame.js +0 -2
  380. package/dist/components/frame/index.js +0 -2
  381. package/dist/frame.js +0 -2
  382. package/dist/ui-save.js +0 -1
  383. package/dist-types/component-hooks/use-manager.d.ts +0 -40
  384. package/dist-types/components/frame/atoms.d.ts +0 -11
  385. package/dist-types/components/frame/frame.d.ts +0 -2
  386. package/dist-types/components/frame/index.d.ts +0 -24
  387. package/dist-types/frame.d.ts +0 -1
  388. package/dist-types/ui-save.d.ts +0 -5
  389. package/docs/assets/v3/brand-bar.png +0 -0
  390. package/docs/assets/v3/mobile-card.png +0 -0
  391. package/docs/assets/v3/preferences.png +0 -0
  392. package/docs/frameworks/react/components/consent-manager-provider.md +0 -62
  393. package/docs/frameworks/react/concepts/consent-categories.md +0 -33
  394. package/docs/frameworks/react/hooks/use-consent-manager/overview.md +0 -58
  395. package/docs/frameworks/react/iab/overview.md +0 -53
  396. package/docs/frameworks/react/script-loader.md +0 -55
  397. package/docs/frameworks/react/styling/overview.md +0 -207
  398. package/docs/guides/consent-state.md +0 -60
  399. package/docs/guides/data-fetching.md +0 -163
  400. package/docs/guides/deployment-modes.md +0 -63
  401. package/docs/upgrade-v3.md +0 -334
  402. package/readme.json +0 -48
  403. package/src/iab/styles.css +0 -11
  404. package/src/styles.css +0 -10
  405. /package/dist/components/{frame → consent-gate}/types.js +0 -0
@@ -1,68 +1,206 @@
1
1
  ---
2
- title: Troubleshoot consent
3
- description: Diagnose missing banners, early vendor requests, lost choices and
4
- hydration differences.
2
+ title: Troubleshooting
3
+ description: Fix a missing banner, analytics that load before consent, choices
4
+ lost on reload, CORS errors, hydration differences, failed manifest downloads,
5
+ mode errors and failed static builds in c15t v3.
5
6
  group: guides
6
7
  ---
7
8
 
8
- ## Why is there no banner?
9
-
10
- Inspect `resolution` and `promptRequirement` before changing styles. Pending or
11
- failed initialization, no matching rule, a valid stored choice and a rule that
12
- requires no prompt can all produce no banner for different reasons. A missing
13
- stylesheet can also make rendered controls appear incorrectly.
14
-
15
- Check the backend URL and Network response, then confirm the active policy for
16
- the visitor's location. Do not solve missing UI by granting every category or
17
- setting `enabled: false`: disabling the runtime permits optional loading.
18
-
19
- ## Why does the UI disappear with a content blocker?
9
+ ## Start with three checks
20
10
 
21
- Check the browser Network panel for `ERR_BLOCKED_BY_CLIENT` or a failed dynamic
22
- import. Older c15t builds used component filenames such as
23
- `consent-dialog-*.js`, which some cookie-annoyance lists block. Update the c15t
24
- packages and rebuild the app. Current component modules use neutral filenames;
25
- public component imports stay the same. This also covers Vite development
26
- requests used by TanStack Start and other Vite integrations.
11
+ Most problems show up in one of these places. Run them before changing code.
27
12
 
28
- Extensions can separately hide elements with cosmetic filters or block a
29
- configured backend URL. Check the failed request or hidden element to distinguish
30
- those cases from a missing component module.
13
+ 1. **Which c15t is running.** In the browser console, run `window.c15t`. v3
14
+ prints `{ version, pkg, mode, hosting }`, for example `mode: 'manifest'`
15
+ from `@c15t/nextjs`. `hosting` is `'inth'` or `'self-hosted'` once the
16
+ backend has answered `/init`, and `null` before then or without a backend. `undefined` means no c15t provider has mounted on this
17
+ page. A `window.c15tStore` object means the page runs v2. With the script
18
+ tag, `window.c15t` is the full browser API instead.
19
+ 2. **The backend request.** In DevTools Network, filter by your backend URL.
20
+ Look for `/init` or `/manifest` and check its status. A CORS error means
21
+ the backend does not trust your site's origin.
22
+ 3. **Consent state.** Add the c15t DevTools panel from your framework's guide.
23
+ It shows the resolved policy, whether a prompt is needed, each category's
24
+ permission and the scripts c15t manages.
31
25
 
32
- ## Why does analytics run before a choice?
26
+ Your framework's troubleshooting page covers adapter-specific failures, such
27
+ as Next.js prerendering errors or SvelteKit hydration.
33
28
 
34
- Check effective permission under the selected policy, then find every loader
35
- for that vendor. Remove unconditional script tags, framework analytics plugins
36
- and duplicate tag-manager entries. c15t's script registration only controls the
37
- scripts registered with it.
29
+ ## "Can't resolve 'c15t/next'" or a missing export
38
30
 
39
- Google helpers intentionally load with Consent Mode defaults. A Google request
40
- is not by itself proof that its storage consent was granted. If your requirement
41
- is no request at all, do not use an always-loaded helper unchanged.
31
+ npm's `latest` tag still points to c15t v2, which has no framework entry
32
+ points. A plain `npm install c15t` therefore installs v2, and imports such as
33
+ `c15t/next`, `c15t/react` or `ConsentRoot` fail with "Package subpath is not
34
+ defined by exports" or "Module not found".
42
35
 
43
- ## Why does a choice disappear on reload?
36
+ Install the v3 release and check the lockfile:
44
37
 
45
- Check whether persistence is disabled, browser storage is blocked, the origin
46
- changed, or the receipt expired or no longer matches the current policy.
47
- A development example with `persistence: false` deliberately resets on reload.
48
- Do not "repair" persistence by saving permissions automatically on mount.
38
+ | Package manager | Command |
39
+ | :-------------- | :----------------------- |
40
+ | npm | `npm install c15t@alpha` |
41
+ | pnpm | `pnpm add c15t@alpha` |
42
+ | yarn | `yarn add c15t@alpha` |
43
+ | bun | `bun add c15t@alpha` |
49
44
 
50
- ## Why does hydration differ from server HTML?
45
+ Keep every c15t package, including `@c15t/integrations`, on the same release.
46
+ Mixing v2 and v3 packages is not supported.
51
47
 
52
- Use the adapter's request helper and pass the returned configuration unchanged
53
- to its boundary. Check that server and browser use the same backend and policy
54
- inputs. A module-level mutable runtime on a server can share one visitor's state
55
- with another request; create request-owned state instead.
56
-
57
- ## Why does static hosting fail when development works?
58
-
59
- A static host has no app server for init routes, proxies or server functions.
60
- Use absolute external consent URLs or an explicitly local policy. Test the
61
- production output with a static file server, not the framework dev server.
62
-
63
- ## Why does customization do nothing?
48
+ ## Why is there no banner?
64
49
 
65
- Check the imported stylesheet, the correct token or slot, and which element
66
- carries the state attribute. `data-variant` on a banner root is not a matching
67
- attribute on its child card. Check cascade layers and the Tailwind version
68
- before adding specificity. See [customization](../customization/overview.md).
50
+ No banner is sometimes correct. Find out which case you have:
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, the provider runs in offline mode, or the page resolved from a bundled manifest | Check `window.c15t`. `mode: 'manifest'` with no request is expected for a policy that does not depend on location. Otherwise confirm your framework's backend URL variable is set, as [consent modes](../concepts/modes.md#set-the-backend-url) lists. |
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
+
61
+ Do not "fix" a missing banner by granting every category or turning c15t off.
62
+ While the policy is unresolved, every optional category stays denied. Turning
63
+ the runtime off lets optional scripts load.
64
+
65
+ ## Why does analytics load before the visitor chooses?
66
+
67
+ c15t only controls scripts you register with it. Find every other loader:
68
+
69
+ * A `<script>` tag in your HTML, layout or `_document`.
70
+ * A framework package or plugin, such as `@next/third-parties`,
71
+ `@nuxt/scripts`, `nuxt-gtag` or a Vercel or Netlify analytics toggle.
72
+ * A tag in Google Tag Manager that fires on page view.
73
+ * An embed, such as a YouTube iframe, rendered without `ConsentGate`.
74
+
75
+ Remove the extra loader and register the vendor through
76
+ [integrations](../integrations/overview.md). To replace a framework package,
77
+ follow [migrate from `@next/third-parties`](https://v3.c15t.com/docs/frameworks/next/scripts#migrate-from-nextthird-parties),
78
+ [migrate from `@nuxt/scripts`](https://v3.c15t.com/docs/frameworks/nuxt/scripts#migrate-from-nuxtscripts)
79
+ or [migrate from `nuxt-gtag`](https://v3.c15t.com/docs/frameworks/nuxt/scripts#migrate-from-nuxt-gtag).
80
+ Then reload with the Network panel open and cache disabled. The vendor's
81
+ domain should be absent until you allow its category.
82
+
83
+ Also check the policy. Under an opt-out policy, optional categories are allowed
84
+ before a choice, so the request is expected.
85
+
86
+ Google Tag and Google Tag Manager are an exception by design. By default
87
+ their helpers load before a choice and send Google Consent Mode signals, so a
88
+ request to Google before consent is expected. If you need no request at all
89
+ before consent, set `loadMode: 'after-consent'`; see
90
+ [Google Tag Manager](../integrations/google-tag-manager.md#choose-when-the-container-loads).
91
+
92
+ ## Why does the choice disappear on reload?
93
+
94
+ | Check | Fix |
95
+ | --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
96
+ | After saving, does DevTools Application show a `c15t` cookie and a `c15t` localStorage entry? | If not, look for `persistence: false` in your config. Examples use it on purpose; production apps should not. |
97
+ | Does the browser block storage, for example in a sandboxed iframe or a strict privacy mode? | The choice works for the current page only. Nothing to fix in your app. |
98
+ | Did the domain, subdomain or protocol change between visits? | Cookies and localStorage are per origin. Serve the site from one origin, or share the cookie across subdomains. |
99
+ | Did the policy change since the visitor chose? | A changed policy, a new required category or an expired choice prompts again. This is intended. |
100
+
101
+ Never save a choice automatically on page load to make persistence "stick".
102
+ That records consent the visitor did not give.
103
+
104
+ ## Why does the page reload after saving preferences?
105
+
106
+ A visitor turned off a category or vendor they had allowed. Scripts that
107
+ already ran cannot be unloaded, so c15t reloads the page to start clean with
108
+ only permitted code. Set `reloadOnConsentRevoked: false` if you clean up
109
+ revoked vendors yourself; [clear on revocation for your framework](../integrations/overview.md#vendor-switches-and-cookie-cleanup)
110
+ covers the options.
111
+
112
+ ## Why does the server HTML differ from the browser?
113
+
114
+ Pass the value your framework's server helper returns to the provider
115
+ unchanged. Do not merge it with defaults or rebuild it from permissions. Make
116
+ sure the server and browser use the same backend URL, because two backends can
117
+ resolve different policies.
118
+
119
+ Never keep consent state in a module-level variable on the server. One
120
+ visitor's state can leak into another request. Create it per request, as the
121
+ framework guides do.
122
+
123
+ ## Why does the build fail to download the manifest?
124
+
125
+ `manifest()` resolves from a policy snapshot that the build downloads from
126
+ `${backendURL}/manifest`. A production build stops when the download fails,
127
+ and dev logs the same message as a warning. Every framework uses the same
128
+ messages, prefixed with the integration's name, such as
129
+ `@c15t/nextjs/build`, `@c15t/core/build` (for `c15t/build`),
130
+ `@c15t/tanstack-start/build`, `@c15t/vue/vite`, `@c15t/svelte/vite`,
131
+ `@c15t/vue` (Nuxt) or `@c15t/astro`:
132
+
133
+ | Message | Cause | Fix |
134
+ | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
135
+ | `could not fetch the consent manifest from <url> during the build (fetch failed: ...)`, with `ENOTFOUND`, `ECONNREFUSED` or another network error | The build cannot reach the backend | Build where the backend is reachable, or deploy with `C15T_ON_BUILD_ERROR=runtime` |
136
+ | `... (no response within 10 seconds)` | The backend did not answer in time | Check the backend, or build where it is reachable |
137
+ | `... (/manifest responded 404 Not Found)`, or another status | The URL is not your project's backend, such as the `https://your-project.inth.app` placeholder or a URL missing its path prefix | Copy the backend URL exactly as Inth shows it |
138
+ | `... (/manifest returned an invalid consent manifest.)` | The URL answered with something other than a consent manifest, such as an HTML page | Point the backend URL at the backend itself, not your site or a dashboard page |
139
+ | `no backend URL is set, so the build cannot fetch the consent manifest. Pass backendURL or set ...` | No `backendURL` option and no backend URL variable | Set the variable your framework reads; see [consent modes](../concepts/modes.md#set-the-backend-url) |
140
+ | `skipped the consent manifest fetch because "/api/c15t" is not an absolute http(s) URL, so the server fetches the policy at runtime.` | A relative backend URL. A notice, not an error. | Pass the absolute backend URL. With `onBuildError: 'fail'`, this stops the build with `build-time manifests require an absolute upstream URL.` |
141
+ | `C15T_ON_BUILD_ERROR must be 'runtime' or 'fail', received "..."` | The variable has another value | Set it to `runtime` or `fail`, or unset it |
142
+ | `onBuildError must be 'runtime' or 'fail', received "..."` | The option has another value | Pass `'runtime'` or `'fail'` |
143
+
144
+ Each failure message ends with what to do next. In a production build:
145
+ ``Set `C15T_ON_BUILD_ERROR=runtime` (or `onBuildError: 'runtime'`) to deploy with runtime fetching.``
146
+ The Vite plugins add one more fix. The plugin can't see a mode set in app
147
+ code, so an app that uses `manifest({ manifestURL })` or
148
+ `manifest({ source: 'runtime' })` should pass `source: 'runtime'` to
149
+ `consentManifest()`, and the build skips the download.
150
+ A failed download never reuses an older snapshot. With
151
+ `C15T_ON_BUILD_ERROR=runtime`, the build finishes without a snapshot, and the
152
+ manifest is fetched at runtime. Dev warnings end with
153
+ `The server fetches it at runtime instead. A production build stops on this error.`
154
+
155
+ [Consent modes](../concepts/modes.md#what-happens-when-the-download-fails)
156
+ describes the policy and when the build skips the download.
157
+
158
+ ### A single-page app warns that the policy depends on location
159
+
160
+ `consentManifest()` from `c15t/build` logs this warning when it downloads a
161
+ policy with location rules:
162
+
163
+ ```txt
164
+ @c15t/core/build: the consent policy depends on the visitor's location, which the browser doesn't know. Unless you pass `inputs` or `geoURL` to `manifest()`, every first visit still calls the backend's /init, so the bundled policy adds bytes without saving a request. Consider `mode: hosted()` instead.
165
+ ```
166
+
167
+ Pass the visitor's `{ country, region }` as `manifest({ inputs })` when your
168
+ edge knows it, or a `geoURL` that answers with it. Otherwise switch the mode
169
+ to `hosted()`, which asks `/init` without bundling the policy.
170
+
171
+ ## Why does the provider say a mode is required?
172
+
173
+ The browser throws when a provider or `init()` gets no mode, or a mode name
174
+ instead of a factory:
175
+
176
+ | Message | Fix |
177
+ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
178
+ | ``@c15t/react ConsentProvider: `mode` is required. Use manifest() or hosted().`` | Pass `mode`, such as `manifest()` from the same package. The start of the message names the package and the API that got no mode, such as `@c15t/svelte ConsentProvider` or `@c15t/core createConsentRuntime()`. Production builds name the package only: ``@c15t/react: `mode` is required.`` |
179
+ | ``@c15t/browser: `mode` must be a factory, such as manifest(), hosted() or offline() from @c15t/browser. Mode names like "hosted" work only in the script-tag builds.`` | Import the factory and call it: `init({ mode: hosted() })`. |
180
+ | ``c15t: hosted() needs `backendURL`. Pass it, or add consentManifest() from c15t/build to your Vite config and set VITE_C15T_BACKEND_URL (or VITE_INTH_PROJECT_URL).`` | The React `hosted()` found no backend URL. `@c15t/browser` throws the same message prefixed `@c15t/browser:`. A production build prints only the first sentence. |
181
+ | ``c15t: `mode` is the hosted() transport itself, so its code ships in the client bundle. Pass the hosted() your framework package exports instead: it is plain data, and the root loads the code only when it runs.`` | A warning outside production. A server-rendered root got a transport from `c15t/react`. Import the mode from your framework package. Next.js has its own wording; see [Next.js troubleshooting](https://v3.c15t.com/docs/frameworks/next/troubleshooting). |
182
+
183
+ ## Why does the static build fail when development works?
184
+
185
+ A static host serves files only. Route handlers, server functions, rewrites
186
+ and proxies that worked under the dev server do not exist after deployment.
187
+ Point the browser at the absolute backend URL from Inth instead of a
188
+ same-origin `/api/c15t` path, then test the built output with a static file
189
+ server, not the dev server. [Choose your setup](../concepts/choose-your-setup.md)
190
+ lists the static path for each framework.
191
+
192
+ ## Why does the UI disappear with an ad blocker?
193
+
194
+ Check the Network panel for `ERR_BLOCKED_BY_CLIENT`. Some filter lists block
195
+ the consent backend's domain or old c15t chunk names such as
196
+ `consent-dialog-*.js`. Current releases use neutral chunk names; update and
197
+ rebuild. If the backend domain is blocked, the banner cannot load policy and
198
+ every optional category stays denied.
199
+
200
+ ## Why does my theme do nothing?
201
+
202
+ Check that c15t's rules load, that you set a token or slot the
203
+ component actually reads, and that the state attribute you target is on the
204
+ element you style. A `data-variant` on the banner root is not on its card.
205
+ Check the Tailwind version and CSS layer order before adding specificity. See
206
+ [customization](../customization/overview.md).
@@ -1,62 +1,109 @@
1
1
  ---
2
- title: Verify consent before shipping
3
- description: Test requests, policy resolution, persistence, navigation and
4
- preference changes in a production build.
2
+ title: Verify consent
3
+ description: Check in a production build that vendor requests wait for consent,
4
+ rejection survives a reload, preferences reopen and privacy signals apply.
5
5
  group: guides
6
6
  ---
7
7
 
8
- ## Establish the policy under test
8
+ ## What you are checking
9
9
 
10
- Use a fresh browser profile and a known policy. For an opt-in choice policy,
11
- optional requests should be absent before a choice. Opt-out and notice policies
12
- have different defaults; inspect the resolved rule rather than expecting every
13
- region to show the same banner. Keep test geography overrides out of production.
10
+ A banner on screen proves only that the banner renders. Before shipping,
11
+ confirm four things in a production build:
14
12
 
15
- Inventory scripts in your HTML, application code, tag manager, plugins and
16
- embeds. A c15t provider cannot make an independently loaded vendor wait for a
17
- choice. Remove duplicate loaders before interpreting the result.
13
+ 1. Optional vendors make no requests before the visitor allows them.
14
+ 2. A rejection survives a reload and a new tab.
15
+ 3. The visitor can reopen preferences and change their mind.
16
+ 4. The policy is right for each location you serve.
17
+
18
+ Run the checks against `next build && next start`, `vite preview`, or your
19
+ framework's equivalent. Dev servers load code differently and hide problems.
20
+
21
+ ## Set up the browser
22
+
23
+ 1. Open a private window, so no earlier choice is stored.
24
+ 2. Open DevTools, select Network, and turn on **Disable cache** and
25
+ **Preserve log**.
26
+ 3. List the vendors you expect, such as `posthog.com`, `googletagmanager.com`,
27
+ `connect.facebook.net` or `youtube-nocookie.com`. You will filter by each.
28
+
29
+ Before testing, list every place a vendor could load: `<script>` tags,
30
+ framework analytics plugins, tag manager tags and embeds. c15t cannot hold
31
+ back code it does not load. Remove duplicates first, or the results mean
32
+ nothing.
18
33
 
19
34
  ## Run the visitor flow
20
35
 
21
- | Action | Check |
22
- | ------------------------------------------ | ---------------------------------------------------------------------------------------- |
23
- | Load without a stored choice | Correct policy and prompt; category-gated vendors stay blocked when permission is denied |
24
- | Reject optional categories | Prompt closes; denied vendors remain blocked |
25
- | Reload | Valid rejection persists; no new choice event is emitted by hydration |
26
- | Reopen preferences | Settings remain reachable after the banner closes |
27
- | Save one category | Only that category gets a new confirmation time |
28
- | Navigate without reloading | One runtime remains active; no duplicate vendor initialization |
29
- | Revoke a grant | Future gated work stops and configured cleanup runs |
30
- | Load with an expired or incompatible grant | It does not silently restore optional permissions |
31
- | Block the consent backend | Failed resolution is observable; absence of a banner does not grant permission |
32
- | Block browser storage | Interaction still works where supported; verify whether the choice survives reload |
33
-
34
- Inspect Network before the page starts loading, with cache disabled for the test.
35
- Filter by the vendor's script and collection domains. Hiding an iframe after it
36
- loads is too late to prevent the initial request.
37
-
38
- Google Consent Mode integrations intentionally load their scripts and send
39
- consent signals. Test their default and update commands separately from a
40
- zero-request gate. See [Google Tag Manager](../integrations/google-tag-manager.md)
41
- and [Google Tag](../integrations/google-tag.md).
42
-
43
- ## Test the production hosting shape
44
-
45
- For static sites, serve the generated files. Confirm no request depends on an
46
- API route or rewrite that only exists in development. For SSR, inspect the
47
- initial HTML and check that hydration does not change a valid stored choice.
48
- Test a direct visit as well as client navigation.
49
-
50
- For a cross-origin backend, check allowed origins, protocol and reachable URLs.
51
- A public backend URL is not an API secret. Keep credentials out of client props
52
- and public environment variables.
36
+ | Step | What to check |
37
+ | -------------------------------------------- | ----------------------------------------------------------------------------------------------------------------- |
38
+ | Load the page | The banner appears under an opt-in policy. Filter Network by each vendor domain; opt-in vendors show no requests. |
39
+ | Click Reject | The banner closes. Vendor domains still show no requests. |
40
+ | Reload | No banner. Still no vendor requests. DevTools Application shows a `c15t` cookie. |
41
+ | Open a new tab on the same site | Same result as the reload. |
42
+ | Open preferences from your footer link | The dialog opens with the categories you rejected turned off. |
43
+ | Allow one category and save | Only vendors in that category start loading. The others stay silent. |
44
+ | Turn that category off again | The page reloads, and the vendor does not load after the reload. |
45
+ | Navigate between pages without a full reload | Each vendor loads once, not once per navigation. |
46
+
47
+ By default, Google Tag and Google Tag Manager load before consent on purpose
48
+ and send Consent Mode signals. For them, check that the consent state in the
49
+ request parameters changes when the visitor chooses, not that requests are
50
+ absent. With `loadMode: 'after-consent'`, they follow the table above. See
51
+ [Google Tag Manager](../integrations/google-tag-manager.md).
52
+
53
+ ## Check each location
54
+
55
+ Policies usually differ by region. Test at least:
56
+
57
+ * A location that needs a choice, such as Germany or the United Kingdom.
58
+ * A location without a prompt, such as a US state without a privacy law in
59
+ your rules.
60
+ * A request with no location headers at all. c15t applies your policy's
61
+ fallback for unknown locations; make sure that fallback is what you want.
62
+
63
+ Use a VPN, your host's geolocation preview, or the `country` option on your
64
+ framework's server helper while testing. Remove test overrides before you
65
+ deploy.
66
+
67
+ ## Check privacy signals
68
+
69
+ Turn on Global Privacy Control in the browser. Brave and DuckDuckGo send it by
70
+ default; in Firefox, enable it in Privacy settings. Reload and confirm the
71
+ categories your policy restricts for GPC are denied, without the visitor
72
+ having clicked anything. Turn GPC off and confirm the restriction ends.
73
+
74
+ ## Check failure behavior
75
+
76
+ Make the request that initializes consent fail, then reload. Depending on your
77
+ setup, that is the backend `/init`, a same-origin init route, a manifest fetch,
78
+ or the `/init` a bundled manifest falls back to when a regional policy needs a
79
+ location the browser does not know.
80
+
81
+ * For a request the browser makes, block it in DevTools (right-click the
82
+ request, then **Block request URL**).
83
+ * When the server resolves consent before the page loads, the browser never
84
+ sees that request. Make it fail on the server instead, for example by
85
+ pointing the backend URL at an unreachable address for one run.
86
+ * With a custom transport, make its `init` fail.
87
+
88
+ No banner appears, and vendors that wait for consent send no requests. Skip this
89
+ check only if the page makes no initialization request at all, such as a
90
+ build-time manifest with no regional fallback. A helper that always loads, such
91
+ as `gtag` with its default `loadMode`, still loads; check that it reports denied
92
+ consent. A missing banner must never mean "allowed". Then undo the change and
93
+ confirm the page recovers.
53
94
 
54
95
  ## Check the interface
55
96
 
56
- Use a narrow viewport, long translated labels and keyboard-only navigation.
57
- Check that blocking dialogs trap focus, return it to the trigger when closed,
58
- and do not leave scrolling locked. Non-blocking notices should allow interaction
59
- with the page. Test contrast and focus indicators after applying a theme.
97
+ * Tab through the banner and dialog with the keyboard only. Focus stays inside
98
+ a modal dialog and returns to the button that opened it when it closes.
99
+ * Set the viewport to 375 pixels wide and switch to a language with long
100
+ labels, such as German.
101
+ * After applying your theme, check text contrast and that focus rings are
102
+ visible.
103
+
104
+ ## Record the result
60
105
 
61
- Record the policy, framework, deployment and observed request behavior with the
62
- test result. "The banner appears" is only one assertion.
106
+ Write down the framework, the rendering mode, the policy you tested, and the
107
+ requests you saw before and after consent. "The banner appears" is not a test
108
+ result. If something fails, [troubleshooting](./troubleshooting.md)
109
+ starts with three checks that locate most problems.