@phygitallabs/phygital-consent 1.0.3 → 1.0.4

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/dist/index.cjs CHANGED
@@ -1,3 +1,3 @@
1
1
  'use client'
2
- "use strict";var oe=Object.create;var E=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var ae=(e,t)=>{for(var n in t)E(e,n,{get:t[n],enumerable:!0})},F=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of re(t))!ce.call(e,s)&&s!==n&&E(e,s,{get:()=>t[s],enumerable:!(o=se(t,s))||o.enumerable});return e};var de=(e,t,n)=>(n=e!=null?oe(ie(e)):{},F(t||!e||!e.__esModule?E(n,"default",{value:e,enumerable:!0}):n,e)),le=e=>F(E({},"__esModule",{value:!0}),e);var Ue={};ae(Ue,{COOKIE_CONSENT_NAME:()=>G,CookieConsentBanner:()=>Ie,EntityStatus:()=>$,MediaType:()=>z,PhygitalConsentProvider:()=>pe,consentQueryKeys:()=>C,consentService:()=>v,getConsentPreferenceCookie:()=>L,getCookie:()=>W,setConsentPreferenceCookie:()=>q,setCookie:()=>j,sha256:()=>I,useConsentById:()=>Re,useCreateDeviceCookieConsent:()=>H,useCreateUserConsent:()=>Se,useHealth:()=>xe,useLatestConsentByUserId:()=>ke,useLatestCookieConsentByDeviceId:()=>Pe,useManyConsents:()=>ve,usePhygitalConsent:()=>M});module.exports=le(Ue);var z=(n=>(n.IMAGE="image",n.VIDEO="video",n))(z||{}),$=(n=>(n.ACTIVE="Active",n.INACTIVE="Inactive",n))($||{});var b=require("react");var G="phygital_cookie_consent";function W(e){if(typeof document>"u")return null;let t=document.cookie.match(new RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)"));return t?decodeURIComponent(t[1]):null}function j(e,t,n={}){if(typeof document>"u")return;let{maxAge:o=31536e3,path:s="/",sameSite:a="Lax",secure:d=!1}=n,l=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=${s}; max-age=${o}; SameSite=${a}`;d&&(l+="; Secure"),document.cookie=l}function L(){let e=W(G);if(!e)return null;try{let t=JSON.parse(e);if(t&&typeof t=="object"&&"deviceId"in t&&"selected_preferences"in t&&typeof t.deviceId=="string"&&Array.isArray(t.selected_preferences))return t}catch{}return null}function q(e,t,n){j(G,JSON.stringify({deviceId:e,selected_preferences:t}),{maxAge:31536e3,path:"/",sameSite:"Lax",...n})}var A=require("@tanstack/react-query"),Y=de(require("axios")),S=require("react"),V=require("react/jsx-runtime"),J=(0,S.createContext)(void 0),ue=({baseURL:e="",axiosConfig:t={},requestInterceptors:n={},responseInterceptors:o={}})=>{let s=Y.default.create({baseURL:e,...t});return s.interceptors.request.use(n.onFulfilled,n.onRejected),s.interceptors.response.use(o.onFulfilled,o.onRejected),{consentApi:s,updateHeaders:d=>{Object.entries(d).forEach(([l,u])=>{s.defaults.headers.common[l]=u})}}},X=({children:e,baseURL:t="",axiosConfig:n={},queryClient:o,queryClientConfig:s={},requestInterceptors:a={},responseInterceptors:d={}})=>{let l=(0,S.useMemo)(()=>o||new A.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1,refetchOnMount:!1,refetchOnReconnect:!1,...s?.defaultOptions?.queries},mutations:{...s?.defaultOptions?.mutations}},queryCache:s?.queryCache,mutationCache:s?.mutationCache}),[o]),u=(0,S.useMemo)(()=>{let c=ue({baseURL:t,axiosConfig:n,requestInterceptors:a,responseInterceptors:d});return{consentApi:c.consentApi,updateHeaders:c.updateHeaders,queryClient:l}},[t,l,n,a,d]);return(0,V.jsx)(J.Provider,{value:u,children:(0,V.jsx)(A.QueryClientProvider,{client:l,children:e})})},R=()=>{let e=(0,S.useContext)(J);if(!e)throw new Error("useConsentService must be used within a ConsentServiceProvider");return e};var K=require("react/jsx-runtime"),Z=(0,b.createContext)(void 0);function pe(e){let{children:t,deviceId:n,...o}=e,[s,a]=(0,b.useState)(!1),d=(0,b.useCallback)(()=>{let u=L();a(!!u)},[]);(0,b.useEffect)(()=>{d()},[d]);let l={deviceId:n,hasConsentPreference:s,refreshConsentPreference:d};return(0,K.jsx)(X,{...o,children:(0,K.jsx)(Z.Provider,{value:l,children:t})})}function M(){let e=(0,b.useContext)(Z);if(!e)throw new Error("usePhygitalConsent must be used within a PhygitalConsentProvider");return e}var _="/consent/v1",v=e=>({getHealth:async()=>{let{data:t}=await e.get("/health");return t},getManyConsents:async t=>{let{data:n}=await e.get(`${_}/consent`,{params:t?{type:t.type}:void 0});return n},getConsentById:async({id:t})=>{let{data:n}=await e.get(`${_}/consent/${t}`);return n},getLatestConsentByUserId:async({user_id:t})=>{let{data:n}=await e.get(`${_}/user-id`,{params:{user_id:t}});return n},createUserConsent:async t=>{let{data:n}=await e.post(`${_}/user-id`,t);return n},getLatestCookieConsentByDeviceId:async({device_id:t})=>{let{data:n}=await e.get(`${_}/cookies/device-id`,{params:{device_id:t}});return n},createDeviceCookieConsent:async t=>{let{data:n}=await e.post(`${_}/cookies/device-id`,t);return n}});var m=require("@tanstack/react-query");function fe(e){return Array.from(new Uint8Array(e)).map(t=>t.toString(16).padStart(2,"0")).join("").toLowerCase()}async function Ce(e){let t=new TextEncoder().encode(e),n=await crypto.subtle.digest("SHA-256",t);return fe(n)}function me(e){let t=ge(e),n=he(),o=ye(),s=new Uint32Array(64),a=t.length>>6;for(let l=0;l<a;l++){let u=l<<6;for(let p=0;p<16;p++){let i=u+(p<<2);s[p]=t[i]<<24|t[i+1]<<16|t[i+2]<<8|t[i+3]}for(let p=16;p<64;p++){let i=x(s[p-15],7)^x(s[p-15],18)^s[p-15]>>>3,f=x(s[p-2],17)^x(s[p-2],19)^s[p-2]>>>10;s[p]=s[p-16]+i+s[p-7]+f>>>0}let c=o[0],k=o[1],h=o[2],g=o[3],y=o[4],U=o[5],w=o[6],B=o[7];for(let p=0;p<64;p++){let i=x(y,6)^x(y,11)^x(y,25),f=y&U^~y&w,P=B+i+f+n[p]+s[p]>>>0,D=x(c,2)^x(c,13)^x(c,22),T=c&k^c&h^k&h,ne=D+T>>>0;B=w,w=U,U=y,y=g+P>>>0,g=h,h=k,k=c,c=P+ne>>>0}o[0]=o[0]+c>>>0,o[1]=o[1]+k>>>0,o[2]=o[2]+h>>>0,o[3]=o[3]+g>>>0,o[4]=o[4]+y>>>0,o[5]=o[5]+U>>>0,o[6]=o[6]+w>>>0,o[7]=o[7]+B>>>0}let d="";for(let l=0;l<8;l++){let u=o[l];d+=(u>>>28).toString(16)+(u>>>24&15).toString(16)+(u>>>20&15).toString(16)+(u>>>16&15).toString(16)+(u>>>12&15).toString(16)+(u>>>8&15).toString(16)+(u>>>4&15).toString(16)+(u&15).toString(16)}return d.toLowerCase()}function x(e,t){return e>>>t|e<<32-t}function ge(e){let t=e.length,n=[];for(let u=0;u<t;u++){let c=e.charCodeAt(u);c<128?n.push(c):c<2048?n.push(192|c>>6,128|c&63):c<55296||c>=57344?n.push(224|c>>12,128|c>>6&63,128|c&63):(c=65536+((c&1023)<<10|e.charCodeAt(++u)&1023),n.push(240|c>>18,128|c>>12&63,128|c>>6&63,128|c&63))}let o=n.length,s=(64-(o+9)%64)%64,a=o+9+s,d=new Uint8Array(a);d.set(n),d[o]=128;let l=new DataView(d.buffer,d.byteOffset,d.byteLength);return l.setUint32(a-8,0,!1),l.setUint32(a-4,o*8>>>0,!1),d}function he(){let e=[];return"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2".split(" ").forEach(n=>e.push(parseInt(n,16))),e}function ye(){return[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225]}function be(){return!(typeof crypto>"u"||!crypto.subtle)}async function I(e){return typeof e!="string"||e.length===0?e:be()?Ce(e):Promise.resolve(me(e))}var C={all:["consent"],health:()=>[...C.all,"health"],list:e=>[...C.all,"list",e],detail:e=>[...C.all,"detail",e],latestByUserId:e=>[...C.all,"user-id",e],latestCookieByDeviceId:e=>[...C.all,"cookies","device-id",e]},xe=e=>{let{consentApi:t}=R(),n=v(t);return(0,m.useQuery)({queryKey:C.health(),queryFn:()=>n.getHealth(),...e})},ve=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.list(e),queryFn:()=>o.getManyConsents(e),...t})},Re=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.detail(e.id),queryFn:()=>o.getConsentById(e),enabled:!!e.id,...t})},ke=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.latestByUserId(e.user_id),queryFn:async()=>{let s=await I(e.user_id);return o.getLatestConsentByUserId({user_id:s})},enabled:!!e.user_id,...t})},Pe=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.latestCookieByDeviceId(e.device_id),queryFn:async()=>{let s=await I(e.device_id);return o.getLatestCookieConsentByDeviceId({device_id:s})},enabled:!!e.device_id,...t})},Se=e=>{let{consentApi:t}=R(),n=(0,m.useQueryClient)(),o=v(t);return(0,m.useMutation)({mutationFn:async s=>{let a={...s};return s.user_id!=null&&s.user_id!==""&&(a.user_id=await I(s.user_id)),s.device_id!=null&&s.device_id!==""&&(a.device_id=await I(s.device_id)),o.createUserConsent(a)},onSuccess:(s,a)=>{a.user_id&&n.invalidateQueries({queryKey:C.latestByUserId(a.user_id)}),n.invalidateQueries({queryKey:C.list()})},...e})},H=e=>{let{consentApi:t}=R(),n=(0,m.useQueryClient)(),o=v(t);return(0,m.useMutation)({mutationFn:async s=>{let a={...s,device_id:await I(s.device_id)};return o.createDeviceCookieConsent(a)},onSuccess:(s,a)=>{n.invalidateQueries({queryKey:C.latestCookieByDeviceId(a.device_id)}),n.invalidateQueries({queryKey:C.list()})},...e})};var O=require("react");var r=require("react/jsx-runtime"),N=["essential","analytics","advertising"],Q={essential:{label:"Essential",description:"Required for the site to work (e.g. security, preferences).",labelVi:"C\u1EA7n thi\u1EBFt",descriptionVi:"C\u1EA7n thi\u1EBFt cho ho\u1EA1t \u0111\u1ED9ng c\u1EE7a trang (b\u1EA3o m\u1EADt, t\xF9y ch\u1ECDn)."},analytics:{label:"Analytics",description:"Help us improve by collecting anonymous usage data.",labelVi:"Ph\xE2n t\xEDch",descriptionVi:"Gi\xFAp ch\xFAng t\xF4i c\u1EA3i thi\u1EC7n b\u1EB1ng c\xE1ch thu th\u1EADp d\u1EEF li\u1EC7u s\u1EED d\u1EE5ng \u1EA9n danh."},advertising:{label:"Advertising",description:"Used to show you relevant ads and measure campaigns.",labelVi:"Qu\u1EA3ng c\xE1o",descriptionVi:"D\xF9ng \u0111\u1EC3 hi\u1EC3n th\u1ECB qu\u1EA3ng c\xE1o ph\xF9 h\u1EE3p v\xE0 \u0111o l\u01B0\u1EDDng chi\u1EBFn d\u1ECBch."}};function Ie({onSubmitted:e,onDismiss:t,className:n=""}){let[o,s]=(0,O.useState)(!1),[a,d]=(0,O.useState)(!1),[l,u]=(0,O.useState)(null),[c,k]=(0,O.useState)({essential:!0,analytics:!0,advertising:!0}),{deviceId:h}=M(),g=H({onSuccess:(i,f)=>{q(h,f.selected_preferences??[]),e?.(),t?.(),s(!0),d(!1)}}),y=()=>N.filter(i=>c[i]),U=i=>{Q[i].disabled||k(f=>({...f,[i]:!f[i]}))},w=()=>{g.mutate({device_id:h,status:"REJECTED",selected_preferences:["essential"]})},B=()=>{g.mutate({device_id:h,status:"ACCEPTED",selected_preferences:[...N]})},p=()=>{let i=y();g.mutate({device_id:h,status:"ACCEPTED",selected_preferences:i.length>0?i:["essential"]})};return o?null:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{role:"dialog","aria-label":"Th\xF4ng b\xE1o v\u1EC1 cookie",className:`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${n}`,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:50,display:"flex",flexDirection:"column",gap:"1rem",borderRadius:"0.75rem 0.75rem 0 0",borderWidth:"1px 1px 0 1px",borderColor:"#e5e7eb",backgroundColor:"#fff",padding:"1rem",boxShadow:"0 -4px 6px -1px rgb(0 0 0 / 0.1)"},children:[(0,r.jsx)("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827"},children:"Th\xF4ng b\xE1o v\u1EC1 cookie"}),(0,r.jsxs)("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",display:"flex",flexDirection:"column",gap:"0.5rem"},children:[(0,r.jsx)("p",{children:"TapQuest s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i (nh\u01B0 Cookie ho\u1EB7c SDK) cho:"}),(0,r.jsx)("ul",{style:{margin:0,paddingLeft:"1.25rem"},children:N.map(i=>(0,r.jsx)("li",{children:Q[i].labelVi},i))}),(0,r.jsx)("p",{children:"Tr\u01B0\u1EDBc khi b\u1EA1n \u0111\u1ED3ng \xFD, ch\u1EC9 nh\u1EEFng tr\xECnh theo d\xF5i ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c tri\u1EC3n khai."}),(0,r.jsx)("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3, b\u1EA1n \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng t\u1EA5t c\u1EA3 tr\xECnh theo d\xF5i c\u1EE7a ch\xFAng t\xF4i."}),(0,r.jsx)("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3, b\u1EA1n t\u1EEB ch\u1ED1i nh\u1EEFng tr\xECnh theo d\xF5i y\xEAu c\u1EA7u s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a b\u1EA1n v\xE0 s\u1EBD kh\xF4ng c\xF3 quy\u1EC1n truy c\u1EADp v\xE0o c\xE1c \u0111\u1EC1 ngh\u1ECB ho\u1EB7c n\u1ED9i dung \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a."}),(0,r.jsx)("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\xF9y ch\u1ECDn, b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn xem b\u1EA1n c\xF3 \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i tr\xEAn \u1EE9ng d\u1EE5ng c\u1EE7a ch\xFAng t\xF4i hay kh\xF4ng v\xE0 \u1EDF m\u1EE9c \u0111\u1ED9 n\xE0o."}),(0,r.jsxs)("p",{children:["B\u1EA1n c\xF3 th\u1EC3 r\xFAt l\u1EA1i s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a m\xECnh b\u1EA5t k\u1EF3 l\xFAc n\xE0o b\u1EB1ng c\xE1ch nh\u1EA5p v\xE0o li\xEAn k\u1EBFt trong"," ","Ch\xEDnh s\xE1ch cookie"," ","c\u1EE7a ch\xFAng t\xF4i."]}),(0,r.jsx)("p",{children:(0,r.jsx)("button",{type:"button",onClick:()=>d(!0),className:"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:cursor-pointer consent:font-inherit",style:{color:"#2563eb",textDecoration:"underline",background:"none",border:"none",padding:0,cursor:"pointer",font:"inherit"},children:"Tu\u1EF3 ch\u1EC9nh cookie."})})]}),(0,r.jsxs)("div",{className:"consent:flex consent:flex-col consent:gap-2",style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[(0,r.jsxs)("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[(0,r.jsx)("button",{type:"button",onClick:B,disabled:g.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3"}),(0,r.jsx)("button",{type:"button",onClick:w,disabled:g.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3"})]}),(0,r.jsx)("button",{type:"button",onClick:()=>d(!0),className:"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:text-sm consent:cursor-pointer consent:font-inherit",style:{color:"#2563eb",textDecoration:"underline",background:"none",border:"none",padding:0,fontSize:"0.875rem",cursor:"pointer",font:"inherit",alignSelf:"flex-start"},children:"Tu\u1EF3 ch\u1ECDn"})]}),g.isError&&(0,r.jsx)("p",{className:"consent:text-sm consent:text-red-600",style:{fontSize:"0.875rem",color:"#dc2626"},children:"\u0110\xE3 x\u1EA3y ra l\u1ED7i. Vui l\xF2ng th\u1EED l\u1EA1i."})]}),a&&(0,r.jsx)("div",{role:"dialog","aria-modal":"true","aria-label":"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt",style:{position:"fixed",inset:0,zIndex:60,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)",padding:"1rem"},onClick:i=>i.target===i.currentTarget&&d(!1),children:(0,r.jsxs)("div",{className:"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto",style:{backgroundColor:"#fff",borderRadius:"0.75rem",border:"1px solid #e5e7eb",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1)",maxWidth:"28rem",width:"100%",maxHeight:"90vh",overflowY:"auto",padding:"1.25rem",position:"relative"},onClick:i=>i.stopPropagation(),children:[(0,r.jsx)("button",{type:"button",onClick:()=>d(!1),"aria-label":"\u0110\xF3ng",style:{position:"absolute",top:"1rem",right:"1rem",width:"2rem",height:"2rem",borderRadius:"0.25rem",border:"none",background:"transparent",cursor:"pointer",fontSize:"1.25rem",lineHeight:1,color:"#6b7280"},children:"\xD7"}),(0,r.jsx)("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem",paddingRight:"2rem"},children:"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt"}),(0,r.jsxs)("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",marginBottom:"1rem"},children:[(0,r.jsx)("p",{style:{marginBottom:"0.5rem"},children:"Khi b\u1EA1n truy c\u1EADp b\u1EA5t k\u1EF3 trang web n\xE0o, trang web \u0111\xF3 c\xF3 th\u1EC3 l\u01B0u tr\u1EEF ho\u1EB7c truy xu\u1EA5t th\xF4ng tin tr\xEAn tr\xECnh duy\u1EC7t c\u1EE7a b\u1EA1n, ch\u1EE7 y\u1EBFu d\u01B0\u1EDBi d\u1EA1ng cookie. Th\xF4ng tin n\xE0y c\xF3 th\u1EC3 li\xEAn quan \u0111\u1EBFn b\u1EA1n, t\xF9y ch\u1ECDn c\u1EE7a b\u1EA1n ho\u1EB7c thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n, v\xE0 ch\u1EE7 y\u1EBFu \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 trang web ho\u1EA1t \u0111\u1ED9ng nh\u01B0 mong \u0111\u1EE3i."}),(0,r.jsx)("p",{style:{marginBottom:"0.5rem"},children:"Th\xF4ng tin n\xE0y th\u01B0\u1EDDng kh\xF4ng tr\u1EF1c ti\u1EBFp x\xE1c \u0111\u1ECBnh b\u1EA1n nh\u01B0ng c\xF3 th\u1EC3 mang l\u1EA1i tr\u1EA3i nghi\u1EC7m web \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a h\u01A1n. Ch\xFAng t\xF4i t\xF4n tr\u1ECDng quy\u1EC1n ri\xEAng t\u01B0 c\u1EE7a b\u1EA1n; b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn kh\xF4ng cho ph\xE9p m\u1ED9t s\u1ED1 lo\u1EA1i cookie. Nh\u1EA5p v\xE0o ti\xEAu \u0111\u1EC1 t\u1EEBng danh m\u1EE5c \u0111\u1EC3 t\xECm hi\u1EC3u th\xEAm v\xE0 thay \u0111\u1ED5i c\xE0i \u0111\u1EB7t m\u1EB7c \u0111\u1ECBnh. Vi\u1EC7c ch\u1EB7n m\u1ED9t s\u1ED1 cookie c\xF3 th\u1EC3 \u1EA3nh h\u01B0\u1EDFng \u0111\u1EBFn tr\u1EA3i nghi\u1EC7m c\u1EE7a b\u1EA1n v\u1EDBi trang web v\xE0 c\xE1c d\u1ECBch v\u1EE5 \u0111\u01B0\u1EE3c cung c\u1EA5p."}),(0,r.jsx)("p",{style:{marginBottom:"0.5rem"},children:'N\u1EBFu ch\u1ECDn "Kh\xF4ng theo d\xF5i" khi l\u1EA7n \u0111\u1EA7u s\u1EED d\u1EE5ng TapQuest, ch\u1EC9 cookie ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng.'}),(0,r.jsx)("span",{style:{color:"#2563eb",textDecoration:"underline"},children:"Th\xF4ng tin kh\xE1c"})]}),(0,r.jsx)("h3",{className:"consent:text-sm consent:font-semibold consent:text-gray-900",style:{fontSize:"0.875rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem"},children:"Qu\u1EA3n l\xFD tu\u1EF3 ch\u1ECDn \u0111\u1ED3ng \xFD"}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",marginBottom:"1.25rem"},children:N.map(i=>{let f=Q[i],P=c[i],D=l===i;return(0,r.jsxs)("div",{style:{border:"1px solid #e5e7eb",borderRadius:"0.5rem",overflow:"hidden"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",padding:"0.75rem",cursor:"pointer",backgroundColor:D?"#f9fafb":"transparent"},onClick:()=>u(D?null:i),children:[(0,r.jsx)("span",{style:{flexShrink:0,width:"1.25rem",height:"1.25rem",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem",color:"#6b7280",transform:D?"rotate(45deg)":"none",transition:"transform 0.2s"},children:"+"}),(0,r.jsx)("span",{className:"consent:font-medium consent:text-gray-900",style:{flex:1,fontSize:"0.875rem",fontWeight:500,color:"#111827"},children:f.labelVi}),(0,r.jsx)("button",{type:"button",role:"switch","aria-checked":P,"aria-label":`${f.labelVi} ${P?"b\u1EADt":"t\u1EAFt"}`,disabled:f.disabled,onClick:T=>{T.stopPropagation(),U(i)},style:{flexShrink:0,width:44,height:24,borderRadius:12,border:"none",padding:0,cursor:f.disabled?"default":"pointer",backgroundColor:f.disabled?"#e5e7eb":P?"#111827":"#d1d5db",opacity:f.disabled?.7:1,transition:"background-color 0.2s"},children:(0,r.jsx)("span",{style:{display:"block",width:20,height:20,borderRadius:"50%",backgroundColor:"#fff",marginLeft:P?22:2,marginTop:2,transition:"margin-left 0.2s",boxShadow:"0 1px 2px rgb(0 0 0 / 0.2)"}})})]}),D&&(0,r.jsx)("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",padding:"0 0.75rem 0.75rem 2.5rem",borderTop:"1px solid #e5e7eb"},children:f.descriptionVi})]},i)})}),(0,r.jsx)("button",{type:"button",onClick:p,disabled:g.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer",width:"100%"},children:"X\xE1c nh\u1EADn l\u1EF1a ch\u1ECDn c\u1EE7a t\xF4i"})]})})]})}0&&(module.exports={COOKIE_CONSENT_NAME,CookieConsentBanner,EntityStatus,MediaType,PhygitalConsentProvider,consentQueryKeys,consentService,getConsentPreferenceCookie,getCookie,setConsentPreferenceCookie,setCookie,sha256,useConsentById,useCreateDeviceCookieConsent,useCreateUserConsent,useHealth,useLatestConsentByUserId,useLatestCookieConsentByDeviceId,useManyConsents,usePhygitalConsent});
2
+ "use strict";var oe=Object.create;var A=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var ae=(e,t)=>{for(var n in t)A(e,n,{get:t[n],enumerable:!0})},F=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of re(t))!ce.call(e,s)&&s!==n&&A(e,s,{get:()=>t[s],enumerable:!(o=se(t,s))||o.enumerable});return e};var de=(e,t,n)=>(n=e!=null?oe(ie(e)):{},F(t||!e||!e.__esModule?A(n,"default",{value:e,enumerable:!0}):n,e)),le=e=>F(A({},"__esModule",{value:!0}),e);var we={};ae(we,{COOKIE_CONSENT_NAME:()=>G,CookieConsentBanner:()=>Se,EntityStatus:()=>W,MediaType:()=>z,PhygitalConsentProvider:()=>pe,consentQueryKeys:()=>C,consentService:()=>v,getConsentPreferenceCookie:()=>L,getCookie:()=>$,setConsentPreferenceCookie:()=>q,setCookie:()=>j,sha256:()=>S,useConsentById:()=>Re,useCreateDeviceCookieConsent:()=>H,useCreateUserConsent:()=>Ie,useHealth:()=>xe,useLatestConsentByUserId:()=>Pe,useLatestCookieConsentByDeviceId:()=>ke,useManyConsents:()=>ve,usePhygitalConsent:()=>M});module.exports=le(we);var z=(n=>(n.IMAGE="image",n.VIDEO="video",n))(z||{}),W=(n=>(n.ACTIVE="Active",n.INACTIVE="Inactive",n))(W||{});var b=require("react");var G="phygital_cookie_consent";function $(e){if(typeof document>"u")return null;let t=document.cookie.match(new RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)"));return t?decodeURIComponent(t[1]):null}function j(e,t,n={}){if(typeof document>"u")return;let{maxAge:o=31536e3,path:s="/",sameSite:a="Lax",secure:d=!1}=n,l=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=${s}; max-age=${o}; SameSite=${a}`;d&&(l+="; Secure"),document.cookie=l}function L(){let e=$(G);if(!e)return null;try{let t=JSON.parse(e);if(t&&typeof t=="object"&&"deviceId"in t&&"selected_preferences"in t&&typeof t.deviceId=="string"&&Array.isArray(t.selected_preferences))return t}catch{}return null}function q(e,t,n){j(G,JSON.stringify({deviceId:e,selected_preferences:t}),{maxAge:31536e3,path:"/",sameSite:"Lax",...n})}var E=require("@tanstack/react-query"),Y=de(require("axios")),I=require("react"),V=require("react/jsx-runtime"),J=(0,I.createContext)(void 0),ue=({baseURL:e="",axiosConfig:t={},requestInterceptors:n={},responseInterceptors:o={}})=>{let s=Y.default.create({baseURL:e,...t});return s.interceptors.request.use(n.onFulfilled,n.onRejected),s.interceptors.response.use(o.onFulfilled,o.onRejected),{consentApi:s,updateHeaders:d=>{Object.entries(d).forEach(([l,u])=>{s.defaults.headers.common[l]=u})}}},X=({children:e,baseURL:t="",axiosConfig:n={},queryClient:o,queryClientConfig:s={},requestInterceptors:a={},responseInterceptors:d={}})=>{let l=(0,I.useMemo)(()=>o||new E.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1,refetchOnMount:!1,refetchOnReconnect:!1,...s?.defaultOptions?.queries},mutations:{...s?.defaultOptions?.mutations}},queryCache:s?.queryCache,mutationCache:s?.mutationCache}),[o]),u=(0,I.useMemo)(()=>{let c=ue({baseURL:t,axiosConfig:n,requestInterceptors:a,responseInterceptors:d});return{consentApi:c.consentApi,updateHeaders:c.updateHeaders,queryClient:l}},[t,l,n,a,d]);return(0,V.jsx)(J.Provider,{value:u,children:(0,V.jsx)(E.QueryClientProvider,{client:l,children:e})})},R=()=>{let e=(0,I.useContext)(J);if(!e)throw new Error("useConsentService must be used within a ConsentServiceProvider");return e};var K=require("react/jsx-runtime"),Z=(0,b.createContext)(void 0);function pe(e){let{children:t,deviceId:n,...o}=e,[s,a]=(0,b.useState)(!1),d=(0,b.useCallback)(()=>{let u=L();a(!!u)},[]);(0,b.useEffect)(()=>{d()},[d]);let l={deviceId:n,hasConsentPreference:s,refreshConsentPreference:d};return(0,K.jsx)(X,{...o,children:(0,K.jsx)(Z.Provider,{value:l,children:t})})}function M(){let e=(0,b.useContext)(Z);if(!e)throw new Error("usePhygitalConsent must be used within a PhygitalConsentProvider");return e}var _="",v=e=>({getHealth:async()=>{let{data:t}=await e.get("/health");return t},getManyConsents:async t=>{let{data:n}=await e.get(`${_}/consent`,{params:t?{type:t.type}:void 0});return n},getConsentById:async({id:t})=>{let{data:n}=await e.get(`${_}/consent/${t}`);return n},getLatestConsentByUserId:async({user_id:t})=>{let{data:n}=await e.get(`${_}/user-id`,{params:{user_id:t}});return n},createUserConsent:async t=>{let{data:n}=await e.post(`${_}/user-id`,t);return n},getLatestCookieConsentByDeviceId:async({device_id:t})=>{let{data:n}=await e.get(`${_}/cookies/device-id`,{params:{device_id:t}});return n},createDeviceCookieConsent:async t=>{let{data:n}=await e.post(`${_}/cookies/device-id`,t);return n}});var m=require("@tanstack/react-query");function fe(e){return Array.from(new Uint8Array(e)).map(t=>t.toString(16).padStart(2,"0")).join("").toLowerCase()}async function Ce(e){let t=new TextEncoder().encode(e),n=await crypto.subtle.digest("SHA-256",t);return fe(n)}function me(e){let t=ge(e),n=he(),o=ye(),s=new Uint32Array(64),a=t.length>>6;for(let l=0;l<a;l++){let u=l<<6;for(let p=0;p<16;p++){let i=u+(p<<2);s[p]=t[i]<<24|t[i+1]<<16|t[i+2]<<8|t[i+3]}for(let p=16;p<64;p++){let i=x(s[p-15],7)^x(s[p-15],18)^s[p-15]>>>3,f=x(s[p-2],17)^x(s[p-2],19)^s[p-2]>>>10;s[p]=s[p-16]+i+s[p-7]+f>>>0}let c=o[0],P=o[1],h=o[2],g=o[3],y=o[4],w=o[5],U=o[6],B=o[7];for(let p=0;p<64;p++){let i=x(y,6)^x(y,11)^x(y,25),f=y&w^~y&U,k=B+i+f+n[p]+s[p]>>>0,D=x(c,2)^x(c,13)^x(c,22),T=c&P^c&h^P&h,ne=D+T>>>0;B=U,U=w,w=y,y=g+k>>>0,g=h,h=P,P=c,c=k+ne>>>0}o[0]=o[0]+c>>>0,o[1]=o[1]+P>>>0,o[2]=o[2]+h>>>0,o[3]=o[3]+g>>>0,o[4]=o[4]+y>>>0,o[5]=o[5]+w>>>0,o[6]=o[6]+U>>>0,o[7]=o[7]+B>>>0}let d="";for(let l=0;l<8;l++){let u=o[l];d+=(u>>>28).toString(16)+(u>>>24&15).toString(16)+(u>>>20&15).toString(16)+(u>>>16&15).toString(16)+(u>>>12&15).toString(16)+(u>>>8&15).toString(16)+(u>>>4&15).toString(16)+(u&15).toString(16)}return d.toLowerCase()}function x(e,t){return e>>>t|e<<32-t}function ge(e){let t=e.length,n=[];for(let u=0;u<t;u++){let c=e.charCodeAt(u);c<128?n.push(c):c<2048?n.push(192|c>>6,128|c&63):c<55296||c>=57344?n.push(224|c>>12,128|c>>6&63,128|c&63):(c=65536+((c&1023)<<10|e.charCodeAt(++u)&1023),n.push(240|c>>18,128|c>>12&63,128|c>>6&63,128|c&63))}let o=n.length,s=(64-(o+9)%64)%64,a=o+9+s,d=new Uint8Array(a);d.set(n),d[o]=128;let l=new DataView(d.buffer,d.byteOffset,d.byteLength);return l.setUint32(a-8,0,!1),l.setUint32(a-4,o*8>>>0,!1),d}function he(){let e=[];return"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2".split(" ").forEach(n=>e.push(parseInt(n,16))),e}function ye(){return[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225]}function be(){return!(typeof crypto>"u"||!crypto.subtle)}async function S(e){return typeof e!="string"||e.length===0?e:be()?Ce(e):Promise.resolve(me(e))}var C={all:["consent"],health:()=>[...C.all,"health"],list:e=>[...C.all,"list",e],detail:e=>[...C.all,"detail",e],latestByUserId:e=>[...C.all,"user-id",e],latestCookieByDeviceId:e=>[...C.all,"cookies","device-id",e]},xe=e=>{let{consentApi:t}=R(),n=v(t);return(0,m.useQuery)({queryKey:C.health(),queryFn:()=>n.getHealth(),...e})},ve=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.list(e),queryFn:()=>o.getManyConsents(e),...t})},Re=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.detail(e.id),queryFn:()=>o.getConsentById(e),enabled:!!e.id,...t})},Pe=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.latestByUserId(e.user_id),queryFn:async()=>{let s=await S(e.user_id);return o.getLatestConsentByUserId({user_id:s})},enabled:!!e.user_id,...t})},ke=(e,t)=>{let{consentApi:n}=R(),o=v(n);return(0,m.useQuery)({queryKey:C.latestCookieByDeviceId(e.device_id),queryFn:async()=>{let s=await S(e.device_id);return o.getLatestCookieConsentByDeviceId({device_id:s})},enabled:!!e.device_id,...t})},Ie=e=>{let{consentApi:t}=R(),n=(0,m.useQueryClient)(),o=v(t);return(0,m.useMutation)({mutationFn:async s=>{let a={...s};return s.user_id!=null&&s.user_id!==""&&(a.user_id=await S(s.user_id)),s.device_id!=null&&s.device_id!==""&&(a.device_id=await S(s.device_id)),o.createUserConsent(a)},onSuccess:(s,a)=>{a.user_id&&n.invalidateQueries({queryKey:C.latestByUserId(a.user_id)}),n.invalidateQueries({queryKey:C.list()})},...e})},H=e=>{let{consentApi:t}=R(),n=(0,m.useQueryClient)(),o=v(t);return(0,m.useMutation)({mutationFn:async s=>{let a={...s,device_id:await S(s.device_id)};return o.createDeviceCookieConsent(a)},onSuccess:(s,a)=>{n.invalidateQueries({queryKey:C.latestCookieByDeviceId(a.device_id)}),n.invalidateQueries({queryKey:C.list()})},...e})};var O=require("react");var r=require("react/jsx-runtime"),N=["essential","analytics","advertising"],Q={essential:{label:"Essential",description:"Required for the site to work (e.g. security, preferences).",labelVi:"C\u1EA7n thi\u1EBFt",descriptionVi:"C\u1EA7n thi\u1EBFt cho ho\u1EA1t \u0111\u1ED9ng c\u1EE7a trang (b\u1EA3o m\u1EADt, t\xF9y ch\u1ECDn)."},analytics:{label:"Analytics",description:"Help us improve by collecting anonymous usage data.",labelVi:"Ph\xE2n t\xEDch",descriptionVi:"Gi\xFAp ch\xFAng t\xF4i c\u1EA3i thi\u1EC7n b\u1EB1ng c\xE1ch thu th\u1EADp d\u1EEF li\u1EC7u s\u1EED d\u1EE5ng \u1EA9n danh."},advertising:{label:"Advertising",description:"Used to show you relevant ads and measure campaigns.",labelVi:"Qu\u1EA3ng c\xE1o",descriptionVi:"D\xF9ng \u0111\u1EC3 hi\u1EC3n th\u1ECB qu\u1EA3ng c\xE1o ph\xF9 h\u1EE3p v\xE0 \u0111o l\u01B0\u1EDDng chi\u1EBFn d\u1ECBch."}};function Se({onSubmitted:e,onDismiss:t,className:n=""}){let[o,s]=(0,O.useState)(!1),[a,d]=(0,O.useState)(!1),[l,u]=(0,O.useState)(null),[c,P]=(0,O.useState)({essential:!0,analytics:!0,advertising:!0}),{deviceId:h}=M(),g=H({onSuccess:(i,f)=>{q(h,f.selected_preferences??[]),e?.(),t?.(),s(!0),d(!1)}}),y=()=>N.filter(i=>c[i]),w=i=>{Q[i].disabled||P(f=>({...f,[i]:!f[i]}))},U=()=>{g.mutate({device_id:h,status:"REJECTED",selected_preferences:["essential"]})},B=()=>{g.mutate({device_id:h,status:"ACCEPTED",selected_preferences:[...N]})},p=()=>{let i=y();g.mutate({device_id:h,status:"ACCEPTED",selected_preferences:i.length>0?i:["essential"]})};return o?null:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{role:"dialog","aria-label":"Th\xF4ng b\xE1o v\u1EC1 cookie",className:`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${n}`,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:50,display:"flex",flexDirection:"column",gap:"1rem",borderRadius:"0.75rem 0.75rem 0 0",borderWidth:"1px 1px 0 1px",borderColor:"#e5e7eb",backgroundColor:"#fff",padding:"1rem",boxShadow:"0 -4px 6px -1px rgb(0 0 0 / 0.1)"},children:[(0,r.jsx)("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827"},children:"Th\xF4ng b\xE1o v\u1EC1 cookie"}),(0,r.jsxs)("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",display:"flex",flexDirection:"column",gap:"0.5rem"},children:[(0,r.jsx)("p",{children:"TapQuest s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i (nh\u01B0 Cookie ho\u1EB7c SDK) cho:"}),(0,r.jsx)("ul",{style:{margin:0,paddingLeft:"1.25rem"},children:N.map(i=>(0,r.jsx)("li",{children:Q[i].labelVi},i))}),(0,r.jsx)("p",{children:"Tr\u01B0\u1EDBc khi b\u1EA1n \u0111\u1ED3ng \xFD, ch\u1EC9 nh\u1EEFng tr\xECnh theo d\xF5i ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c tri\u1EC3n khai."}),(0,r.jsx)("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3, b\u1EA1n \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng t\u1EA5t c\u1EA3 tr\xECnh theo d\xF5i c\u1EE7a ch\xFAng t\xF4i."}),(0,r.jsx)("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3, b\u1EA1n t\u1EEB ch\u1ED1i nh\u1EEFng tr\xECnh theo d\xF5i y\xEAu c\u1EA7u s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a b\u1EA1n v\xE0 s\u1EBD kh\xF4ng c\xF3 quy\u1EC1n truy c\u1EADp v\xE0o c\xE1c \u0111\u1EC1 ngh\u1ECB ho\u1EB7c n\u1ED9i dung \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a."}),(0,r.jsx)("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\xF9y ch\u1ECDn, b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn xem b\u1EA1n c\xF3 \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i tr\xEAn \u1EE9ng d\u1EE5ng c\u1EE7a ch\xFAng t\xF4i hay kh\xF4ng v\xE0 \u1EDF m\u1EE9c \u0111\u1ED9 n\xE0o."}),(0,r.jsxs)("p",{children:["B\u1EA1n c\xF3 th\u1EC3 r\xFAt l\u1EA1i s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a m\xECnh b\u1EA5t k\u1EF3 l\xFAc n\xE0o b\u1EB1ng c\xE1ch nh\u1EA5p v\xE0o li\xEAn k\u1EBFt trong"," ","Ch\xEDnh s\xE1ch cookie"," ","c\u1EE7a ch\xFAng t\xF4i."]})]}),(0,r.jsxs)("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[(0,r.jsx)("button",{type:"button",onClick:()=>d(!0),className:"consent:rounded-lg consent:border consent:border-gray-300 consent:bg-white consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-gray-700 consent:shadow-sm hover:consent:bg-gray-50 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",border:"1px solid #111827",background:"#fff",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#111827",cursor:"pointer"},children:"T\xF9y ch\u1ECDn"}),(0,r.jsx)("button",{type:"button",onClick:U,disabled:g.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3"}),(0,r.jsx)("button",{type:"button",onClick:B,disabled:g.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3"})]}),g.isError&&(0,r.jsx)("p",{className:"consent:text-sm consent:text-red-600",style:{fontSize:"0.875rem",color:"#dc2626"},children:"\u0110\xE3 x\u1EA3y ra l\u1ED7i. Vui l\xF2ng th\u1EED l\u1EA1i."})]}),a&&(0,r.jsx)("div",{role:"dialog","aria-modal":"true","aria-label":"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt",style:{position:"fixed",inset:0,zIndex:60,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)",padding:"1rem"},onClick:i=>i.target===i.currentTarget&&d(!1),children:(0,r.jsxs)("div",{className:"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto",style:{backgroundColor:"#fff",borderRadius:"0.75rem",border:"1px solid #e5e7eb",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1)",maxWidth:"28rem",width:"100%",maxHeight:"90vh",overflowY:"auto",padding:"1.25rem",position:"relative"},onClick:i=>i.stopPropagation(),children:[(0,r.jsx)("button",{type:"button",onClick:()=>d(!1),"aria-label":"\u0110\xF3ng",style:{position:"absolute",top:"1rem",right:"1rem",width:"2rem",height:"2rem",borderRadius:"0.25rem",border:"none",background:"transparent",cursor:"pointer",fontSize:"1.25rem",lineHeight:1,color:"#6b7280"},children:"\xD7"}),(0,r.jsx)("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem",paddingRight:"2rem"},children:"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt"}),(0,r.jsxs)("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",marginBottom:"1rem"},children:[(0,r.jsx)("p",{style:{marginBottom:"0.5rem"},children:"Khi b\u1EA1n truy c\u1EADp b\u1EA5t k\u1EF3 trang web n\xE0o, trang web \u0111\xF3 c\xF3 th\u1EC3 l\u01B0u tr\u1EEF ho\u1EB7c truy xu\u1EA5t th\xF4ng tin tr\xEAn tr\xECnh duy\u1EC7t c\u1EE7a b\u1EA1n, ch\u1EE7 y\u1EBFu d\u01B0\u1EDBi d\u1EA1ng cookie. Th\xF4ng tin n\xE0y c\xF3 th\u1EC3 li\xEAn quan \u0111\u1EBFn b\u1EA1n, t\xF9y ch\u1ECDn c\u1EE7a b\u1EA1n ho\u1EB7c thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n, v\xE0 ch\u1EE7 y\u1EBFu \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 trang web ho\u1EA1t \u0111\u1ED9ng nh\u01B0 mong \u0111\u1EE3i."}),(0,r.jsx)("p",{style:{marginBottom:"0.5rem"},children:"Th\xF4ng tin n\xE0y th\u01B0\u1EDDng kh\xF4ng tr\u1EF1c ti\u1EBFp x\xE1c \u0111\u1ECBnh b\u1EA1n nh\u01B0ng c\xF3 th\u1EC3 mang l\u1EA1i tr\u1EA3i nghi\u1EC7m web \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a h\u01A1n. Ch\xFAng t\xF4i t\xF4n tr\u1ECDng quy\u1EC1n ri\xEAng t\u01B0 c\u1EE7a b\u1EA1n; b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn kh\xF4ng cho ph\xE9p m\u1ED9t s\u1ED1 lo\u1EA1i cookie. Nh\u1EA5p v\xE0o ti\xEAu \u0111\u1EC1 t\u1EEBng danh m\u1EE5c \u0111\u1EC3 t\xECm hi\u1EC3u th\xEAm v\xE0 thay \u0111\u1ED5i c\xE0i \u0111\u1EB7t m\u1EB7c \u0111\u1ECBnh. Vi\u1EC7c ch\u1EB7n m\u1ED9t s\u1ED1 cookie c\xF3 th\u1EC3 \u1EA3nh h\u01B0\u1EDFng \u0111\u1EBFn tr\u1EA3i nghi\u1EC7m c\u1EE7a b\u1EA1n v\u1EDBi trang web v\xE0 c\xE1c d\u1ECBch v\u1EE5 \u0111\u01B0\u1EE3c cung c\u1EA5p."}),(0,r.jsx)("p",{style:{marginBottom:"0.5rem"},children:'N\u1EBFu ch\u1ECDn "Kh\xF4ng theo d\xF5i" khi l\u1EA7n \u0111\u1EA7u s\u1EED d\u1EE5ng TapQuest, ch\u1EC9 cookie ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng.'}),(0,r.jsx)("span",{style:{color:"#2563eb",textDecoration:"underline"},children:"Th\xF4ng tin kh\xE1c"})]}),(0,r.jsx)("h3",{className:"consent:text-sm consent:font-semibold consent:text-gray-900",style:{fontSize:"0.875rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem"},children:"Qu\u1EA3n l\xFD tu\u1EF3 ch\u1ECDn \u0111\u1ED3ng \xFD"}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",marginBottom:"1.25rem"},children:N.map(i=>{let f=Q[i],k=c[i],D=l===i;return(0,r.jsxs)("div",{style:{border:"1px solid #e5e7eb",borderRadius:"0.5rem",overflow:"hidden"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",padding:"0.75rem",cursor:"pointer",backgroundColor:D?"#f9fafb":"transparent"},onClick:()=>u(D?null:i),children:[(0,r.jsx)("span",{style:{flexShrink:0,width:"1.25rem",height:"1.25rem",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem",color:"#6b7280",transform:D?"rotate(45deg)":"none",transition:"transform 0.2s"},children:"+"}),(0,r.jsx)("span",{className:"consent:font-medium consent:text-gray-900",style:{flex:1,fontSize:"0.875rem",fontWeight:500,color:"#111827"},children:f.labelVi}),(0,r.jsx)("button",{type:"button",role:"switch","aria-checked":k,"aria-label":`${f.labelVi} ${k?"b\u1EADt":"t\u1EAFt"}`,disabled:f.disabled,onClick:T=>{T.stopPropagation(),w(i)},style:{flexShrink:0,width:44,height:24,borderRadius:12,border:"none",padding:0,cursor:f.disabled?"default":"pointer",backgroundColor:f.disabled?"#e5e7eb":k?"#111827":"#d1d5db",opacity:f.disabled?.7:1,transition:"background-color 0.2s"},children:(0,r.jsx)("span",{style:{display:"block",width:20,height:20,borderRadius:"50%",backgroundColor:"#fff",marginLeft:k?22:2,marginTop:2,transition:"margin-left 0.2s",boxShadow:"0 1px 2px rgb(0 0 0 / 0.2)"}})})]}),D&&(0,r.jsx)("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",padding:"0 0.75rem 0.75rem 2.5rem",borderTop:"1px solid #e5e7eb"},children:f.descriptionVi})]},i)})}),(0,r.jsx)("button",{type:"button",onClick:p,disabled:g.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer",width:"100%"},children:"X\xE1c nh\u1EADn l\u1EF1a ch\u1ECDn c\u1EE7a t\xF4i"})]})})]})}0&&(module.exports={COOKIE_CONSENT_NAME,CookieConsentBanner,EntityStatus,MediaType,PhygitalConsentProvider,consentQueryKeys,consentService,getConsentPreferenceCookie,getCookie,setConsentPreferenceCookie,setCookie,sha256,useConsentById,useCreateDeviceCookieConsent,useCreateUserConsent,useHealth,useLatestConsentByUserId,useLatestCookieConsentByDeviceId,useManyConsents,usePhygitalConsent});
3
3
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../index.ts","../src/types/common.ts","../src/provider/PhygitalConsentProvider.tsx","../src/helpers/cookie.ts","../src/provider/ConsentServiceProvider.tsx","../src/api/consent.ts","../src/hooks/useConsent.ts","../src/helpers/sha256.ts","../src/components/CookieConsentBanner.tsx"],"sourcesContent":["export * from \"./src\";\n","export enum MediaType {\n IMAGE = \"image\",\n VIDEO = \"video\",\n}\n\nexport type DateTimeNumber = number;\n\nexport interface Media {\n url: string;\n type: MediaType | string;\n thumbnail_url?: string;\n}\n\nexport enum EntityStatus {\n ACTIVE = \"Active\",\n INACTIVE = \"Inactive\",\n}\n\nexport interface CommonModel {\n id: string;\n status: EntityStatus;\n created_at: DateTimeNumber;\n updated_at: DateTimeNumber;\n created_by?: string;\n updated_by?: string;\n}\n","\"use client\";\n\nimport React, { createContext, useCallback, useContext, useEffect, useState } from \"react\";\nimport { getConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { ConsentServiceProvider, ConsentServiceProviderProps } from \"./ConsentServiceProvider\";\n\nexport interface PhygitalConsentContextValue {\n deviceId: string;\n /** True when cookie phygital_cookie_consent exists and has valid deviceId + selected_preferences. Use to show/hide cookie banner. */\n hasConsentPreference: boolean;\n /** Re-read cookie and update hasConsentPreference. Call after storing preference (e.g. from CookieConsentBanner onSuccess). */\n refreshConsentPreference: () => void;\n}\n\nconst PhygitalConsentContext = createContext<PhygitalConsentContextValue | undefined>(undefined);\n\nexport interface PhygitalConsentProviderProps extends ConsentServiceProviderProps {\n deviceId: string;\n children: React.ReactNode;\n}\n\n/**\n * Main provider for consumer apps. Wraps ConsentServiceProvider and exposes\n * hasConsentPreference + refreshConsentPreference so the app can show/hide\n * the cookie banner based on whether the user has already chosen a preference.\n */\nexport function PhygitalConsentProvider(props: PhygitalConsentProviderProps) {\n const { children, deviceId, ...consentServiceProps } = props;\n const [hasConsentPreference, setHasConsentPreference] = useState(false);\n\n const refreshConsentPreference = useCallback(() => {\n const stored = getConsentPreferenceCookie();\n setHasConsentPreference(!!stored);\n }, []);\n\n useEffect(() => {\n refreshConsentPreference();\n }, [refreshConsentPreference]);\n\n const value: PhygitalConsentContextValue = {\n deviceId,\n hasConsentPreference,\n refreshConsentPreference,\n };\n\n return (\n <ConsentServiceProvider {...consentServiceProps}>\n <PhygitalConsentContext.Provider value={value}>\n {children}\n </PhygitalConsentContext.Provider>\n </ConsentServiceProvider>\n );\n}\n\nexport function usePhygitalConsent() {\n const context = useContext(PhygitalConsentContext);\n if (!context) {\n throw new Error(\"usePhygitalConsent must be used within a PhygitalConsentProvider\");\n }\n return context;\n}\n","/**\n * Browser cookie helpers for phygital-consent.\n * Cookie name for consent preference: phygital_cookie_consent.\n * Stored value: { deviceId: string, selected_preferences: string[] } (JSON).\n * Default: 1 year, path /, SameSite Lax.\n */\n\nexport const COOKIE_CONSENT_NAME = \"phygital_cookie_consent\";\n\nconst ONE_YEAR_SECONDS = 365 * 24 * 60 * 60;\n\nexport interface SetCookieOptions {\n maxAge?: number;\n path?: string;\n sameSite?: \"Strict\" | \"Lax\" | \"None\";\n secure?: boolean;\n}\n\n/**\n * Get a cookie value by name.\n */\nexport function getCookie(name: string): string | null {\n if (typeof document === \"undefined\") return null;\n const match = document.cookie.match(new RegExp(\"(?:^|; )\" + encodeURIComponent(name) + \"=([^;]*)\"));\n return match ? decodeURIComponent(match[1]) : null;\n}\n\n/**\n * Set a cookie.\n */\nexport function setCookie(\n name: string,\n value: string,\n options: SetCookieOptions = {}\n): void {\n if (typeof document === \"undefined\") return;\n const {\n maxAge = ONE_YEAR_SECONDS,\n path = \"/\",\n sameSite = \"Lax\",\n secure = false,\n } = options;\n let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; path=${path}; max-age=${maxAge}; SameSite=${sameSite}`;\n if (secure) cookie += \"; Secure\";\n document.cookie = cookie;\n}\n\nexport interface ConsentPreferenceValue {\n deviceId: string;\n selected_preferences: string[];\n}\n\n/**\n * Read consent preference from cookie. Returns null if missing or invalid.\n */\nexport function getConsentPreferenceCookie(): ConsentPreferenceValue | null {\n const raw = getCookie(COOKIE_CONSENT_NAME);\n if (!raw) return null;\n try {\n const parsed = JSON.parse(raw) as unknown;\n if (\n parsed &&\n typeof parsed === \"object\" &&\n \"deviceId\" in parsed &&\n \"selected_preferences\" in parsed &&\n typeof (parsed as ConsentPreferenceValue).deviceId === \"string\" &&\n Array.isArray((parsed as ConsentPreferenceValue).selected_preferences)\n ) {\n return parsed as ConsentPreferenceValue;\n }\n } catch {\n // ignore\n }\n return null;\n}\n\n/**\n * Store consent preference in cookie (hashed device id + selected_preferences).\n * Uses 1 year max-age and SameSite Lax.\n */\nexport function setConsentPreferenceCookie(\n deviceId: string,\n selected_preferences: string[],\n options?: Partial<SetCookieOptions>\n): void {\n const value: ConsentPreferenceValue = { deviceId, selected_preferences };\n setCookie(COOKIE_CONSENT_NAME, JSON.stringify(value), {\n maxAge: ONE_YEAR_SECONDS,\n path: \"/\",\n sameSite: \"Lax\",\n ...options,\n });\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientConfig, QueryClientProvider } from \"@tanstack/react-query\";\nimport axios, {\n AxiosInstance,\n AxiosRequestConfig,\n AxiosResponse,\n InternalAxiosRequestConfig,\n} from \"axios\";\nimport React, { createContext, useContext, useMemo } from \"react\";\n\nexport interface ConsentService {\n consentApi: AxiosInstance;\n queryClient: QueryClient;\n updateHeaders: (headers: Record<string, string>) => void;\n}\n\nconst ConsentServiceContext = createContext<ConsentService | undefined>(undefined);\n\ninterface RequestInterceptor {\n onFulfilled?: (\n config: InternalAxiosRequestConfig\n ) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>;\n onRejected?: (error: unknown) => unknown;\n}\n\ninterface ResponseInterceptor {\n onFulfilled?: (\n response: AxiosResponse\n ) => AxiosResponse | Promise<AxiosResponse>;\n onRejected?: (error: unknown) => unknown;\n}\n\nexport interface ConsentServiceProviderProps {\n children: React.ReactNode;\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n queryClient?: QueryClient;\n queryClientConfig?: Partial<QueryClientConfig>;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\ninterface CreateConsentServiceParams {\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\nexport const createConsentService = ({\n baseURL = \"\",\n axiosConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}: CreateConsentServiceParams) => {\n const instance = axios.create({\n baseURL,\n ...axiosConfig,\n });\n\n instance.interceptors.request.use(\n requestInterceptors.onFulfilled,\n requestInterceptors.onRejected\n );\n\n instance.interceptors.response.use(\n responseInterceptors.onFulfilled,\n responseInterceptors.onRejected\n );\n\n const updateHeaders = (headers: Record<string, string>) => {\n Object.entries(headers).forEach(([key, value]) => {\n instance.defaults.headers.common[key] = value;\n });\n };\n\n return {\n consentApi: instance,\n updateHeaders,\n };\n};\n\nexport const ConsentServiceProvider: React.FC<ConsentServiceProviderProps> = ({\n children,\n baseURL = \"\",\n axiosConfig = {},\n queryClient,\n queryClientConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}) => {\n const queryClientInstance = useMemo(\n () =>\n queryClient ||\n new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n refetchOnMount: false,\n refetchOnReconnect: false,\n ...queryClientConfig?.defaultOptions?.queries,\n },\n mutations: {\n ...queryClientConfig?.defaultOptions?.mutations,\n },\n },\n queryCache: queryClientConfig?.queryCache,\n mutationCache: queryClientConfig?.mutationCache,\n }),\n [queryClient]\n );\n\n const consentService = useMemo(() => {\n const service = createConsentService({\n baseURL,\n axiosConfig,\n requestInterceptors,\n responseInterceptors,\n });\n\n return {\n consentApi: service.consentApi,\n updateHeaders: service.updateHeaders,\n queryClient: queryClientInstance,\n };\n }, [baseURL, queryClientInstance, axiosConfig, requestInterceptors, responseInterceptors]);\n\n return (\n <ConsentServiceContext.Provider value={consentService}>\n <QueryClientProvider client={queryClientInstance}>\n {children}\n </QueryClientProvider>\n </ConsentServiceContext.Provider>\n );\n};\n\nexport const useConsentService = () => {\n const context = useContext(ConsentServiceContext);\n if (!context) {\n throw new Error(\"useConsentService must be used within a ConsentServiceProvider\");\n }\n return context;\n};\n","import { AxiosInstance } from \"axios\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\nconst CONSENT_V1 = \"/consent/v1\";\n\nexport const consentService = (axiosInstance: AxiosInstance) => {\n return {\n /**\n * Health check – GET /health\n */\n getHealth: async (): Promise<HealthResponse> => {\n const { data } = await axiosInstance.get<HealthResponse>(\"/health\");\n return data;\n },\n\n /**\n * Get all consent logs – GET /consent/v1/consent\n * @param params - Optional filter by policy type (ACCOUNT_REGISTER | COOKIE_PREFERENCE)\n */\n getManyConsents: async (\n params?: GetManyConsentParams\n ): Promise<GetManyConsentResponse> => {\n const { data } = await axiosInstance.get<GetManyConsentResponse>(\n `${CONSENT_V1}/consent`,\n { params: params ? { type: params.type } : undefined }\n );\n return data;\n },\n\n /**\n * Get consent log by ID – GET /consent/v1/consent/{id}\n */\n getConsentById: async ({\n id,\n }: GetConsentByIdParams): Promise<GetConsentByIdResponse> => {\n const { data } = await axiosInstance.get<GetConsentByIdResponse>(\n `${CONSENT_V1}/consent/${id}`\n );\n return data;\n },\n\n /**\n * Get latest consent for a user – GET /consent/v1/user-id?user_id=\n */\n getLatestConsentByUserId: async ({\n user_id,\n }: GetLatestConsentByUserIdParams): Promise<GetLatestConsentByUserIdResponse> => {\n const { data } = await axiosInstance.get<GetLatestConsentByUserIdResponse>(\n `${CONSENT_V1}/user-id`,\n { params: { user_id } }\n );\n return data;\n },\n\n /**\n * Create user consent (account register) – POST /consent/v1/user-id\n * Consumer app must hash user_id/device_id (e.g. SHA-256) before passing.\n */\n createUserConsent: async (\n body: CreateUserConsentUpsertDTO\n ): Promise<CreateUserConsentResponse> => {\n const { data } = await axiosInstance.post<CreateUserConsentResponse>(\n `${CONSENT_V1}/user-id`,\n body\n );\n return data;\n },\n\n /**\n * Get latest cookie consent for a device – GET /consent/v1/cookies/device-id?device_id=\n */\n getLatestCookieConsentByDeviceId: async ({\n device_id,\n }: GetLatestCookieConsentByDeviceIdParams): Promise<GetLatestCookieConsentByDeviceIdResponse> => {\n const { data } =\n await axiosInstance.get<GetLatestCookieConsentByDeviceIdResponse>(\n `${CONSENT_V1}/cookies/device-id`,\n { params: { device_id } }\n );\n return data;\n },\n\n /**\n * Create device cookie consent – POST /consent/v1/cookies/device-id\n * Consumer app must hash device_id (e.g. SHA-256) before passing.\n */\n createDeviceCookieConsent: async (\n body: CreateDeviceCookieConsentUpsertDTO\n ): Promise<CreateDeviceCookieConsentResponse> => {\n const { data } =\n await axiosInstance.post<CreateDeviceCookieConsentResponse>(\n `${CONSENT_V1}/cookies/device-id`,\n body\n );\n return data;\n },\n };\n};\n","import {\n useQuery,\n useMutation,\n useQueryClient,\n UseQueryOptions,\n UseMutationOptions,\n} from \"@tanstack/react-query\";\nimport { consentService } from \"../api/consent\";\nimport { sha256 } from \"../helpers/sha256\";\nimport { useConsentService } from \"../provider/ConsentServiceProvider\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\n/** Query keys for consent API */\nexport const consentQueryKeys = {\n all: [\"consent\"] as const,\n health: () => [...consentQueryKeys.all, \"health\"] as const,\n list: (params?: GetManyConsentParams) =>\n [...consentQueryKeys.all, \"list\", params] as const,\n detail: (id: string) => [...consentQueryKeys.all, \"detail\", id] as const,\n latestByUserId: (user_id: string) =>\n [...consentQueryKeys.all, \"user-id\", user_id] as const,\n latestCookieByDeviceId: (device_id: string) =>\n [...consentQueryKeys.all, \"cookies\", \"device-id\", device_id] as const,\n};\n\n// --- Queries ---\n\n/** Health check – GET /health */\nexport const useHealth = (\n options?: UseQueryOptions<HealthResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<HealthResponse>({\n queryKey: consentQueryKeys.health(),\n queryFn: () => service.getHealth(),\n ...options,\n });\n};\n\n/** Get all consent logs – GET /consent/v1/consent */\nexport const useManyConsents = (\n params?: GetManyConsentParams,\n options?: UseQueryOptions<GetManyConsentResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetManyConsentResponse>({\n queryKey: consentQueryKeys.list(params),\n queryFn: () => service.getManyConsents(params),\n ...options,\n });\n};\n\n/** Get consent log by ID – GET /consent/v1/consent/{id} */\nexport const useConsentById = (\n params: GetConsentByIdParams,\n options?: UseQueryOptions<GetConsentByIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetConsentByIdResponse>({\n queryKey: consentQueryKeys.detail(params.id),\n queryFn: () => service.getConsentById(params),\n enabled: !!params.id,\n ...options,\n });\n};\n\n/** Get latest consent for a user – GET /consent/v1/user-id (user_id hashed before send) */\nexport const useLatestConsentByUserId = (\n params: GetLatestConsentByUserIdParams,\n options?: UseQueryOptions<GetLatestConsentByUserIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestConsentByUserIdResponse>({\n queryKey: consentQueryKeys.latestByUserId(params.user_id),\n queryFn: async () => {\n const user_id = await sha256(params.user_id);\n return service.getLatestConsentByUserId({ user_id });\n },\n enabled: !!params.user_id,\n ...options,\n });\n};\n\n/** Get latest cookie consent for a device – GET /consent/v1/cookies/device-id (device_id hashed before send) */\nexport const useLatestCookieConsentByDeviceId = (\n params: GetLatestCookieConsentByDeviceIdParams,\n options?: UseQueryOptions<GetLatestCookieConsentByDeviceIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestCookieConsentByDeviceIdResponse>({\n queryKey: consentQueryKeys.latestCookieByDeviceId(params.device_id),\n queryFn: async () => {\n const device_id = await sha256(params.device_id);\n return service.getLatestCookieConsentByDeviceId({ device_id });\n },\n enabled: !!params.device_id,\n ...options,\n });\n};\n\n// --- Mutations ---\n\n/** Create user consent (account register) – POST /consent/v1/user-id */\nexport const useCreateUserConsent = (\n options?: UseMutationOptions<\n CreateUserConsentResponse,\n Error,\n CreateUserConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<CreateUserConsentResponse, Error, CreateUserConsentUpsertDTO>({\n mutationFn: async (body: CreateUserConsentUpsertDTO) => {\n const payload = { ...body };\n if (body.user_id != null && body.user_id !== \"\") {\n payload.user_id = await sha256(body.user_id);\n }\n if (body.device_id != null && body.device_id !== \"\") {\n payload.device_id = await sha256(body.device_id);\n }\n return service.createUserConsent(payload);\n },\n onSuccess: (\n _data: CreateUserConsentResponse,\n variables: CreateUserConsentUpsertDTO\n ) => {\n if (variables.user_id) {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestByUserId(variables.user_id),\n });\n }\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n\n/** Create device cookie consent – POST /consent/v1/cookies/device-id */\nexport const useCreateDeviceCookieConsent = (\n options?: UseMutationOptions<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >({\n mutationFn: async (body: CreateDeviceCookieConsentUpsertDTO) => {\n const payload = {\n ...body,\n device_id: await sha256(body.device_id),\n };\n return service.createDeviceCookieConsent(payload);\n },\n onSuccess: (\n _data: CreateDeviceCookieConsentResponse,\n variables: CreateDeviceCookieConsentUpsertDTO\n ) => {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestCookieByDeviceId(variables.device_id),\n });\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n","/**\n * Hash user_id or device_id with SHA-256 for the two POST consent hooks\n * (createUserConsent, createDeviceCookieConsent).\n * Input: string, encoded as UTF-8 before hashing.\n * Output: lowercase hex string.\n * Uses Web Crypto when available; falls back to pure-JS SHA-256 for old devices.\n */\n\n/** Encode hash digest bytes as lowercase hex string. */\nfunction arrayBufferToHex(buffer: ArrayBuffer): string {\n return Array.from(new Uint8Array(buffer))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\")\n .toLowerCase();\n}\n\n/**\n * SHA-256 via Web Crypto (modern browsers, Node 19+).\n * Input encoded as UTF-8; output lowercase hex.\n */\nasync function sha256WebCrypto(value: string): Promise<string> {\n const utf8 = new TextEncoder().encode(value);\n const hashBuffer = await crypto.subtle.digest(\"SHA-256\", utf8);\n return arrayBufferToHex(hashBuffer);\n}\n\n/**\n * Pure-JS SHA-256 fallback for environments without crypto.subtle\n * (e.g. old browsers, insecure context, Node < 19).\n * Input encoded as UTF-8; output lowercase hex.\n */\nfunction sha256Fallback(value: string): string {\n const bytes = utf8Encode(value);\n const K = getK();\n const H = getH();\n const W = new Uint32Array(64);\n const numBlocks = bytes.length >> 6;\n\n for (let block = 0; block < numBlocks; block++) {\n const start = block << 6;\n for (let i = 0; i < 16; i++) {\n const o = start + (i << 2);\n W[i] =\n (bytes[o]! << 24) |\n (bytes[o + 1]! << 16) |\n (bytes[o + 2]! << 8) |\n bytes[o + 3]!;\n }\n for (let i = 16; i < 64; i++) {\n const s0 = rotr(W[i - 15]!, 7) ^ rotr(W[i - 15]!, 18) ^ (W[i - 15]! >>> 3);\n const s1 = rotr(W[i - 2]!, 17) ^ rotr(W[i - 2]!, 19) ^ (W[i - 2]! >>> 10);\n W[i] = (W[i - 16]! + s0 + W[i - 7]! + s1) >>> 0;\n }\n let a = H[0]!,\n b = H[1]!,\n c = H[2]!,\n d = H[3]!,\n e = H[4]!,\n f = H[5]!,\n g = H[6]!,\n h = H[7]!;\n for (let i = 0; i < 64; i++) {\n const S1 = rotr(e, 6) ^ rotr(e, 11) ^ rotr(e, 25);\n const ch = (e & f) ^ (~e & g);\n const t1 = (h + S1 + ch + K[i]! + W[i]!) >>> 0;\n const S0 = rotr(a, 2) ^ rotr(a, 13) ^ rotr(a, 22);\n const maj = (a & b) ^ (a & c) ^ (b & c);\n const t2 = (S0 + maj) >>> 0;\n h = g;\n g = f;\n f = e;\n e = (d + t1) >>> 0;\n d = c;\n c = b;\n b = a;\n a = (t1 + t2) >>> 0;\n }\n H[0] = (H[0]! + a) >>> 0;\n H[1] = (H[1]! + b) >>> 0;\n H[2] = (H[2]! + c) >>> 0;\n H[3] = (H[3]! + d) >>> 0;\n H[4] = (H[4]! + e) >>> 0;\n H[5] = (H[5]! + f) >>> 0;\n H[6] = (H[6]! + g) >>> 0;\n H[7] = (H[7]! + h) >>> 0;\n }\n\n let out = \"\";\n for (let i = 0; i < 8; i++) {\n const v = H[i]!;\n out +=\n (v >>> 28).toString(16) +\n ((v >>> 24) & 0xf).toString(16) +\n ((v >>> 20) & 0xf).toString(16) +\n ((v >>> 16) & 0xf).toString(16) +\n ((v >>> 12) & 0xf).toString(16) +\n ((v >>> 8) & 0xf).toString(16) +\n ((v >>> 4) & 0xf).toString(16) +\n (v & 0xf).toString(16);\n }\n return out.toLowerCase();\n}\n\nfunction rotr(n: number, b: number): number {\n return (n >>> b) | (n << (32 - b));\n}\n\n/** Encode string to UTF-8 bytes (with SHA-256 padding for block processing). */\nfunction utf8Encode(s: string): Uint8Array {\n const n = s.length;\n const bytes: number[] = [];\n for (let i = 0; i < n; i++) {\n let c = s.charCodeAt(i);\n if (c < 0x80) {\n bytes.push(c);\n } else if (c < 0x800) {\n bytes.push(0xc0 | (c >> 6), 0x80 | (c & 0x3f));\n } else if (c < 0xd800 || c >= 0xe000) {\n bytes.push(0xe0 | (c >> 12), 0x80 | ((c >> 6) & 0x3f), 0x80 | (c & 0x3f));\n } else {\n c = 0x10000 + (((c & 0x3ff) << 10) | (s.charCodeAt(++i) & 0x3ff));\n bytes.push(\n 0xf0 | (c >> 18),\n 0x80 | ((c >> 12) & 0x3f),\n 0x80 | ((c >> 6) & 0x3f),\n 0x80 | (c & 0x3f)\n );\n }\n }\n const len = bytes.length;\n const pad = (64 - ((len + 9) % 64)) % 64;\n const total = len + 9 + pad;\n const out = new Uint8Array(total);\n out.set(bytes);\n out[len] = 0x80;\n const view = new DataView(out.buffer, out.byteOffset, out.byteLength);\n view.setUint32(total - 8, 0, false);\n view.setUint32(total - 4, (len * 8) >>> 0, false);\n return out;\n}\n\nfunction getK(): number[] {\n const k: number[] = [];\n const hex =\n \"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2\";\n hex.split(\" \").forEach((h) => k.push(parseInt(h, 16)));\n return k;\n}\n\nfunction getH(): number[] {\n return [\n 0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c,\n 0x1f83d9ab, 0x5be0cd19,\n ];\n}\n\nfunction hasWebCrypto(): boolean {\n if (typeof crypto === \"undefined\" || !crypto.subtle) return false;\n return true;\n}\n\n/**\n * Hash a string with SHA-256.\n * Input: encoded as UTF-8. Output: lowercase hex string.\n * Use for user_id and device_id before calling createUserConsent / createDeviceCookieConsent.\n * Uses Web Crypto when available; falls back to pure-JS for old devices (no crypto.subtle).\n */\nexport async function sha256(value: string): Promise<string> {\n if (typeof value !== \"string\" || value.length === 0) {\n return value;\n }\n if (hasWebCrypto()) {\n return sha256WebCrypto(value);\n }\n return Promise.resolve(sha256Fallback(value));\n}\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { COOKIE_POLICY_URL, OTHER_INFO_URL } from \"../env/constant\";\nimport { setConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { useCreateDeviceCookieConsent } from \"../hooks/useConsent\";\n\nimport { usePhygitalConsent } from \"../provider/PhygitalConsentProvider\";\n\nconst PREFERENCES = [\"essential\", \"analytics\", \"advertising\"] as const;\ntype PreferenceKey = (typeof PREFERENCES)[number];\n\nconst PREFERENCE_CONFIG: Record<\n PreferenceKey,\n { label: string; description: string; labelVi: string; descriptionVi: string; disabled?: boolean }\n> = {\n essential: {\n label: \"Essential\",\n description: \"Required for the site to work (e.g. security, preferences).\",\n labelVi: \"Cần thiết\",\n descriptionVi: \"Cần thiết cho hoạt động của trang (bảo mật, tùy chọn).\",\n },\n analytics: {\n label: \"Analytics\",\n description: \"Help us improve by collecting anonymous usage data.\",\n labelVi: \"Phân tích\",\n descriptionVi: \"Giúp chúng tôi cải thiện bằng cách thu thập dữ liệu sử dụng ẩn danh.\",\n },\n advertising: {\n label: \"Advertising\",\n description: \"Used to show you relevant ads and measure campaigns.\",\n labelVi: \"Quảng cáo\",\n descriptionVi: \"Dùng để hiển thị quảng cáo phù hợp và đo lường chiến dịch.\",\n },\n};\n\nexport interface CookieConsentBannerProps {\n /** Called after consent is submitted successfully (Reject or Accept). */\n onSubmitted?: () => void;\n /** Called when the banner is dismissed (e.g. hide from UI). */\n onDismiss?: () => void;\n /** Optional class name for the root container. */\n className?: string;\n}\n\nexport function CookieConsentBanner({\n onSubmitted,\n onDismiss,\n className = \"\",\n}: CookieConsentBannerProps) {\n const [dismissed, setDismissed] = useState(false);\n const [showCustomModal, setShowCustomModal] = useState(false);\n const [expandedKey, setExpandedKey] = useState<PreferenceKey | null>(null);\n const [preferences, setPreferences] = useState<Record<PreferenceKey, boolean>>({\n essential: true,\n analytics: true,\n advertising: true,\n });\n\n const { deviceId } = usePhygitalConsent();\n\n const createConsent = useCreateDeviceCookieConsent({\n onSuccess: (_data, variables) => {\n setConsentPreferenceCookie(deviceId, variables.selected_preferences ?? []);\n onSubmitted?.();\n onDismiss?.();\n setDismissed(true);\n setShowCustomModal(false);\n },\n });\n\n const getSelectedPreferences = (): string[] =>\n PREFERENCES.filter((key) => preferences[key]);\n\n const togglePreference = (key: PreferenceKey) => {\n if (PREFERENCE_CONFIG[key].disabled) return;\n setPreferences((prev) => ({ ...prev, [key]: !prev[key] }));\n };\n\n const handleReject = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"REJECTED\",\n selected_preferences: [\"essential\"],\n });\n };\n\n const handleAcceptAll = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: [...PREFERENCES],\n });\n };\n\n const handleSaveCustom = () => {\n const selected = getSelectedPreferences();\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: selected.length > 0 ? selected : [\"essential\"],\n });\n };\n\n if (dismissed) return null;\n\n return (\n <>\n {/* Screen 1: Bottom banner */}\n <div\n role=\"dialog\"\n aria-label=\"Thông báo về cookie\"\n className={`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${className}`}\n style={{\n position: \"fixed\",\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 50,\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1rem\",\n borderRadius: \"0.75rem 0.75rem 0 0\",\n borderWidth: \"1px 1px 0 1px\",\n borderColor: \"#e5e7eb\",\n backgroundColor: \"#fff\",\n padding: \"1rem\",\n boxShadow: \"0 -4px 6px -1px rgb(0 0 0 / 0.1)\",\n }}\n >\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\" }}\n >\n Thông báo về cookie\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", display: \"flex\", flexDirection: \"column\", gap: \"0.5rem\" }}\n >\n <p>\n TapQuest sử dụng trình theo dõi (như Cookie hoặc SDK) cho:\n </p>\n <ul style={{ margin: 0, paddingLeft: \"1.25rem\" }}>\n {PREFERENCES.map((key) => (\n <li key={key}>{PREFERENCE_CONFIG[key].labelVi}</li>\n ))}\n </ul>\n <p>\n Trước khi bạn đồng ý, chỉ những trình theo dõi hoàn toàn cần thiết mới được triển khai.\n </p>\n <p>\n Nếu bạn chọn Chấp nhận tất cả, bạn đồng ý sử dụng tất cả trình theo dõi của chúng tôi.\n </p>\n <p>\n Nếu bạn chọn Từ chối tất cả, bạn từ chối những trình theo dõi yêu cầu sự đồng ý của bạn và sẽ không có quyền truy cập vào các đề nghị hoặc nội dung được cá nhân hóa.\n </p>\n <p>\n Nếu bạn chọn Tùy chọn, bạn có thể chọn xem bạn có đồng ý sử dụng trình theo dõi trên ứng dụng của chúng tôi hay không và ở mức độ nào.\n </p>\n <p>\n Bạn có thể rút lại sự đồng ý của mình bất kỳ lúc nào bằng cách nhấp vào liên kết trong{\" \"}\n {COOKIE_POLICY_URL ? (\n <a\n href={COOKIE_POLICY_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Chính sách cookie\n </a>\n ) : (\n \"Chính sách cookie\"\n )}{\" \"}\n của chúng tôi.\n </p>\n <p>\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(true)}\n className=\"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:cursor-pointer consent:font-inherit\"\n style={{\n color: \"#2563eb\",\n textDecoration: \"underline\",\n background: \"none\",\n border: \"none\",\n padding: 0,\n cursor: \"pointer\",\n font: \"inherit\",\n }}\n >\n Tuỳ chỉnh cookie.\n </button>\n </p>\n </div>\n <div\n className=\"consent:flex consent:flex-col consent:gap-2\"\n style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.5rem\" }}\n >\n <div style={{ display: \"flex\", gap: \"0.5rem\", flexWrap: \"wrap\" }}>\n <button\n type=\"button\"\n onClick={handleAcceptAll}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Chấp nhận tất cả\n </button>\n <button\n type=\"button\"\n onClick={handleReject}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Từ chối tất cả\n </button>\n </div>\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(true)}\n className=\"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:text-sm consent:cursor-pointer consent:font-inherit\"\n style={{\n color: \"#2563eb\",\n textDecoration: \"underline\",\n background: \"none\",\n border: \"none\",\n padding: 0,\n fontSize: \"0.875rem\",\n cursor: \"pointer\",\n font: \"inherit\",\n alignSelf: \"flex-start\",\n }}\n >\n Tuỳ chọn\n </button>\n </div>\n {createConsent.isError && (\n <p\n className=\"consent:text-sm consent:text-red-600\"\n style={{ fontSize: \"0.875rem\", color: \"#dc2626\" }}\n >\n Đã xảy ra lỗi. Vui lòng thử lại.\n </p>\n )}\n </div>\n\n {/* Screen 2: Custom preferences modal */}\n {showCustomModal && (\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Trung tâm tuỳ chọn bảo mật\"\n style={{\n position: \"fixed\",\n inset: 0,\n zIndex: 60,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: \"1rem\",\n }}\n onClick={(e) => e.target === e.currentTarget && setShowCustomModal(false)}\n >\n <div\n className=\"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto\"\n style={{\n backgroundColor: \"#fff\",\n borderRadius: \"0.75rem\",\n border: \"1px solid #e5e7eb\",\n boxShadow: \"0 10px 15px -3px rgb(0 0 0 / 0.1)\",\n maxWidth: \"28rem\",\n width: \"100%\",\n maxHeight: \"90vh\",\n overflowY: \"auto\",\n padding: \"1.25rem\",\n position: \"relative\",\n }}\n onClick={(e) => e.stopPropagation()}\n >\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(false)}\n aria-label=\"Đóng\"\n style={{\n position: \"absolute\",\n top: \"1rem\",\n right: \"1rem\",\n width: \"2rem\",\n height: \"2rem\",\n borderRadius: \"0.25rem\",\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n fontSize: \"1.25rem\",\n lineHeight: 1,\n color: \"#6b7280\",\n }}\n >\n ×\n </button>\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\", paddingRight: \"2rem\" }}\n >\n Trung tâm tuỳ chọn bảo mật\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", marginBottom: \"1rem\" }}\n >\n <p style={{ marginBottom: \"0.5rem\" }}>\n Khi bạn truy cập bất kỳ trang web nào, trang web đó có thể lưu trữ hoặc truy xuất thông tin trên trình duyệt của bạn, chủ yếu dưới dạng cookie. Thông tin này có thể liên quan đến bạn, tùy chọn của bạn hoặc thiết bị của bạn, và chủ yếu được sử dụng để trang web hoạt động như mong đợi.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Thông tin này thường không trực tiếp xác định bạn nhưng có thể mang lại trải nghiệm web được cá nhân hóa hơn. Chúng tôi tôn trọng quyền riêng tư của bạn; bạn có thể chọn không cho phép một số loại cookie. Nhấp vào tiêu đề từng danh mục để tìm hiểu thêm và thay đổi cài đặt mặc định. Việc chặn một số cookie có thể ảnh hưởng đến trải nghiệm của bạn với trang web và các dịch vụ được cung cấp.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Nếu chọn \"Không theo dõi\" khi lần đầu sử dụng TapQuest, chỉ cookie hoàn toàn cần thiết mới được sử dụng.\n </p>\n {OTHER_INFO_URL ? (\n <a\n href={OTHER_INFO_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Thông tin khác\n </a>\n ) : (\n <span style={{ color: \"#2563eb\", textDecoration: \"underline\" }}>Thông tin khác</span>\n )}\n </div>\n <h3\n className=\"consent:text-sm consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"0.875rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\" }}\n >\n Quản lý tuỳ chọn đồng ý\n </h3>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.25rem\", marginBottom: \"1.25rem\" }}>\n {PREFERENCES.map((key) => {\n const config = PREFERENCE_CONFIG[key];\n const checked = preferences[key];\n const isExpanded = expandedKey === key;\n return (\n <div\n key={key}\n style={{\n border: \"1px solid #e5e7eb\",\n borderRadius: \"0.5rem\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n padding: \"0.75rem\",\n cursor: \"pointer\",\n backgroundColor: isExpanded ? \"#f9fafb\" : \"transparent\",\n }}\n onClick={() => setExpandedKey(isExpanded ? null : key)}\n >\n <span\n style={{\n flexShrink: 0,\n width: \"1.25rem\",\n height: \"1.25rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"1rem\",\n color: \"#6b7280\",\n transform: isExpanded ? \"rotate(45deg)\" : \"none\",\n transition: \"transform 0.2s\",\n }}\n >\n +\n </span>\n <span\n className=\"consent:font-medium consent:text-gray-900\"\n style={{ flex: 1, fontSize: \"0.875rem\", fontWeight: 500, color: \"#111827\" }}\n >\n {config.labelVi}\n </span>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={checked}\n aria-label={`${config.labelVi} ${checked ? \"bật\" : \"tắt\"}`}\n disabled={config.disabled}\n onClick={(e) => {\n e.stopPropagation();\n togglePreference(key);\n }}\n style={{\n flexShrink: 0,\n width: 44,\n height: 24,\n borderRadius: 12,\n border: \"none\",\n padding: 0,\n cursor: config.disabled ? \"default\" : \"pointer\",\n backgroundColor: config.disabled ? \"#e5e7eb\" : checked ? \"#111827\" : \"#d1d5db\",\n opacity: config.disabled ? 0.7 : 1,\n transition: \"background-color 0.2s\",\n }}\n >\n <span\n style={{\n display: \"block\",\n width: 20,\n height: 20,\n borderRadius: \"50%\",\n backgroundColor: \"#fff\",\n marginLeft: checked ? 22 : 2,\n marginTop: 2,\n transition: \"margin-left 0.2s\",\n boxShadow: \"0 1px 2px rgb(0 0 0 / 0.2)\",\n }}\n />\n </button>\n </div>\n {isExpanded && (\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n padding: \"0 0.75rem 0.75rem 2.5rem\",\n borderTop: \"1px solid #e5e7eb\",\n }}\n >\n {config.descriptionVi}\n </div>\n )}\n </div>\n );\n })}\n </div>\n <button\n type=\"button\"\n onClick={handleSaveCustom}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n width: \"100%\",\n }}\n >\n Xác nhận lựa chọn của tôi\n </button>\n </div>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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","names":["index_exports","__export","COOKIE_CONSENT_NAME","CookieConsentBanner","EntityStatus","MediaType","PhygitalConsentProvider","consentQueryKeys","consentService","getConsentPreferenceCookie","getCookie","setConsentPreferenceCookie","setCookie","sha256","useConsentById","useCreateDeviceCookieConsent","useCreateUserConsent","useHealth","useLatestConsentByUserId","useLatestCookieConsentByDeviceId","useManyConsents","usePhygitalConsent","__toCommonJS","MediaType","EntityStatus","import_react","COOKIE_CONSENT_NAME","getCookie","name","match","setCookie","value","options","maxAge","path","sameSite","secure","cookie","getConsentPreferenceCookie","raw","COOKIE_CONSENT_NAME","parsed","setConsentPreferenceCookie","deviceId","selected_preferences","import_react_query","import_axios","import_react","import_jsx_runtime","ConsentServiceContext","createConsentService","baseURL","axiosConfig","requestInterceptors","responseInterceptors","instance","axios","headers","key","value","ConsentServiceProvider","children","queryClient","queryClientConfig","queryClientInstance","consentService","service","useConsentService","context","import_jsx_runtime","PhygitalConsentContext","PhygitalConsentProvider","props","children","deviceId","consentServiceProps","hasConsentPreference","setHasConsentPreference","refreshConsentPreference","stored","getConsentPreferenceCookie","value","ConsentServiceProvider","usePhygitalConsent","context","CONSENT_V1","consentService","axiosInstance","data","params","id","user_id","body","device_id","import_react_query","arrayBufferToHex","buffer","b","sha256WebCrypto","value","utf8","hashBuffer","sha256Fallback","bytes","utf8Encode","K","getK","H","getH","W","numBlocks","block","start","i","o","s0","rotr","s1","a","c","d","e","f","g","h","S1","ch","t1","S0","maj","t2","out","v","n","s","len","pad","total","view","k","hasWebCrypto","sha256","consentQueryKeys","params","id","user_id","device_id","useHealth","options","consentApi","useConsentService","service","consentService","useManyConsents","useConsentById","useLatestConsentByUserId","sha256","useLatestCookieConsentByDeviceId","useCreateUserConsent","queryClient","body","payload","_data","variables","useCreateDeviceCookieConsent","import_react","import_jsx_runtime","PREFERENCES","PREFERENCE_CONFIG","CookieConsentBanner","onSubmitted","onDismiss","className","dismissed","setDismissed","showCustomModal","setShowCustomModal","expandedKey","setExpandedKey","preferences","setPreferences","deviceId","usePhygitalConsent","createConsent","useCreateDeviceCookieConsent","_data","variables","setConsentPreferenceCookie","getSelectedPreferences","key","togglePreference","prev","handleReject","handleAcceptAll","handleSaveCustom","selected","e","config","checked","isExpanded"]}
1
+ {"version":3,"sources":["../index.ts","../src/types/common.ts","../src/provider/PhygitalConsentProvider.tsx","../src/helpers/cookie.ts","../src/provider/ConsentServiceProvider.tsx","../src/api/consent.ts","../src/hooks/useConsent.ts","../src/helpers/sha256.ts","../src/components/CookieConsentBanner.tsx"],"sourcesContent":["export * from \"./src\";\n","export enum MediaType {\n IMAGE = \"image\",\n VIDEO = \"video\",\n}\n\nexport type DateTimeNumber = number;\n\nexport interface Media {\n url: string;\n type: MediaType | string;\n thumbnail_url?: string;\n}\n\nexport enum EntityStatus {\n ACTIVE = \"Active\",\n INACTIVE = \"Inactive\",\n}\n\nexport interface CommonModel {\n id: string;\n status: EntityStatus;\n created_at: DateTimeNumber;\n updated_at: DateTimeNumber;\n created_by?: string;\n updated_by?: string;\n}\n","\"use client\";\n\nimport React, { createContext, useCallback, useContext, useEffect, useState } from \"react\";\nimport { getConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { ConsentServiceProvider, ConsentServiceProviderProps } from \"./ConsentServiceProvider\";\n\nexport interface PhygitalConsentContextValue {\n deviceId: string;\n /** True when cookie phygital_cookie_consent exists and has valid deviceId + selected_preferences. Use to show/hide cookie banner. */\n hasConsentPreference: boolean;\n /** Re-read cookie and update hasConsentPreference. Call after storing preference (e.g. from CookieConsentBanner onSuccess). */\n refreshConsentPreference: () => void;\n}\n\nconst PhygitalConsentContext = createContext<PhygitalConsentContextValue | undefined>(undefined);\n\nexport interface PhygitalConsentProviderProps extends ConsentServiceProviderProps {\n deviceId: string;\n children: React.ReactNode;\n}\n\n/**\n * Main provider for consumer apps. Wraps ConsentServiceProvider and exposes\n * hasConsentPreference + refreshConsentPreference so the app can show/hide\n * the cookie banner based on whether the user has already chosen a preference.\n */\nexport function PhygitalConsentProvider(props: PhygitalConsentProviderProps) {\n const { children, deviceId, ...consentServiceProps } = props;\n const [hasConsentPreference, setHasConsentPreference] = useState(false);\n\n const refreshConsentPreference = useCallback(() => {\n const stored = getConsentPreferenceCookie();\n setHasConsentPreference(!!stored);\n }, []);\n\n useEffect(() => {\n refreshConsentPreference();\n }, [refreshConsentPreference]);\n\n const value: PhygitalConsentContextValue = {\n deviceId,\n hasConsentPreference,\n refreshConsentPreference,\n };\n\n return (\n <ConsentServiceProvider {...consentServiceProps}>\n <PhygitalConsentContext.Provider value={value}>\n {children}\n </PhygitalConsentContext.Provider>\n </ConsentServiceProvider>\n );\n}\n\nexport function usePhygitalConsent() {\n const context = useContext(PhygitalConsentContext);\n if (!context) {\n throw new Error(\"usePhygitalConsent must be used within a PhygitalConsentProvider\");\n }\n return context;\n}\n","/**\n * Browser cookie helpers for phygital-consent.\n * Cookie name for consent preference: phygital_cookie_consent.\n * Stored value: { deviceId: string, selected_preferences: string[] } (JSON).\n * Default: 1 year, path /, SameSite Lax.\n */\n\nexport const COOKIE_CONSENT_NAME = \"phygital_cookie_consent\";\n\nconst ONE_YEAR_SECONDS = 365 * 24 * 60 * 60;\n\nexport interface SetCookieOptions {\n maxAge?: number;\n path?: string;\n sameSite?: \"Strict\" | \"Lax\" | \"None\";\n secure?: boolean;\n}\n\n/**\n * Get a cookie value by name.\n */\nexport function getCookie(name: string): string | null {\n if (typeof document === \"undefined\") return null;\n const match = document.cookie.match(new RegExp(\"(?:^|; )\" + encodeURIComponent(name) + \"=([^;]*)\"));\n return match ? decodeURIComponent(match[1]) : null;\n}\n\n/**\n * Set a cookie.\n */\nexport function setCookie(\n name: string,\n value: string,\n options: SetCookieOptions = {}\n): void {\n if (typeof document === \"undefined\") return;\n const {\n maxAge = ONE_YEAR_SECONDS,\n path = \"/\",\n sameSite = \"Lax\",\n secure = false,\n } = options;\n let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; path=${path}; max-age=${maxAge}; SameSite=${sameSite}`;\n if (secure) cookie += \"; Secure\";\n document.cookie = cookie;\n}\n\nexport interface ConsentPreferenceValue {\n deviceId: string;\n selected_preferences: string[];\n}\n\n/**\n * Read consent preference from cookie. Returns null if missing or invalid.\n */\nexport function getConsentPreferenceCookie(): ConsentPreferenceValue | null {\n const raw = getCookie(COOKIE_CONSENT_NAME);\n if (!raw) return null;\n try {\n const parsed = JSON.parse(raw) as unknown;\n if (\n parsed &&\n typeof parsed === \"object\" &&\n \"deviceId\" in parsed &&\n \"selected_preferences\" in parsed &&\n typeof (parsed as ConsentPreferenceValue).deviceId === \"string\" &&\n Array.isArray((parsed as ConsentPreferenceValue).selected_preferences)\n ) {\n return parsed as ConsentPreferenceValue;\n }\n } catch {\n // ignore\n }\n return null;\n}\n\n/**\n * Store consent preference in cookie (hashed device id + selected_preferences).\n * Uses 1 year max-age and SameSite Lax.\n */\nexport function setConsentPreferenceCookie(\n deviceId: string,\n selected_preferences: string[],\n options?: Partial<SetCookieOptions>\n): void {\n const value: ConsentPreferenceValue = { deviceId, selected_preferences };\n setCookie(COOKIE_CONSENT_NAME, JSON.stringify(value), {\n maxAge: ONE_YEAR_SECONDS,\n path: \"/\",\n sameSite: \"Lax\",\n ...options,\n });\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientConfig, QueryClientProvider } from \"@tanstack/react-query\";\nimport axios, {\n AxiosInstance,\n AxiosRequestConfig,\n AxiosResponse,\n InternalAxiosRequestConfig,\n} from \"axios\";\nimport React, { createContext, useContext, useMemo } from \"react\";\n\nexport interface ConsentService {\n consentApi: AxiosInstance;\n queryClient: QueryClient;\n updateHeaders: (headers: Record<string, string>) => void;\n}\n\nconst ConsentServiceContext = createContext<ConsentService | undefined>(undefined);\n\ninterface RequestInterceptor {\n onFulfilled?: (\n config: InternalAxiosRequestConfig\n ) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>;\n onRejected?: (error: unknown) => unknown;\n}\n\ninterface ResponseInterceptor {\n onFulfilled?: (\n response: AxiosResponse\n ) => AxiosResponse | Promise<AxiosResponse>;\n onRejected?: (error: unknown) => unknown;\n}\n\nexport interface ConsentServiceProviderProps {\n children: React.ReactNode;\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n queryClient?: QueryClient;\n queryClientConfig?: Partial<QueryClientConfig>;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\ninterface CreateConsentServiceParams {\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\nexport const createConsentService = ({\n baseURL = \"\",\n axiosConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}: CreateConsentServiceParams) => {\n const instance = axios.create({\n baseURL,\n ...axiosConfig,\n });\n\n instance.interceptors.request.use(\n requestInterceptors.onFulfilled,\n requestInterceptors.onRejected\n );\n\n instance.interceptors.response.use(\n responseInterceptors.onFulfilled,\n responseInterceptors.onRejected\n );\n\n const updateHeaders = (headers: Record<string, string>) => {\n Object.entries(headers).forEach(([key, value]) => {\n instance.defaults.headers.common[key] = value;\n });\n };\n\n return {\n consentApi: instance,\n updateHeaders,\n };\n};\n\nexport const ConsentServiceProvider: React.FC<ConsentServiceProviderProps> = ({\n children,\n baseURL = \"\",\n axiosConfig = {},\n queryClient,\n queryClientConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}) => {\n const queryClientInstance = useMemo(\n () =>\n queryClient ||\n new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n refetchOnMount: false,\n refetchOnReconnect: false,\n ...queryClientConfig?.defaultOptions?.queries,\n },\n mutations: {\n ...queryClientConfig?.defaultOptions?.mutations,\n },\n },\n queryCache: queryClientConfig?.queryCache,\n mutationCache: queryClientConfig?.mutationCache,\n }),\n [queryClient]\n );\n\n const consentService = useMemo(() => {\n const service = createConsentService({\n baseURL,\n axiosConfig,\n requestInterceptors,\n responseInterceptors,\n });\n\n return {\n consentApi: service.consentApi,\n updateHeaders: service.updateHeaders,\n queryClient: queryClientInstance,\n };\n }, [baseURL, queryClientInstance, axiosConfig, requestInterceptors, responseInterceptors]);\n\n return (\n <ConsentServiceContext.Provider value={consentService}>\n <QueryClientProvider client={queryClientInstance}>\n {children}\n </QueryClientProvider>\n </ConsentServiceContext.Provider>\n );\n};\n\nexport const useConsentService = () => {\n const context = useContext(ConsentServiceContext);\n if (!context) {\n throw new Error(\"useConsentService must be used within a ConsentServiceProvider\");\n }\n return context;\n};\n","import { AxiosInstance } from \"axios\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\nconst baseUrl = \"\";\n\nexport const consentService = (axiosInstance: AxiosInstance) => {\n return {\n /**\n * Health check – GET /health\n */\n getHealth: async (): Promise<HealthResponse> => {\n const { data } = await axiosInstance.get<HealthResponse>(\"/health\");\n return data;\n },\n\n /**\n * Get all consent logs – GET /consent/v1/consent\n * @param params - Optional filter by policy type (ACCOUNT_REGISTER | COOKIE_PREFERENCE)\n */\n getManyConsents: async (\n params?: GetManyConsentParams\n ): Promise<GetManyConsentResponse> => {\n const { data } = await axiosInstance.get<GetManyConsentResponse>(\n `${baseUrl}/consent`,\n { params: params ? { type: params.type } : undefined }\n );\n return data;\n },\n\n /**\n * Get consent log by ID – GET /consent/v1/consent/{id}\n */\n getConsentById: async ({\n id,\n }: GetConsentByIdParams): Promise<GetConsentByIdResponse> => {\n const { data } = await axiosInstance.get<GetConsentByIdResponse>(\n `${baseUrl}/consent/${id}`\n );\n return data;\n },\n\n /**\n * Get latest consent for a user – GET /consent/v1/user-id?user_id=\n */\n getLatestConsentByUserId: async ({\n user_id,\n }: GetLatestConsentByUserIdParams): Promise<GetLatestConsentByUserIdResponse> => {\n const { data } = await axiosInstance.get<GetLatestConsentByUserIdResponse>(\n `${baseUrl}/user-id`,\n { params: { user_id } }\n );\n return data;\n },\n\n /**\n * Create user consent (account register) – POST /consent/v1/user-id\n * Consumer app must hash user_id/device_id (e.g. SHA-256) before passing.\n */\n createUserConsent: async (\n body: CreateUserConsentUpsertDTO\n ): Promise<CreateUserConsentResponse> => {\n const { data } = await axiosInstance.post<CreateUserConsentResponse>(\n `${baseUrl}/user-id`,\n body\n );\n return data;\n },\n\n /**\n * Get latest cookie consent for a device – GET /consent/v1/cookies/device-id?device_id=\n */\n getLatestCookieConsentByDeviceId: async ({\n device_id,\n }: GetLatestCookieConsentByDeviceIdParams): Promise<GetLatestCookieConsentByDeviceIdResponse> => {\n const { data } =\n await axiosInstance.get<GetLatestCookieConsentByDeviceIdResponse>(\n `${baseUrl}/cookies/device-id`,\n { params: { device_id } }\n );\n return data;\n },\n\n /**\n * Create device cookie consent – POST /consent/v1/cookies/device-id\n * Consumer app must hash device_id (e.g. SHA-256) before passing.\n */\n createDeviceCookieConsent: async (\n body: CreateDeviceCookieConsentUpsertDTO\n ): Promise<CreateDeviceCookieConsentResponse> => {\n const { data } =\n await axiosInstance.post<CreateDeviceCookieConsentResponse>(\n `${baseUrl}/cookies/device-id`,\n body\n );\n return data;\n },\n };\n};\n","import {\n useQuery,\n useMutation,\n useQueryClient,\n UseQueryOptions,\n UseMutationOptions,\n} from \"@tanstack/react-query\";\nimport { consentService } from \"../api/consent\";\nimport { sha256 } from \"../helpers/sha256\";\nimport { useConsentService } from \"../provider/ConsentServiceProvider\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\n/** Query keys for consent API */\nexport const consentQueryKeys = {\n all: [\"consent\"] as const,\n health: () => [...consentQueryKeys.all, \"health\"] as const,\n list: (params?: GetManyConsentParams) =>\n [...consentQueryKeys.all, \"list\", params] as const,\n detail: (id: string) => [...consentQueryKeys.all, \"detail\", id] as const,\n latestByUserId: (user_id: string) =>\n [...consentQueryKeys.all, \"user-id\", user_id] as const,\n latestCookieByDeviceId: (device_id: string) =>\n [...consentQueryKeys.all, \"cookies\", \"device-id\", device_id] as const,\n};\n\n// --- Queries ---\n\n/** Health check – GET /health */\nexport const useHealth = (\n options?: UseQueryOptions<HealthResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<HealthResponse>({\n queryKey: consentQueryKeys.health(),\n queryFn: () => service.getHealth(),\n ...options,\n });\n};\n\n/** Get all consent logs – GET /consent/v1/consent */\nexport const useManyConsents = (\n params?: GetManyConsentParams,\n options?: UseQueryOptions<GetManyConsentResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetManyConsentResponse>({\n queryKey: consentQueryKeys.list(params),\n queryFn: () => service.getManyConsents(params),\n ...options,\n });\n};\n\n/** Get consent log by ID – GET /consent/v1/consent/{id} */\nexport const useConsentById = (\n params: GetConsentByIdParams,\n options?: UseQueryOptions<GetConsentByIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetConsentByIdResponse>({\n queryKey: consentQueryKeys.detail(params.id),\n queryFn: () => service.getConsentById(params),\n enabled: !!params.id,\n ...options,\n });\n};\n\n/** Get latest consent for a user – GET /consent/v1/user-id (user_id hashed before send) */\nexport const useLatestConsentByUserId = (\n params: GetLatestConsentByUserIdParams,\n options?: UseQueryOptions<GetLatestConsentByUserIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestConsentByUserIdResponse>({\n queryKey: consentQueryKeys.latestByUserId(params.user_id),\n queryFn: async () => {\n const user_id = await sha256(params.user_id);\n return service.getLatestConsentByUserId({ user_id });\n },\n enabled: !!params.user_id,\n ...options,\n });\n};\n\n/** Get latest cookie consent for a device – GET /consent/v1/cookies/device-id (device_id hashed before send) */\nexport const useLatestCookieConsentByDeviceId = (\n params: GetLatestCookieConsentByDeviceIdParams,\n options?: UseQueryOptions<GetLatestCookieConsentByDeviceIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestCookieConsentByDeviceIdResponse>({\n queryKey: consentQueryKeys.latestCookieByDeviceId(params.device_id),\n queryFn: async () => {\n const device_id = await sha256(params.device_id);\n return service.getLatestCookieConsentByDeviceId({ device_id });\n },\n enabled: !!params.device_id,\n ...options,\n });\n};\n\n// --- Mutations ---\n\n/** Create user consent (account register) – POST /consent/v1/user-id */\nexport const useCreateUserConsent = (\n options?: UseMutationOptions<\n CreateUserConsentResponse,\n Error,\n CreateUserConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<CreateUserConsentResponse, Error, CreateUserConsentUpsertDTO>({\n mutationFn: async (body: CreateUserConsentUpsertDTO) => {\n const payload = { ...body };\n if (body.user_id != null && body.user_id !== \"\") {\n payload.user_id = await sha256(body.user_id);\n }\n if (body.device_id != null && body.device_id !== \"\") {\n payload.device_id = await sha256(body.device_id);\n }\n return service.createUserConsent(payload);\n },\n onSuccess: (\n _data: CreateUserConsentResponse,\n variables: CreateUserConsentUpsertDTO\n ) => {\n if (variables.user_id) {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestByUserId(variables.user_id),\n });\n }\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n\n/** Create device cookie consent – POST /consent/v1/cookies/device-id */\nexport const useCreateDeviceCookieConsent = (\n options?: UseMutationOptions<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >({\n mutationFn: async (body: CreateDeviceCookieConsentUpsertDTO) => {\n const payload = {\n ...body,\n device_id: await sha256(body.device_id),\n };\n return service.createDeviceCookieConsent(payload);\n },\n onSuccess: (\n _data: CreateDeviceCookieConsentResponse,\n variables: CreateDeviceCookieConsentUpsertDTO\n ) => {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestCookieByDeviceId(variables.device_id),\n });\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n","/**\n * Hash user_id or device_id with SHA-256 for the two POST consent hooks\n * (createUserConsent, createDeviceCookieConsent).\n * Input: string, encoded as UTF-8 before hashing.\n * Output: lowercase hex string.\n * Uses Web Crypto when available; falls back to pure-JS SHA-256 for old devices.\n */\n\n/** Encode hash digest bytes as lowercase hex string. */\nfunction arrayBufferToHex(buffer: ArrayBuffer): string {\n return Array.from(new Uint8Array(buffer))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\")\n .toLowerCase();\n}\n\n/**\n * SHA-256 via Web Crypto (modern browsers, Node 19+).\n * Input encoded as UTF-8; output lowercase hex.\n */\nasync function sha256WebCrypto(value: string): Promise<string> {\n const utf8 = new TextEncoder().encode(value);\n const hashBuffer = await crypto.subtle.digest(\"SHA-256\", utf8);\n return arrayBufferToHex(hashBuffer);\n}\n\n/**\n * Pure-JS SHA-256 fallback for environments without crypto.subtle\n * (e.g. old browsers, insecure context, Node < 19).\n * Input encoded as UTF-8; output lowercase hex.\n */\nfunction sha256Fallback(value: string): string {\n const bytes = utf8Encode(value);\n const K = getK();\n const H = getH();\n const W = new Uint32Array(64);\n const numBlocks = bytes.length >> 6;\n\n for (let block = 0; block < numBlocks; block++) {\n const start = block << 6;\n for (let i = 0; i < 16; i++) {\n const o = start + (i << 2);\n W[i] =\n (bytes[o]! << 24) |\n (bytes[o + 1]! << 16) |\n (bytes[o + 2]! << 8) |\n bytes[o + 3]!;\n }\n for (let i = 16; i < 64; i++) {\n const s0 = rotr(W[i - 15]!, 7) ^ rotr(W[i - 15]!, 18) ^ (W[i - 15]! >>> 3);\n const s1 = rotr(W[i - 2]!, 17) ^ rotr(W[i - 2]!, 19) ^ (W[i - 2]! >>> 10);\n W[i] = (W[i - 16]! + s0 + W[i - 7]! + s1) >>> 0;\n }\n let a = H[0]!,\n b = H[1]!,\n c = H[2]!,\n d = H[3]!,\n e = H[4]!,\n f = H[5]!,\n g = H[6]!,\n h = H[7]!;\n for (let i = 0; i < 64; i++) {\n const S1 = rotr(e, 6) ^ rotr(e, 11) ^ rotr(e, 25);\n const ch = (e & f) ^ (~e & g);\n const t1 = (h + S1 + ch + K[i]! + W[i]!) >>> 0;\n const S0 = rotr(a, 2) ^ rotr(a, 13) ^ rotr(a, 22);\n const maj = (a & b) ^ (a & c) ^ (b & c);\n const t2 = (S0 + maj) >>> 0;\n h = g;\n g = f;\n f = e;\n e = (d + t1) >>> 0;\n d = c;\n c = b;\n b = a;\n a = (t1 + t2) >>> 0;\n }\n H[0] = (H[0]! + a) >>> 0;\n H[1] = (H[1]! + b) >>> 0;\n H[2] = (H[2]! + c) >>> 0;\n H[3] = (H[3]! + d) >>> 0;\n H[4] = (H[4]! + e) >>> 0;\n H[5] = (H[5]! + f) >>> 0;\n H[6] = (H[6]! + g) >>> 0;\n H[7] = (H[7]! + h) >>> 0;\n }\n\n let out = \"\";\n for (let i = 0; i < 8; i++) {\n const v = H[i]!;\n out +=\n (v >>> 28).toString(16) +\n ((v >>> 24) & 0xf).toString(16) +\n ((v >>> 20) & 0xf).toString(16) +\n ((v >>> 16) & 0xf).toString(16) +\n ((v >>> 12) & 0xf).toString(16) +\n ((v >>> 8) & 0xf).toString(16) +\n ((v >>> 4) & 0xf).toString(16) +\n (v & 0xf).toString(16);\n }\n return out.toLowerCase();\n}\n\nfunction rotr(n: number, b: number): number {\n return (n >>> b) | (n << (32 - b));\n}\n\n/** Encode string to UTF-8 bytes (with SHA-256 padding for block processing). */\nfunction utf8Encode(s: string): Uint8Array {\n const n = s.length;\n const bytes: number[] = [];\n for (let i = 0; i < n; i++) {\n let c = s.charCodeAt(i);\n if (c < 0x80) {\n bytes.push(c);\n } else if (c < 0x800) {\n bytes.push(0xc0 | (c >> 6), 0x80 | (c & 0x3f));\n } else if (c < 0xd800 || c >= 0xe000) {\n bytes.push(0xe0 | (c >> 12), 0x80 | ((c >> 6) & 0x3f), 0x80 | (c & 0x3f));\n } else {\n c = 0x10000 + (((c & 0x3ff) << 10) | (s.charCodeAt(++i) & 0x3ff));\n bytes.push(\n 0xf0 | (c >> 18),\n 0x80 | ((c >> 12) & 0x3f),\n 0x80 | ((c >> 6) & 0x3f),\n 0x80 | (c & 0x3f)\n );\n }\n }\n const len = bytes.length;\n const pad = (64 - ((len + 9) % 64)) % 64;\n const total = len + 9 + pad;\n const out = new Uint8Array(total);\n out.set(bytes);\n out[len] = 0x80;\n const view = new DataView(out.buffer, out.byteOffset, out.byteLength);\n view.setUint32(total - 8, 0, false);\n view.setUint32(total - 4, (len * 8) >>> 0, false);\n return out;\n}\n\nfunction getK(): number[] {\n const k: number[] = [];\n const hex =\n \"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2\";\n hex.split(\" \").forEach((h) => k.push(parseInt(h, 16)));\n return k;\n}\n\nfunction getH(): number[] {\n return [\n 0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c,\n 0x1f83d9ab, 0x5be0cd19,\n ];\n}\n\nfunction hasWebCrypto(): boolean {\n if (typeof crypto === \"undefined\" || !crypto.subtle) return false;\n return true;\n}\n\n/**\n * Hash a string with SHA-256.\n * Input: encoded as UTF-8. Output: lowercase hex string.\n * Use for user_id and device_id before calling createUserConsent / createDeviceCookieConsent.\n * Uses Web Crypto when available; falls back to pure-JS for old devices (no crypto.subtle).\n */\nexport async function sha256(value: string): Promise<string> {\n if (typeof value !== \"string\" || value.length === 0) {\n return value;\n }\n if (hasWebCrypto()) {\n return sha256WebCrypto(value);\n }\n return Promise.resolve(sha256Fallback(value));\n}\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { COOKIE_POLICY_URL, OTHER_INFO_URL } from \"../env/constant\";\nimport { setConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { useCreateDeviceCookieConsent } from \"../hooks/useConsent\";\n\nimport { usePhygitalConsent } from \"../provider/PhygitalConsentProvider\";\n\nconst PREFERENCES = [\"essential\", \"analytics\", \"advertising\"] as const;\ntype PreferenceKey = (typeof PREFERENCES)[number];\n\nconst PREFERENCE_CONFIG: Record<\n PreferenceKey,\n { label: string; description: string; labelVi: string; descriptionVi: string; disabled?: boolean }\n> = {\n essential: {\n label: \"Essential\",\n description: \"Required for the site to work (e.g. security, preferences).\",\n labelVi: \"Cần thiết\",\n descriptionVi: \"Cần thiết cho hoạt động của trang (bảo mật, tùy chọn).\",\n },\n analytics: {\n label: \"Analytics\",\n description: \"Help us improve by collecting anonymous usage data.\",\n labelVi: \"Phân tích\",\n descriptionVi: \"Giúp chúng tôi cải thiện bằng cách thu thập dữ liệu sử dụng ẩn danh.\",\n },\n advertising: {\n label: \"Advertising\",\n description: \"Used to show you relevant ads and measure campaigns.\",\n labelVi: \"Quảng cáo\",\n descriptionVi: \"Dùng để hiển thị quảng cáo phù hợp và đo lường chiến dịch.\",\n },\n};\n\nexport interface CookieConsentBannerProps {\n /** Called after consent is submitted successfully (Reject or Accept). */\n onSubmitted?: () => void;\n /** Called when the banner is dismissed (e.g. hide from UI). */\n onDismiss?: () => void;\n /** Optional class name for the root container. */\n className?: string;\n}\n\nexport function CookieConsentBanner({\n onSubmitted,\n onDismiss,\n className = \"\",\n}: CookieConsentBannerProps) {\n const [dismissed, setDismissed] = useState(false);\n const [showCustomModal, setShowCustomModal] = useState(false);\n const [expandedKey, setExpandedKey] = useState<PreferenceKey | null>(null);\n const [preferences, setPreferences] = useState<Record<PreferenceKey, boolean>>({\n essential: true,\n analytics: true,\n advertising: true,\n });\n\n const { deviceId } = usePhygitalConsent();\n\n const createConsent = useCreateDeviceCookieConsent({\n onSuccess: (_data, variables) => {\n setConsentPreferenceCookie(deviceId, variables.selected_preferences ?? []);\n onSubmitted?.();\n onDismiss?.();\n setDismissed(true);\n setShowCustomModal(false);\n },\n });\n\n const getSelectedPreferences = (): string[] =>\n PREFERENCES.filter((key) => preferences[key]);\n\n const togglePreference = (key: PreferenceKey) => {\n if (PREFERENCE_CONFIG[key].disabled) return;\n setPreferences((prev) => ({ ...prev, [key]: !prev[key] }));\n };\n\n const handleReject = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"REJECTED\",\n selected_preferences: [\"essential\"],\n });\n };\n\n const handleAcceptAll = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: [...PREFERENCES],\n });\n };\n\n const handleSaveCustom = () => {\n const selected = getSelectedPreferences();\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: selected.length > 0 ? selected : [\"essential\"],\n });\n };\n\n if (dismissed) return null;\n\n return (\n <>\n {/* Screen 1: Bottom banner */}\n <div\n role=\"dialog\"\n aria-label=\"Thông báo về cookie\"\n className={`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${className}`}\n style={{\n position: \"fixed\",\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 50,\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1rem\",\n borderRadius: \"0.75rem 0.75rem 0 0\",\n borderWidth: \"1px 1px 0 1px\",\n borderColor: \"#e5e7eb\",\n backgroundColor: \"#fff\",\n padding: \"1rem\",\n boxShadow: \"0 -4px 6px -1px rgb(0 0 0 / 0.1)\",\n }}\n >\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\" }}\n >\n Thông báo về cookie\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", display: \"flex\", flexDirection: \"column\", gap: \"0.5rem\" }}\n >\n <p>\n TapQuest sử dụng trình theo dõi (như Cookie hoặc SDK) cho:\n </p>\n <ul style={{ margin: 0, paddingLeft: \"1.25rem\" }}>\n {PREFERENCES.map((key) => (\n <li key={key}>{PREFERENCE_CONFIG[key].labelVi}</li>\n ))}\n </ul>\n <p>\n Trước khi bạn đồng ý, chỉ những trình theo dõi hoàn toàn cần thiết mới được triển khai.\n </p>\n <p>\n Nếu bạn chọn Chấp nhận tất cả, bạn đồng ý sử dụng tất cả trình theo dõi của chúng tôi.\n </p>\n <p>\n Nếu bạn chọn Từ chối tất cả, bạn từ chối những trình theo dõi yêu cầu sự đồng ý của bạn và sẽ không có quyền truy cập vào các đề nghị hoặc nội dung được cá nhân hóa.\n </p>\n <p>\n Nếu bạn chọn Tùy chọn, bạn có thể chọn xem bạn có đồng ý sử dụng trình theo dõi trên ứng dụng của chúng tôi hay không và ở mức độ nào.\n </p>\n <p>\n Bạn có thể rút lại sự đồng ý của mình bất kỳ lúc nào bằng cách nhấp vào liên kết trong{\" \"}\n {COOKIE_POLICY_URL ? (\n <a\n href={COOKIE_POLICY_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Chính sách cookie\n </a>\n ) : (\n \"Chính sách cookie\"\n )}{\" \"}\n của chúng tôi.\n </p>\n </div>\n <div style={{ display: \"flex\", gap: \"0.5rem\", flexWrap: \"wrap\" }}>\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(true)}\n className=\"consent:rounded-lg consent:border consent:border-gray-300 consent:bg-white consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-gray-700 consent:shadow-sm hover:consent:bg-gray-50 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n border: \"1px solid #111827\",\n background: \"#fff\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#111827\",\n cursor: \"pointer\",\n }}\n >\n Tùy chọn\n </button>\n <button\n type=\"button\"\n onClick={handleReject}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Từ chối tất cả\n </button>\n <button\n type=\"button\"\n onClick={handleAcceptAll}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Chấp nhận tất cả\n </button>\n </div>\n {createConsent.isError && (\n <p\n className=\"consent:text-sm consent:text-red-600\"\n style={{ fontSize: \"0.875rem\", color: \"#dc2626\" }}\n >\n Đã xảy ra lỗi. Vui lòng thử lại.\n </p>\n )}\n </div>\n\n {/* Screen 2: Custom preferences modal */}\n {showCustomModal && (\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Trung tâm tuỳ chọn bảo mật\"\n style={{\n position: \"fixed\",\n inset: 0,\n zIndex: 60,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: \"1rem\",\n }}\n onClick={(e) => e.target === e.currentTarget && setShowCustomModal(false)}\n >\n <div\n className=\"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto\"\n style={{\n backgroundColor: \"#fff\",\n borderRadius: \"0.75rem\",\n border: \"1px solid #e5e7eb\",\n boxShadow: \"0 10px 15px -3px rgb(0 0 0 / 0.1)\",\n maxWidth: \"28rem\",\n width: \"100%\",\n maxHeight: \"90vh\",\n overflowY: \"auto\",\n padding: \"1.25rem\",\n position: \"relative\",\n }}\n onClick={(e) => e.stopPropagation()}\n >\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(false)}\n aria-label=\"Đóng\"\n style={{\n position: \"absolute\",\n top: \"1rem\",\n right: \"1rem\",\n width: \"2rem\",\n height: \"2rem\",\n borderRadius: \"0.25rem\",\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n fontSize: \"1.25rem\",\n lineHeight: 1,\n color: \"#6b7280\",\n }}\n >\n ×\n </button>\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\", paddingRight: \"2rem\" }}\n >\n Trung tâm tuỳ chọn bảo mật\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", marginBottom: \"1rem\" }}\n >\n <p style={{ marginBottom: \"0.5rem\" }}>\n Khi bạn truy cập bất kỳ trang web nào, trang web đó có thể lưu trữ hoặc truy xuất thông tin trên trình duyệt của bạn, chủ yếu dưới dạng cookie. Thông tin này có thể liên quan đến bạn, tùy chọn của bạn hoặc thiết bị của bạn, và chủ yếu được sử dụng để trang web hoạt động như mong đợi.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Thông tin này thường không trực tiếp xác định bạn nhưng có thể mang lại trải nghiệm web được cá nhân hóa hơn. Chúng tôi tôn trọng quyền riêng tư của bạn; bạn có thể chọn không cho phép một số loại cookie. Nhấp vào tiêu đề từng danh mục để tìm hiểu thêm và thay đổi cài đặt mặc định. Việc chặn một số cookie có thể ảnh hưởng đến trải nghiệm của bạn với trang web và các dịch vụ được cung cấp.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Nếu chọn \"Không theo dõi\" khi lần đầu sử dụng TapQuest, chỉ cookie hoàn toàn cần thiết mới được sử dụng.\n </p>\n {OTHER_INFO_URL ? (\n <a\n href={OTHER_INFO_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Thông tin khác\n </a>\n ) : (\n <span style={{ color: \"#2563eb\", textDecoration: \"underline\" }}>Thông tin khác</span>\n )}\n </div>\n <h3\n className=\"consent:text-sm consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"0.875rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\" }}\n >\n Quản lý tuỳ chọn đồng ý\n </h3>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.25rem\", marginBottom: \"1.25rem\" }}>\n {PREFERENCES.map((key) => {\n const config = PREFERENCE_CONFIG[key];\n const checked = preferences[key];\n const isExpanded = expandedKey === key;\n return (\n <div\n key={key}\n style={{\n border: \"1px solid #e5e7eb\",\n borderRadius: \"0.5rem\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n padding: \"0.75rem\",\n cursor: \"pointer\",\n backgroundColor: isExpanded ? \"#f9fafb\" : \"transparent\",\n }}\n onClick={() => setExpandedKey(isExpanded ? null : key)}\n >\n <span\n style={{\n flexShrink: 0,\n width: \"1.25rem\",\n height: \"1.25rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"1rem\",\n color: \"#6b7280\",\n transform: isExpanded ? \"rotate(45deg)\" : \"none\",\n transition: \"transform 0.2s\",\n }}\n >\n +\n </span>\n <span\n className=\"consent:font-medium consent:text-gray-900\"\n style={{ flex: 1, fontSize: \"0.875rem\", fontWeight: 500, color: \"#111827\" }}\n >\n {config.labelVi}\n </span>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={checked}\n aria-label={`${config.labelVi} ${checked ? \"bật\" : \"tắt\"}`}\n disabled={config.disabled}\n onClick={(e) => {\n e.stopPropagation();\n togglePreference(key);\n }}\n style={{\n flexShrink: 0,\n width: 44,\n height: 24,\n borderRadius: 12,\n border: \"none\",\n padding: 0,\n cursor: config.disabled ? \"default\" : \"pointer\",\n backgroundColor: config.disabled ? \"#e5e7eb\" : checked ? \"#111827\" : \"#d1d5db\",\n opacity: config.disabled ? 0.7 : 1,\n transition: \"background-color 0.2s\",\n }}\n >\n <span\n style={{\n display: \"block\",\n width: 20,\n height: 20,\n borderRadius: \"50%\",\n backgroundColor: \"#fff\",\n marginLeft: checked ? 22 : 2,\n marginTop: 2,\n transition: \"margin-left 0.2s\",\n boxShadow: \"0 1px 2px rgb(0 0 0 / 0.2)\",\n }}\n />\n </button>\n </div>\n {isExpanded && (\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n padding: \"0 0.75rem 0.75rem 2.5rem\",\n borderTop: \"1px solid #e5e7eb\",\n }}\n >\n {config.descriptionVi}\n </div>\n )}\n </div>\n );\n })}\n </div>\n <button\n type=\"button\"\n onClick={handleSaveCustom}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n width: \"100%\",\n }}\n >\n Xác nhận lựa chọn của tôi\n </button>\n </div>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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","names":["index_exports","__export","COOKIE_CONSENT_NAME","CookieConsentBanner","EntityStatus","MediaType","PhygitalConsentProvider","consentQueryKeys","consentService","getConsentPreferenceCookie","getCookie","setConsentPreferenceCookie","setCookie","sha256","useConsentById","useCreateDeviceCookieConsent","useCreateUserConsent","useHealth","useLatestConsentByUserId","useLatestCookieConsentByDeviceId","useManyConsents","usePhygitalConsent","__toCommonJS","MediaType","EntityStatus","import_react","COOKIE_CONSENT_NAME","getCookie","name","match","setCookie","value","options","maxAge","path","sameSite","secure","cookie","getConsentPreferenceCookie","raw","COOKIE_CONSENT_NAME","parsed","setConsentPreferenceCookie","deviceId","selected_preferences","import_react_query","import_axios","import_react","import_jsx_runtime","ConsentServiceContext","createConsentService","baseURL","axiosConfig","requestInterceptors","responseInterceptors","instance","axios","headers","key","value","ConsentServiceProvider","children","queryClient","queryClientConfig","queryClientInstance","consentService","service","useConsentService","context","import_jsx_runtime","PhygitalConsentContext","PhygitalConsentProvider","props","children","deviceId","consentServiceProps","hasConsentPreference","setHasConsentPreference","refreshConsentPreference","stored","getConsentPreferenceCookie","value","ConsentServiceProvider","usePhygitalConsent","context","baseUrl","consentService","axiosInstance","data","params","id","user_id","body","device_id","import_react_query","arrayBufferToHex","buffer","b","sha256WebCrypto","value","utf8","hashBuffer","sha256Fallback","bytes","utf8Encode","K","getK","H","getH","W","numBlocks","block","start","i","o","s0","rotr","s1","a","c","d","e","f","g","h","S1","ch","t1","S0","maj","t2","out","v","n","s","len","pad","total","view","k","hasWebCrypto","sha256","consentQueryKeys","params","id","user_id","device_id","useHealth","options","consentApi","useConsentService","service","consentService","useManyConsents","useConsentById","useLatestConsentByUserId","sha256","useLatestCookieConsentByDeviceId","useCreateUserConsent","queryClient","body","payload","_data","variables","useCreateDeviceCookieConsent","import_react","import_jsx_runtime","PREFERENCES","PREFERENCE_CONFIG","CookieConsentBanner","onSubmitted","onDismiss","className","dismissed","setDismissed","showCustomModal","setShowCustomModal","expandedKey","setExpandedKey","preferences","setPreferences","deviceId","usePhygitalConsent","createConsent","useCreateDeviceCookieConsent","_data","variables","setConsentPreferenceCookie","getSelectedPreferences","key","togglePreference","prev","handleReject","handleAcceptAll","handleSaveCustom","selected","e","config","checked","isExpanded"]}
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  'use client'
2
- var J=(n=>(n.IMAGE="image",n.VIDEO="video",n))(J||{}),X=(n=>(n.ACTIVE="Active",n.INACTIVE="Inactive",n))(X||{});import{createContext as ce,useCallback as ae,useContext as de,useEffect as le,useState as ue}from"react";var N="phygital_cookie_consent";function Z(e){if(typeof document>"u")return null;let t=document.cookie.match(new RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)"));return t?decodeURIComponent(t[1]):null}function ee(e,t,n={}){if(typeof document>"u")return;let{maxAge:o=31536e3,path:s="/",sameSite:a="Lax",secure:d=!1}=n,l=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=${s}; max-age=${o}; SameSite=${a}`;d&&(l+="; Secure"),document.cookie=l}function T(){let e=Z(N);if(!e)return null;try{let t=JSON.parse(e);if(t&&typeof t=="object"&&"deviceId"in t&&"selected_preferences"in t&&typeof t.deviceId=="string"&&Array.isArray(t.selected_preferences))return t}catch{}return null}function G(e,t,n){ee(N,JSON.stringify({deviceId:e,selected_preferences:t}),{maxAge:31536e3,path:"/",sameSite:"Lax",...n})}import{QueryClient as te,QueryClientProvider as ne}from"@tanstack/react-query";import oe from"axios";import{createContext as se,useContext as re,useMemo as L}from"react";import{jsx as q}from"react/jsx-runtime";var V=se(void 0),ie=({baseURL:e="",axiosConfig:t={},requestInterceptors:n={},responseInterceptors:o={}})=>{let s=oe.create({baseURL:e,...t});return s.interceptors.request.use(n.onFulfilled,n.onRejected),s.interceptors.response.use(o.onFulfilled,o.onRejected),{consentApi:s,updateHeaders:d=>{Object.entries(d).forEach(([l,u])=>{s.defaults.headers.common[l]=u})}}},K=({children:e,baseURL:t="",axiosConfig:n={},queryClient:o,queryClientConfig:s={},requestInterceptors:a={},responseInterceptors:d={}})=>{let l=L(()=>o||new te({defaultOptions:{queries:{refetchOnWindowFocus:!1,refetchOnMount:!1,refetchOnReconnect:!1,...s?.defaultOptions?.queries},mutations:{...s?.defaultOptions?.mutations}},queryCache:s?.queryCache,mutationCache:s?.mutationCache}),[o]),u=L(()=>{let i=ie({baseURL:t,axiosConfig:n,requestInterceptors:a,responseInterceptors:d});return{consentApi:i.consentApi,updateHeaders:i.updateHeaders,queryClient:l}},[t,l,n,a,d]);return q(V.Provider,{value:u,children:q(ne,{client:l,children:e})})},x=()=>{let e=re(V);if(!e)throw new Error("useConsentService must be used within a ConsentServiceProvider");return e};import{jsx as M}from"react/jsx-runtime";var H=ce(void 0);function Me(e){let{children:t,deviceId:n,...o}=e,[s,a]=ue(!1),d=ae(()=>{let u=T();a(!!u)},[]);le(()=>{d()},[d]);let l={deviceId:n,hasConsentPreference:s,refreshConsentPreference:d};return M(K,{...o,children:M(H.Provider,{value:l,children:t})})}function Q(){let e=de(H);if(!e)throw new Error("usePhygitalConsent must be used within a PhygitalConsentProvider");return e}var U="/consent/v1",v=e=>({getHealth:async()=>{let{data:t}=await e.get("/health");return t},getManyConsents:async t=>{let{data:n}=await e.get(`${U}/consent`,{params:t?{type:t.type}:void 0});return n},getConsentById:async({id:t})=>{let{data:n}=await e.get(`${U}/consent/${t}`);return n},getLatestConsentByUserId:async({user_id:t})=>{let{data:n}=await e.get(`${U}/user-id`,{params:{user_id:t}});return n},createUserConsent:async t=>{let{data:n}=await e.post(`${U}/user-id`,t);return n},getLatestCookieConsentByDeviceId:async({device_id:t})=>{let{data:n}=await e.get(`${U}/cookies/device-id`,{params:{device_id:t}});return n},createDeviceCookieConsent:async t=>{let{data:n}=await e.post(`${U}/cookies/device-id`,t);return n}});import{useQuery as _,useMutation as F,useQueryClient as z}from"@tanstack/react-query";function pe(e){return Array.from(new Uint8Array(e)).map(t=>t.toString(16).padStart(2,"0")).join("").toLowerCase()}async function fe(e){let t=new TextEncoder().encode(e),n=await crypto.subtle.digest("SHA-256",t);return pe(n)}function Ce(e){let t=me(e),n=ge(),o=he(),s=new Uint32Array(64),a=t.length>>6;for(let l=0;l<a;l++){let u=l<<6;for(let p=0;p<16;p++){let r=u+(p<<2);s[p]=t[r]<<24|t[r+1]<<16|t[r+2]<<8|t[r+3]}for(let p=16;p<64;p++){let r=y(s[p-15],7)^y(s[p-15],18)^s[p-15]>>>3,f=y(s[p-2],17)^y(s[p-2],19)^s[p-2]>>>10;s[p]=s[p-16]+r+s[p-7]+f>>>0}let i=o[0],R=o[1],g=o[2],m=o[3],h=o[4],P=o[5],S=o[6],D=o[7];for(let p=0;p<64;p++){let r=y(h,6)^y(h,11)^y(h,25),f=h&P^~h&S,k=D+r+f+n[p]+s[p]>>>0,I=y(i,2)^y(i,13)^y(i,22),E=i&R^i&g^R&g,Y=I+E>>>0;D=S,S=P,P=h,h=m+k>>>0,m=g,g=R,R=i,i=k+Y>>>0}o[0]=o[0]+i>>>0,o[1]=o[1]+R>>>0,o[2]=o[2]+g>>>0,o[3]=o[3]+m>>>0,o[4]=o[4]+h>>>0,o[5]=o[5]+P>>>0,o[6]=o[6]+S>>>0,o[7]=o[7]+D>>>0}let d="";for(let l=0;l<8;l++){let u=o[l];d+=(u>>>28).toString(16)+(u>>>24&15).toString(16)+(u>>>20&15).toString(16)+(u>>>16&15).toString(16)+(u>>>12&15).toString(16)+(u>>>8&15).toString(16)+(u>>>4&15).toString(16)+(u&15).toString(16)}return d.toLowerCase()}function y(e,t){return e>>>t|e<<32-t}function me(e){let t=e.length,n=[];for(let u=0;u<t;u++){let i=e.charCodeAt(u);i<128?n.push(i):i<2048?n.push(192|i>>6,128|i&63):i<55296||i>=57344?n.push(224|i>>12,128|i>>6&63,128|i&63):(i=65536+((i&1023)<<10|e.charCodeAt(++u)&1023),n.push(240|i>>18,128|i>>12&63,128|i>>6&63,128|i&63))}let o=n.length,s=(64-(o+9)%64)%64,a=o+9+s,d=new Uint8Array(a);d.set(n),d[o]=128;let l=new DataView(d.buffer,d.byteOffset,d.byteLength);return l.setUint32(a-8,0,!1),l.setUint32(a-4,o*8>>>0,!1),d}function ge(){let e=[];return"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2".split(" ").forEach(n=>e.push(parseInt(n,16))),e}function he(){return[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225]}function ye(){return!(typeof crypto>"u"||!crypto.subtle)}async function w(e){return typeof e!="string"||e.length===0?e:ye()?fe(e):Promise.resolve(Ce(e))}var C={all:["consent"],health:()=>[...C.all,"health"],list:e=>[...C.all,"list",e],detail:e=>[...C.all,"detail",e],latestByUserId:e=>[...C.all,"user-id",e],latestCookieByDeviceId:e=>[...C.all,"cookies","device-id",e]},ot=e=>{let{consentApi:t}=x(),n=v(t);return _({queryKey:C.health(),queryFn:()=>n.getHealth(),...e})},st=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.list(e),queryFn:()=>o.getManyConsents(e),...t})},rt=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.detail(e.id),queryFn:()=>o.getConsentById(e),enabled:!!e.id,...t})},it=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.latestByUserId(e.user_id),queryFn:async()=>{let s=await w(e.user_id);return o.getLatestConsentByUserId({user_id:s})},enabled:!!e.user_id,...t})},ct=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.latestCookieByDeviceId(e.device_id),queryFn:async()=>{let s=await w(e.device_id);return o.getLatestCookieConsentByDeviceId({device_id:s})},enabled:!!e.device_id,...t})},at=e=>{let{consentApi:t}=x(),n=z(),o=v(t);return F({mutationFn:async s=>{let a={...s};return s.user_id!=null&&s.user_id!==""&&(a.user_id=await w(s.user_id)),s.device_id!=null&&s.device_id!==""&&(a.device_id=await w(s.device_id)),o.createUserConsent(a)},onSuccess:(s,a)=>{a.user_id&&n.invalidateQueries({queryKey:C.latestByUserId(a.user_id)}),n.invalidateQueries({queryKey:C.list()})},...e})},$=e=>{let{consentApi:t}=x(),n=z(),o=v(t);return F({mutationFn:async s=>{let a={...s,device_id:await w(s.device_id)};return o.createDeviceCookieConsent(a)},onSuccess:(s,a)=>{n.invalidateQueries({queryKey:C.latestCookieByDeviceId(a.device_id)}),n.invalidateQueries({queryKey:C.list()})},...e})};import{useState as B}from"react";import{Fragment as be,jsx as c,jsxs as b}from"react/jsx-runtime";var O=["essential","analytics","advertising"],A={essential:{label:"Essential",description:"Required for the site to work (e.g. security, preferences).",labelVi:"C\u1EA7n thi\u1EBFt",descriptionVi:"C\u1EA7n thi\u1EBFt cho ho\u1EA1t \u0111\u1ED9ng c\u1EE7a trang (b\u1EA3o m\u1EADt, t\xF9y ch\u1ECDn)."},analytics:{label:"Analytics",description:"Help us improve by collecting anonymous usage data.",labelVi:"Ph\xE2n t\xEDch",descriptionVi:"Gi\xFAp ch\xFAng t\xF4i c\u1EA3i thi\u1EC7n b\u1EB1ng c\xE1ch thu th\u1EADp d\u1EEF li\u1EC7u s\u1EED d\u1EE5ng \u1EA9n danh."},advertising:{label:"Advertising",description:"Used to show you relevant ads and measure campaigns.",labelVi:"Qu\u1EA3ng c\xE1o",descriptionVi:"D\xF9ng \u0111\u1EC3 hi\u1EC3n th\u1ECB qu\u1EA3ng c\xE1o ph\xF9 h\u1EE3p v\xE0 \u0111o l\u01B0\u1EDDng chi\u1EBFn d\u1ECBch."}};function vt({onSubmitted:e,onDismiss:t,className:n=""}){let[o,s]=B(!1),[a,d]=B(!1),[l,u]=B(null),[i,R]=B({essential:!0,analytics:!0,advertising:!0}),{deviceId:g}=Q(),m=$({onSuccess:(r,f)=>{G(g,f.selected_preferences??[]),e?.(),t?.(),s(!0),d(!1)}}),h=()=>O.filter(r=>i[r]),P=r=>{A[r].disabled||R(f=>({...f,[r]:!f[r]}))},S=()=>{m.mutate({device_id:g,status:"REJECTED",selected_preferences:["essential"]})},D=()=>{m.mutate({device_id:g,status:"ACCEPTED",selected_preferences:[...O]})},p=()=>{let r=h();m.mutate({device_id:g,status:"ACCEPTED",selected_preferences:r.length>0?r:["essential"]})};return o?null:b(be,{children:[b("div",{role:"dialog","aria-label":"Th\xF4ng b\xE1o v\u1EC1 cookie",className:`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${n}`,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:50,display:"flex",flexDirection:"column",gap:"1rem",borderRadius:"0.75rem 0.75rem 0 0",borderWidth:"1px 1px 0 1px",borderColor:"#e5e7eb",backgroundColor:"#fff",padding:"1rem",boxShadow:"0 -4px 6px -1px rgb(0 0 0 / 0.1)"},children:[c("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827"},children:"Th\xF4ng b\xE1o v\u1EC1 cookie"}),b("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",display:"flex",flexDirection:"column",gap:"0.5rem"},children:[c("p",{children:"TapQuest s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i (nh\u01B0 Cookie ho\u1EB7c SDK) cho:"}),c("ul",{style:{margin:0,paddingLeft:"1.25rem"},children:O.map(r=>c("li",{children:A[r].labelVi},r))}),c("p",{children:"Tr\u01B0\u1EDBc khi b\u1EA1n \u0111\u1ED3ng \xFD, ch\u1EC9 nh\u1EEFng tr\xECnh theo d\xF5i ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c tri\u1EC3n khai."}),c("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3, b\u1EA1n \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng t\u1EA5t c\u1EA3 tr\xECnh theo d\xF5i c\u1EE7a ch\xFAng t\xF4i."}),c("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3, b\u1EA1n t\u1EEB ch\u1ED1i nh\u1EEFng tr\xECnh theo d\xF5i y\xEAu c\u1EA7u s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a b\u1EA1n v\xE0 s\u1EBD kh\xF4ng c\xF3 quy\u1EC1n truy c\u1EADp v\xE0o c\xE1c \u0111\u1EC1 ngh\u1ECB ho\u1EB7c n\u1ED9i dung \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a."}),c("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\xF9y ch\u1ECDn, b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn xem b\u1EA1n c\xF3 \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i tr\xEAn \u1EE9ng d\u1EE5ng c\u1EE7a ch\xFAng t\xF4i hay kh\xF4ng v\xE0 \u1EDF m\u1EE9c \u0111\u1ED9 n\xE0o."}),b("p",{children:["B\u1EA1n c\xF3 th\u1EC3 r\xFAt l\u1EA1i s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a m\xECnh b\u1EA5t k\u1EF3 l\xFAc n\xE0o b\u1EB1ng c\xE1ch nh\u1EA5p v\xE0o li\xEAn k\u1EBFt trong"," ","Ch\xEDnh s\xE1ch cookie"," ","c\u1EE7a ch\xFAng t\xF4i."]}),c("p",{children:c("button",{type:"button",onClick:()=>d(!0),className:"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:cursor-pointer consent:font-inherit",style:{color:"#2563eb",textDecoration:"underline",background:"none",border:"none",padding:0,cursor:"pointer",font:"inherit"},children:"Tu\u1EF3 ch\u1EC9nh cookie."})})]}),b("div",{className:"consent:flex consent:flex-col consent:gap-2",style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[b("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[c("button",{type:"button",onClick:D,disabled:m.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3"}),c("button",{type:"button",onClick:S,disabled:m.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3"})]}),c("button",{type:"button",onClick:()=>d(!0),className:"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:text-sm consent:cursor-pointer consent:font-inherit",style:{color:"#2563eb",textDecoration:"underline",background:"none",border:"none",padding:0,fontSize:"0.875rem",cursor:"pointer",font:"inherit",alignSelf:"flex-start"},children:"Tu\u1EF3 ch\u1ECDn"})]}),m.isError&&c("p",{className:"consent:text-sm consent:text-red-600",style:{fontSize:"0.875rem",color:"#dc2626"},children:"\u0110\xE3 x\u1EA3y ra l\u1ED7i. Vui l\xF2ng th\u1EED l\u1EA1i."})]}),a&&c("div",{role:"dialog","aria-modal":"true","aria-label":"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt",style:{position:"fixed",inset:0,zIndex:60,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)",padding:"1rem"},onClick:r=>r.target===r.currentTarget&&d(!1),children:b("div",{className:"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto",style:{backgroundColor:"#fff",borderRadius:"0.75rem",border:"1px solid #e5e7eb",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1)",maxWidth:"28rem",width:"100%",maxHeight:"90vh",overflowY:"auto",padding:"1.25rem",position:"relative"},onClick:r=>r.stopPropagation(),children:[c("button",{type:"button",onClick:()=>d(!1),"aria-label":"\u0110\xF3ng",style:{position:"absolute",top:"1rem",right:"1rem",width:"2rem",height:"2rem",borderRadius:"0.25rem",border:"none",background:"transparent",cursor:"pointer",fontSize:"1.25rem",lineHeight:1,color:"#6b7280"},children:"\xD7"}),c("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem",paddingRight:"2rem"},children:"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt"}),b("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",marginBottom:"1rem"},children:[c("p",{style:{marginBottom:"0.5rem"},children:"Khi b\u1EA1n truy c\u1EADp b\u1EA5t k\u1EF3 trang web n\xE0o, trang web \u0111\xF3 c\xF3 th\u1EC3 l\u01B0u tr\u1EEF ho\u1EB7c truy xu\u1EA5t th\xF4ng tin tr\xEAn tr\xECnh duy\u1EC7t c\u1EE7a b\u1EA1n, ch\u1EE7 y\u1EBFu d\u01B0\u1EDBi d\u1EA1ng cookie. Th\xF4ng tin n\xE0y c\xF3 th\u1EC3 li\xEAn quan \u0111\u1EBFn b\u1EA1n, t\xF9y ch\u1ECDn c\u1EE7a b\u1EA1n ho\u1EB7c thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n, v\xE0 ch\u1EE7 y\u1EBFu \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 trang web ho\u1EA1t \u0111\u1ED9ng nh\u01B0 mong \u0111\u1EE3i."}),c("p",{style:{marginBottom:"0.5rem"},children:"Th\xF4ng tin n\xE0y th\u01B0\u1EDDng kh\xF4ng tr\u1EF1c ti\u1EBFp x\xE1c \u0111\u1ECBnh b\u1EA1n nh\u01B0ng c\xF3 th\u1EC3 mang l\u1EA1i tr\u1EA3i nghi\u1EC7m web \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a h\u01A1n. Ch\xFAng t\xF4i t\xF4n tr\u1ECDng quy\u1EC1n ri\xEAng t\u01B0 c\u1EE7a b\u1EA1n; b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn kh\xF4ng cho ph\xE9p m\u1ED9t s\u1ED1 lo\u1EA1i cookie. Nh\u1EA5p v\xE0o ti\xEAu \u0111\u1EC1 t\u1EEBng danh m\u1EE5c \u0111\u1EC3 t\xECm hi\u1EC3u th\xEAm v\xE0 thay \u0111\u1ED5i c\xE0i \u0111\u1EB7t m\u1EB7c \u0111\u1ECBnh. Vi\u1EC7c ch\u1EB7n m\u1ED9t s\u1ED1 cookie c\xF3 th\u1EC3 \u1EA3nh h\u01B0\u1EDFng \u0111\u1EBFn tr\u1EA3i nghi\u1EC7m c\u1EE7a b\u1EA1n v\u1EDBi trang web v\xE0 c\xE1c d\u1ECBch v\u1EE5 \u0111\u01B0\u1EE3c cung c\u1EA5p."}),c("p",{style:{marginBottom:"0.5rem"},children:'N\u1EBFu ch\u1ECDn "Kh\xF4ng theo d\xF5i" khi l\u1EA7n \u0111\u1EA7u s\u1EED d\u1EE5ng TapQuest, ch\u1EC9 cookie ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng.'}),c("span",{style:{color:"#2563eb",textDecoration:"underline"},children:"Th\xF4ng tin kh\xE1c"})]}),c("h3",{className:"consent:text-sm consent:font-semibold consent:text-gray-900",style:{fontSize:"0.875rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem"},children:"Qu\u1EA3n l\xFD tu\u1EF3 ch\u1ECDn \u0111\u1ED3ng \xFD"}),c("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",marginBottom:"1.25rem"},children:O.map(r=>{let f=A[r],k=i[r],I=l===r;return b("div",{style:{border:"1px solid #e5e7eb",borderRadius:"0.5rem",overflow:"hidden"},children:[b("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",padding:"0.75rem",cursor:"pointer",backgroundColor:I?"#f9fafb":"transparent"},onClick:()=>u(I?null:r),children:[c("span",{style:{flexShrink:0,width:"1.25rem",height:"1.25rem",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem",color:"#6b7280",transform:I?"rotate(45deg)":"none",transition:"transform 0.2s"},children:"+"}),c("span",{className:"consent:font-medium consent:text-gray-900",style:{flex:1,fontSize:"0.875rem",fontWeight:500,color:"#111827"},children:f.labelVi}),c("button",{type:"button",role:"switch","aria-checked":k,"aria-label":`${f.labelVi} ${k?"b\u1EADt":"t\u1EAFt"}`,disabled:f.disabled,onClick:E=>{E.stopPropagation(),P(r)},style:{flexShrink:0,width:44,height:24,borderRadius:12,border:"none",padding:0,cursor:f.disabled?"default":"pointer",backgroundColor:f.disabled?"#e5e7eb":k?"#111827":"#d1d5db",opacity:f.disabled?.7:1,transition:"background-color 0.2s"},children:c("span",{style:{display:"block",width:20,height:20,borderRadius:"50%",backgroundColor:"#fff",marginLeft:k?22:2,marginTop:2,transition:"margin-left 0.2s",boxShadow:"0 1px 2px rgb(0 0 0 / 0.2)"}})})]}),I&&c("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",padding:"0 0.75rem 0.75rem 2.5rem",borderTop:"1px solid #e5e7eb"},children:f.descriptionVi})]},r)})}),c("button",{type:"button",onClick:p,disabled:m.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer",width:"100%"},children:"X\xE1c nh\u1EADn l\u1EF1a ch\u1ECDn c\u1EE7a t\xF4i"})]})})]})}export{N as COOKIE_CONSENT_NAME,vt as CookieConsentBanner,X as EntityStatus,J as MediaType,Me as PhygitalConsentProvider,C as consentQueryKeys,v as consentService,T as getConsentPreferenceCookie,Z as getCookie,G as setConsentPreferenceCookie,ee as setCookie,w as sha256,rt as useConsentById,$ as useCreateDeviceCookieConsent,at as useCreateUserConsent,ot as useHealth,it as useLatestConsentByUserId,ct as useLatestCookieConsentByDeviceId,st as useManyConsents,Q as usePhygitalConsent};
2
+ var J=(n=>(n.IMAGE="image",n.VIDEO="video",n))(J||{}),X=(n=>(n.ACTIVE="Active",n.INACTIVE="Inactive",n))(X||{});import{createContext as ce,useCallback as ae,useContext as de,useEffect as le,useState as ue}from"react";var N="phygital_cookie_consent";function Z(e){if(typeof document>"u")return null;let t=document.cookie.match(new RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)"));return t?decodeURIComponent(t[1]):null}function ee(e,t,n={}){if(typeof document>"u")return;let{maxAge:o=31536e3,path:s="/",sameSite:a="Lax",secure:d=!1}=n,l=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=${s}; max-age=${o}; SameSite=${a}`;d&&(l+="; Secure"),document.cookie=l}function T(){let e=Z(N);if(!e)return null;try{let t=JSON.parse(e);if(t&&typeof t=="object"&&"deviceId"in t&&"selected_preferences"in t&&typeof t.deviceId=="string"&&Array.isArray(t.selected_preferences))return t}catch{}return null}function G(e,t,n){ee(N,JSON.stringify({deviceId:e,selected_preferences:t}),{maxAge:31536e3,path:"/",sameSite:"Lax",...n})}import{QueryClient as te,QueryClientProvider as ne}from"@tanstack/react-query";import oe from"axios";import{createContext as se,useContext as re,useMemo as L}from"react";import{jsx as q}from"react/jsx-runtime";var V=se(void 0),ie=({baseURL:e="",axiosConfig:t={},requestInterceptors:n={},responseInterceptors:o={}})=>{let s=oe.create({baseURL:e,...t});return s.interceptors.request.use(n.onFulfilled,n.onRejected),s.interceptors.response.use(o.onFulfilled,o.onRejected),{consentApi:s,updateHeaders:d=>{Object.entries(d).forEach(([l,u])=>{s.defaults.headers.common[l]=u})}}},K=({children:e,baseURL:t="",axiosConfig:n={},queryClient:o,queryClientConfig:s={},requestInterceptors:a={},responseInterceptors:d={}})=>{let l=L(()=>o||new te({defaultOptions:{queries:{refetchOnWindowFocus:!1,refetchOnMount:!1,refetchOnReconnect:!1,...s?.defaultOptions?.queries},mutations:{...s?.defaultOptions?.mutations}},queryCache:s?.queryCache,mutationCache:s?.mutationCache}),[o]),u=L(()=>{let i=ie({baseURL:t,axiosConfig:n,requestInterceptors:a,responseInterceptors:d});return{consentApi:i.consentApi,updateHeaders:i.updateHeaders,queryClient:l}},[t,l,n,a,d]);return q(V.Provider,{value:u,children:q(ne,{client:l,children:e})})},x=()=>{let e=re(V);if(!e)throw new Error("useConsentService must be used within a ConsentServiceProvider");return e};import{jsx as M}from"react/jsx-runtime";var H=ce(void 0);function Me(e){let{children:t,deviceId:n,...o}=e,[s,a]=ue(!1),d=ae(()=>{let u=T();a(!!u)},[]);le(()=>{d()},[d]);let l={deviceId:n,hasConsentPreference:s,refreshConsentPreference:d};return M(K,{...o,children:M(H.Provider,{value:l,children:t})})}function Q(){let e=de(H);if(!e)throw new Error("usePhygitalConsent must be used within a PhygitalConsentProvider");return e}var w="",v=e=>({getHealth:async()=>{let{data:t}=await e.get("/health");return t},getManyConsents:async t=>{let{data:n}=await e.get(`${w}/consent`,{params:t?{type:t.type}:void 0});return n},getConsentById:async({id:t})=>{let{data:n}=await e.get(`${w}/consent/${t}`);return n},getLatestConsentByUserId:async({user_id:t})=>{let{data:n}=await e.get(`${w}/user-id`,{params:{user_id:t}});return n},createUserConsent:async t=>{let{data:n}=await e.post(`${w}/user-id`,t);return n},getLatestCookieConsentByDeviceId:async({device_id:t})=>{let{data:n}=await e.get(`${w}/cookies/device-id`,{params:{device_id:t}});return n},createDeviceCookieConsent:async t=>{let{data:n}=await e.post(`${w}/cookies/device-id`,t);return n}});import{useQuery as _,useMutation as F,useQueryClient as z}from"@tanstack/react-query";function pe(e){return Array.from(new Uint8Array(e)).map(t=>t.toString(16).padStart(2,"0")).join("").toLowerCase()}async function fe(e){let t=new TextEncoder().encode(e),n=await crypto.subtle.digest("SHA-256",t);return pe(n)}function Ce(e){let t=me(e),n=ge(),o=he(),s=new Uint32Array(64),a=t.length>>6;for(let l=0;l<a;l++){let u=l<<6;for(let p=0;p<16;p++){let r=u+(p<<2);s[p]=t[r]<<24|t[r+1]<<16|t[r+2]<<8|t[r+3]}for(let p=16;p<64;p++){let r=y(s[p-15],7)^y(s[p-15],18)^s[p-15]>>>3,f=y(s[p-2],17)^y(s[p-2],19)^s[p-2]>>>10;s[p]=s[p-16]+r+s[p-7]+f>>>0}let i=o[0],R=o[1],g=o[2],m=o[3],h=o[4],k=o[5],I=o[6],D=o[7];for(let p=0;p<64;p++){let r=y(h,6)^y(h,11)^y(h,25),f=h&k^~h&I,P=D+r+f+n[p]+s[p]>>>0,S=y(i,2)^y(i,13)^y(i,22),A=i&R^i&g^R&g,Y=S+A>>>0;D=I,I=k,k=h,h=m+P>>>0,m=g,g=R,R=i,i=P+Y>>>0}o[0]=o[0]+i>>>0,o[1]=o[1]+R>>>0,o[2]=o[2]+g>>>0,o[3]=o[3]+m>>>0,o[4]=o[4]+h>>>0,o[5]=o[5]+k>>>0,o[6]=o[6]+I>>>0,o[7]=o[7]+D>>>0}let d="";for(let l=0;l<8;l++){let u=o[l];d+=(u>>>28).toString(16)+(u>>>24&15).toString(16)+(u>>>20&15).toString(16)+(u>>>16&15).toString(16)+(u>>>12&15).toString(16)+(u>>>8&15).toString(16)+(u>>>4&15).toString(16)+(u&15).toString(16)}return d.toLowerCase()}function y(e,t){return e>>>t|e<<32-t}function me(e){let t=e.length,n=[];for(let u=0;u<t;u++){let i=e.charCodeAt(u);i<128?n.push(i):i<2048?n.push(192|i>>6,128|i&63):i<55296||i>=57344?n.push(224|i>>12,128|i>>6&63,128|i&63):(i=65536+((i&1023)<<10|e.charCodeAt(++u)&1023),n.push(240|i>>18,128|i>>12&63,128|i>>6&63,128|i&63))}let o=n.length,s=(64-(o+9)%64)%64,a=o+9+s,d=new Uint8Array(a);d.set(n),d[o]=128;let l=new DataView(d.buffer,d.byteOffset,d.byteLength);return l.setUint32(a-8,0,!1),l.setUint32(a-4,o*8>>>0,!1),d}function ge(){let e=[];return"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2".split(" ").forEach(n=>e.push(parseInt(n,16))),e}function he(){return[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225]}function ye(){return!(typeof crypto>"u"||!crypto.subtle)}async function U(e){return typeof e!="string"||e.length===0?e:ye()?fe(e):Promise.resolve(Ce(e))}var C={all:["consent"],health:()=>[...C.all,"health"],list:e=>[...C.all,"list",e],detail:e=>[...C.all,"detail",e],latestByUserId:e=>[...C.all,"user-id",e],latestCookieByDeviceId:e=>[...C.all,"cookies","device-id",e]},ot=e=>{let{consentApi:t}=x(),n=v(t);return _({queryKey:C.health(),queryFn:()=>n.getHealth(),...e})},st=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.list(e),queryFn:()=>o.getManyConsents(e),...t})},rt=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.detail(e.id),queryFn:()=>o.getConsentById(e),enabled:!!e.id,...t})},it=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.latestByUserId(e.user_id),queryFn:async()=>{let s=await U(e.user_id);return o.getLatestConsentByUserId({user_id:s})},enabled:!!e.user_id,...t})},ct=(e,t)=>{let{consentApi:n}=x(),o=v(n);return _({queryKey:C.latestCookieByDeviceId(e.device_id),queryFn:async()=>{let s=await U(e.device_id);return o.getLatestCookieConsentByDeviceId({device_id:s})},enabled:!!e.device_id,...t})},at=e=>{let{consentApi:t}=x(),n=z(),o=v(t);return F({mutationFn:async s=>{let a={...s};return s.user_id!=null&&s.user_id!==""&&(a.user_id=await U(s.user_id)),s.device_id!=null&&s.device_id!==""&&(a.device_id=await U(s.device_id)),o.createUserConsent(a)},onSuccess:(s,a)=>{a.user_id&&n.invalidateQueries({queryKey:C.latestByUserId(a.user_id)}),n.invalidateQueries({queryKey:C.list()})},...e})},W=e=>{let{consentApi:t}=x(),n=z(),o=v(t);return F({mutationFn:async s=>{let a={...s,device_id:await U(s.device_id)};return o.createDeviceCookieConsent(a)},onSuccess:(s,a)=>{n.invalidateQueries({queryKey:C.latestCookieByDeviceId(a.device_id)}),n.invalidateQueries({queryKey:C.list()})},...e})};import{useState as B}from"react";import{Fragment as be,jsx as c,jsxs as b}from"react/jsx-runtime";var O=["essential","analytics","advertising"],E={essential:{label:"Essential",description:"Required for the site to work (e.g. security, preferences).",labelVi:"C\u1EA7n thi\u1EBFt",descriptionVi:"C\u1EA7n thi\u1EBFt cho ho\u1EA1t \u0111\u1ED9ng c\u1EE7a trang (b\u1EA3o m\u1EADt, t\xF9y ch\u1ECDn)."},analytics:{label:"Analytics",description:"Help us improve by collecting anonymous usage data.",labelVi:"Ph\xE2n t\xEDch",descriptionVi:"Gi\xFAp ch\xFAng t\xF4i c\u1EA3i thi\u1EC7n b\u1EB1ng c\xE1ch thu th\u1EADp d\u1EEF li\u1EC7u s\u1EED d\u1EE5ng \u1EA9n danh."},advertising:{label:"Advertising",description:"Used to show you relevant ads and measure campaigns.",labelVi:"Qu\u1EA3ng c\xE1o",descriptionVi:"D\xF9ng \u0111\u1EC3 hi\u1EC3n th\u1ECB qu\u1EA3ng c\xE1o ph\xF9 h\u1EE3p v\xE0 \u0111o l\u01B0\u1EDDng chi\u1EBFn d\u1ECBch."}};function vt({onSubmitted:e,onDismiss:t,className:n=""}){let[o,s]=B(!1),[a,d]=B(!1),[l,u]=B(null),[i,R]=B({essential:!0,analytics:!0,advertising:!0}),{deviceId:g}=Q(),m=W({onSuccess:(r,f)=>{G(g,f.selected_preferences??[]),e?.(),t?.(),s(!0),d(!1)}}),h=()=>O.filter(r=>i[r]),k=r=>{E[r].disabled||R(f=>({...f,[r]:!f[r]}))},I=()=>{m.mutate({device_id:g,status:"REJECTED",selected_preferences:["essential"]})},D=()=>{m.mutate({device_id:g,status:"ACCEPTED",selected_preferences:[...O]})},p=()=>{let r=h();m.mutate({device_id:g,status:"ACCEPTED",selected_preferences:r.length>0?r:["essential"]})};return o?null:b(be,{children:[b("div",{role:"dialog","aria-label":"Th\xF4ng b\xE1o v\u1EC1 cookie",className:`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${n}`,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:50,display:"flex",flexDirection:"column",gap:"1rem",borderRadius:"0.75rem 0.75rem 0 0",borderWidth:"1px 1px 0 1px",borderColor:"#e5e7eb",backgroundColor:"#fff",padding:"1rem",boxShadow:"0 -4px 6px -1px rgb(0 0 0 / 0.1)"},children:[c("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827"},children:"Th\xF4ng b\xE1o v\u1EC1 cookie"}),b("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",display:"flex",flexDirection:"column",gap:"0.5rem"},children:[c("p",{children:"TapQuest s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i (nh\u01B0 Cookie ho\u1EB7c SDK) cho:"}),c("ul",{style:{margin:0,paddingLeft:"1.25rem"},children:O.map(r=>c("li",{children:E[r].labelVi},r))}),c("p",{children:"Tr\u01B0\u1EDBc khi b\u1EA1n \u0111\u1ED3ng \xFD, ch\u1EC9 nh\u1EEFng tr\xECnh theo d\xF5i ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c tri\u1EC3n khai."}),c("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3, b\u1EA1n \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng t\u1EA5t c\u1EA3 tr\xECnh theo d\xF5i c\u1EE7a ch\xFAng t\xF4i."}),c("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3, b\u1EA1n t\u1EEB ch\u1ED1i nh\u1EEFng tr\xECnh theo d\xF5i y\xEAu c\u1EA7u s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a b\u1EA1n v\xE0 s\u1EBD kh\xF4ng c\xF3 quy\u1EC1n truy c\u1EADp v\xE0o c\xE1c \u0111\u1EC1 ngh\u1ECB ho\u1EB7c n\u1ED9i dung \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a."}),c("p",{children:"N\u1EBFu b\u1EA1n ch\u1ECDn T\xF9y ch\u1ECDn, b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn xem b\u1EA1n c\xF3 \u0111\u1ED3ng \xFD s\u1EED d\u1EE5ng tr\xECnh theo d\xF5i tr\xEAn \u1EE9ng d\u1EE5ng c\u1EE7a ch\xFAng t\xF4i hay kh\xF4ng v\xE0 \u1EDF m\u1EE9c \u0111\u1ED9 n\xE0o."}),b("p",{children:["B\u1EA1n c\xF3 th\u1EC3 r\xFAt l\u1EA1i s\u1EF1 \u0111\u1ED3ng \xFD c\u1EE7a m\xECnh b\u1EA5t k\u1EF3 l\xFAc n\xE0o b\u1EB1ng c\xE1ch nh\u1EA5p v\xE0o li\xEAn k\u1EBFt trong"," ","Ch\xEDnh s\xE1ch cookie"," ","c\u1EE7a ch\xFAng t\xF4i."]})]}),b("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[c("button",{type:"button",onClick:()=>d(!0),className:"consent:rounded-lg consent:border consent:border-gray-300 consent:bg-white consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-gray-700 consent:shadow-sm hover:consent:bg-gray-50 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",border:"1px solid #111827",background:"#fff",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#111827",cursor:"pointer"},children:"T\xF9y ch\u1ECDn"}),c("button",{type:"button",onClick:I,disabled:m.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"T\u1EEB ch\u1ED1i t\u1EA5t c\u1EA3"}),c("button",{type:"button",onClick:D,disabled:m.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer"},children:"Ch\u1EA5p nh\u1EADn t\u1EA5t c\u1EA3"})]}),m.isError&&c("p",{className:"consent:text-sm consent:text-red-600",style:{fontSize:"0.875rem",color:"#dc2626"},children:"\u0110\xE3 x\u1EA3y ra l\u1ED7i. Vui l\xF2ng th\u1EED l\u1EA1i."})]}),a&&c("div",{role:"dialog","aria-modal":"true","aria-label":"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt",style:{position:"fixed",inset:0,zIndex:60,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)",padding:"1rem"},onClick:r=>r.target===r.currentTarget&&d(!1),children:b("div",{className:"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto",style:{backgroundColor:"#fff",borderRadius:"0.75rem",border:"1px solid #e5e7eb",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1)",maxWidth:"28rem",width:"100%",maxHeight:"90vh",overflowY:"auto",padding:"1.25rem",position:"relative"},onClick:r=>r.stopPropagation(),children:[c("button",{type:"button",onClick:()=>d(!1),"aria-label":"\u0110\xF3ng",style:{position:"absolute",top:"1rem",right:"1rem",width:"2rem",height:"2rem",borderRadius:"0.25rem",border:"none",background:"transparent",cursor:"pointer",fontSize:"1.25rem",lineHeight:1,color:"#6b7280"},children:"\xD7"}),c("h2",{className:"consent:text-lg consent:font-semibold consent:text-gray-900",style:{fontSize:"1.125rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem",paddingRight:"2rem"},children:"Trung t\xE2m tu\u1EF3 ch\u1ECDn b\u1EA3o m\u1EADt"}),b("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",marginBottom:"1rem"},children:[c("p",{style:{marginBottom:"0.5rem"},children:"Khi b\u1EA1n truy c\u1EADp b\u1EA5t k\u1EF3 trang web n\xE0o, trang web \u0111\xF3 c\xF3 th\u1EC3 l\u01B0u tr\u1EEF ho\u1EB7c truy xu\u1EA5t th\xF4ng tin tr\xEAn tr\xECnh duy\u1EC7t c\u1EE7a b\u1EA1n, ch\u1EE7 y\u1EBFu d\u01B0\u1EDBi d\u1EA1ng cookie. Th\xF4ng tin n\xE0y c\xF3 th\u1EC3 li\xEAn quan \u0111\u1EBFn b\u1EA1n, t\xF9y ch\u1ECDn c\u1EE7a b\u1EA1n ho\u1EB7c thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n, v\xE0 ch\u1EE7 y\u1EBFu \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 trang web ho\u1EA1t \u0111\u1ED9ng nh\u01B0 mong \u0111\u1EE3i."}),c("p",{style:{marginBottom:"0.5rem"},children:"Th\xF4ng tin n\xE0y th\u01B0\u1EDDng kh\xF4ng tr\u1EF1c ti\u1EBFp x\xE1c \u0111\u1ECBnh b\u1EA1n nh\u01B0ng c\xF3 th\u1EC3 mang l\u1EA1i tr\u1EA3i nghi\u1EC7m web \u0111\u01B0\u1EE3c c\xE1 nh\xE2n h\xF3a h\u01A1n. Ch\xFAng t\xF4i t\xF4n tr\u1ECDng quy\u1EC1n ri\xEAng t\u01B0 c\u1EE7a b\u1EA1n; b\u1EA1n c\xF3 th\u1EC3 ch\u1ECDn kh\xF4ng cho ph\xE9p m\u1ED9t s\u1ED1 lo\u1EA1i cookie. Nh\u1EA5p v\xE0o ti\xEAu \u0111\u1EC1 t\u1EEBng danh m\u1EE5c \u0111\u1EC3 t\xECm hi\u1EC3u th\xEAm v\xE0 thay \u0111\u1ED5i c\xE0i \u0111\u1EB7t m\u1EB7c \u0111\u1ECBnh. Vi\u1EC7c ch\u1EB7n m\u1ED9t s\u1ED1 cookie c\xF3 th\u1EC3 \u1EA3nh h\u01B0\u1EDFng \u0111\u1EBFn tr\u1EA3i nghi\u1EC7m c\u1EE7a b\u1EA1n v\u1EDBi trang web v\xE0 c\xE1c d\u1ECBch v\u1EE5 \u0111\u01B0\u1EE3c cung c\u1EA5p."}),c("p",{style:{marginBottom:"0.5rem"},children:'N\u1EBFu ch\u1ECDn "Kh\xF4ng theo d\xF5i" khi l\u1EA7n \u0111\u1EA7u s\u1EED d\u1EE5ng TapQuest, ch\u1EC9 cookie ho\xE0n to\xE0n c\u1EA7n thi\u1EBFt m\u1EDBi \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng.'}),c("span",{style:{color:"#2563eb",textDecoration:"underline"},children:"Th\xF4ng tin kh\xE1c"})]}),c("h3",{className:"consent:text-sm consent:font-semibold consent:text-gray-900",style:{fontSize:"0.875rem",fontWeight:600,color:"#111827",marginBottom:"0.75rem"},children:"Qu\u1EA3n l\xFD tu\u1EF3 ch\u1ECDn \u0111\u1ED3ng \xFD"}),c("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",marginBottom:"1.25rem"},children:O.map(r=>{let f=E[r],P=i[r],S=l===r;return b("div",{style:{border:"1px solid #e5e7eb",borderRadius:"0.5rem",overflow:"hidden"},children:[b("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",padding:"0.75rem",cursor:"pointer",backgroundColor:S?"#f9fafb":"transparent"},onClick:()=>u(S?null:r),children:[c("span",{style:{flexShrink:0,width:"1.25rem",height:"1.25rem",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem",color:"#6b7280",transform:S?"rotate(45deg)":"none",transition:"transform 0.2s"},children:"+"}),c("span",{className:"consent:font-medium consent:text-gray-900",style:{flex:1,fontSize:"0.875rem",fontWeight:500,color:"#111827"},children:f.labelVi}),c("button",{type:"button",role:"switch","aria-checked":P,"aria-label":`${f.labelVi} ${P?"b\u1EADt":"t\u1EAFt"}`,disabled:f.disabled,onClick:A=>{A.stopPropagation(),k(r)},style:{flexShrink:0,width:44,height:24,borderRadius:12,border:"none",padding:0,cursor:f.disabled?"default":"pointer",backgroundColor:f.disabled?"#e5e7eb":P?"#111827":"#d1d5db",opacity:f.disabled?.7:1,transition:"background-color 0.2s"},children:c("span",{style:{display:"block",width:20,height:20,borderRadius:"50%",backgroundColor:"#fff",marginLeft:P?22:2,marginTop:2,transition:"margin-left 0.2s",boxShadow:"0 1px 2px rgb(0 0 0 / 0.2)"}})})]}),S&&c("div",{className:"consent:text-sm consent:text-gray-600",style:{fontSize:"0.875rem",color:"#4b5563",padding:"0 0.75rem 0.75rem 2.5rem",borderTop:"1px solid #e5e7eb"},children:f.descriptionVi})]},r)})}),c("button",{type:"button",onClick:p,disabled:m.isPending,className:"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full",style:{borderRadius:"0.5rem",background:"#111827",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:500,color:"#fff",border:"none",cursor:"pointer",width:"100%"},children:"X\xE1c nh\u1EADn l\u1EF1a ch\u1ECDn c\u1EE7a t\xF4i"})]})})]})}export{N as COOKIE_CONSENT_NAME,vt as CookieConsentBanner,X as EntityStatus,J as MediaType,Me as PhygitalConsentProvider,C as consentQueryKeys,v as consentService,T as getConsentPreferenceCookie,Z as getCookie,G as setConsentPreferenceCookie,ee as setCookie,U as sha256,rt as useConsentById,W as useCreateDeviceCookieConsent,at as useCreateUserConsent,ot as useHealth,it as useLatestConsentByUserId,ct as useLatestCookieConsentByDeviceId,st as useManyConsents,Q as usePhygitalConsent};
3
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/types/common.ts","../src/provider/PhygitalConsentProvider.tsx","../src/helpers/cookie.ts","../src/provider/ConsentServiceProvider.tsx","../src/api/consent.ts","../src/hooks/useConsent.ts","../src/helpers/sha256.ts","../src/components/CookieConsentBanner.tsx"],"sourcesContent":["export enum MediaType {\n IMAGE = \"image\",\n VIDEO = \"video\",\n}\n\nexport type DateTimeNumber = number;\n\nexport interface Media {\n url: string;\n type: MediaType | string;\n thumbnail_url?: string;\n}\n\nexport enum EntityStatus {\n ACTIVE = \"Active\",\n INACTIVE = \"Inactive\",\n}\n\nexport interface CommonModel {\n id: string;\n status: EntityStatus;\n created_at: DateTimeNumber;\n updated_at: DateTimeNumber;\n created_by?: string;\n updated_by?: string;\n}\n","\"use client\";\n\nimport React, { createContext, useCallback, useContext, useEffect, useState } from \"react\";\nimport { getConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { ConsentServiceProvider, ConsentServiceProviderProps } from \"./ConsentServiceProvider\";\n\nexport interface PhygitalConsentContextValue {\n deviceId: string;\n /** True when cookie phygital_cookie_consent exists and has valid deviceId + selected_preferences. Use to show/hide cookie banner. */\n hasConsentPreference: boolean;\n /** Re-read cookie and update hasConsentPreference. Call after storing preference (e.g. from CookieConsentBanner onSuccess). */\n refreshConsentPreference: () => void;\n}\n\nconst PhygitalConsentContext = createContext<PhygitalConsentContextValue | undefined>(undefined);\n\nexport interface PhygitalConsentProviderProps extends ConsentServiceProviderProps {\n deviceId: string;\n children: React.ReactNode;\n}\n\n/**\n * Main provider for consumer apps. Wraps ConsentServiceProvider and exposes\n * hasConsentPreference + refreshConsentPreference so the app can show/hide\n * the cookie banner based on whether the user has already chosen a preference.\n */\nexport function PhygitalConsentProvider(props: PhygitalConsentProviderProps) {\n const { children, deviceId, ...consentServiceProps } = props;\n const [hasConsentPreference, setHasConsentPreference] = useState(false);\n\n const refreshConsentPreference = useCallback(() => {\n const stored = getConsentPreferenceCookie();\n setHasConsentPreference(!!stored);\n }, []);\n\n useEffect(() => {\n refreshConsentPreference();\n }, [refreshConsentPreference]);\n\n const value: PhygitalConsentContextValue = {\n deviceId,\n hasConsentPreference,\n refreshConsentPreference,\n };\n\n return (\n <ConsentServiceProvider {...consentServiceProps}>\n <PhygitalConsentContext.Provider value={value}>\n {children}\n </PhygitalConsentContext.Provider>\n </ConsentServiceProvider>\n );\n}\n\nexport function usePhygitalConsent() {\n const context = useContext(PhygitalConsentContext);\n if (!context) {\n throw new Error(\"usePhygitalConsent must be used within a PhygitalConsentProvider\");\n }\n return context;\n}\n","/**\n * Browser cookie helpers for phygital-consent.\n * Cookie name for consent preference: phygital_cookie_consent.\n * Stored value: { deviceId: string, selected_preferences: string[] } (JSON).\n * Default: 1 year, path /, SameSite Lax.\n */\n\nexport const COOKIE_CONSENT_NAME = \"phygital_cookie_consent\";\n\nconst ONE_YEAR_SECONDS = 365 * 24 * 60 * 60;\n\nexport interface SetCookieOptions {\n maxAge?: number;\n path?: string;\n sameSite?: \"Strict\" | \"Lax\" | \"None\";\n secure?: boolean;\n}\n\n/**\n * Get a cookie value by name.\n */\nexport function getCookie(name: string): string | null {\n if (typeof document === \"undefined\") return null;\n const match = document.cookie.match(new RegExp(\"(?:^|; )\" + encodeURIComponent(name) + \"=([^;]*)\"));\n return match ? decodeURIComponent(match[1]) : null;\n}\n\n/**\n * Set a cookie.\n */\nexport function setCookie(\n name: string,\n value: string,\n options: SetCookieOptions = {}\n): void {\n if (typeof document === \"undefined\") return;\n const {\n maxAge = ONE_YEAR_SECONDS,\n path = \"/\",\n sameSite = \"Lax\",\n secure = false,\n } = options;\n let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; path=${path}; max-age=${maxAge}; SameSite=${sameSite}`;\n if (secure) cookie += \"; Secure\";\n document.cookie = cookie;\n}\n\nexport interface ConsentPreferenceValue {\n deviceId: string;\n selected_preferences: string[];\n}\n\n/**\n * Read consent preference from cookie. Returns null if missing or invalid.\n */\nexport function getConsentPreferenceCookie(): ConsentPreferenceValue | null {\n const raw = getCookie(COOKIE_CONSENT_NAME);\n if (!raw) return null;\n try {\n const parsed = JSON.parse(raw) as unknown;\n if (\n parsed &&\n typeof parsed === \"object\" &&\n \"deviceId\" in parsed &&\n \"selected_preferences\" in parsed &&\n typeof (parsed as ConsentPreferenceValue).deviceId === \"string\" &&\n Array.isArray((parsed as ConsentPreferenceValue).selected_preferences)\n ) {\n return parsed as ConsentPreferenceValue;\n }\n } catch {\n // ignore\n }\n return null;\n}\n\n/**\n * Store consent preference in cookie (hashed device id + selected_preferences).\n * Uses 1 year max-age and SameSite Lax.\n */\nexport function setConsentPreferenceCookie(\n deviceId: string,\n selected_preferences: string[],\n options?: Partial<SetCookieOptions>\n): void {\n const value: ConsentPreferenceValue = { deviceId, selected_preferences };\n setCookie(COOKIE_CONSENT_NAME, JSON.stringify(value), {\n maxAge: ONE_YEAR_SECONDS,\n path: \"/\",\n sameSite: \"Lax\",\n ...options,\n });\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientConfig, QueryClientProvider } from \"@tanstack/react-query\";\nimport axios, {\n AxiosInstance,\n AxiosRequestConfig,\n AxiosResponse,\n InternalAxiosRequestConfig,\n} from \"axios\";\nimport React, { createContext, useContext, useMemo } from \"react\";\n\nexport interface ConsentService {\n consentApi: AxiosInstance;\n queryClient: QueryClient;\n updateHeaders: (headers: Record<string, string>) => void;\n}\n\nconst ConsentServiceContext = createContext<ConsentService | undefined>(undefined);\n\ninterface RequestInterceptor {\n onFulfilled?: (\n config: InternalAxiosRequestConfig\n ) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>;\n onRejected?: (error: unknown) => unknown;\n}\n\ninterface ResponseInterceptor {\n onFulfilled?: (\n response: AxiosResponse\n ) => AxiosResponse | Promise<AxiosResponse>;\n onRejected?: (error: unknown) => unknown;\n}\n\nexport interface ConsentServiceProviderProps {\n children: React.ReactNode;\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n queryClient?: QueryClient;\n queryClientConfig?: Partial<QueryClientConfig>;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\ninterface CreateConsentServiceParams {\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\nexport const createConsentService = ({\n baseURL = \"\",\n axiosConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}: CreateConsentServiceParams) => {\n const instance = axios.create({\n baseURL,\n ...axiosConfig,\n });\n\n instance.interceptors.request.use(\n requestInterceptors.onFulfilled,\n requestInterceptors.onRejected\n );\n\n instance.interceptors.response.use(\n responseInterceptors.onFulfilled,\n responseInterceptors.onRejected\n );\n\n const updateHeaders = (headers: Record<string, string>) => {\n Object.entries(headers).forEach(([key, value]) => {\n instance.defaults.headers.common[key] = value;\n });\n };\n\n return {\n consentApi: instance,\n updateHeaders,\n };\n};\n\nexport const ConsentServiceProvider: React.FC<ConsentServiceProviderProps> = ({\n children,\n baseURL = \"\",\n axiosConfig = {},\n queryClient,\n queryClientConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}) => {\n const queryClientInstance = useMemo(\n () =>\n queryClient ||\n new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n refetchOnMount: false,\n refetchOnReconnect: false,\n ...queryClientConfig?.defaultOptions?.queries,\n },\n mutations: {\n ...queryClientConfig?.defaultOptions?.mutations,\n },\n },\n queryCache: queryClientConfig?.queryCache,\n mutationCache: queryClientConfig?.mutationCache,\n }),\n [queryClient]\n );\n\n const consentService = useMemo(() => {\n const service = createConsentService({\n baseURL,\n axiosConfig,\n requestInterceptors,\n responseInterceptors,\n });\n\n return {\n consentApi: service.consentApi,\n updateHeaders: service.updateHeaders,\n queryClient: queryClientInstance,\n };\n }, [baseURL, queryClientInstance, axiosConfig, requestInterceptors, responseInterceptors]);\n\n return (\n <ConsentServiceContext.Provider value={consentService}>\n <QueryClientProvider client={queryClientInstance}>\n {children}\n </QueryClientProvider>\n </ConsentServiceContext.Provider>\n );\n};\n\nexport const useConsentService = () => {\n const context = useContext(ConsentServiceContext);\n if (!context) {\n throw new Error(\"useConsentService must be used within a ConsentServiceProvider\");\n }\n return context;\n};\n","import { AxiosInstance } from \"axios\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\nconst CONSENT_V1 = \"/consent/v1\";\n\nexport const consentService = (axiosInstance: AxiosInstance) => {\n return {\n /**\n * Health check – GET /health\n */\n getHealth: async (): Promise<HealthResponse> => {\n const { data } = await axiosInstance.get<HealthResponse>(\"/health\");\n return data;\n },\n\n /**\n * Get all consent logs – GET /consent/v1/consent\n * @param params - Optional filter by policy type (ACCOUNT_REGISTER | COOKIE_PREFERENCE)\n */\n getManyConsents: async (\n params?: GetManyConsentParams\n ): Promise<GetManyConsentResponse> => {\n const { data } = await axiosInstance.get<GetManyConsentResponse>(\n `${CONSENT_V1}/consent`,\n { params: params ? { type: params.type } : undefined }\n );\n return data;\n },\n\n /**\n * Get consent log by ID – GET /consent/v1/consent/{id}\n */\n getConsentById: async ({\n id,\n }: GetConsentByIdParams): Promise<GetConsentByIdResponse> => {\n const { data } = await axiosInstance.get<GetConsentByIdResponse>(\n `${CONSENT_V1}/consent/${id}`\n );\n return data;\n },\n\n /**\n * Get latest consent for a user – GET /consent/v1/user-id?user_id=\n */\n getLatestConsentByUserId: async ({\n user_id,\n }: GetLatestConsentByUserIdParams): Promise<GetLatestConsentByUserIdResponse> => {\n const { data } = await axiosInstance.get<GetLatestConsentByUserIdResponse>(\n `${CONSENT_V1}/user-id`,\n { params: { user_id } }\n );\n return data;\n },\n\n /**\n * Create user consent (account register) – POST /consent/v1/user-id\n * Consumer app must hash user_id/device_id (e.g. SHA-256) before passing.\n */\n createUserConsent: async (\n body: CreateUserConsentUpsertDTO\n ): Promise<CreateUserConsentResponse> => {\n const { data } = await axiosInstance.post<CreateUserConsentResponse>(\n `${CONSENT_V1}/user-id`,\n body\n );\n return data;\n },\n\n /**\n * Get latest cookie consent for a device – GET /consent/v1/cookies/device-id?device_id=\n */\n getLatestCookieConsentByDeviceId: async ({\n device_id,\n }: GetLatestCookieConsentByDeviceIdParams): Promise<GetLatestCookieConsentByDeviceIdResponse> => {\n const { data } =\n await axiosInstance.get<GetLatestCookieConsentByDeviceIdResponse>(\n `${CONSENT_V1}/cookies/device-id`,\n { params: { device_id } }\n );\n return data;\n },\n\n /**\n * Create device cookie consent – POST /consent/v1/cookies/device-id\n * Consumer app must hash device_id (e.g. SHA-256) before passing.\n */\n createDeviceCookieConsent: async (\n body: CreateDeviceCookieConsentUpsertDTO\n ): Promise<CreateDeviceCookieConsentResponse> => {\n const { data } =\n await axiosInstance.post<CreateDeviceCookieConsentResponse>(\n `${CONSENT_V1}/cookies/device-id`,\n body\n );\n return data;\n },\n };\n};\n","import {\n useQuery,\n useMutation,\n useQueryClient,\n UseQueryOptions,\n UseMutationOptions,\n} from \"@tanstack/react-query\";\nimport { consentService } from \"../api/consent\";\nimport { sha256 } from \"../helpers/sha256\";\nimport { useConsentService } from \"../provider/ConsentServiceProvider\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\n/** Query keys for consent API */\nexport const consentQueryKeys = {\n all: [\"consent\"] as const,\n health: () => [...consentQueryKeys.all, \"health\"] as const,\n list: (params?: GetManyConsentParams) =>\n [...consentQueryKeys.all, \"list\", params] as const,\n detail: (id: string) => [...consentQueryKeys.all, \"detail\", id] as const,\n latestByUserId: (user_id: string) =>\n [...consentQueryKeys.all, \"user-id\", user_id] as const,\n latestCookieByDeviceId: (device_id: string) =>\n [...consentQueryKeys.all, \"cookies\", \"device-id\", device_id] as const,\n};\n\n// --- Queries ---\n\n/** Health check – GET /health */\nexport const useHealth = (\n options?: UseQueryOptions<HealthResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<HealthResponse>({\n queryKey: consentQueryKeys.health(),\n queryFn: () => service.getHealth(),\n ...options,\n });\n};\n\n/** Get all consent logs – GET /consent/v1/consent */\nexport const useManyConsents = (\n params?: GetManyConsentParams,\n options?: UseQueryOptions<GetManyConsentResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetManyConsentResponse>({\n queryKey: consentQueryKeys.list(params),\n queryFn: () => service.getManyConsents(params),\n ...options,\n });\n};\n\n/** Get consent log by ID – GET /consent/v1/consent/{id} */\nexport const useConsentById = (\n params: GetConsentByIdParams,\n options?: UseQueryOptions<GetConsentByIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetConsentByIdResponse>({\n queryKey: consentQueryKeys.detail(params.id),\n queryFn: () => service.getConsentById(params),\n enabled: !!params.id,\n ...options,\n });\n};\n\n/** Get latest consent for a user – GET /consent/v1/user-id (user_id hashed before send) */\nexport const useLatestConsentByUserId = (\n params: GetLatestConsentByUserIdParams,\n options?: UseQueryOptions<GetLatestConsentByUserIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestConsentByUserIdResponse>({\n queryKey: consentQueryKeys.latestByUserId(params.user_id),\n queryFn: async () => {\n const user_id = await sha256(params.user_id);\n return service.getLatestConsentByUserId({ user_id });\n },\n enabled: !!params.user_id,\n ...options,\n });\n};\n\n/** Get latest cookie consent for a device – GET /consent/v1/cookies/device-id (device_id hashed before send) */\nexport const useLatestCookieConsentByDeviceId = (\n params: GetLatestCookieConsentByDeviceIdParams,\n options?: UseQueryOptions<GetLatestCookieConsentByDeviceIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestCookieConsentByDeviceIdResponse>({\n queryKey: consentQueryKeys.latestCookieByDeviceId(params.device_id),\n queryFn: async () => {\n const device_id = await sha256(params.device_id);\n return service.getLatestCookieConsentByDeviceId({ device_id });\n },\n enabled: !!params.device_id,\n ...options,\n });\n};\n\n// --- Mutations ---\n\n/** Create user consent (account register) – POST /consent/v1/user-id */\nexport const useCreateUserConsent = (\n options?: UseMutationOptions<\n CreateUserConsentResponse,\n Error,\n CreateUserConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<CreateUserConsentResponse, Error, CreateUserConsentUpsertDTO>({\n mutationFn: async (body: CreateUserConsentUpsertDTO) => {\n const payload = { ...body };\n if (body.user_id != null && body.user_id !== \"\") {\n payload.user_id = await sha256(body.user_id);\n }\n if (body.device_id != null && body.device_id !== \"\") {\n payload.device_id = await sha256(body.device_id);\n }\n return service.createUserConsent(payload);\n },\n onSuccess: (\n _data: CreateUserConsentResponse,\n variables: CreateUserConsentUpsertDTO\n ) => {\n if (variables.user_id) {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestByUserId(variables.user_id),\n });\n }\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n\n/** Create device cookie consent – POST /consent/v1/cookies/device-id */\nexport const useCreateDeviceCookieConsent = (\n options?: UseMutationOptions<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >({\n mutationFn: async (body: CreateDeviceCookieConsentUpsertDTO) => {\n const payload = {\n ...body,\n device_id: await sha256(body.device_id),\n };\n return service.createDeviceCookieConsent(payload);\n },\n onSuccess: (\n _data: CreateDeviceCookieConsentResponse,\n variables: CreateDeviceCookieConsentUpsertDTO\n ) => {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestCookieByDeviceId(variables.device_id),\n });\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n","/**\n * Hash user_id or device_id with SHA-256 for the two POST consent hooks\n * (createUserConsent, createDeviceCookieConsent).\n * Input: string, encoded as UTF-8 before hashing.\n * Output: lowercase hex string.\n * Uses Web Crypto when available; falls back to pure-JS SHA-256 for old devices.\n */\n\n/** Encode hash digest bytes as lowercase hex string. */\nfunction arrayBufferToHex(buffer: ArrayBuffer): string {\n return Array.from(new Uint8Array(buffer))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\")\n .toLowerCase();\n}\n\n/**\n * SHA-256 via Web Crypto (modern browsers, Node 19+).\n * Input encoded as UTF-8; output lowercase hex.\n */\nasync function sha256WebCrypto(value: string): Promise<string> {\n const utf8 = new TextEncoder().encode(value);\n const hashBuffer = await crypto.subtle.digest(\"SHA-256\", utf8);\n return arrayBufferToHex(hashBuffer);\n}\n\n/**\n * Pure-JS SHA-256 fallback for environments without crypto.subtle\n * (e.g. old browsers, insecure context, Node < 19).\n * Input encoded as UTF-8; output lowercase hex.\n */\nfunction sha256Fallback(value: string): string {\n const bytes = utf8Encode(value);\n const K = getK();\n const H = getH();\n const W = new Uint32Array(64);\n const numBlocks = bytes.length >> 6;\n\n for (let block = 0; block < numBlocks; block++) {\n const start = block << 6;\n for (let i = 0; i < 16; i++) {\n const o = start + (i << 2);\n W[i] =\n (bytes[o]! << 24) |\n (bytes[o + 1]! << 16) |\n (bytes[o + 2]! << 8) |\n bytes[o + 3]!;\n }\n for (let i = 16; i < 64; i++) {\n const s0 = rotr(W[i - 15]!, 7) ^ rotr(W[i - 15]!, 18) ^ (W[i - 15]! >>> 3);\n const s1 = rotr(W[i - 2]!, 17) ^ rotr(W[i - 2]!, 19) ^ (W[i - 2]! >>> 10);\n W[i] = (W[i - 16]! + s0 + W[i - 7]! + s1) >>> 0;\n }\n let a = H[0]!,\n b = H[1]!,\n c = H[2]!,\n d = H[3]!,\n e = H[4]!,\n f = H[5]!,\n g = H[6]!,\n h = H[7]!;\n for (let i = 0; i < 64; i++) {\n const S1 = rotr(e, 6) ^ rotr(e, 11) ^ rotr(e, 25);\n const ch = (e & f) ^ (~e & g);\n const t1 = (h + S1 + ch + K[i]! + W[i]!) >>> 0;\n const S0 = rotr(a, 2) ^ rotr(a, 13) ^ rotr(a, 22);\n const maj = (a & b) ^ (a & c) ^ (b & c);\n const t2 = (S0 + maj) >>> 0;\n h = g;\n g = f;\n f = e;\n e = (d + t1) >>> 0;\n d = c;\n c = b;\n b = a;\n a = (t1 + t2) >>> 0;\n }\n H[0] = (H[0]! + a) >>> 0;\n H[1] = (H[1]! + b) >>> 0;\n H[2] = (H[2]! + c) >>> 0;\n H[3] = (H[3]! + d) >>> 0;\n H[4] = (H[4]! + e) >>> 0;\n H[5] = (H[5]! + f) >>> 0;\n H[6] = (H[6]! + g) >>> 0;\n H[7] = (H[7]! + h) >>> 0;\n }\n\n let out = \"\";\n for (let i = 0; i < 8; i++) {\n const v = H[i]!;\n out +=\n (v >>> 28).toString(16) +\n ((v >>> 24) & 0xf).toString(16) +\n ((v >>> 20) & 0xf).toString(16) +\n ((v >>> 16) & 0xf).toString(16) +\n ((v >>> 12) & 0xf).toString(16) +\n ((v >>> 8) & 0xf).toString(16) +\n ((v >>> 4) & 0xf).toString(16) +\n (v & 0xf).toString(16);\n }\n return out.toLowerCase();\n}\n\nfunction rotr(n: number, b: number): number {\n return (n >>> b) | (n << (32 - b));\n}\n\n/** Encode string to UTF-8 bytes (with SHA-256 padding for block processing). */\nfunction utf8Encode(s: string): Uint8Array {\n const n = s.length;\n const bytes: number[] = [];\n for (let i = 0; i < n; i++) {\n let c = s.charCodeAt(i);\n if (c < 0x80) {\n bytes.push(c);\n } else if (c < 0x800) {\n bytes.push(0xc0 | (c >> 6), 0x80 | (c & 0x3f));\n } else if (c < 0xd800 || c >= 0xe000) {\n bytes.push(0xe0 | (c >> 12), 0x80 | ((c >> 6) & 0x3f), 0x80 | (c & 0x3f));\n } else {\n c = 0x10000 + (((c & 0x3ff) << 10) | (s.charCodeAt(++i) & 0x3ff));\n bytes.push(\n 0xf0 | (c >> 18),\n 0x80 | ((c >> 12) & 0x3f),\n 0x80 | ((c >> 6) & 0x3f),\n 0x80 | (c & 0x3f)\n );\n }\n }\n const len = bytes.length;\n const pad = (64 - ((len + 9) % 64)) % 64;\n const total = len + 9 + pad;\n const out = new Uint8Array(total);\n out.set(bytes);\n out[len] = 0x80;\n const view = new DataView(out.buffer, out.byteOffset, out.byteLength);\n view.setUint32(total - 8, 0, false);\n view.setUint32(total - 4, (len * 8) >>> 0, false);\n return out;\n}\n\nfunction getK(): number[] {\n const k: number[] = [];\n const hex =\n \"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2\";\n hex.split(\" \").forEach((h) => k.push(parseInt(h, 16)));\n return k;\n}\n\nfunction getH(): number[] {\n return [\n 0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c,\n 0x1f83d9ab, 0x5be0cd19,\n ];\n}\n\nfunction hasWebCrypto(): boolean {\n if (typeof crypto === \"undefined\" || !crypto.subtle) return false;\n return true;\n}\n\n/**\n * Hash a string with SHA-256.\n * Input: encoded as UTF-8. Output: lowercase hex string.\n * Use for user_id and device_id before calling createUserConsent / createDeviceCookieConsent.\n * Uses Web Crypto when available; falls back to pure-JS for old devices (no crypto.subtle).\n */\nexport async function sha256(value: string): Promise<string> {\n if (typeof value !== \"string\" || value.length === 0) {\n return value;\n }\n if (hasWebCrypto()) {\n return sha256WebCrypto(value);\n }\n return Promise.resolve(sha256Fallback(value));\n}\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { COOKIE_POLICY_URL, OTHER_INFO_URL } from \"../env/constant\";\nimport { setConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { useCreateDeviceCookieConsent } from \"../hooks/useConsent\";\n\nimport { usePhygitalConsent } from \"../provider/PhygitalConsentProvider\";\n\nconst PREFERENCES = [\"essential\", \"analytics\", \"advertising\"] as const;\ntype PreferenceKey = (typeof PREFERENCES)[number];\n\nconst PREFERENCE_CONFIG: Record<\n PreferenceKey,\n { label: string; description: string; labelVi: string; descriptionVi: string; disabled?: boolean }\n> = {\n essential: {\n label: \"Essential\",\n description: \"Required for the site to work (e.g. security, preferences).\",\n labelVi: \"Cần thiết\",\n descriptionVi: \"Cần thiết cho hoạt động của trang (bảo mật, tùy chọn).\",\n },\n analytics: {\n label: \"Analytics\",\n description: \"Help us improve by collecting anonymous usage data.\",\n labelVi: \"Phân tích\",\n descriptionVi: \"Giúp chúng tôi cải thiện bằng cách thu thập dữ liệu sử dụng ẩn danh.\",\n },\n advertising: {\n label: \"Advertising\",\n description: \"Used to show you relevant ads and measure campaigns.\",\n labelVi: \"Quảng cáo\",\n descriptionVi: \"Dùng để hiển thị quảng cáo phù hợp và đo lường chiến dịch.\",\n },\n};\n\nexport interface CookieConsentBannerProps {\n /** Called after consent is submitted successfully (Reject or Accept). */\n onSubmitted?: () => void;\n /** Called when the banner is dismissed (e.g. hide from UI). */\n onDismiss?: () => void;\n /** Optional class name for the root container. */\n className?: string;\n}\n\nexport function CookieConsentBanner({\n onSubmitted,\n onDismiss,\n className = \"\",\n}: CookieConsentBannerProps) {\n const [dismissed, setDismissed] = useState(false);\n const [showCustomModal, setShowCustomModal] = useState(false);\n const [expandedKey, setExpandedKey] = useState<PreferenceKey | null>(null);\n const [preferences, setPreferences] = useState<Record<PreferenceKey, boolean>>({\n essential: true,\n analytics: true,\n advertising: true,\n });\n\n const { deviceId } = usePhygitalConsent();\n\n const createConsent = useCreateDeviceCookieConsent({\n onSuccess: (_data, variables) => {\n setConsentPreferenceCookie(deviceId, variables.selected_preferences ?? []);\n onSubmitted?.();\n onDismiss?.();\n setDismissed(true);\n setShowCustomModal(false);\n },\n });\n\n const getSelectedPreferences = (): string[] =>\n PREFERENCES.filter((key) => preferences[key]);\n\n const togglePreference = (key: PreferenceKey) => {\n if (PREFERENCE_CONFIG[key].disabled) return;\n setPreferences((prev) => ({ ...prev, [key]: !prev[key] }));\n };\n\n const handleReject = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"REJECTED\",\n selected_preferences: [\"essential\"],\n });\n };\n\n const handleAcceptAll = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: [...PREFERENCES],\n });\n };\n\n const handleSaveCustom = () => {\n const selected = getSelectedPreferences();\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: selected.length > 0 ? selected : [\"essential\"],\n });\n };\n\n if (dismissed) return null;\n\n return (\n <>\n {/* Screen 1: Bottom banner */}\n <div\n role=\"dialog\"\n aria-label=\"Thông báo về cookie\"\n className={`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${className}`}\n style={{\n position: \"fixed\",\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 50,\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1rem\",\n borderRadius: \"0.75rem 0.75rem 0 0\",\n borderWidth: \"1px 1px 0 1px\",\n borderColor: \"#e5e7eb\",\n backgroundColor: \"#fff\",\n padding: \"1rem\",\n boxShadow: \"0 -4px 6px -1px rgb(0 0 0 / 0.1)\",\n }}\n >\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\" }}\n >\n Thông báo về cookie\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", display: \"flex\", flexDirection: \"column\", gap: \"0.5rem\" }}\n >\n <p>\n TapQuest sử dụng trình theo dõi (như Cookie hoặc SDK) cho:\n </p>\n <ul style={{ margin: 0, paddingLeft: \"1.25rem\" }}>\n {PREFERENCES.map((key) => (\n <li key={key}>{PREFERENCE_CONFIG[key].labelVi}</li>\n ))}\n </ul>\n <p>\n Trước khi bạn đồng ý, chỉ những trình theo dõi hoàn toàn cần thiết mới được triển khai.\n </p>\n <p>\n Nếu bạn chọn Chấp nhận tất cả, bạn đồng ý sử dụng tất cả trình theo dõi của chúng tôi.\n </p>\n <p>\n Nếu bạn chọn Từ chối tất cả, bạn từ chối những trình theo dõi yêu cầu sự đồng ý của bạn và sẽ không có quyền truy cập vào các đề nghị hoặc nội dung được cá nhân hóa.\n </p>\n <p>\n Nếu bạn chọn Tùy chọn, bạn có thể chọn xem bạn có đồng ý sử dụng trình theo dõi trên ứng dụng của chúng tôi hay không và ở mức độ nào.\n </p>\n <p>\n Bạn có thể rút lại sự đồng ý của mình bất kỳ lúc nào bằng cách nhấp vào liên kết trong{\" \"}\n {COOKIE_POLICY_URL ? (\n <a\n href={COOKIE_POLICY_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Chính sách cookie\n </a>\n ) : (\n \"Chính sách cookie\"\n )}{\" \"}\n của chúng tôi.\n </p>\n <p>\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(true)}\n className=\"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:cursor-pointer consent:font-inherit\"\n style={{\n color: \"#2563eb\",\n textDecoration: \"underline\",\n background: \"none\",\n border: \"none\",\n padding: 0,\n cursor: \"pointer\",\n font: \"inherit\",\n }}\n >\n Tuỳ chỉnh cookie.\n </button>\n </p>\n </div>\n <div\n className=\"consent:flex consent:flex-col consent:gap-2\"\n style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.5rem\" }}\n >\n <div style={{ display: \"flex\", gap: \"0.5rem\", flexWrap: \"wrap\" }}>\n <button\n type=\"button\"\n onClick={handleAcceptAll}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Chấp nhận tất cả\n </button>\n <button\n type=\"button\"\n onClick={handleReject}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Từ chối tất cả\n </button>\n </div>\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(true)}\n className=\"consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:text-sm consent:cursor-pointer consent:font-inherit\"\n style={{\n color: \"#2563eb\",\n textDecoration: \"underline\",\n background: \"none\",\n border: \"none\",\n padding: 0,\n fontSize: \"0.875rem\",\n cursor: \"pointer\",\n font: \"inherit\",\n alignSelf: \"flex-start\",\n }}\n >\n Tuỳ chọn\n </button>\n </div>\n {createConsent.isError && (\n <p\n className=\"consent:text-sm consent:text-red-600\"\n style={{ fontSize: \"0.875rem\", color: \"#dc2626\" }}\n >\n Đã xảy ra lỗi. Vui lòng thử lại.\n </p>\n )}\n </div>\n\n {/* Screen 2: Custom preferences modal */}\n {showCustomModal && (\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Trung tâm tuỳ chọn bảo mật\"\n style={{\n position: \"fixed\",\n inset: 0,\n zIndex: 60,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: \"1rem\",\n }}\n onClick={(e) => e.target === e.currentTarget && setShowCustomModal(false)}\n >\n <div\n className=\"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto\"\n style={{\n backgroundColor: \"#fff\",\n borderRadius: \"0.75rem\",\n border: \"1px solid #e5e7eb\",\n boxShadow: \"0 10px 15px -3px rgb(0 0 0 / 0.1)\",\n maxWidth: \"28rem\",\n width: \"100%\",\n maxHeight: \"90vh\",\n overflowY: \"auto\",\n padding: \"1.25rem\",\n position: \"relative\",\n }}\n onClick={(e) => e.stopPropagation()}\n >\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(false)}\n aria-label=\"Đóng\"\n style={{\n position: \"absolute\",\n top: \"1rem\",\n right: \"1rem\",\n width: \"2rem\",\n height: \"2rem\",\n borderRadius: \"0.25rem\",\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n fontSize: \"1.25rem\",\n lineHeight: 1,\n color: \"#6b7280\",\n }}\n >\n ×\n </button>\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\", paddingRight: \"2rem\" }}\n >\n Trung tâm tuỳ chọn bảo mật\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", marginBottom: \"1rem\" }}\n >\n <p style={{ marginBottom: \"0.5rem\" }}>\n Khi bạn truy cập bất kỳ trang web nào, trang web đó có thể lưu trữ hoặc truy xuất thông tin trên trình duyệt của bạn, chủ yếu dưới dạng cookie. Thông tin này có thể liên quan đến bạn, tùy chọn của bạn hoặc thiết bị của bạn, và chủ yếu được sử dụng để trang web hoạt động như mong đợi.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Thông tin này thường không trực tiếp xác định bạn nhưng có thể mang lại trải nghiệm web được cá nhân hóa hơn. Chúng tôi tôn trọng quyền riêng tư của bạn; bạn có thể chọn không cho phép một số loại cookie. Nhấp vào tiêu đề từng danh mục để tìm hiểu thêm và thay đổi cài đặt mặc định. Việc chặn một số cookie có thể ảnh hưởng đến trải nghiệm của bạn với trang web và các dịch vụ được cung cấp.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Nếu chọn \"Không theo dõi\" khi lần đầu sử dụng TapQuest, chỉ cookie hoàn toàn cần thiết mới được sử dụng.\n </p>\n {OTHER_INFO_URL ? (\n <a\n href={OTHER_INFO_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Thông tin khác\n </a>\n ) : (\n <span style={{ color: \"#2563eb\", textDecoration: \"underline\" }}>Thông tin khác</span>\n )}\n </div>\n <h3\n className=\"consent:text-sm consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"0.875rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\" }}\n >\n Quản lý tuỳ chọn đồng ý\n </h3>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.25rem\", marginBottom: \"1.25rem\" }}>\n {PREFERENCES.map((key) => {\n const config = PREFERENCE_CONFIG[key];\n const checked = preferences[key];\n const isExpanded = expandedKey === key;\n return (\n <div\n key={key}\n style={{\n border: \"1px solid #e5e7eb\",\n borderRadius: \"0.5rem\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n padding: \"0.75rem\",\n cursor: \"pointer\",\n backgroundColor: isExpanded ? \"#f9fafb\" : \"transparent\",\n }}\n onClick={() => setExpandedKey(isExpanded ? null : key)}\n >\n <span\n style={{\n flexShrink: 0,\n width: \"1.25rem\",\n height: \"1.25rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"1rem\",\n color: \"#6b7280\",\n transform: isExpanded ? \"rotate(45deg)\" : \"none\",\n transition: \"transform 0.2s\",\n }}\n >\n +\n </span>\n <span\n className=\"consent:font-medium consent:text-gray-900\"\n style={{ flex: 1, fontSize: \"0.875rem\", fontWeight: 500, color: \"#111827\" }}\n >\n {config.labelVi}\n </span>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={checked}\n aria-label={`${config.labelVi} ${checked ? \"bật\" : \"tắt\"}`}\n disabled={config.disabled}\n onClick={(e) => {\n e.stopPropagation();\n togglePreference(key);\n }}\n style={{\n flexShrink: 0,\n width: 44,\n height: 24,\n borderRadius: 12,\n border: \"none\",\n padding: 0,\n cursor: config.disabled ? \"default\" : \"pointer\",\n backgroundColor: config.disabled ? \"#e5e7eb\" : checked ? \"#111827\" : \"#d1d5db\",\n opacity: config.disabled ? 0.7 : 1,\n transition: \"background-color 0.2s\",\n }}\n >\n <span\n style={{\n display: \"block\",\n width: 20,\n height: 20,\n borderRadius: \"50%\",\n backgroundColor: \"#fff\",\n marginLeft: checked ? 22 : 2,\n marginTop: 2,\n transition: \"margin-left 0.2s\",\n boxShadow: \"0 1px 2px rgb(0 0 0 / 0.2)\",\n }}\n />\n </button>\n </div>\n {isExpanded && (\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n padding: \"0 0.75rem 0.75rem 2.5rem\",\n borderTop: \"1px solid #e5e7eb\",\n }}\n >\n {config.descriptionVi}\n </div>\n )}\n </div>\n );\n })}\n </div>\n <button\n type=\"button\"\n onClick={handleSaveCustom}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n width: \"100%\",\n }}\n >\n Xác nhận lựa chọn của tôi\n </button>\n </div>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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","names":["MediaType","EntityStatus","createContext","useCallback","useContext","useEffect","useState","COOKIE_CONSENT_NAME","getCookie","name","match","setCookie","value","options","maxAge","path","sameSite","secure","cookie","getConsentPreferenceCookie","raw","COOKIE_CONSENT_NAME","parsed","setConsentPreferenceCookie","deviceId","selected_preferences","QueryClient","QueryClientProvider","axios","createContext","useContext","useMemo","jsx","ConsentServiceContext","createConsentService","baseURL","axiosConfig","requestInterceptors","responseInterceptors","instance","headers","key","value","ConsentServiceProvider","children","queryClient","queryClientConfig","queryClientInstance","consentService","service","useConsentService","context","jsx","PhygitalConsentContext","createContext","PhygitalConsentProvider","props","children","deviceId","consentServiceProps","hasConsentPreference","setHasConsentPreference","useState","refreshConsentPreference","useCallback","stored","getConsentPreferenceCookie","useEffect","value","ConsentServiceProvider","usePhygitalConsent","context","useContext","CONSENT_V1","consentService","axiosInstance","data","params","id","user_id","body","device_id","useQuery","useMutation","useQueryClient","arrayBufferToHex","buffer","b","sha256WebCrypto","value","utf8","hashBuffer","sha256Fallback","bytes","utf8Encode","K","getK","H","getH","W","numBlocks","block","start","i","o","s0","rotr","s1","a","c","d","e","f","g","h","S1","ch","t1","S0","maj","t2","out","v","n","s","len","pad","total","view","k","hasWebCrypto","sha256","consentQueryKeys","params","id","user_id","device_id","useHealth","options","consentApi","useConsentService","service","consentService","useQuery","useManyConsents","useConsentById","useLatestConsentByUserId","sha256","useLatestCookieConsentByDeviceId","useCreateUserConsent","queryClient","useQueryClient","useMutation","body","payload","_data","variables","useCreateDeviceCookieConsent","useState","Fragment","jsx","jsxs","PREFERENCES","PREFERENCE_CONFIG","CookieConsentBanner","onSubmitted","onDismiss","className","dismissed","setDismissed","useState","showCustomModal","setShowCustomModal","expandedKey","setExpandedKey","preferences","setPreferences","deviceId","usePhygitalConsent","createConsent","useCreateDeviceCookieConsent","_data","variables","setConsentPreferenceCookie","getSelectedPreferences","key","togglePreference","prev","handleReject","handleAcceptAll","handleSaveCustom","selected","e","config","checked","isExpanded"]}
1
+ {"version":3,"sources":["../src/types/common.ts","../src/provider/PhygitalConsentProvider.tsx","../src/helpers/cookie.ts","../src/provider/ConsentServiceProvider.tsx","../src/api/consent.ts","../src/hooks/useConsent.ts","../src/helpers/sha256.ts","../src/components/CookieConsentBanner.tsx"],"sourcesContent":["export enum MediaType {\n IMAGE = \"image\",\n VIDEO = \"video\",\n}\n\nexport type DateTimeNumber = number;\n\nexport interface Media {\n url: string;\n type: MediaType | string;\n thumbnail_url?: string;\n}\n\nexport enum EntityStatus {\n ACTIVE = \"Active\",\n INACTIVE = \"Inactive\",\n}\n\nexport interface CommonModel {\n id: string;\n status: EntityStatus;\n created_at: DateTimeNumber;\n updated_at: DateTimeNumber;\n created_by?: string;\n updated_by?: string;\n}\n","\"use client\";\n\nimport React, { createContext, useCallback, useContext, useEffect, useState } from \"react\";\nimport { getConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { ConsentServiceProvider, ConsentServiceProviderProps } from \"./ConsentServiceProvider\";\n\nexport interface PhygitalConsentContextValue {\n deviceId: string;\n /** True when cookie phygital_cookie_consent exists and has valid deviceId + selected_preferences. Use to show/hide cookie banner. */\n hasConsentPreference: boolean;\n /** Re-read cookie and update hasConsentPreference. Call after storing preference (e.g. from CookieConsentBanner onSuccess). */\n refreshConsentPreference: () => void;\n}\n\nconst PhygitalConsentContext = createContext<PhygitalConsentContextValue | undefined>(undefined);\n\nexport interface PhygitalConsentProviderProps extends ConsentServiceProviderProps {\n deviceId: string;\n children: React.ReactNode;\n}\n\n/**\n * Main provider for consumer apps. Wraps ConsentServiceProvider and exposes\n * hasConsentPreference + refreshConsentPreference so the app can show/hide\n * the cookie banner based on whether the user has already chosen a preference.\n */\nexport function PhygitalConsentProvider(props: PhygitalConsentProviderProps) {\n const { children, deviceId, ...consentServiceProps } = props;\n const [hasConsentPreference, setHasConsentPreference] = useState(false);\n\n const refreshConsentPreference = useCallback(() => {\n const stored = getConsentPreferenceCookie();\n setHasConsentPreference(!!stored);\n }, []);\n\n useEffect(() => {\n refreshConsentPreference();\n }, [refreshConsentPreference]);\n\n const value: PhygitalConsentContextValue = {\n deviceId,\n hasConsentPreference,\n refreshConsentPreference,\n };\n\n return (\n <ConsentServiceProvider {...consentServiceProps}>\n <PhygitalConsentContext.Provider value={value}>\n {children}\n </PhygitalConsentContext.Provider>\n </ConsentServiceProvider>\n );\n}\n\nexport function usePhygitalConsent() {\n const context = useContext(PhygitalConsentContext);\n if (!context) {\n throw new Error(\"usePhygitalConsent must be used within a PhygitalConsentProvider\");\n }\n return context;\n}\n","/**\n * Browser cookie helpers for phygital-consent.\n * Cookie name for consent preference: phygital_cookie_consent.\n * Stored value: { deviceId: string, selected_preferences: string[] } (JSON).\n * Default: 1 year, path /, SameSite Lax.\n */\n\nexport const COOKIE_CONSENT_NAME = \"phygital_cookie_consent\";\n\nconst ONE_YEAR_SECONDS = 365 * 24 * 60 * 60;\n\nexport interface SetCookieOptions {\n maxAge?: number;\n path?: string;\n sameSite?: \"Strict\" | \"Lax\" | \"None\";\n secure?: boolean;\n}\n\n/**\n * Get a cookie value by name.\n */\nexport function getCookie(name: string): string | null {\n if (typeof document === \"undefined\") return null;\n const match = document.cookie.match(new RegExp(\"(?:^|; )\" + encodeURIComponent(name) + \"=([^;]*)\"));\n return match ? decodeURIComponent(match[1]) : null;\n}\n\n/**\n * Set a cookie.\n */\nexport function setCookie(\n name: string,\n value: string,\n options: SetCookieOptions = {}\n): void {\n if (typeof document === \"undefined\") return;\n const {\n maxAge = ONE_YEAR_SECONDS,\n path = \"/\",\n sameSite = \"Lax\",\n secure = false,\n } = options;\n let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; path=${path}; max-age=${maxAge}; SameSite=${sameSite}`;\n if (secure) cookie += \"; Secure\";\n document.cookie = cookie;\n}\n\nexport interface ConsentPreferenceValue {\n deviceId: string;\n selected_preferences: string[];\n}\n\n/**\n * Read consent preference from cookie. Returns null if missing or invalid.\n */\nexport function getConsentPreferenceCookie(): ConsentPreferenceValue | null {\n const raw = getCookie(COOKIE_CONSENT_NAME);\n if (!raw) return null;\n try {\n const parsed = JSON.parse(raw) as unknown;\n if (\n parsed &&\n typeof parsed === \"object\" &&\n \"deviceId\" in parsed &&\n \"selected_preferences\" in parsed &&\n typeof (parsed as ConsentPreferenceValue).deviceId === \"string\" &&\n Array.isArray((parsed as ConsentPreferenceValue).selected_preferences)\n ) {\n return parsed as ConsentPreferenceValue;\n }\n } catch {\n // ignore\n }\n return null;\n}\n\n/**\n * Store consent preference in cookie (hashed device id + selected_preferences).\n * Uses 1 year max-age and SameSite Lax.\n */\nexport function setConsentPreferenceCookie(\n deviceId: string,\n selected_preferences: string[],\n options?: Partial<SetCookieOptions>\n): void {\n const value: ConsentPreferenceValue = { deviceId, selected_preferences };\n setCookie(COOKIE_CONSENT_NAME, JSON.stringify(value), {\n maxAge: ONE_YEAR_SECONDS,\n path: \"/\",\n sameSite: \"Lax\",\n ...options,\n });\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientConfig, QueryClientProvider } from \"@tanstack/react-query\";\nimport axios, {\n AxiosInstance,\n AxiosRequestConfig,\n AxiosResponse,\n InternalAxiosRequestConfig,\n} from \"axios\";\nimport React, { createContext, useContext, useMemo } from \"react\";\n\nexport interface ConsentService {\n consentApi: AxiosInstance;\n queryClient: QueryClient;\n updateHeaders: (headers: Record<string, string>) => void;\n}\n\nconst ConsentServiceContext = createContext<ConsentService | undefined>(undefined);\n\ninterface RequestInterceptor {\n onFulfilled?: (\n config: InternalAxiosRequestConfig\n ) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>;\n onRejected?: (error: unknown) => unknown;\n}\n\ninterface ResponseInterceptor {\n onFulfilled?: (\n response: AxiosResponse\n ) => AxiosResponse | Promise<AxiosResponse>;\n onRejected?: (error: unknown) => unknown;\n}\n\nexport interface ConsentServiceProviderProps {\n children: React.ReactNode;\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n queryClient?: QueryClient;\n queryClientConfig?: Partial<QueryClientConfig>;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\ninterface CreateConsentServiceParams {\n baseURL?: string;\n axiosConfig?: AxiosRequestConfig;\n requestInterceptors?: RequestInterceptor;\n responseInterceptors?: ResponseInterceptor;\n}\n\nexport const createConsentService = ({\n baseURL = \"\",\n axiosConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}: CreateConsentServiceParams) => {\n const instance = axios.create({\n baseURL,\n ...axiosConfig,\n });\n\n instance.interceptors.request.use(\n requestInterceptors.onFulfilled,\n requestInterceptors.onRejected\n );\n\n instance.interceptors.response.use(\n responseInterceptors.onFulfilled,\n responseInterceptors.onRejected\n );\n\n const updateHeaders = (headers: Record<string, string>) => {\n Object.entries(headers).forEach(([key, value]) => {\n instance.defaults.headers.common[key] = value;\n });\n };\n\n return {\n consentApi: instance,\n updateHeaders,\n };\n};\n\nexport const ConsentServiceProvider: React.FC<ConsentServiceProviderProps> = ({\n children,\n baseURL = \"\",\n axiosConfig = {},\n queryClient,\n queryClientConfig = {},\n requestInterceptors = {},\n responseInterceptors = {},\n}) => {\n const queryClientInstance = useMemo(\n () =>\n queryClient ||\n new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n refetchOnMount: false,\n refetchOnReconnect: false,\n ...queryClientConfig?.defaultOptions?.queries,\n },\n mutations: {\n ...queryClientConfig?.defaultOptions?.mutations,\n },\n },\n queryCache: queryClientConfig?.queryCache,\n mutationCache: queryClientConfig?.mutationCache,\n }),\n [queryClient]\n );\n\n const consentService = useMemo(() => {\n const service = createConsentService({\n baseURL,\n axiosConfig,\n requestInterceptors,\n responseInterceptors,\n });\n\n return {\n consentApi: service.consentApi,\n updateHeaders: service.updateHeaders,\n queryClient: queryClientInstance,\n };\n }, [baseURL, queryClientInstance, axiosConfig, requestInterceptors, responseInterceptors]);\n\n return (\n <ConsentServiceContext.Provider value={consentService}>\n <QueryClientProvider client={queryClientInstance}>\n {children}\n </QueryClientProvider>\n </ConsentServiceContext.Provider>\n );\n};\n\nexport const useConsentService = () => {\n const context = useContext(ConsentServiceContext);\n if (!context) {\n throw new Error(\"useConsentService must be used within a ConsentServiceProvider\");\n }\n return context;\n};\n","import { AxiosInstance } from \"axios\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\nconst baseUrl = \"\";\n\nexport const consentService = (axiosInstance: AxiosInstance) => {\n return {\n /**\n * Health check – GET /health\n */\n getHealth: async (): Promise<HealthResponse> => {\n const { data } = await axiosInstance.get<HealthResponse>(\"/health\");\n return data;\n },\n\n /**\n * Get all consent logs – GET /consent/v1/consent\n * @param params - Optional filter by policy type (ACCOUNT_REGISTER | COOKIE_PREFERENCE)\n */\n getManyConsents: async (\n params?: GetManyConsentParams\n ): Promise<GetManyConsentResponse> => {\n const { data } = await axiosInstance.get<GetManyConsentResponse>(\n `${baseUrl}/consent`,\n { params: params ? { type: params.type } : undefined }\n );\n return data;\n },\n\n /**\n * Get consent log by ID – GET /consent/v1/consent/{id}\n */\n getConsentById: async ({\n id,\n }: GetConsentByIdParams): Promise<GetConsentByIdResponse> => {\n const { data } = await axiosInstance.get<GetConsentByIdResponse>(\n `${baseUrl}/consent/${id}`\n );\n return data;\n },\n\n /**\n * Get latest consent for a user – GET /consent/v1/user-id?user_id=\n */\n getLatestConsentByUserId: async ({\n user_id,\n }: GetLatestConsentByUserIdParams): Promise<GetLatestConsentByUserIdResponse> => {\n const { data } = await axiosInstance.get<GetLatestConsentByUserIdResponse>(\n `${baseUrl}/user-id`,\n { params: { user_id } }\n );\n return data;\n },\n\n /**\n * Create user consent (account register) – POST /consent/v1/user-id\n * Consumer app must hash user_id/device_id (e.g. SHA-256) before passing.\n */\n createUserConsent: async (\n body: CreateUserConsentUpsertDTO\n ): Promise<CreateUserConsentResponse> => {\n const { data } = await axiosInstance.post<CreateUserConsentResponse>(\n `${baseUrl}/user-id`,\n body\n );\n return data;\n },\n\n /**\n * Get latest cookie consent for a device – GET /consent/v1/cookies/device-id?device_id=\n */\n getLatestCookieConsentByDeviceId: async ({\n device_id,\n }: GetLatestCookieConsentByDeviceIdParams): Promise<GetLatestCookieConsentByDeviceIdResponse> => {\n const { data } =\n await axiosInstance.get<GetLatestCookieConsentByDeviceIdResponse>(\n `${baseUrl}/cookies/device-id`,\n { params: { device_id } }\n );\n return data;\n },\n\n /**\n * Create device cookie consent – POST /consent/v1/cookies/device-id\n * Consumer app must hash device_id (e.g. SHA-256) before passing.\n */\n createDeviceCookieConsent: async (\n body: CreateDeviceCookieConsentUpsertDTO\n ): Promise<CreateDeviceCookieConsentResponse> => {\n const { data } =\n await axiosInstance.post<CreateDeviceCookieConsentResponse>(\n `${baseUrl}/cookies/device-id`,\n body\n );\n return data;\n },\n };\n};\n","import {\n useQuery,\n useMutation,\n useQueryClient,\n UseQueryOptions,\n UseMutationOptions,\n} from \"@tanstack/react-query\";\nimport { consentService } from \"../api/consent\";\nimport { sha256 } from \"../helpers/sha256\";\nimport { useConsentService } from \"../provider/ConsentServiceProvider\";\nimport type {\n GetManyConsentParams,\n GetManyConsentResponse,\n GetConsentByIdParams,\n GetConsentByIdResponse,\n GetLatestConsentByUserIdParams,\n GetLatestConsentByUserIdResponse,\n GetLatestCookieConsentByDeviceIdParams,\n GetLatestCookieConsentByDeviceIdResponse,\n CreateUserConsentUpsertDTO,\n CreateUserConsentResponse,\n CreateDeviceCookieConsentUpsertDTO,\n CreateDeviceCookieConsentResponse,\n HealthResponse,\n} from \"../types\";\n\n/** Query keys for consent API */\nexport const consentQueryKeys = {\n all: [\"consent\"] as const,\n health: () => [...consentQueryKeys.all, \"health\"] as const,\n list: (params?: GetManyConsentParams) =>\n [...consentQueryKeys.all, \"list\", params] as const,\n detail: (id: string) => [...consentQueryKeys.all, \"detail\", id] as const,\n latestByUserId: (user_id: string) =>\n [...consentQueryKeys.all, \"user-id\", user_id] as const,\n latestCookieByDeviceId: (device_id: string) =>\n [...consentQueryKeys.all, \"cookies\", \"device-id\", device_id] as const,\n};\n\n// --- Queries ---\n\n/** Health check – GET /health */\nexport const useHealth = (\n options?: UseQueryOptions<HealthResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<HealthResponse>({\n queryKey: consentQueryKeys.health(),\n queryFn: () => service.getHealth(),\n ...options,\n });\n};\n\n/** Get all consent logs – GET /consent/v1/consent */\nexport const useManyConsents = (\n params?: GetManyConsentParams,\n options?: UseQueryOptions<GetManyConsentResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetManyConsentResponse>({\n queryKey: consentQueryKeys.list(params),\n queryFn: () => service.getManyConsents(params),\n ...options,\n });\n};\n\n/** Get consent log by ID – GET /consent/v1/consent/{id} */\nexport const useConsentById = (\n params: GetConsentByIdParams,\n options?: UseQueryOptions<GetConsentByIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetConsentByIdResponse>({\n queryKey: consentQueryKeys.detail(params.id),\n queryFn: () => service.getConsentById(params),\n enabled: !!params.id,\n ...options,\n });\n};\n\n/** Get latest consent for a user – GET /consent/v1/user-id (user_id hashed before send) */\nexport const useLatestConsentByUserId = (\n params: GetLatestConsentByUserIdParams,\n options?: UseQueryOptions<GetLatestConsentByUserIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestConsentByUserIdResponse>({\n queryKey: consentQueryKeys.latestByUserId(params.user_id),\n queryFn: async () => {\n const user_id = await sha256(params.user_id);\n return service.getLatestConsentByUserId({ user_id });\n },\n enabled: !!params.user_id,\n ...options,\n });\n};\n\n/** Get latest cookie consent for a device – GET /consent/v1/cookies/device-id (device_id hashed before send) */\nexport const useLatestCookieConsentByDeviceId = (\n params: GetLatestCookieConsentByDeviceIdParams,\n options?: UseQueryOptions<GetLatestCookieConsentByDeviceIdResponse>\n) => {\n const { consentApi } = useConsentService();\n const service = consentService(consentApi);\n\n return useQuery<GetLatestCookieConsentByDeviceIdResponse>({\n queryKey: consentQueryKeys.latestCookieByDeviceId(params.device_id),\n queryFn: async () => {\n const device_id = await sha256(params.device_id);\n return service.getLatestCookieConsentByDeviceId({ device_id });\n },\n enabled: !!params.device_id,\n ...options,\n });\n};\n\n// --- Mutations ---\n\n/** Create user consent (account register) – POST /consent/v1/user-id */\nexport const useCreateUserConsent = (\n options?: UseMutationOptions<\n CreateUserConsentResponse,\n Error,\n CreateUserConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<CreateUserConsentResponse, Error, CreateUserConsentUpsertDTO>({\n mutationFn: async (body: CreateUserConsentUpsertDTO) => {\n const payload = { ...body };\n if (body.user_id != null && body.user_id !== \"\") {\n payload.user_id = await sha256(body.user_id);\n }\n if (body.device_id != null && body.device_id !== \"\") {\n payload.device_id = await sha256(body.device_id);\n }\n return service.createUserConsent(payload);\n },\n onSuccess: (\n _data: CreateUserConsentResponse,\n variables: CreateUserConsentUpsertDTO\n ) => {\n if (variables.user_id) {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestByUserId(variables.user_id),\n });\n }\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n\n/** Create device cookie consent – POST /consent/v1/cookies/device-id */\nexport const useCreateDeviceCookieConsent = (\n options?: UseMutationOptions<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >\n) => {\n const { consentApi } = useConsentService();\n const queryClient = useQueryClient();\n const service = consentService(consentApi);\n\n return useMutation<\n CreateDeviceCookieConsentResponse,\n Error,\n CreateDeviceCookieConsentUpsertDTO\n >({\n mutationFn: async (body: CreateDeviceCookieConsentUpsertDTO) => {\n const payload = {\n ...body,\n device_id: await sha256(body.device_id),\n };\n return service.createDeviceCookieConsent(payload);\n },\n onSuccess: (\n _data: CreateDeviceCookieConsentResponse,\n variables: CreateDeviceCookieConsentUpsertDTO\n ) => {\n queryClient.invalidateQueries({\n queryKey: consentQueryKeys.latestCookieByDeviceId(variables.device_id),\n });\n queryClient.invalidateQueries({ queryKey: consentQueryKeys.list() });\n },\n ...options,\n });\n};\n","/**\n * Hash user_id or device_id with SHA-256 for the two POST consent hooks\n * (createUserConsent, createDeviceCookieConsent).\n * Input: string, encoded as UTF-8 before hashing.\n * Output: lowercase hex string.\n * Uses Web Crypto when available; falls back to pure-JS SHA-256 for old devices.\n */\n\n/** Encode hash digest bytes as lowercase hex string. */\nfunction arrayBufferToHex(buffer: ArrayBuffer): string {\n return Array.from(new Uint8Array(buffer))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\")\n .toLowerCase();\n}\n\n/**\n * SHA-256 via Web Crypto (modern browsers, Node 19+).\n * Input encoded as UTF-8; output lowercase hex.\n */\nasync function sha256WebCrypto(value: string): Promise<string> {\n const utf8 = new TextEncoder().encode(value);\n const hashBuffer = await crypto.subtle.digest(\"SHA-256\", utf8);\n return arrayBufferToHex(hashBuffer);\n}\n\n/**\n * Pure-JS SHA-256 fallback for environments without crypto.subtle\n * (e.g. old browsers, insecure context, Node < 19).\n * Input encoded as UTF-8; output lowercase hex.\n */\nfunction sha256Fallback(value: string): string {\n const bytes = utf8Encode(value);\n const K = getK();\n const H = getH();\n const W = new Uint32Array(64);\n const numBlocks = bytes.length >> 6;\n\n for (let block = 0; block < numBlocks; block++) {\n const start = block << 6;\n for (let i = 0; i < 16; i++) {\n const o = start + (i << 2);\n W[i] =\n (bytes[o]! << 24) |\n (bytes[o + 1]! << 16) |\n (bytes[o + 2]! << 8) |\n bytes[o + 3]!;\n }\n for (let i = 16; i < 64; i++) {\n const s0 = rotr(W[i - 15]!, 7) ^ rotr(W[i - 15]!, 18) ^ (W[i - 15]! >>> 3);\n const s1 = rotr(W[i - 2]!, 17) ^ rotr(W[i - 2]!, 19) ^ (W[i - 2]! >>> 10);\n W[i] = (W[i - 16]! + s0 + W[i - 7]! + s1) >>> 0;\n }\n let a = H[0]!,\n b = H[1]!,\n c = H[2]!,\n d = H[3]!,\n e = H[4]!,\n f = H[5]!,\n g = H[6]!,\n h = H[7]!;\n for (let i = 0; i < 64; i++) {\n const S1 = rotr(e, 6) ^ rotr(e, 11) ^ rotr(e, 25);\n const ch = (e & f) ^ (~e & g);\n const t1 = (h + S1 + ch + K[i]! + W[i]!) >>> 0;\n const S0 = rotr(a, 2) ^ rotr(a, 13) ^ rotr(a, 22);\n const maj = (a & b) ^ (a & c) ^ (b & c);\n const t2 = (S0 + maj) >>> 0;\n h = g;\n g = f;\n f = e;\n e = (d + t1) >>> 0;\n d = c;\n c = b;\n b = a;\n a = (t1 + t2) >>> 0;\n }\n H[0] = (H[0]! + a) >>> 0;\n H[1] = (H[1]! + b) >>> 0;\n H[2] = (H[2]! + c) >>> 0;\n H[3] = (H[3]! + d) >>> 0;\n H[4] = (H[4]! + e) >>> 0;\n H[5] = (H[5]! + f) >>> 0;\n H[6] = (H[6]! + g) >>> 0;\n H[7] = (H[7]! + h) >>> 0;\n }\n\n let out = \"\";\n for (let i = 0; i < 8; i++) {\n const v = H[i]!;\n out +=\n (v >>> 28).toString(16) +\n ((v >>> 24) & 0xf).toString(16) +\n ((v >>> 20) & 0xf).toString(16) +\n ((v >>> 16) & 0xf).toString(16) +\n ((v >>> 12) & 0xf).toString(16) +\n ((v >>> 8) & 0xf).toString(16) +\n ((v >>> 4) & 0xf).toString(16) +\n (v & 0xf).toString(16);\n }\n return out.toLowerCase();\n}\n\nfunction rotr(n: number, b: number): number {\n return (n >>> b) | (n << (32 - b));\n}\n\n/** Encode string to UTF-8 bytes (with SHA-256 padding for block processing). */\nfunction utf8Encode(s: string): Uint8Array {\n const n = s.length;\n const bytes: number[] = [];\n for (let i = 0; i < n; i++) {\n let c = s.charCodeAt(i);\n if (c < 0x80) {\n bytes.push(c);\n } else if (c < 0x800) {\n bytes.push(0xc0 | (c >> 6), 0x80 | (c & 0x3f));\n } else if (c < 0xd800 || c >= 0xe000) {\n bytes.push(0xe0 | (c >> 12), 0x80 | ((c >> 6) & 0x3f), 0x80 | (c & 0x3f));\n } else {\n c = 0x10000 + (((c & 0x3ff) << 10) | (s.charCodeAt(++i) & 0x3ff));\n bytes.push(\n 0xf0 | (c >> 18),\n 0x80 | ((c >> 12) & 0x3f),\n 0x80 | ((c >> 6) & 0x3f),\n 0x80 | (c & 0x3f)\n );\n }\n }\n const len = bytes.length;\n const pad = (64 - ((len + 9) % 64)) % 64;\n const total = len + 9 + pad;\n const out = new Uint8Array(total);\n out.set(bytes);\n out[len] = 0x80;\n const view = new DataView(out.buffer, out.byteOffset, out.byteLength);\n view.setUint32(total - 8, 0, false);\n view.setUint32(total - 4, (len * 8) >>> 0, false);\n return out;\n}\n\nfunction getK(): number[] {\n const k: number[] = [];\n const hex =\n \"428a2f98 71374491 b5c0fbcf e9b5dba5 3956c25b 59f111f1 923f82a4 ab1c5ed5 d807aa98 12835b01 243185be 550c7dc3 72be5d74 80deb1fe 9bdc06a7 c19bf174 e49b69c1 efbe4786 0fc19dc6 240ca1cc 2de92c6f 4a7484aa 5cb0a9dc 76f988da 983e5152 a831c66d b00327c8 bf597fc7 c6e00bf3 d5a79147 06ca6351 14292967 27b70a85 2e1b2138 4d2c6dfc 53380d13 650a7354 766a0abb 81c2c92e 92722c85 a2bfe8a1 a81a664b c24b8b70 c76c51a3 d192e819 d6990624 f40e3585 106aa070 19a4c116 1e376c08 2748774c 34b0bcb5 391c0cb3 4ed8aa4a 5b9cca4f 682e6ff3 748f82ee 78a5636f 84c87814 8cc70208 90befffa a4506ceb bef9a3f7 c67178f2\";\n hex.split(\" \").forEach((h) => k.push(parseInt(h, 16)));\n return k;\n}\n\nfunction getH(): number[] {\n return [\n 0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c,\n 0x1f83d9ab, 0x5be0cd19,\n ];\n}\n\nfunction hasWebCrypto(): boolean {\n if (typeof crypto === \"undefined\" || !crypto.subtle) return false;\n return true;\n}\n\n/**\n * Hash a string with SHA-256.\n * Input: encoded as UTF-8. Output: lowercase hex string.\n * Use for user_id and device_id before calling createUserConsent / createDeviceCookieConsent.\n * Uses Web Crypto when available; falls back to pure-JS for old devices (no crypto.subtle).\n */\nexport async function sha256(value: string): Promise<string> {\n if (typeof value !== \"string\" || value.length === 0) {\n return value;\n }\n if (hasWebCrypto()) {\n return sha256WebCrypto(value);\n }\n return Promise.resolve(sha256Fallback(value));\n}\n","\"use client\";\n\nimport { useState } from \"react\";\nimport { COOKIE_POLICY_URL, OTHER_INFO_URL } from \"../env/constant\";\nimport { setConsentPreferenceCookie } from \"../helpers/cookie\";\nimport { useCreateDeviceCookieConsent } from \"../hooks/useConsent\";\n\nimport { usePhygitalConsent } from \"../provider/PhygitalConsentProvider\";\n\nconst PREFERENCES = [\"essential\", \"analytics\", \"advertising\"] as const;\ntype PreferenceKey = (typeof PREFERENCES)[number];\n\nconst PREFERENCE_CONFIG: Record<\n PreferenceKey,\n { label: string; description: string; labelVi: string; descriptionVi: string; disabled?: boolean }\n> = {\n essential: {\n label: \"Essential\",\n description: \"Required for the site to work (e.g. security, preferences).\",\n labelVi: \"Cần thiết\",\n descriptionVi: \"Cần thiết cho hoạt động của trang (bảo mật, tùy chọn).\",\n },\n analytics: {\n label: \"Analytics\",\n description: \"Help us improve by collecting anonymous usage data.\",\n labelVi: \"Phân tích\",\n descriptionVi: \"Giúp chúng tôi cải thiện bằng cách thu thập dữ liệu sử dụng ẩn danh.\",\n },\n advertising: {\n label: \"Advertising\",\n description: \"Used to show you relevant ads and measure campaigns.\",\n labelVi: \"Quảng cáo\",\n descriptionVi: \"Dùng để hiển thị quảng cáo phù hợp và đo lường chiến dịch.\",\n },\n};\n\nexport interface CookieConsentBannerProps {\n /** Called after consent is submitted successfully (Reject or Accept). */\n onSubmitted?: () => void;\n /** Called when the banner is dismissed (e.g. hide from UI). */\n onDismiss?: () => void;\n /** Optional class name for the root container. */\n className?: string;\n}\n\nexport function CookieConsentBanner({\n onSubmitted,\n onDismiss,\n className = \"\",\n}: CookieConsentBannerProps) {\n const [dismissed, setDismissed] = useState(false);\n const [showCustomModal, setShowCustomModal] = useState(false);\n const [expandedKey, setExpandedKey] = useState<PreferenceKey | null>(null);\n const [preferences, setPreferences] = useState<Record<PreferenceKey, boolean>>({\n essential: true,\n analytics: true,\n advertising: true,\n });\n\n const { deviceId } = usePhygitalConsent();\n\n const createConsent = useCreateDeviceCookieConsent({\n onSuccess: (_data, variables) => {\n setConsentPreferenceCookie(deviceId, variables.selected_preferences ?? []);\n onSubmitted?.();\n onDismiss?.();\n setDismissed(true);\n setShowCustomModal(false);\n },\n });\n\n const getSelectedPreferences = (): string[] =>\n PREFERENCES.filter((key) => preferences[key]);\n\n const togglePreference = (key: PreferenceKey) => {\n if (PREFERENCE_CONFIG[key].disabled) return;\n setPreferences((prev) => ({ ...prev, [key]: !prev[key] }));\n };\n\n const handleReject = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"REJECTED\",\n selected_preferences: [\"essential\"],\n });\n };\n\n const handleAcceptAll = () => {\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: [...PREFERENCES],\n });\n };\n\n const handleSaveCustom = () => {\n const selected = getSelectedPreferences();\n createConsent.mutate({\n device_id: deviceId,\n status: \"ACCEPTED\",\n selected_preferences: selected.length > 0 ? selected : [\"essential\"],\n });\n };\n\n if (dismissed) return null;\n\n return (\n <>\n {/* Screen 1: Bottom banner */}\n <div\n role=\"dialog\"\n aria-label=\"Thông báo về cookie\"\n className={`consent:fixed consent:bottom-0 consent:left-0 consent:right-0 consent:z-50 consent:flex consent:flex-col consent:gap-4 consent:rounded-t-xl consent:border consent:border-b-0 consent:border-gray-200 consent:bg-white consent:p-4 consent:shadow-lg consent:md:left-4 consent:md:right-auto consent:md:bottom-4 consent:md:max-w-md consent:md:rounded-xl consent:md:border consent:md:border-gray-200 ${className}`}\n style={{\n position: \"fixed\",\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 50,\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1rem\",\n borderRadius: \"0.75rem 0.75rem 0 0\",\n borderWidth: \"1px 1px 0 1px\",\n borderColor: \"#e5e7eb\",\n backgroundColor: \"#fff\",\n padding: \"1rem\",\n boxShadow: \"0 -4px 6px -1px rgb(0 0 0 / 0.1)\",\n }}\n >\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\" }}\n >\n Thông báo về cookie\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", display: \"flex\", flexDirection: \"column\", gap: \"0.5rem\" }}\n >\n <p>\n TapQuest sử dụng trình theo dõi (như Cookie hoặc SDK) cho:\n </p>\n <ul style={{ margin: 0, paddingLeft: \"1.25rem\" }}>\n {PREFERENCES.map((key) => (\n <li key={key}>{PREFERENCE_CONFIG[key].labelVi}</li>\n ))}\n </ul>\n <p>\n Trước khi bạn đồng ý, chỉ những trình theo dõi hoàn toàn cần thiết mới được triển khai.\n </p>\n <p>\n Nếu bạn chọn Chấp nhận tất cả, bạn đồng ý sử dụng tất cả trình theo dõi của chúng tôi.\n </p>\n <p>\n Nếu bạn chọn Từ chối tất cả, bạn từ chối những trình theo dõi yêu cầu sự đồng ý của bạn và sẽ không có quyền truy cập vào các đề nghị hoặc nội dung được cá nhân hóa.\n </p>\n <p>\n Nếu bạn chọn Tùy chọn, bạn có thể chọn xem bạn có đồng ý sử dụng trình theo dõi trên ứng dụng của chúng tôi hay không và ở mức độ nào.\n </p>\n <p>\n Bạn có thể rút lại sự đồng ý của mình bất kỳ lúc nào bằng cách nhấp vào liên kết trong{\" \"}\n {COOKIE_POLICY_URL ? (\n <a\n href={COOKIE_POLICY_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Chính sách cookie\n </a>\n ) : (\n \"Chính sách cookie\"\n )}{\" \"}\n của chúng tôi.\n </p>\n </div>\n <div style={{ display: \"flex\", gap: \"0.5rem\", flexWrap: \"wrap\" }}>\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(true)}\n className=\"consent:rounded-lg consent:border consent:border-gray-300 consent:bg-white consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-gray-700 consent:shadow-sm hover:consent:bg-gray-50 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n border: \"1px solid #111827\",\n background: \"#fff\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#111827\",\n cursor: \"pointer\",\n }}\n >\n Tùy chọn\n </button>\n <button\n type=\"button\"\n onClick={handleReject}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Từ chối tất cả\n </button>\n <button\n type=\"button\"\n onClick={handleAcceptAll}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n }}\n >\n Chấp nhận tất cả\n </button>\n </div>\n {createConsent.isError && (\n <p\n className=\"consent:text-sm consent:text-red-600\"\n style={{ fontSize: \"0.875rem\", color: \"#dc2626\" }}\n >\n Đã xảy ra lỗi. Vui lòng thử lại.\n </p>\n )}\n </div>\n\n {/* Screen 2: Custom preferences modal */}\n {showCustomModal && (\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Trung tâm tuỳ chọn bảo mật\"\n style={{\n position: \"fixed\",\n inset: 0,\n zIndex: 60,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: \"1rem\",\n }}\n onClick={(e) => e.target === e.currentTarget && setShowCustomModal(false)}\n >\n <div\n className=\"consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-y-auto\"\n style={{\n backgroundColor: \"#fff\",\n borderRadius: \"0.75rem\",\n border: \"1px solid #e5e7eb\",\n boxShadow: \"0 10px 15px -3px rgb(0 0 0 / 0.1)\",\n maxWidth: \"28rem\",\n width: \"100%\",\n maxHeight: \"90vh\",\n overflowY: \"auto\",\n padding: \"1.25rem\",\n position: \"relative\",\n }}\n onClick={(e) => e.stopPropagation()}\n >\n <button\n type=\"button\"\n onClick={() => setShowCustomModal(false)}\n aria-label=\"Đóng\"\n style={{\n position: \"absolute\",\n top: \"1rem\",\n right: \"1rem\",\n width: \"2rem\",\n height: \"2rem\",\n borderRadius: \"0.25rem\",\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n fontSize: \"1.25rem\",\n lineHeight: 1,\n color: \"#6b7280\",\n }}\n >\n ×\n </button>\n <h2\n className=\"consent:text-lg consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"1.125rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\", paddingRight: \"2rem\" }}\n >\n Trung tâm tuỳ chọn bảo mật\n </h2>\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{ fontSize: \"0.875rem\", color: \"#4b5563\", marginBottom: \"1rem\" }}\n >\n <p style={{ marginBottom: \"0.5rem\" }}>\n Khi bạn truy cập bất kỳ trang web nào, trang web đó có thể lưu trữ hoặc truy xuất thông tin trên trình duyệt của bạn, chủ yếu dưới dạng cookie. Thông tin này có thể liên quan đến bạn, tùy chọn của bạn hoặc thiết bị của bạn, và chủ yếu được sử dụng để trang web hoạt động như mong đợi.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Thông tin này thường không trực tiếp xác định bạn nhưng có thể mang lại trải nghiệm web được cá nhân hóa hơn. Chúng tôi tôn trọng quyền riêng tư của bạn; bạn có thể chọn không cho phép một số loại cookie. Nhấp vào tiêu đề từng danh mục để tìm hiểu thêm và thay đổi cài đặt mặc định. Việc chặn một số cookie có thể ảnh hưởng đến trải nghiệm của bạn với trang web và các dịch vụ được cung cấp.\n </p>\n <p style={{ marginBottom: \"0.5rem\" }}>\n Nếu chọn \"Không theo dõi\" khi lần đầu sử dụng TapQuest, chỉ cookie hoàn toàn cần thiết mới được sử dụng.\n </p>\n {OTHER_INFO_URL ? (\n <a\n href={OTHER_INFO_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"consent:text-blue-600 consent:underline\"\n style={{ color: \"#2563eb\", textDecoration: \"underline\" }}\n >\n Thông tin khác\n </a>\n ) : (\n <span style={{ color: \"#2563eb\", textDecoration: \"underline\" }}>Thông tin khác</span>\n )}\n </div>\n <h3\n className=\"consent:text-sm consent:font-semibold consent:text-gray-900\"\n style={{ fontSize: \"0.875rem\", fontWeight: 600, color: \"#111827\", marginBottom: \"0.75rem\" }}\n >\n Quản lý tuỳ chọn đồng ý\n </h3>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.25rem\", marginBottom: \"1.25rem\" }}>\n {PREFERENCES.map((key) => {\n const config = PREFERENCE_CONFIG[key];\n const checked = preferences[key];\n const isExpanded = expandedKey === key;\n return (\n <div\n key={key}\n style={{\n border: \"1px solid #e5e7eb\",\n borderRadius: \"0.5rem\",\n overflow: \"hidden\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n padding: \"0.75rem\",\n cursor: \"pointer\",\n backgroundColor: isExpanded ? \"#f9fafb\" : \"transparent\",\n }}\n onClick={() => setExpandedKey(isExpanded ? null : key)}\n >\n <span\n style={{\n flexShrink: 0,\n width: \"1.25rem\",\n height: \"1.25rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"1rem\",\n color: \"#6b7280\",\n transform: isExpanded ? \"rotate(45deg)\" : \"none\",\n transition: \"transform 0.2s\",\n }}\n >\n +\n </span>\n <span\n className=\"consent:font-medium consent:text-gray-900\"\n style={{ flex: 1, fontSize: \"0.875rem\", fontWeight: 500, color: \"#111827\" }}\n >\n {config.labelVi}\n </span>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={checked}\n aria-label={`${config.labelVi} ${checked ? \"bật\" : \"tắt\"}`}\n disabled={config.disabled}\n onClick={(e) => {\n e.stopPropagation();\n togglePreference(key);\n }}\n style={{\n flexShrink: 0,\n width: 44,\n height: 24,\n borderRadius: 12,\n border: \"none\",\n padding: 0,\n cursor: config.disabled ? \"default\" : \"pointer\",\n backgroundColor: config.disabled ? \"#e5e7eb\" : checked ? \"#111827\" : \"#d1d5db\",\n opacity: config.disabled ? 0.7 : 1,\n transition: \"background-color 0.2s\",\n }}\n >\n <span\n style={{\n display: \"block\",\n width: 20,\n height: 20,\n borderRadius: \"50%\",\n backgroundColor: \"#fff\",\n marginLeft: checked ? 22 : 2,\n marginTop: 2,\n transition: \"margin-left 0.2s\",\n boxShadow: \"0 1px 2px rgb(0 0 0 / 0.2)\",\n }}\n />\n </button>\n </div>\n {isExpanded && (\n <div\n className=\"consent:text-sm consent:text-gray-600\"\n style={{\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n padding: \"0 0.75rem 0.75rem 2.5rem\",\n borderTop: \"1px solid #e5e7eb\",\n }}\n >\n {config.descriptionVi}\n </div>\n )}\n </div>\n );\n })}\n </div>\n <button\n type=\"button\"\n onClick={handleSaveCustom}\n disabled={createConsent.isPending}\n className=\"consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50 consent:w-full\"\n style={{\n borderRadius: \"0.5rem\",\n background: \"#111827\",\n padding: \"0.5rem 1rem\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n color: \"#fff\",\n border: \"none\",\n cursor: \"pointer\",\n width: \"100%\",\n }}\n >\n Xác nhận lựa chọn của tôi\n </button>\n </div>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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","names":["MediaType","EntityStatus","createContext","useCallback","useContext","useEffect","useState","COOKIE_CONSENT_NAME","getCookie","name","match","setCookie","value","options","maxAge","path","sameSite","secure","cookie","getConsentPreferenceCookie","raw","COOKIE_CONSENT_NAME","parsed","setConsentPreferenceCookie","deviceId","selected_preferences","QueryClient","QueryClientProvider","axios","createContext","useContext","useMemo","jsx","ConsentServiceContext","createConsentService","baseURL","axiosConfig","requestInterceptors","responseInterceptors","instance","headers","key","value","ConsentServiceProvider","children","queryClient","queryClientConfig","queryClientInstance","consentService","service","useConsentService","context","jsx","PhygitalConsentContext","createContext","PhygitalConsentProvider","props","children","deviceId","consentServiceProps","hasConsentPreference","setHasConsentPreference","useState","refreshConsentPreference","useCallback","stored","getConsentPreferenceCookie","useEffect","value","ConsentServiceProvider","usePhygitalConsent","context","useContext","baseUrl","consentService","axiosInstance","data","params","id","user_id","body","device_id","useQuery","useMutation","useQueryClient","arrayBufferToHex","buffer","b","sha256WebCrypto","value","utf8","hashBuffer","sha256Fallback","bytes","utf8Encode","K","getK","H","getH","W","numBlocks","block","start","i","o","s0","rotr","s1","a","c","d","e","f","g","h","S1","ch","t1","S0","maj","t2","out","v","n","s","len","pad","total","view","k","hasWebCrypto","sha256","consentQueryKeys","params","id","user_id","device_id","useHealth","options","consentApi","useConsentService","service","consentService","useQuery","useManyConsents","useConsentById","useLatestConsentByUserId","sha256","useLatestCookieConsentByDeviceId","useCreateUserConsent","queryClient","useQueryClient","useMutation","body","payload","_data","variables","useCreateDeviceCookieConsent","useState","Fragment","jsx","jsxs","PREFERENCES","PREFERENCE_CONFIG","CookieConsentBanner","onSubmitted","onDismiss","className","dismissed","setDismissed","useState","showCustomModal","setShowCustomModal","expandedKey","setExpandedKey","preferences","setPreferences","deviceId","usePhygitalConsent","createConsent","useCreateDeviceCookieConsent","_data","variables","setConsentPreferenceCookie","getSelectedPreferences","key","togglePreference","prev","handleReject","handleAcceptAll","handleSaveCustom","selected","e","config","checked","isExpanded"]}
@@ -10,7 +10,9 @@
10
10
  --consent-color-red-600: oklch(57.7% 0.245 27.325);
11
11
  --consent-color-blue-600: oklch(54.6% 0.245 262.881);
12
12
  --consent-color-gray-200: oklch(92.8% 0.006 264.531);
13
+ --consent-color-gray-300: oklch(87.2% 0.01 258.338);
13
14
  --consent-color-gray-600: oklch(44.6% 0.03 256.802);
15
+ --consent-color-gray-700: oklch(37.3% 0.034 259.733);
14
16
  --consent-color-gray-900: oklch(21% 0.034 264.665);
15
17
  --consent-color-white: #fff;
16
18
  --consent-spacing: 0.25rem;
@@ -200,15 +202,9 @@
200
202
  .consent\:w-full {
201
203
  width: 100%;
202
204
  }
203
- .consent\:cursor-pointer {
204
- cursor: pointer;
205
- }
206
205
  .consent\:flex-col {
207
206
  flex-direction: column;
208
207
  }
209
- .consent\:gap-2 {
210
- gap: calc(var(--consent-spacing) * 2);
211
- }
212
208
  .consent\:gap-4 {
213
209
  gap: calc(var(--consent-spacing) * 4);
214
210
  }
@@ -229,10 +225,6 @@
229
225
  border-style: var(--tw-border-style);
230
226
  border-width: 1px;
231
227
  }
232
- .consent\:border-0 {
233
- border-style: var(--tw-border-style);
234
- border-width: 0px;
235
- }
236
228
  .consent\:border-b-0 {
237
229
  border-bottom-style: var(--tw-border-style);
238
230
  border-bottom-width: 0px;
@@ -240,18 +232,15 @@
240
232
  .consent\:border-gray-200 {
241
233
  border-color: var(--consent-color-gray-200);
242
234
  }
235
+ .consent\:border-gray-300 {
236
+ border-color: var(--consent-color-gray-300);
237
+ }
243
238
  .consent\:bg-gray-900 {
244
239
  background-color: var(--consent-color-gray-900);
245
240
  }
246
- .consent\:bg-transparent {
247
- background-color: transparent;
248
- }
249
241
  .consent\:bg-white {
250
242
  background-color: var(--consent-color-white);
251
243
  }
252
- .consent\:p-0 {
253
- padding: calc(var(--consent-spacing) * 0);
254
- }
255
244
  .consent\:p-4 {
256
245
  padding: calc(var(--consent-spacing) * 4);
257
246
  }
@@ -283,6 +272,9 @@
283
272
  .consent\:text-gray-600 {
284
273
  color: var(--consent-color-gray-600);
285
274
  }
275
+ .consent\:text-gray-700 {
276
+ color: var(--consent-color-gray-700);
277
+ }
286
278
  .consent\:text-gray-900 {
287
279
  color: var(--consent-color-gray-900);
288
280
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phygitallabs/phygital-consent",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -15,7 +15,7 @@ import type {
15
15
  HealthResponse,
16
16
  } from "../types";
17
17
 
18
- const CONSENT_V1 = "/consent/v1";
18
+ const baseUrl = "";
19
19
 
20
20
  export const consentService = (axiosInstance: AxiosInstance) => {
21
21
  return {
@@ -35,7 +35,7 @@ export const consentService = (axiosInstance: AxiosInstance) => {
35
35
  params?: GetManyConsentParams
36
36
  ): Promise<GetManyConsentResponse> => {
37
37
  const { data } = await axiosInstance.get<GetManyConsentResponse>(
38
- `${CONSENT_V1}/consent`,
38
+ `${baseUrl}/consent`,
39
39
  { params: params ? { type: params.type } : undefined }
40
40
  );
41
41
  return data;
@@ -48,7 +48,7 @@ export const consentService = (axiosInstance: AxiosInstance) => {
48
48
  id,
49
49
  }: GetConsentByIdParams): Promise<GetConsentByIdResponse> => {
50
50
  const { data } = await axiosInstance.get<GetConsentByIdResponse>(
51
- `${CONSENT_V1}/consent/${id}`
51
+ `${baseUrl}/consent/${id}`
52
52
  );
53
53
  return data;
54
54
  },
@@ -60,7 +60,7 @@ export const consentService = (axiosInstance: AxiosInstance) => {
60
60
  user_id,
61
61
  }: GetLatestConsentByUserIdParams): Promise<GetLatestConsentByUserIdResponse> => {
62
62
  const { data } = await axiosInstance.get<GetLatestConsentByUserIdResponse>(
63
- `${CONSENT_V1}/user-id`,
63
+ `${baseUrl}/user-id`,
64
64
  { params: { user_id } }
65
65
  );
66
66
  return data;
@@ -74,7 +74,7 @@ export const consentService = (axiosInstance: AxiosInstance) => {
74
74
  body: CreateUserConsentUpsertDTO
75
75
  ): Promise<CreateUserConsentResponse> => {
76
76
  const { data } = await axiosInstance.post<CreateUserConsentResponse>(
77
- `${CONSENT_V1}/user-id`,
77
+ `${baseUrl}/user-id`,
78
78
  body
79
79
  );
80
80
  return data;
@@ -88,7 +88,7 @@ export const consentService = (axiosInstance: AxiosInstance) => {
88
88
  }: GetLatestCookieConsentByDeviceIdParams): Promise<GetLatestCookieConsentByDeviceIdResponse> => {
89
89
  const { data } =
90
90
  await axiosInstance.get<GetLatestCookieConsentByDeviceIdResponse>(
91
- `${CONSENT_V1}/cookies/device-id`,
91
+ `${baseUrl}/cookies/device-id`,
92
92
  { params: { device_id } }
93
93
  );
94
94
  return data;
@@ -103,7 +103,7 @@ export const consentService = (axiosInstance: AxiosInstance) => {
103
103
  ): Promise<CreateDeviceCookieConsentResponse> => {
104
104
  const { data } =
105
105
  await axiosInstance.post<CreateDeviceCookieConsentResponse>(
106
- `${CONSENT_V1}/cookies/device-id`,
106
+ `${baseUrl}/cookies/device-id`,
107
107
  body
108
108
  );
109
109
  return data;
@@ -175,84 +175,60 @@ export function CookieConsentBanner({
175
175
  )}{" "}
176
176
  của chúng tôi.
177
177
  </p>
178
- <p>
179
- <button
180
- type="button"
181
- onClick={() => setShowCustomModal(true)}
182
- className="consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:cursor-pointer consent:font-inherit"
183
- style={{
184
- color: "#2563eb",
185
- textDecoration: "underline",
186
- background: "none",
187
- border: "none",
188
- padding: 0,
189
- cursor: "pointer",
190
- font: "inherit",
191
- }}
192
- >
193
- Tuỳ chỉnh cookie.
194
- </button>
195
- </p>
196
178
  </div>
197
- <div
198
- className="consent:flex consent:flex-col consent:gap-2"
199
- style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}
200
- >
201
- <div style={{ display: "flex", gap: "0.5rem", flexWrap: "wrap" }}>
202
- <button
203
- type="button"
204
- onClick={handleAcceptAll}
205
- disabled={createConsent.isPending}
206
- className="consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50"
207
- style={{
208
- borderRadius: "0.5rem",
209
- background: "#111827",
210
- padding: "0.5rem 1rem",
211
- fontSize: "0.875rem",
212
- fontWeight: 500,
213
- color: "#fff",
214
- border: "none",
215
- cursor: "pointer",
216
- }}
217
- >
218
- Chấp nhận tất cả
219
- </button>
220
- <button
221
- type="button"
222
- onClick={handleReject}
223
- disabled={createConsent.isPending}
224
- className="consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50"
225
- style={{
226
- borderRadius: "0.5rem",
227
- background: "#111827",
228
- padding: "0.5rem 1rem",
229
- fontSize: "0.875rem",
230
- fontWeight: 500,
231
- color: "#fff",
232
- border: "none",
233
- cursor: "pointer",
234
- }}
235
- >
236
- Từ chối tất cả
237
- </button>
238
- </div>
179
+ <div style={{ display: "flex", gap: "0.5rem", flexWrap: "wrap" }}>
239
180
  <button
240
181
  type="button"
241
182
  onClick={() => setShowCustomModal(true)}
242
- className="consent:text-blue-600 consent:underline consent:bg-transparent consent:border-0 consent:p-0 consent:text-sm consent:cursor-pointer consent:font-inherit"
183
+ className="consent:rounded-lg consent:border consent:border-gray-300 consent:bg-white consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-gray-700 consent:shadow-sm hover:consent:bg-gray-50 disabled:consent:opacity-50"
184
+ style={{
185
+ borderRadius: "0.5rem",
186
+ border: "1px solid #111827",
187
+ background: "#fff",
188
+ padding: "0.5rem 1rem",
189
+ fontSize: "0.875rem",
190
+ fontWeight: 500,
191
+ color: "#111827",
192
+ cursor: "pointer",
193
+ }}
194
+ >
195
+ Tùy chọn
196
+ </button>
197
+ <button
198
+ type="button"
199
+ onClick={handleReject}
200
+ disabled={createConsent.isPending}
201
+ className="consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50"
243
202
  style={{
244
- color: "#2563eb",
245
- textDecoration: "underline",
246
- background: "none",
203
+ borderRadius: "0.5rem",
204
+ background: "#111827",
205
+ padding: "0.5rem 1rem",
206
+ fontSize: "0.875rem",
207
+ fontWeight: 500,
208
+ color: "#fff",
247
209
  border: "none",
248
- padding: 0,
210
+ cursor: "pointer",
211
+ }}
212
+ >
213
+ Từ chối tất cả
214
+ </button>
215
+ <button
216
+ type="button"
217
+ onClick={handleAcceptAll}
218
+ disabled={createConsent.isPending}
219
+ className="consent:rounded-lg consent:bg-gray-900 consent:px-4 consent:py-2 consent:text-sm consent:font-medium consent:text-white consent:shadow-sm hover:consent:bg-gray-800 disabled:consent:opacity-50"
220
+ style={{
221
+ borderRadius: "0.5rem",
222
+ background: "#111827",
223
+ padding: "0.5rem 1rem",
249
224
  fontSize: "0.875rem",
225
+ fontWeight: 500,
226
+ color: "#fff",
227
+ border: "none",
250
228
  cursor: "pointer",
251
- font: "inherit",
252
- alignSelf: "flex-start",
253
229
  }}
254
230
  >
255
- Tuỳ chọn
231
+ Chấp nhận tất cả
256
232
  </button>
257
233
  </div>
258
234
  {createConsent.isError && (