@bulut5/ck 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -32,6 +32,9 @@ interface BrandConfig {
     };
     /** Bump to force a re-prompt when the policy / categories change. Default 1. */
     version?: number;
+    /** Log the Consent Mode / UET signal updates to the console (also enabled by
+     *  adding `?ckdebug` to the URL). Off by default. */
+    debug?: boolean;
 }
 interface StoredConsent {
     decision: ConsentDecision;
@@ -79,7 +82,7 @@ declare function saveConsent(decision: ConsentDecision, version: number): Stored
 declare function applyConsent(decision: ConsentDecision, signals?: {
     google?: boolean;
     bing?: boolean;
-}): void;
+}, debug?: boolean): void;
 /** Load any stored decision and re-apply its signals. Returns the decision or null. */
 declare function applyStoredConsent(config: BrandConfig): ConsentDecision | null;
 

package/dist/index.js

@@ -1 +1 @@
-import {createContext,useState,useEffect,useCallback,useContext}from'react';import {jsx,jsxs}from'react/jsx-runtime';var B="ck.consent",u={marketing:false,analytics:false,personalization:false},S={marketing:true,analytics:true,personalization:true};function A(){return typeof window<"u"}function v(e){if(!A())return null;try{let o=window.localStorage.getItem(B);if(!o)return null;let t=JSON.parse(o);return !t||t.version!==e||!t.decision?null:t}catch{return null}}function D(e,o){let t={decision:e,version:o,ts:Date.now()};if(A())try{window.localStorage.setItem(B,JSON.stringify(t));}catch{}return t}function c(e){return e?"granted":"denied"}function g(e,o={}){if(!A())return;let t=window,{google:l=true,bing:d=true}=o;l&&typeof t.gtag=="function"&&t.gtag("consent","update",{ad_storage:c(e.marketing),ad_user_data:c(e.marketing),ad_personalization:c(e.marketing),analytics_storage:c(e.analytics),personalization_storage:c(e.personalization)}),d&&(t.uetq=t.uetq||[],t.uetq.push("consent","update",{ad_storage:c(e.marketing)}));}function T(e){let o=v(e.version??1);return o?(g(o.decision,e.signals),o.decision):null}var _=createContext(null);function O({config:e,children:o}){let t=e.version??1,[l,d]=useState(null),[k,N]=useState(false),[h,f]=useState(false);useEffect(()=>{let s=v(t);s&&(d(s.decision),g(s.decision,e.signals)),N(true);},[t]);let a=useCallback(s=>{D(s,t),g(s,e.signals),d(s),f(false);},[t,e.signals]),b=useCallback(()=>a({...S}),[a]),C=useCallback(()=>a({...u}),[a]),x=useCallback(s=>a(s),[a]),y=useCallback(()=>f(true),[]),r=useCallback(()=>f(false),[]),w={decision:l,decided:l!==null,mounted:k,open:h,config:e,acceptAll:b,rejectAll:C,saveSelection:x,reopen:y,close:r};return jsx(_.Provider,{value:w,children:o})}function E(){let e=useContext(_);if(!e)throw new Error("useConsent must be used within <ConsentProvider>");return e}var j=["marketing","analytics","personalization"];function I(){let{mounted:e,decided:o,open:t,decision:l,config:d,acceptAll:k,rejectAll:N,saveSelection:h,reopen:f,close:a}=E(),[b,C]=useState(false),[x,y]=useState({...u});if(!e)return null;let{copy:r}=d;if(o&&!t)return jsx("button",{type:"button",onClick:f,"aria-label":r.badgeLabel,className:"fixed bottom-4 right-4 z-[60] flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-lg transition hover:opacity-90",children:jsx("span",{"aria-hidden":true,className:"text-lg",children:"\u{1F36A}"})});let w=()=>{y(l?{...l}:{...u}),C(true);},s=i=>y(z=>({...z,[i]:!z[i]})),R=()=>{C(false),a();};return jsxs("div",{role:"dialog","aria-label":r.title,className:"fixed bottom-4 right-4 z-[60] w-[calc(100vw-2rem)] max-w-sm rounded-xl border border-border bg-background p-5 text-foreground shadow-2xl",children:[jsx("div",{className:"mb-2 text-base font-semibold",children:r.title}),jsx("p",{className:"mb-3 text-sm leading-relaxed text-muted-foreground",children:r.body}),jsx("a",{href:d.privacyPolicyUrl,target:"_blank",rel:"noopener noreferrer",className:"mb-4 inline-block text-sm font-medium underline underline-offset-2 hover:opacity-80",children:r.privacyLinkText}),b&&jsx("div",{className:"mb-4 space-y-3 border-t border-border pt-4",children:j.map(i=>jsxs("label",{className:"flex items-start gap-3 text-sm",children:[jsx("input",{type:"checkbox",checked:x[i],onChange:()=>s(i),className:"mt-0.5 h-4 w-4 shrink-0 accent-primary"}),jsxs("span",{children:[jsx("span",{className:"font-medium",children:r.categories[i].label}),jsx("span",{className:"block text-muted-foreground",children:r.categories[i].description})]})]},i))}),b?jsxs("div",{className:"flex gap-2",children:[jsx("button",{type:"button",onClick:()=>h(x),className:"flex-1 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground transition hover:opacity-90",children:r.save}),jsx("button",{type:"button",onClick:()=>C(false),className:"rounded-md border border-border bg-background px-3 py-2 text-sm font-medium text-foreground transition hover:bg-muted",children:r.back})]}):jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex gap-2",children:[jsx("button",{type:"button",onClick:k,className:"flex-1 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground transition hover:opacity-90",children:r.acceptAll}),jsx("button",{type:"button",onClick:N,className:"flex-1 rounded-md border border-border bg-background px-3 py-2 text-sm font-medium text-foreground transition hover:bg-muted",children:r.rejectAll})]}),jsx("button",{type:"button",onClick:w,className:"rounded-md px-3 py-2 text-sm font-medium text-muted-foreground underline underline-offset-2 transition hover:text-foreground",children:r.select}),o&&jsx("button",{type:"button",onClick:R,"aria-label":"Close",className:"absolute right-3 top-3 text-muted-foreground transition hover:text-foreground",children:"\u2715"})]})]})}export{O as ConsentProvider,I as CookieConsent,u as DENY_ALL,S as GRANT_ALL,g as applyConsent,T as applyStoredConsent,v as loadConsent,D as saveConsent,E as useConsent};
+import {createContext,useState,useEffect,useCallback,useContext}from'react';import {jsx,jsxs}from'react/jsx-runtime';var R="ck.consent",m={marketing:false,analytics:false,personalization:false},A={marketing:true,analytics:true,personalization:true};function w(){return typeof window<"u"}function h(e){if(!w())return null;try{let o=window.localStorage.getItem(R);if(!o)return null;let t=JSON.parse(o);return !t||t.version!==e||!t.decision?null:t}catch{return null}}function L(e,o){let t={decision:e,version:o,ts:Date.now()};if(w())try{window.localStorage.setItem(R,JSON.stringify(t));}catch{}return t}function p(e){return e?"granted":"denied"}function N(e){return e?.debug?true:w()&&new URLSearchParams(window.location.search).has("ckdebug")}function x(e,o={},t=false){if(!w())return;let s=window,{google:l=true,bing:g=true}=o;if(l&&typeof s.gtag=="function"){let i={ad_storage:p(e.marketing),ad_user_data:p(e.marketing),ad_personalization:p(e.marketing),analytics_storage:p(e.analytics),personalization_storage:p(e.personalization)};s.gtag("consent","update",i),t&&console.log("[ck] Google Consent Mode update \u2192",i);}else l&&t&&console.warn("[ck] window.gtag not found \u2014 Google consent not updated");if(g){let i={ad_storage:p(e.marketing)};s.uetq=s.uetq||[],s.uetq.push("consent","update",i),t&&console.log("[ck] Microsoft UET consent update \u2192",i);}}function G(e){let o=h(e.version??1);return o?(x(o.decision,e.signals,N(e)),o.decision):null}var E=createContext(null);function Y({config:e,children:o}){let t=e.version??1,[s,l]=useState(null),[g,i]=useState(false),[D,C]=useState(false);useEffect(()=>{let a=h(t);a&&(l(a.decision),x(a.decision,e.signals,N(e))),i(true);},[t]);let d=useCallback(a=>{L(a,t),x(a,e.signals,N(e)),l(a),C(false);},[t,e.signals]),y=useCallback(()=>d({...A}),[d]),b=useCallback(()=>d({...m}),[d]),v=useCallback(a=>d(a),[d]),k=useCallback(()=>C(true),[]),r=useCallback(()=>C(false),[]),S={decision:s,decided:s!==null,mounted:g,open:D,config:e,acceptAll:y,rejectAll:b,saveSelection:v,reopen:k,close:r};return jsx(E.Provider,{value:S,children:o})}function z(){let e=useContext(E);if(!e)throw new Error("useConsent must be used within <ConsentProvider>");return e}var I=["marketing","analytics","personalization"];function M(){let{mounted:e,decided:o,open:t,decision:s,config:l,acceptAll:g,rejectAll:i,saveSelection:D,reopen:C,close:d}=z(),[y,b]=useState(false),[v,k]=useState({...m});if(!e)return null;let{copy:r}=l;if(o&&!t)return jsx("button",{type:"button",onClick:C,"aria-label":r.badgeLabel,className:"fixed bottom-4 right-4 z-[60] flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-lg transition hover:opacity-90",children:jsx("span",{"aria-hidden":true,className:"text-lg",children:"\u{1F36A}"})});let S=()=>{k(s?{...s}:{...m}),b(true);},a=c=>k(P=>({...P,[c]:!P[c]})),B=()=>{b(false),d();};return jsxs("div",{role:"dialog","aria-label":r.title,className:"fixed bottom-4 right-4 z-[60] w-[calc(100vw-2rem)] max-w-sm rounded-xl border border-border bg-background p-5 text-foreground shadow-2xl",children:[jsxs("div",{className:"mb-2 flex items-center gap-2 text-base font-semibold",children:[jsx("span",{"aria-hidden":true,className:"text-lg",children:"\u{1F36A}"}),r.title]}),jsx("p",{className:"mb-3 text-sm leading-relaxed text-muted-foreground",children:r.body}),jsx("a",{href:l.privacyPolicyUrl,target:"_blank",rel:"noopener noreferrer",className:"mb-4 inline-block text-sm font-medium underline underline-offset-2 hover:opacity-80",children:r.privacyLinkText}),y&&jsx("div",{className:"mb-4 space-y-3 border-t border-border pt-4",children:I.map(c=>jsxs("label",{className:"flex items-start gap-3 text-sm",children:[jsx("input",{type:"checkbox",checked:v[c],onChange:()=>a(c),className:"mt-0.5 h-4 w-4 shrink-0 accent-primary"}),jsxs("span",{children:[jsx("span",{className:"font-medium",children:r.categories[c].label}),jsx("span",{className:"block text-muted-foreground",children:r.categories[c].description})]})]},c))}),y?jsxs("div",{className:"flex gap-2",children:[jsx("button",{type:"button",onClick:()=>D(v),className:"flex-1 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground transition hover:opacity-90",children:r.save}),jsx("button",{type:"button",onClick:()=>b(false),className:"rounded-md border border-border bg-background px-3 py-2 text-sm font-medium text-foreground transition hover:bg-muted",children:r.back})]}):jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex gap-2",children:[jsx("button",{type:"button",onClick:g,className:"flex-1 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground transition hover:opacity-90",children:r.acceptAll}),jsx("button",{type:"button",onClick:i,className:"flex-1 rounded-md border border-border bg-background px-3 py-2 text-sm font-medium text-foreground transition hover:bg-muted",children:r.rejectAll})]}),jsx("button",{type:"button",onClick:S,className:"rounded-md px-3 py-2 text-sm font-medium text-muted-foreground underline underline-offset-2 transition hover:text-foreground",children:r.select}),o&&jsx("button",{type:"button",onClick:B,"aria-label":"Close",className:"absolute right-3 top-3 text-muted-foreground transition hover:text-foreground",children:"\u2715"})]})]})}export{Y as ConsentProvider,M as CookieConsent,m as DENY_ALL,A as GRANT_ALL,x as applyConsent,G as applyStoredConsent,h as loadConsent,L as saveConsent,z as useConsent};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bulut5/ck",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Lightweight cookie-consent banner with Google Consent Mode v2 + Microsoft UET signaling for React.",
   "license": "MIT",
   "type": "module",