@c15t/react 3.0.0-alpha.1 → 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.
- package/AGENTS.md +96 -70
- package/README.md +21 -17
- package/SKILL.md +34 -0
- package/dist/aggregate-components.js +1 -1
- package/dist/chunk-warming.js +1 -1
- package/dist/component-hooks/use-headless-consent-ui.js +1 -1
- package/dist/component-hooks/use-headless-iab-consent-ui.js +1 -1
- package/dist/component-hooks/use-panel-trigger.js +1 -1
- package/dist/components/consent-gate/atoms.js +1 -0
- package/dist/components/consent-gate/consent-gate.js +2 -0
- package/dist/components/consent-gate/frame.js +2 -0
- package/dist/components/consent-gate/index.js +2 -0
- package/dist/components/consent-preferences-link/consent-preferences-link.js +1 -1
- package/dist/components/iab-panel/atoms/card.js +1 -1
- package/dist/components/iab-panel/atoms/feature-item.js +2 -0
- package/dist/components/iab-panel/atoms/header.js +1 -1
- package/dist/components/iab-panel/atoms/purpose-item.js +1 -1
- package/dist/components/iab-panel/atoms/root.js +1 -1
- package/dist/components/iab-panel/atoms/stack-item.js +1 -1
- package/dist/components/iab-panel/atoms/vendor-list.js +1 -1
- package/dist/components/iab-panel/hooks/use-gvl-data.js +1 -1
- package/dist/components/iab-panel/iab-panel.js +1 -1
- package/dist/components/iab-panel/index.js +1 -1
- package/dist/components/iab-prompt/atoms/overlay.js +1 -1
- package/dist/components/iab-prompt/atoms/root.js +1 -1
- package/dist/components/panel/atoms/card.js +1 -1
- package/dist/components/panel/atoms/overlay.js +1 -1
- package/dist/components/panel/atoms/root.js +1 -1
- package/dist/components/panel/panel.js +1 -1
- package/dist/components/panel-trigger/atoms/button.js +1 -1
- package/dist/components/panel-trigger/atoms/icon.js +1 -1
- package/dist/components/panel-trigger/atoms/root.js +1 -1
- package/dist/components/panel-trigger/atoms/toolbar.js +1 -1
- package/dist/components/panel-trigger/atoms/trigger-icons.js +1 -0
- package/dist/components/panel-trigger/panel-trigger-toolbar.js +1 -1
- package/dist/components/panel-trigger/panel-trigger.js +1 -1
- package/dist/components/preferences/atoms/accordion.js +1 -1
- package/dist/components/preferences/atoms/root.js +1 -1
- package/dist/components/preferences/atoms/vendor-list.js +1 -0
- package/dist/components/preferences/index.js +1 -1
- package/dist/components/prompt/atoms/early-tap-script.js +2 -0
- package/dist/components/prompt/atoms/overlay.js +1 -1
- package/dist/components/prompt/atoms/root.js +1 -1
- package/dist/components/prompt/components.js +1 -1
- package/dist/components/prompt/policy-actions.js +1 -1
- package/dist/components/prompt/prompt.js +1 -1
- package/dist/components/shared/dialog-sheets.js +1 -0
- package/dist/components/shared/first-paint-sheets.js +1 -0
- package/dist/components/shared/iab-dialog-sheets.js +1 -0
- package/dist/components/shared/iab-first-paint-sheets.js +1 -0
- package/dist/components/shared/libs/compose-refs.js +1 -0
- package/dist/components/shared/libs/slot.js +1 -1
- package/dist/components/shared/primitives/button.js +1 -1
- package/dist/components/shared/primitives/legal-links/index.js +1 -1
- package/dist/components/shared/streamed-surface.js +2 -0
- package/dist/components/shared/surface-styles.js +2 -0
- package/dist/components/shared/ui/dialog/dialog.js +1 -1
- package/dist/components/shared/ui/icon.js +1 -1
- package/dist/components/shared/ui/logo.js +1 -1
- package/dist/components/shared/ui/preference-item/preference-item.js +1 -1
- package/dist/consent-gate.js +2 -0
- package/dist/consent-theme.js +1 -0
- package/dist/context/consent-tracking-context.js +1 -1
- package/dist/context/index.js +1 -1
- package/dist/context.js +1 -1
- package/dist/devtools-launcher.js +2 -0
- package/dist/devtools.js +1 -1
- package/dist/draft-context.js +2 -0
- package/dist/draft.js +1 -1
- package/dist/external-iab-context.js +1 -1
- package/dist/gpp.js +2 -0
- package/dist/headless.js +1 -1
- package/dist/hooks/use-color-scheme.js +1 -1
- package/dist/hooks/use-committed-ref.js +2 -0
- package/dist/hooks/use-focus-trap.js +1 -1
- package/dist/hooks/use-headless-iab-consent-ui.js +1 -1
- package/dist/hooks/use-iab-policy-guard.js +1 -0
- package/dist/hooks/use-late-entry.js +2 -0
- package/dist/hooks.js +1 -1
- package/dist/iab/styles.tw3.css +5 -45
- package/dist/iab-context.js +1 -1
- package/dist/index-parts/consent-banner.js +1 -0
- package/dist/index-parts/consent-dialog-link.js +1 -0
- package/dist/index-parts/consent-dialog-trigger.js +1 -0
- package/dist/index-parts/consent-dialog.js +1 -0
- package/dist/index-parts/consent-gate.js +1 -0
- package/dist/index-parts/core.js +1 -0
- package/dist/index-parts/draft.js +1 -0
- package/dist/index-parts/frame.js +1 -0
- package/dist/index-parts/hooks.js +1 -0
- package/dist/index-parts/hosted.js +1 -0
- package/dist/index-parts/module-hooks.js +1 -0
- package/dist/index-parts/offline.js +1 -0
- package/dist/index-parts/presets.js +1 -0
- package/dist/index-parts/provider.js +1 -0
- package/dist/index-parts/theme.js +1 -0
- package/dist/index-parts/translations.js +1 -0
- package/dist/index.js +1 -1
- package/dist/kernel-selector.js +1 -0
- package/dist/modes.js +1 -0
- package/dist/module-hooks/iframe-blocker.js +1 -1
- package/dist/module-hooks/network-blocker.js +1 -1
- package/dist/module-hooks/network-hold.js +2 -0
- package/dist/module-hooks/persistence.js +1 -1
- package/dist/panel-link.js +1 -1
- package/dist/panel-trigger.js +1 -1
- package/dist/panel.js +1 -1
- package/dist/postcss-tailwind3.js +1 -0
- package/dist/preferences.js +1 -2
- package/dist/provider.js +1 -1
- package/dist/server/fetch-ssr-data.js +1 -1
- package/dist/server/headers.js +1 -1
- package/dist/server/normalize-url.js +1 -1
- package/dist/styles.tw3.css +33 -51
- package/dist/transports/hosted.js +1 -0
- package/dist/transports/manifest.js +1 -0
- package/dist/transports/offline.js +1 -1
- package/dist/utils/deferred-module.js +2 -0
- package/dist/utils/merge-slot-props.js +1 -1
- package/dist/utils/theme-utils.js +1 -1
- package/dist/version.js +1 -1
- package/dist-types/aggregate-components.d.ts +2 -2
- package/dist-types/chunk-warming.d.ts +45 -8
- package/dist-types/component-hooks/use-headless-consent-ui.d.ts +5 -5
- package/dist-types/component-hooks/use-headless-iab-consent-ui.d.ts +2 -2
- package/dist-types/components/consent-gate/atoms.d.ts +11 -0
- package/dist-types/components/consent-gate/consent-gate.d.ts +2 -0
- package/dist-types/components/consent-gate/frame.d.ts +19 -0
- package/dist-types/components/consent-gate/index.d.ts +25 -0
- package/dist-types/components/{frame → consent-gate}/types.d.ts +7 -7
- package/dist-types/components/consent-preferences-link/consent-preferences-link.d.ts +1 -1
- package/dist-types/components/consent-preferences-link/index.d.ts +1 -1
- package/dist-types/components/iab-panel/atoms/feature-item.d.ts +28 -0
- package/dist-types/components/iab-panel/atoms/purpose-item.d.ts +5 -2
- package/dist-types/components/iab-panel/atoms/stack-item.d.ts +7 -2
- package/dist-types/components/iab-panel/atoms/vendor-list.d.ts +1 -1
- package/dist-types/components/iab-panel/iab-panel.d.ts +3 -3
- package/dist-types/components/iab-panel/index.d.ts +29 -26
- package/dist-types/components/iab-panel/use-iab-translations.d.ts +4 -0
- package/dist-types/components/iab-prompt/iab-prompt.d.ts +3 -3
- package/dist-types/components/iab-prompt/index.d.ts +19 -19
- package/dist-types/components/panel/atoms/card.d.ts +5 -4
- package/dist-types/components/panel/atoms/overlay.d.ts +1 -1
- package/dist-types/components/panel/index.d.ts +8 -8
- package/dist-types/components/panel/panel.d.ts +3 -3
- package/dist-types/components/panel-link/index.d.ts +1 -1
- package/dist-types/components/panel-trigger/atoms/button.d.ts +1 -1
- package/dist-types/components/panel-trigger/atoms/icon.d.ts +1 -1
- package/dist-types/components/panel-trigger/atoms/root.d.ts +2 -2
- package/dist-types/components/panel-trigger/atoms/toolbar.d.ts +2 -2
- package/dist-types/components/panel-trigger/atoms/trigger-icons.d.ts +25 -0
- package/dist-types/components/panel-trigger/index.d.ts +4 -4
- package/dist-types/components/panel-trigger/panel-trigger-toolbar.d.ts +1 -1
- package/dist-types/components/panel-trigger/panel-trigger.d.ts +9 -17
- package/dist-types/components/panel-trigger/types.d.ts +1 -1
- package/dist-types/components/preferences/atoms/accordion.d.ts +6 -4
- package/dist-types/components/preferences/atoms/button.d.ts +1 -1
- package/dist-types/components/preferences/atoms/footer.d.ts +1 -1
- package/dist-types/components/preferences/atoms/root.d.ts +1 -1
- package/dist-types/components/preferences/atoms/vendor-list.d.ts +23 -0
- package/dist-types/components/preferences/index.d.ts +14 -12
- package/dist-types/components/preferences/policy-actions.d.ts +2 -2
- package/dist-types/components/preferences/preferences.d.ts +1 -1
- package/dist-types/components/preferences/types.d.ts +1 -1
- package/dist-types/components/prompt/atoms/early-tap-script.d.ts +17 -0
- package/dist-types/components/prompt/atoms/root.d.ts +4 -0
- package/dist-types/components/prompt/components.d.ts +9 -3
- package/dist-types/components/prompt/index.d.ts +12 -12
- package/dist-types/components/prompt/policy-actions.d.ts +2 -2
- package/dist-types/components/prompt/prompt.d.ts +5 -1
- package/dist-types/components/shared/dialog-sheets.d.ts +9 -0
- package/dist-types/components/shared/first-paint-sheets.d.ts +8 -0
- package/dist-types/components/shared/iab-dialog-sheets.d.ts +3 -0
- package/dist-types/components/shared/iab-first-paint-sheets.d.ts +3 -0
- package/dist-types/components/shared/libs/compose-refs.d.ts +20 -0
- package/dist-types/components/shared/policy-actions.d.ts +2 -2
- package/dist-types/components/shared/primitives/box.d.ts +1 -1
- package/dist-types/components/shared/primitives/button.d.ts +2 -2
- package/dist-types/components/shared/primitives/button.types.d.ts +1 -1
- package/dist-types/components/shared/streamed-surface.d.ts +23 -0
- package/dist-types/components/shared/surface-styles.d.ts +36 -0
- package/dist-types/components/shared/ui/accordion/accordion.d.ts +2 -2
- package/dist-types/components/shared/ui/accordion/index.d.ts +2 -2
- package/dist-types/components/shared/ui/animated-collapse/index.d.ts +2 -2
- package/dist-types/components/shared/ui/branding.d.ts +1 -1
- package/dist-types/components/shared/ui/button/button.d.ts +1 -1
- package/dist-types/components/shared/ui/button/index.d.ts +2 -2
- package/dist-types/components/shared/ui/collapsible/index.d.ts +1 -1
- package/dist-types/components/shared/ui/dialog/index.d.ts +1 -1
- package/dist-types/components/shared/ui/icon.d.ts +2 -1
- package/dist-types/components/shared/ui/logo.d.ts +0 -10
- package/dist-types/components/shared/ui/preference-item/index.d.ts +1 -1
- package/dist-types/components/shared/ui/preference-item/preference-item.d.ts +13 -0
- package/dist-types/components/shared/ui/switch/index.d.ts +2 -2
- package/dist-types/components/shared/ui/switch/switch.d.ts +1 -1
- package/dist-types/components/shared/ui/tabs/index.d.ts +1 -1
- package/dist-types/consent-gate.d.ts +1 -0
- package/dist-types/consent-theme.d.ts +38 -0
- package/dist-types/context/consent-tracking-context.d.ts +10 -0
- package/dist-types/context/index.d.ts +3 -3
- package/dist-types/context/theme-context.d.ts +3 -3
- package/dist-types/context.d.ts +25 -1
- package/dist-types/devtools-launcher.d.ts +29 -0
- package/dist-types/devtools.d.ts +13 -2
- package/dist-types/draft-context.d.ts +31 -0
- package/dist-types/draft.d.ts +81 -9
- package/dist-types/gpp.d.ts +27 -0
- package/dist-types/headless.d.ts +6 -7
- package/dist-types/hooks/use-committed-ref.d.ts +24 -0
- package/dist-types/hooks/use-focus-trap.d.ts +3 -1
- package/dist-types/hooks/use-headless-iab-consent-ui.d.ts +1 -1
- package/dist-types/hooks/use-iab-manager.d.ts +5 -5
- package/dist-types/hooks/use-iab-policy-guard.d.ts +35 -0
- package/dist-types/hooks/use-late-entry.d.ts +14 -0
- package/dist-types/hooks/use-theme.d.ts +1 -1
- package/dist-types/hooks.d.ts +106 -11
- package/dist-types/iab.d.ts +7 -7
- package/dist-types/index-parts/consent-banner.d.ts +7 -0
- package/dist-types/index-parts/consent-dialog-link.d.ts +7 -0
- package/dist-types/index-parts/consent-dialog-trigger.d.ts +7 -0
- package/dist-types/index-parts/consent-dialog.d.ts +7 -0
- package/dist-types/index-parts/consent-gate.d.ts +7 -0
- package/dist-types/index-parts/core.d.ts +7 -0
- package/dist-types/index-parts/draft.d.ts +7 -0
- package/dist-types/index-parts/frame.d.ts +7 -0
- package/dist-types/index-parts/hooks.d.ts +7 -0
- package/dist-types/index-parts/hosted.d.ts +7 -0
- package/dist-types/index-parts/module-hooks.d.ts +7 -0
- package/dist-types/index-parts/offline.d.ts +7 -0
- package/dist-types/index-parts/presets.d.ts +7 -0
- package/dist-types/index-parts/provider.d.ts +7 -0
- package/dist-types/index-parts/theme.d.ts +8 -0
- package/dist-types/index-parts/translations.d.ts +7 -0
- package/dist-types/index.d.ts +32 -28
- package/dist-types/kernel-selector.d.ts +68 -0
- package/dist-types/modes.d.ts +26 -0
- package/dist-types/module-hooks/iframe-blocker.d.ts +33 -1
- package/dist-types/module-hooks/network-blocker.d.ts +23 -0
- package/dist-types/module-hooks/network-hold.d.ts +47 -0
- package/dist-types/module-hooks.d.ts +4 -4
- package/dist-types/panel-link.d.ts +1 -1
- package/dist-types/panel-trigger.d.ts +1 -1
- package/dist-types/panel.d.ts +13 -1
- package/dist-types/postcss-tailwind3.d.ts +21 -0
- package/dist-types/preferences.d.ts +12 -1
- package/dist-types/primitives/accordion.d.ts +1 -1
- package/dist-types/primitives/button.d.ts +1 -1
- package/dist-types/primitives/collapsible.d.ts +1 -1
- package/dist-types/primitives/dialog.d.ts +1 -1
- package/dist-types/primitives/preference-item.d.ts +1 -1
- package/dist-types/primitives/switch.d.ts +1 -1
- package/dist-types/primitives/tabs.d.ts +1 -1
- package/dist-types/primitives.d.ts +7 -7
- package/dist-types/prompt.d.ts +1 -1
- package/dist-types/provider.d.ts +169 -28
- package/dist-types/server/fetch-ssr-data.d.ts +1 -1
- package/dist-types/server/headers.d.ts +14 -4
- package/dist-types/server/index.d.ts +5 -5
- package/dist-types/server/normalize-url.d.ts +14 -7
- package/dist-types/server/types.d.ts +12 -1
- package/dist-types/theme-provider.d.ts +2 -2
- package/dist-types/transports/hosted.d.ts +36 -0
- package/dist-types/transports/manifest.d.ts +48 -0
- package/dist-types/transports/offline.d.ts +7 -16
- package/dist-types/types/index.d.ts +3 -3
- package/dist-types/types/manager.d.ts +1 -1
- package/dist-types/types/theme/index.d.ts +1 -1
- package/dist-types/ui-config-context.d.ts +14 -2
- package/dist-types/utils/deferred-module.d.ts +13 -0
- package/dist-types/utils/index.d.ts +4 -4
- package/dist-types/utils/merge-slot-props.d.ts +17 -3
- package/dist-types/utils/merge-styles.d.ts +1 -1
- package/dist-types/utils/theme-utils.d.ts +18 -3
- package/dist-types/version.d.ts +1 -1
- package/docs/README.md +96 -70
- package/docs/assets/v3/bottom-bar.png +0 -0
- package/docs/assets/v3/brand-card.png +0 -0
- package/docs/assets/v3/brand-preferences.png +0 -0
- package/docs/assets/v3/choice-wall.png +0 -0
- package/docs/assets/v3/headless-bar-html.png +0 -0
- package/docs/assets/v3/headless-bar-mobile.png +0 -0
- package/docs/assets/v3/headless-bar.png +0 -0
- package/docs/assets/v3/slim-bar.png +0 -0
- package/docs/concepts/choose-your-setup.md +138 -0
- package/docs/concepts/consent-categories.md +84 -0
- package/docs/concepts/consent-state.md +421 -0
- package/docs/concepts/data-fetching.md +270 -0
- package/docs/concepts/how-consent-works.md +123 -0
- package/docs/concepts/modes.md +278 -0
- package/docs/{frameworks/react/concepts/policy-presets.md → concepts/policies.md} +8 -60
- package/docs/customization/class-names.md +202 -0
- package/docs/customization/dark-mode.md +157 -0
- package/docs/customization/motion.md +128 -0
- package/docs/customization/overview.md +68 -33
- package/docs/customization/recipes.md +838 -47
- package/docs/customization/slots.md +217 -35
- package/docs/customization/stylesheets.md +248 -0
- package/docs/customization/tailwind.md +863 -0
- package/docs/customization/tokens.md +167 -36
- package/docs/customization/translations.md +87 -3
- package/docs/frameworks/react/callbacks.md +118 -0
- package/docs/frameworks/react/clear-on-revocation.md +106 -0
- package/docs/frameworks/react/components/consent-banner.md +48 -27
- package/docs/frameworks/react/components/consent-dialog-link.md +13 -11
- package/docs/frameworks/react/components/consent-dialog-trigger.md +86 -76
- package/docs/frameworks/react/components/consent-dialog.md +111 -58
- package/docs/frameworks/react/components/{frame.md → consent-gate.md} +70 -49
- package/docs/frameworks/react/components/consent-provider.md +140 -0
- package/docs/frameworks/react/components/consent-widget.md +69 -24
- package/docs/frameworks/react/components/dev-tools.md +76 -85
- package/docs/frameworks/react/components.md +113 -0
- package/docs/frameworks/react/compose.md +354 -0
- package/docs/frameworks/react/content-security-policy.md +143 -0
- package/docs/frameworks/react/customize.md +258 -0
- package/docs/frameworks/react/embeds.md +89 -0
- package/docs/frameworks/react/gpp.md +163 -0
- package/docs/frameworks/react/headless.md +4 -4
- package/docs/frameworks/react/hooks.md +70 -0
- package/docs/frameworks/react/iab.md +259 -0
- package/docs/frameworks/react/network-blocker.md +140 -0
- package/docs/frameworks/react/quickstart.md +220 -102
- package/docs/frameworks/react/rendering.md +263 -0
- package/docs/frameworks/react/scripts.md +114 -0
- package/docs/frameworks/react/translations.md +155 -0
- package/docs/frameworks/react/troubleshooting.md +188 -61
- package/docs/frameworks/react/upgrade-v3.md +651 -0
- package/docs/frameworks/react/vendor-consent.md +188 -0
- package/docs/guides/banner-experiments.md +672 -0
- package/docs/guides/troubleshooting.md +192 -54
- package/docs/guides/verify-consent.md +96 -49
- package/docs/integrations/adobe-analytics.md +177 -183
- package/docs/integrations/ahrefs-analytics.md +162 -178
- package/docs/integrations/amplitude.md +172 -180
- package/docs/integrations/building-integrations.md +137 -33
- package/docs/integrations/clearbit.md +164 -178
- package/docs/integrations/cloudflare-web-analytics.md +166 -180
- package/docs/integrations/cloudflare-zaraz.md +333 -0
- package/docs/integrations/crisp.md +174 -182
- package/docs/integrations/databuddy.md +167 -197
- package/docs/integrations/fathom-analytics.md +168 -180
- package/docs/integrations/front-chat.md +308 -0
- package/docs/integrations/google-maps.md +142 -108
- package/docs/integrations/google-tag-manager.md +258 -185
- package/docs/integrations/google-tag.md +226 -182
- package/docs/integrations/heap.md +173 -179
- package/docs/integrations/hightouch.md +171 -181
- package/docs/integrations/hotjar.md +169 -179
- package/docs/integrations/intercom.md +193 -177
- package/docs/integrations/klaviyo.md +473 -0
- package/docs/integrations/linkedin-insights.md +184 -174
- package/docs/integrations/logrocket.md +170 -180
- package/docs/integrations/matomo-analytics.md +198 -202
- package/docs/integrations/meta-pixel.md +198 -174
- package/docs/integrations/microsoft-clarity.md +173 -179
- package/docs/integrations/microsoft-uet.md +158 -178
- package/docs/integrations/mixpanel-analytics.md +165 -184
- package/docs/integrations/one-dollar-stats.md +292 -0
- package/docs/integrations/openai-pixel.md +214 -325
- package/docs/integrations/overview.md +152 -83
- package/docs/integrations/pinterest-tag.md +315 -0
- package/docs/integrations/pirsch.md +179 -183
- package/docs/integrations/plausible-analytics.md +182 -182
- package/docs/integrations/posthog.md +323 -264
- package/docs/integrations/promptwatch.md +164 -178
- package/docs/integrations/reddit-pixel.md +195 -181
- package/docs/integrations/rudderstack.md +211 -210
- package/docs/integrations/rybbit-analytics.md +181 -184
- package/docs/integrations/segment.md +192 -178
- package/docs/integrations/sentry.md +402 -0
- package/docs/integrations/snapchat-pixel.md +196 -180
- package/docs/integrations/tiktok-pixel.md +181 -174
- package/docs/integrations/umami-analytics.md +173 -182
- package/docs/integrations/vercel-analytics.md +176 -181
- package/docs/integrations/x-pixel.md +186 -174
- package/docs/integrations/youtube.md +150 -111
- package/package.json +48 -17
- package/dist/component-hooks/use-manager.js +0 -2
- package/dist/components/frame/atoms.js +0 -1
- package/dist/components/frame/frame.js +0 -2
- package/dist/components/frame/index.js +0 -2
- package/dist/frame.js +0 -2
- package/dist/ui-save.js +0 -1
- package/dist-types/component-hooks/use-manager.d.ts +0 -40
- package/dist-types/components/frame/atoms.d.ts +0 -11
- package/dist-types/components/frame/frame.d.ts +0 -2
- package/dist-types/components/frame/index.d.ts +0 -24
- package/dist-types/frame.d.ts +0 -1
- package/dist-types/ui-save.d.ts +0 -5
- package/docs/assets/v3/brand-bar.png +0 -0
- package/docs/assets/v3/mobile-card.png +0 -0
- package/docs/assets/v3/preferences.png +0 -0
- package/docs/frameworks/react/components/consent-manager-provider.md +0 -71
- package/docs/frameworks/react/concepts/consent-categories.md +0 -33
- package/docs/frameworks/react/hooks/use-consent-manager/overview.md +0 -58
- package/docs/frameworks/react/iab/overview.md +0 -53
- package/docs/frameworks/react/script-loader.md +0 -63
- package/docs/frameworks/react/styling/overview.md +0 -217
- package/docs/guides/consent-state.md +0 -60
- package/docs/guides/data-fetching.md +0 -163
- package/docs/guides/deployment-modes.md +0 -63
- package/docs/integrations/clear-on-revocation.md +0 -167
- package/docs/upgrade-v3.md +0 -334
- package/readme.json +0 -48
- package/src/iab/styles.css +0 -11
- package/src/styles.css +0 -10
- /package/dist/components/{frame → consent-gate}/types.js +0 -0
|
@@ -1,68 +1,206 @@
|
|
|
1
1
|
---
|
|
2
|
-
title:
|
|
3
|
-
description:
|
|
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
|
-
##
|
|
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
|
-
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
26
|
+
Your framework's troubleshooting page covers adapter-specific failures, such
|
|
27
|
+
as Next.js prerendering errors or SvelteKit hydration.
|
|
33
28
|
|
|
34
|
-
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
-
|
|
36
|
+
Install the v3 release and check the lockfile:
|
|
44
37
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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
|
-
|
|
45
|
+
Keep every c15t package, including `@c15t/integrations`, on the same release.
|
|
46
|
+
Mixing v2 and v3 packages is not supported.
|
|
51
47
|
|
|
52
|
-
|
|
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
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
|
3
|
-
description:
|
|
4
|
-
|
|
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
|
-
##
|
|
8
|
+
## What you are checking
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
|
22
|
-
|
|
|
23
|
-
| Load
|
|
24
|
-
| Reject
|
|
25
|
-
| Reload
|
|
26
|
-
|
|
|
27
|
-
|
|
|
28
|
-
|
|
|
29
|
-
|
|
|
30
|
-
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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
|
-
|
|
62
|
-
|
|
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.
|