"use strict";(globalThis.webpackChunkgtm_kit_settings=globalThis.webpackChunkgtm_kit_settings||[]).push([[551],{3903:(t,e,i)=>{i.d(e,{A:()=>r});var a=i(6427),s=i(6087),o=i(5280),n=i(1835),l=i(790);const r=(0,s.memo)((({title:t,placeholder:e,help:i,className:s="gtmkit-settings-field-wrap gtmkit-py-4 gtmkit-max-w-md",optionGroup:r="general",optionName:m,isDisabled:g,notificationId:d="",onBlur:c,transform:_})=>{const[k,h]=(0,o.G)(r,m),{removeNotification:u}=(0,n.h)();return(0,l.jsx)(a.TextControl,{label:t,placeholder:e,help:i,className:s,value:k||"",onChange:t=>{h(t),d&&u(d)},onBlur:t=>{const e=t.target.value;if(_){const t=_(e);t!==e&&h(t)}c&&c(e)},disabled:g})}))},6992:(t,e,i)=>{i.d(e,{A:()=>r});var a=i(6427),s=i(6087),o=i(5280),n=i(1835),l=i(790);const r=(0,s.memo)((({title:t,label:e,optionGroup:i="general",optionName:r,disabled:m=!1,narrow:g=!1,premium:d=!1,notificationId:c=""})=>{const _=(0,s.useId)(),[k,h]=(0,o.G)(i,r),{removeNotification:u}=(0,n.h)(),p="gtmkit-settings-field-wrap "+(g?"gtmkit-py-2":"gtmkit-py-4");return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{className:p,children:(0,l.jsx)(a.BaseControl,{label:d?(0,l.jsxs)(l.Fragment,{children:[t,(0,l.jsx)("span",{className:"gtmkit-text-xs gtmkit-text-white gtmkit-font-normal gtmkit-rounded-full gtmkit-py-0.5 gtmkit-px-2 gtmkit-h-5 gtmkit-leading-5 gtmkit-bg-color-success gtmkit-ml-6",children:"Premium"})]}):t,id:_,children:(0,l.jsx)(a.ToggleControl,{label:e,checked:!m&&Boolean(k),onChange:()=>{h(!Boolean(k)),c&&u(c)},disabled:m})})})})}))},237:(t,e,i)=>{i.d(e,{A:()=>r});var a=i(6087),s=i(790);const o=(0,a.memo)((({as:t="h3",title:e="",children:i,className:a="",...o})=>(0,s.jsxs)(t,{...o,className:"gtmkit-font-bold gtmkit-text-lg gtmkit-px-8 gtmkit-py-4 gtmkit-border-b gtmkit-border-color-grey gtmkit-flex gtmkit-items-center "+a,children:[e,i]}))),n=(0,a.memo)((({as:t="div",children:e,className:i="",...a})=>(0,s.jsx)(t,{...a,className:"gtmkit-px-8 gtmkit-py-6 "+i,children:e}))),l=(0,a.forwardRef)((({children:t,className:e="",disabled:i=!1,...a},o)=>(0,s.jsx)("div",{...a,className:"gtmkit-mb-12 gtmkit-border gtmkit-bg-white gtmkit-max-w-screen-lg gtmkit-border-color-grey gtmkit-rounded "+e+(i?"gtmkit-opacity-60":""),ref:o,children:t})));l.Header=o,l.Content=n;const r=l},6551:(t,e,i)=>{i.r(e),i.d(e,{default:()=>g});var a=i(7723),s=i(6087),o=i(6992),n=i(237),l=i(3951),r=i(3903),m=i(790);const g=()=>{const{useSettings:t}=(0,s.useContext)(l.ph),e=!t.general.gcm_default_settings;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("h2",{className:"gtmkit-text-2xl gtmkit-font-bold gtmkit-text-color-heading gtmkit-mb-8",children:(0,a.__)("Google Consent Mode","gtm-kit")}),(0,m.jsxs)(n.A,{children:[(0,m.jsx)(n.A.Header,{title:(0,a.__)("Google Consent Mode Activation","gtm-kit"),children:(0,m.jsx)("span",{className:"gtmkit-text-red-600 gtmkit-ml-2",children:(0,a.__)("Warning!","gtm-kit")})}),(0,m.jsxs)(n.A.Content,{className:"gtmkit-space-y-2",children:[(0,m.jsx)("p",{children:(0,a.__)("Most Consent Management Platforms will handle the Google Consent Mode settings for you and applying the default settings in both GTM Kit and you CMP will lead to unexpected behaviour or errors.","gtm-kit")}),(0,m.jsx)("p",{children:(0,a.__)("You should only use these settings if you do not have a Consent Management Platform that supports Google Consent Mode.","gtm-kit")}),(0,m.jsx)("p",{className:"!gtmkit-mt-4",children:(0,a.__)("GTM Kit will only set the default Consent Mode settings and you must update the settings yourself when the user has given consent.","gtm-kit")}),(0,m.jsx)("p",{className:"gtmkit-text-color-primary !gtmkit-my-6",children:(0,m.jsx)("a",{href:"https://developers.google.com/tag-platform/security/guides/consent#implementation_example",target:"_blank",rel:"noreferrer",className:"hover:gtmkit-underline gtmkit-font-semibold",children:(0,a.__)("See an example of how consent is updated","gtm-kit")})}),(0,m.jsx)(o.A,{title:(0,a.__)("Activate GCM settings","gtm-kit"),label:(0,a.__)("Choose this option if you would like to activate the default settings below","gtm-kit"),optionName:"gcm_default_settings"})]})]}),(0,m.jsxs)(n.A,{disabled:e,children:[(0,m.jsx)(n.A.Header,{title:(0,a.__)("Google Consent Mode Default Settings","gtm-kit")}),(0,m.jsxs)(n.A.Content,{children:[(0,m.jsx)(o.A,{title:(0,a.__)("Ad Personalization","gtm-kit"),label:(0,a.__)("Enables personalized advertising","gtm-kit"),optionName:"gcm_ad_personalization",disabled:e}),(0,m.jsx)(o.A,{title:(0,a.__)("Ad Storage","gtm-kit"),label:(0,a.__)("Enables storage, such as cookies, related to advertising","gtm-kit"),optionName:"gcm_ad_storage",disabled:e}),(0,m.jsx)(o.A,{title:(0,a.__)("Ad User Data","gtm-kit"),label:(0,a.__)("Enables sending user data related to advertising to Google","gtm-kit"),optionName:"gcm_ad_user_data",disabled:e}),(0,m.jsx)(o.A,{title:(0,a.__)("Analytics Storage","gtm-kit"),label:(0,a.__)("Enables storage, such as cookies, related to analytics (for example, visit duration)","gtm-kit"),optionName:"gcm_analytics_storage",disabled:e}),(0,m.jsx)(o.A,{title:(0,a.__)("Functionality Storage","gtm-kit"),label:(0,a.__)("Enables storage that supports the functionality of the website or app such as language settings","gtm-kit"),optionName:"gcm_functionality_storage",disabled:e}),(0,m.jsx)(o.A,{title:(0,a.__)("Personalization Storage","gtm-kit"),label:(0,a.__)("Enables storage related to personalization such as video recommendations","gtm-kit"),optionName:"gcm_personalization_storage",disabled:e}),(0,m.jsx)(o.A,{title:(0,a.__)("Security Storage","gtm-kit"),label:(0,a.__)("Enables storage related to security such as authentication functionality, fraud prevention, and other user protection","gtm-kit"),optionName:"gcm_security_storage",disabled:e}),(0,m.jsx)("h4",{className:"gtmkit-font-bold gtmkit-pt-8",children:(0,a.__)("Advanced","gtm-kit")}),(0,m.jsx)(o.A,{title:(0,a.__)("Redact Ads Data","gtm-kit"),label:(0,a.__)("Redact advertising data","gtm-kit"),optionName:"gcm_ads_data_redaction",disabled:e}),(0,m.jsx)(o.A,{title:(0,a.__)("Pass through URL parameters","gtm-kit"),label:(0,a.__)("Pass through ad click, client ID, and session ID information in URLs","gtm-kit"),optionName:"gcm_url_passthrough",disabled:e}),(0,m.jsx)(r.A,{title:(0,a.__)("Wait For Update","gtm-kit"),optionName:"gcm_wait_for_update",placeholder:(0,a.__)("Enter time in milliseconds","gtm-kit")})]})]})]})}},1835:(t,e,i)=>{i.d(e,{h:()=>o});var a=i(6087),s=i(282);const o=()=>{var t,e;const{notifications:i,setNotificationStatus:o,isUpdatingNotifications:n}=(0,a.useContext)(s.V2),l=(0,a.useCallback)((t=>o(t,"dismiss")),[o]),r=(0,a.useCallback)((t=>o(t,"remove")),[o]),m=null!==(t=i?.metrics?.total)&&void 0!==t?t:0,g=null!==(e=i?.metrics?.problem)&&void 0!==e?e:0;return{notifications:i,dismissNotification:l,removeNotification:r,isUpdatingNotifications:n,totalNotifications:m,problemNotifications:g,hasProblems:g>0,hasNotifications:m>0}}},5280:(t,e,i)=>{i.d(e,{G:()=>o});var a=i(6087),s=i(3951);const o=(t,e)=>{const{settings:i,updateStateSettings:o}=(0,a.useContext)(s.ph),n=i?.[t]?.[e];return[n,(0,a.useCallback)((i=>{o(t,e,i)}),[t,e,o])]}}}]);