From 3a74a68da7af3e0ca34984106be1449c3d54e530 Mon Sep 17 00:00:00 2001 From: Torben Lundsgaard Date: Fri, 4 Oct 2024 14:59:04 +0200 Subject: [PATCH] Add auto-update suggestion --- assets/admin/settings-rtl.css | 1483 ++- assets/admin/settings.asset.php | 2 +- assets/admin/settings.css | 1485 ++- assets/admin/settings.js | 16960 +++++++++++++++++++++++- assets/admin/wizard-rtl.css | 1478 ++- assets/admin/wizard.asset.php | 2 +- assets/admin/wizard.css | 1480 ++- assets/admin/wizard.js | 9861 +++++++++++++- inc/main.php | 1 + src/Admin/Suggestions.php | 41 + src/Installation/AutomaticUpdates.php | 155 + src/Installation/Upgrade.php | 17 + src/Options.php | 69 +- vendor/composer/autoload_classmap.php | 3 +- vendor/composer/autoload_static.php | 3 +- vendor/composer/installed.php | 4 +- 16 files changed, 33003 insertions(+), 41 deletions(-) create mode 100644 src/Installation/AutomaticUpdates.php diff --git a/assets/admin/settings-rtl.css b/assets/admin/settings-rtl.css index 451cfd6..46cf34f 100644 --- a/assets/admin/settings-rtl.css +++ b/assets/admin/settings-rtl.css @@ -1 +1,1482 @@ -:root{--gtmkit-background-white:#fff;--gtmkit-background-grey:#f0f0f1;--gtmkit-border-color:#ddd;--gtmkit-text-color-heading:#454545;--gtmkit-text-color-grey:#777;--gtmkit-color-grey:#888;--gtmkit-color-primary:#3969bb;--gtmkit-color-secondary:#00a32a;--gtmkit-color-button:#3969bb;--gtmkit-color-success:#00a32a;--gtmkit-color-warning:orange;--gtmkit-color-error:red;--gtmkit-space-h:2rem;--gtmkit-space-v:1.5rem;--gtmkit-font-size-l:18px;--gtmkit-font-size-m:16px;--gtmkit-font-size-s:14px;--gtmkit-font-size-xl:22px;--gtmkit-font-size-xs:12px;--gtmkit-font-size-xxl:24px;--gtmkit-button-disabled:#bbb;--gtmkit-button-disabled-bg:#f5f5f5;--gtmkit-button-disabled-border:1px solid #ddd;--gtmkit-button-disabled-text:#bbb;--gtmkit-button-primary-bg:var(--gtmkit-color-primary);--gtmkit-button-primary-bg-hover:#397eeb;--gtmkit-button-primary-text:#fff;--gtmkit-button-primary-text-hover:#fff;--gtmkit-button-secondary-bg:#f8f8f8;--gtmkit-button-secondary-bg-hover:#fff;--gtmkit-button-secondary-border:#ddd;--gtmkit-button-secondary-text:#777;--gtmkit-button-secondary-text-hover:#454545}*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.gtmkit-container{width:100%}@media(min-width:640px){.gtmkit-container{max-width:640px}}@media(min-width:768px){.gtmkit-container{max-width:768px}}@media(min-width:1024px){.gtmkit-container{max-width:1024px}}@media(min-width:1280px){.gtmkit-container{max-width:1280px}}@media(min-width:1536px){.gtmkit-container{max-width:1536px}}.gtmkit-fixed{position:fixed}.gtmkit-absolute{position:absolute}.gtmkit-relative{position:relative}.gtmkit-sticky{position:sticky}.gtmkit-inset-0{inset:0}.gtmkit-bottom-0{bottom:0}.gtmkit-z-10{z-index:10}.gtmkit-m-4{margin:1rem}.\!gtmkit-my-6{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.gtmkit-mx-auto{margin-right:auto;margin-left:auto}.gtmkit-my-16{margin-bottom:4rem;margin-top:4rem}.gtmkit-my-4{margin-bottom:1rem;margin-top:1rem}.gtmkit-my-6{margin-bottom:1.5rem;margin-top:1.5rem}.gtmkit-my-8{margin-bottom:2rem;margin-top:2rem}.\!gtmkit-mt-4{margin-top:1rem!important}.gtmkit-mb-0\.5{margin-bottom:.125rem}.gtmkit-mb-12{margin-bottom:3rem}.gtmkit-mb-14{margin-bottom:3.5rem}.gtmkit-mb-2{margin-bottom:.5rem}.gtmkit-mb-20{margin-bottom:5rem}.gtmkit-mb-4{margin-bottom:1rem}.gtmkit-mb-5{margin-bottom:1.25rem}.gtmkit-mb-6{margin-bottom:1.5rem}.gtmkit-mb-8{margin-bottom:2rem}.gtmkit-ml-2{margin-right:.5rem}.gtmkit-ml-4{margin-right:1rem}.gtmkit-ml-6{margin-right:1.5rem}.gtmkit-mr-2{margin-left:.5rem}.gtmkit-mr-8{margin-left:2rem}.gtmkit-mt-12{margin-top:3rem}.gtmkit-mt-3{margin-top:.75rem}.gtmkit-mt-4{margin-top:1rem}.gtmkit-mt-6{margin-top:1.5rem}.gtmkit-mt-8{margin-top:2rem}.gtmkit-block{display:block}.gtmkit-inline-block{display:inline-block}.gtmkit-flex{display:flex}.gtmkit-grid{display:grid}.gtmkit-hidden{display:none}.gtmkit-h-0\.5{height:.125rem}.gtmkit-h-2\.5{height:.625rem}.gtmkit-h-5{height:1.25rem}.gtmkit-h-8{height:2rem}.gtmkit-h-min{height:-moz-min-content;height:min-content}.gtmkit-h-screen{height:100vh}.gtmkit-min-h-\[128px\]{min-height:128px}.gtmkit-min-h-\[175px\]{min-height:175px}.gtmkit-w-2\.5{width:.625rem}.gtmkit-w-5{width:1.25rem}.gtmkit-w-8{width:2rem}.gtmkit-w-\[225px\]{width:225px}.gtmkit-w-\[250px\]{width:250px}.gtmkit-w-full{width:100%}.gtmkit-min-w-\[225px\]{min-width:225px}.gtmkit-max-w-3xl{max-width:48rem}.gtmkit-max-w-\[1536px\]{max-width:1536px}.gtmkit-max-w-\[90\%\]{max-width:90%}.gtmkit-max-w-lg{max-width:32rem}.gtmkit-max-w-max{max-width:-moz-max-content;max-width:max-content}.gtmkit-max-w-md{max-width:28rem}.gtmkit-max-w-screen-lg{max-width:1024px}.gtmkit-max-w-xl{max-width:36rem}.gtmkit-flex-auto{flex:1 1 auto}.gtmkit-shrink-0{flex-shrink:0}.gtmkit-table-fixed{table-layout:fixed}.gtmkit-cursor-pointer{cursor:pointer}.gtmkit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gtmkit-flex-col{flex-direction:column}.gtmkit-flex-wrap{flex-wrap:wrap}.gtmkit-items-center{align-items:center}.\!gtmkit-justify-start{justify-content:flex-start!important}.gtmkit-justify-end{justify-content:flex-end}.gtmkit-justify-center{justify-content:center}.gtmkit-justify-between{justify-content:space-between}.gtmkit-gap-16{gap:4rem}.gtmkit-gap-2{gap:.5rem}.gtmkit-gap-4{gap:1rem}.gtmkit-gap-6{gap:1.5rem}.gtmkit-gap-8{gap:2rem}.gtmkit-gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gtmkit-space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2.25rem*(1 - var(--tw-space-x-reverse)));margin-left:calc(2.25rem*var(--tw-space-x-reverse))}.gtmkit-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-whitespace-nowrap{white-space:nowrap}.gtmkit-rounded{border-radius:.25rem}.gtmkit-rounded-full{border-radius:9999px}.gtmkit-rounded-md{border-radius:.375rem}.gtmkit-border{border-width:1px}.gtmkit-border-2{border-width:2px}.gtmkit-border-y{border-top-width:1px}.gtmkit-border-b,.gtmkit-border-y{border-bottom-width:1px}.gtmkit-border-b-2{border-bottom-width:2px}.gtmkit-border-b-4{border-bottom-width:4px}.gtmkit-border-t-0{border-top-width:0}.gtmkit-border-t-4{border-top-width:4px}.gtmkit-border-color-border{border-color:var(--gtmkit-border-color)}.gtmkit-border-color-grey{border-color:var(--gtmkit-color-grey)}.gtmkit-border-color-primary{border-color:var(--gtmkit-color-primary)}.gtmkit-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.gtmkit-border-b-color-primary{border-bottom-color:var(--gtmkit-color-primary)}.gtmkit-bg-color-background-disabled{background-color:var(--gtmkit-button-disabled-bg)}.gtmkit-bg-color-border{background-color:var(--gtmkit-border-color)}.gtmkit-bg-color-button-disabled{background-color:var(--gtmkit-button-disabled)}.gtmkit-bg-color-error{background-color:var(--gtmkit-color-error)}.gtmkit-bg-color-grey{background-color:var(--gtmkit-color-grey)}.gtmkit-bg-color-primary{background-color:var(--gtmkit-color-primary)}.gtmkit-bg-color-success{background-color:var(--gtmkit-color-success)}.gtmkit-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.gtmkit-p-3{padding:.75rem}.gtmkit-p-6{padding:1.5rem}.gtmkit-p-8{padding:2rem}.\!gtmkit-px-3{padding-right:.75rem!important;padding-left:.75rem!important}.\!gtmkit-px-6{padding-right:1.5rem!important;padding-left:1.5rem!important}.\!gtmkit-px-8{padding-right:2rem!important;padding-left:2rem!important}.\!gtmkit-py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.\!gtmkit-py-4{padding-bottom:1rem!important;padding-top:1rem!important}.\!gtmkit-py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.gtmkit-px-1\.5{padding-right:.375rem;padding-left:.375rem}.gtmkit-px-16{padding-right:4rem;padding-left:4rem}.gtmkit-px-2{padding-right:.5rem;padding-left:.5rem}.gtmkit-px-20{padding-right:5rem;padding-left:5rem}.gtmkit-px-3{padding-right:.75rem;padding-left:.75rem}.gtmkit-px-4{padding-right:1rem;padding-left:1rem}.gtmkit-px-5{padding-right:1.25rem;padding-left:1.25rem}.gtmkit-px-6{padding-right:1.5rem;padding-left:1.5rem}.gtmkit-px-8{padding-right:2rem;padding-left:2rem}.gtmkit-py-1{padding-bottom:.25rem;padding-top:.25rem}.gtmkit-py-12{padding-bottom:3rem;padding-top:3rem}.gtmkit-py-2{padding-bottom:.5rem;padding-top:.5rem}.gtmkit-py-3{padding-bottom:.75rem;padding-top:.75rem}.gtmkit-py-4{padding-bottom:1rem;padding-top:1rem}.gtmkit-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.gtmkit-py-px{padding-bottom:1px;padding-top:1px}.gtmkit-py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.gtmkit-pb-6{padding-bottom:1.5rem}.gtmkit-pb-\[18px\]{padding-bottom:18px}.gtmkit-pt-3{padding-top:.75rem}.gtmkit-pt-4{padding-top:1rem}.gtmkit-pt-5{padding-top:1.25rem}.gtmkit-pt-8{padding-top:2rem}.gtmkit-text-left{text-align:right}.gtmkit-text-center{text-align:center}.\!gtmkit-text-base{font-size:1rem!important;line-height:1.5rem!important}.\!gtmkit-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.gtmkit-text-2xl{font-size:1.5rem;line-height:2rem}.gtmkit-text-3xl{font-size:1.875rem;line-height:2.25rem}.gtmkit-text-4xl{font-size:2.25rem;line-height:2.5rem}.gtmkit-text-\[15px\]{font-size:15px}.gtmkit-text-base{font-size:1rem;line-height:1.5rem}.gtmkit-text-lg{font-size:1.125rem;line-height:1.75rem}.gtmkit-text-sm{font-size:.875rem;line-height:1.25rem}.gtmkit-text-xl{font-size:1.25rem;line-height:1.75rem}.gtmkit-text-xs{font-size:.75rem;line-height:1rem}.gtmkit-text-\[10px\]{font-size:10px}.gtmkit-text-\[11px\]{font-size:11px}.gtmkit-text-\[12px\]{font-size:12px}.gtmkit-font-bold{font-weight:700}.gtmkit-font-light{font-weight:300}.gtmkit-font-medium{font-weight:500}.gtmkit-font-semibold{font-weight:600}.gtmkit-font-normal{font-weight:400}.gtmkit-uppercase{text-transform:uppercase}.gtmkit-leading-5{line-height:1.25rem}.gtmkit-leading-\[1\.125rem\]{line-height:1.125rem}.gtmkit-text-color-grey{color:var(--gtmkit-color-grey)}.gtmkit-text-color-heading{color:var(--gtmkit-text-color-heading)}.gtmkit-text-color-primary{color:var(--gtmkit-color-primary)}.gtmkit-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.gtmkit-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.gtmkit-underline{text-decoration-line:underline}.gtmkit-opacity-100{opacity:1}.gtmkit-opacity-60{opacity:.6}.gtmkit-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.gtmkit-ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.gtmkit-ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.gtmkit-ring-opacity-5{--tw-ring-opacity:0.05}.gtmkit-drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.gtmkit-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gtmkit-duration-500{transition-duration:.5s}.hover\:gtmkit-border-color-grey:hover{border-color:var(--gtmkit-color-grey)}.hover\:gtmkit-underline:hover{text-decoration-line:underline}.disabled\:\!gtmkit-bg-color-button-disabled:disabled{background-color:var(--gtmkit-button-disabled)!important}.disabled\:\!gtmkit-text-color-grey:disabled{color:var(--gtmkit-color-grey)!important}@media(min-width:640px){.sm\:gtmkit-w-auto{width:auto}}@media(min-width:768px){.md\:gtmkit-mt-10{margin-top:2.5rem}.md\:gtmkit-mt-12{margin-top:3rem}.md\:gtmkit-mt-16{margin-top:4rem}.md\:gtmkit-mt-8{margin-top:2rem}.md\:gtmkit-grid{display:grid}.md\:gtmkit-max-w-xl{max-width:36rem}}@media(min-width:1024px){.lg\:gtmkit-grid{display:grid}.lg\:gtmkit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gtmkit-justify-between{justify-content:space-between}}@media(min-width:1280px){.xl\:gtmkit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.gtmkit #wpcontent{padding-right:0!important}.gtmkit #wpcontent *,.gtmkit #wpcontent :after,.gtmkit #wpcontent :before{box-sizing:border-box}.gtmkit a{font-size:14px}.gtmkit a:focus{box-shadow:none}.gtmkit p{font-size:14px}.gtmkit .components-button.is-primary{background-color:var(--gtmkit-color-button)}.gtmkit .components-button .components-spinner{margin:0 1rem 0 0}.gtmkit-settings-field-wrap .components-base-control.components-toggle-control{line-height:1.5em}.gtmkit-settings-field-wrap .components-base-control__label{font-size:14px;font-weight:600;text-transform:none}.gtmkit .slide-appear,.gtmkit .slide-enter{transform:translateY(100%)}.gtmkit .slide-appear-active,.gtmkit .slide-enter-active{transform:translateY(0);transition:transform .5s ease-in-out}.gtmkit .slide-exit{transform:translateY(0)}.gtmkit .slide-exit-active{transform:translateY(100%);transition:transform .5s ease-in-out} +/*!******************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/admin/style-settings.scss ***! + \******************************************************************************************************************************************************************************************************************************************************/ +:root { + --gtmkit-background-white: #fff; + --gtmkit-background-grey: #f0f0f1; + --gtmkit-border-color: #ddd; + --gtmkit-text-color-heading: #454545; + --gtmkit-text-color-grey: #777777; + --gtmkit-color-grey: #888888; + --gtmkit-color-primary: #3969bb; + --gtmkit-color-secondary: #00a32a; + --gtmkit-color-button: #3969bb; + --gtmkit-color-success: #00a32a; + --gtmkit-color-warning: orange; + --gtmkit-color-error: red; + --gtmkit-space-h: 2rem; + --gtmkit-space-v: 1.5rem; + --gtmkit-font-size-l: 18px; + --gtmkit-font-size-m: 16px; + --gtmkit-font-size-s: 14px; + --gtmkit-font-size-xl: 22px; + --gtmkit-font-size-xs: 12px; + --gtmkit-font-size-xxl: 24px; + --gtmkit-button-disabled: #bbb; + --gtmkit-button-disabled-bg: #F5F5F5; + --gtmkit-button-disabled-border: 1px solid #DDDDDD; + --gtmkit-button-disabled-text: #bbb; + --gtmkit-button-primary-bg: var(--gtmkit-color-primary); + --gtmkit-button-primary-bg-hover: #397EEB; + --gtmkit-button-primary-text: #fff; + --gtmkit-button-primary-text-hover: #fff; + --gtmkit-button-secondary-bg: #F8F8F8; + --gtmkit-button-secondary-bg-hover: #fff; + --gtmkit-button-secondary-border: #DDDDDD; + --gtmkit-button-secondary-text: #777; + --gtmkit-button-secondary-text-hover: #454545; +} + +/* +! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com +*/ +/* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ +} + +::before, +::after { + --tw-content: ""; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ +html, +:host { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-feature-settings: normal; + /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ +} + +/* +Add the correct font size in all browsers. +*/ +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + letter-spacing: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ +button, +input:where([type=button]), +input:where([type=reset]), +input:where([type=submit]) { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ +[type=search] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Reset default styling for dialogs. +*/ +dialog { + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ +button, +[role=button] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ +[hidden] { + display: none; +} + +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +.gtmkit-container { + width: 100%; +} + +@media (min-width: 640px) { + .gtmkit-container { + max-width: 640px; + } +} +@media (min-width: 768px) { + .gtmkit-container { + max-width: 768px; + } +} +@media (min-width: 1024px) { + .gtmkit-container { + max-width: 1024px; + } +} +@media (min-width: 1280px) { + .gtmkit-container { + max-width: 1280px; + } +} +@media (min-width: 1536px) { + .gtmkit-container { + max-width: 1536px; + } +} +.gtmkit-fixed { + position: fixed; +} + +.gtmkit-absolute { + position: absolute; +} + +.gtmkit-relative { + position: relative; +} + +.gtmkit-sticky { + position: sticky; +} + +.gtmkit-inset-0 { + inset: 0px; +} + +.gtmkit-bottom-0 { + bottom: 0px; +} + +.gtmkit-z-10 { + z-index: 10; +} + +.gtmkit-m-4 { + margin: 1rem; +} + +.\!gtmkit-my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.gtmkit-mx-auto { + margin-right: auto; + margin-left: auto; +} + +.gtmkit-my-16 { + margin-top: 4rem; + margin-bottom: 4rem; +} + +.gtmkit-my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.gtmkit-my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +.gtmkit-my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} + +.\!gtmkit-mt-4 { + margin-top: 1rem !important; +} + +.gtmkit-mb-0\.5 { + margin-bottom: 0.125rem; +} + +.gtmkit-mb-12 { + margin-bottom: 3rem; +} + +.gtmkit-mb-14 { + margin-bottom: 3.5rem; +} + +.gtmkit-mb-2 { + margin-bottom: 0.5rem; +} + +.gtmkit-mb-20 { + margin-bottom: 5rem; +} + +.gtmkit-mb-4 { + margin-bottom: 1rem; +} + +.gtmkit-mb-5 { + margin-bottom: 1.25rem; +} + +.gtmkit-mb-6 { + margin-bottom: 1.5rem; +} + +.gtmkit-mb-8 { + margin-bottom: 2rem; +} + +.gtmkit-ml-2 { + margin-right: 0.5rem; +} + +.gtmkit-ml-4 { + margin-right: 1rem; +} + +.gtmkit-ml-6 { + margin-right: 1.5rem; +} + +.gtmkit-mr-2 { + margin-left: 0.5rem; +} + +.gtmkit-mr-8 { + margin-left: 2rem; +} + +.gtmkit-mt-12 { + margin-top: 3rem; +} + +.gtmkit-mt-3 { + margin-top: 0.75rem; +} + +.gtmkit-mt-4 { + margin-top: 1rem; +} + +.gtmkit-mt-6 { + margin-top: 1.5rem; +} + +.gtmkit-mt-8 { + margin-top: 2rem; +} + +.gtmkit-block { + display: block; +} + +.gtmkit-inline-block { + display: inline-block; +} + +.gtmkit-flex { + display: flex; +} + +.gtmkit-grid { + display: grid; +} + +.gtmkit-hidden { + display: none; +} + +.gtmkit-h-0\.5 { + height: 0.125rem; +} + +.gtmkit-h-2\.5 { + height: 0.625rem; +} + +.gtmkit-h-5 { + height: 1.25rem; +} + +.gtmkit-h-8 { + height: 2rem; +} + +.gtmkit-h-min { + height: -moz-min-content; + height: min-content; +} + +.gtmkit-h-screen { + height: 100vh; +} + +.gtmkit-min-h-\[128px\] { + min-height: 128px; +} + +.gtmkit-min-h-\[175px\] { + min-height: 175px; +} + +.gtmkit-w-2\.5 { + width: 0.625rem; +} + +.gtmkit-w-5 { + width: 1.25rem; +} + +.gtmkit-w-8 { + width: 2rem; +} + +.gtmkit-w-\[225px\] { + width: 225px; +} + +.gtmkit-w-\[250px\] { + width: 250px; +} + +.gtmkit-w-full { + width: 100%; +} + +.gtmkit-min-w-\[225px\] { + min-width: 225px; +} + +.gtmkit-max-w-3xl { + max-width: 48rem; +} + +.gtmkit-max-w-\[1536px\] { + max-width: 1536px; +} + +.gtmkit-max-w-\[90\%\] { + max-width: 90%; +} + +.gtmkit-max-w-lg { + max-width: 32rem; +} + +.gtmkit-max-w-max { + max-width: -moz-max-content; + max-width: max-content; +} + +.gtmkit-max-w-md { + max-width: 28rem; +} + +.gtmkit-max-w-screen-lg { + max-width: 1024px; +} + +.gtmkit-max-w-xl { + max-width: 36rem; +} + +.gtmkit-flex-auto { + flex: 1 1 auto; +} + +.gtmkit-shrink-0 { + flex-shrink: 0; +} + +.gtmkit-table-fixed { + table-layout: fixed; +} + +.gtmkit-cursor-pointer { + cursor: pointer; +} + +.gtmkit-grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.gtmkit-flex-col { + flex-direction: column; +} + +.gtmkit-flex-wrap { + flex-wrap: wrap; +} + +.gtmkit-items-center { + align-items: center; +} + +.\!gtmkit-justify-start { + justify-content: flex-start !important; +} + +.gtmkit-justify-end { + justify-content: flex-end; +} + +.gtmkit-justify-center { + justify-content: center; +} + +.gtmkit-justify-between { + justify-content: space-between; +} + +.gtmkit-gap-16 { + gap: 4rem; +} + +.gtmkit-gap-2 { + gap: 0.5rem; +} + +.gtmkit-gap-4 { + gap: 1rem; +} + +.gtmkit-gap-6 { + gap: 1.5rem; +} + +.gtmkit-gap-8 { + gap: 2rem; +} + +.gtmkit-gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; +} + +.gtmkit-space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-left: calc(2.25rem * var(--tw-space-x-reverse)); + margin-right: calc(2.25rem * (1 - var(--tw-space-x-reverse))); +} + +.gtmkit-space-y-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); +} + +.gtmkit-space-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +.gtmkit-space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); +} + +.gtmkit-space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2rem * var(--tw-space-y-reverse)); +} + +.gtmkit-whitespace-nowrap { + white-space: nowrap; +} + +.gtmkit-rounded { + border-radius: 0.25rem; +} + +.gtmkit-rounded-full { + border-radius: 9999px; +} + +.gtmkit-rounded-md { + border-radius: 0.375rem; +} + +.gtmkit-border { + border-width: 1px; +} + +.gtmkit-border-2 { + border-width: 2px; +} + +.gtmkit-border-y { + border-top-width: 1px; + border-bottom-width: 1px; +} + +.gtmkit-border-b { + border-bottom-width: 1px; +} + +.gtmkit-border-b-2 { + border-bottom-width: 2px; +} + +.gtmkit-border-b-4 { + border-bottom-width: 4px; +} + +.gtmkit-border-t-0 { + border-top-width: 0px; +} + +.gtmkit-border-t-4 { + border-top-width: 4px; +} + +.gtmkit-border-color-border { + border-color: var(--gtmkit-border-color); +} + +.gtmkit-border-color-grey { + border-color: var(--gtmkit-color-grey); +} + +.gtmkit-border-color-primary { + border-color: var(--gtmkit-color-primary); +} + +.gtmkit-border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255/var(--tw-border-opacity)); +} + +.gtmkit-border-b-color-primary { + border-bottom-color: var(--gtmkit-color-primary); +} + +.gtmkit-bg-color-background-disabled { + background-color: var(--gtmkit-button-disabled-bg); +} + +.gtmkit-bg-color-border { + background-color: var(--gtmkit-border-color); +} + +.gtmkit-bg-color-button-disabled { + background-color: var(--gtmkit-button-disabled); +} + +.gtmkit-bg-color-error { + background-color: var(--gtmkit-color-error); +} + +.gtmkit-bg-color-grey { + background-color: var(--gtmkit-color-grey); +} + +.gtmkit-bg-color-primary { + background-color: var(--gtmkit-color-primary); +} + +.gtmkit-bg-color-success { + background-color: var(--gtmkit-color-success); +} + +.gtmkit-bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255/var(--tw-bg-opacity)); +} + +.gtmkit-p-3 { + padding: 0.75rem; +} + +.gtmkit-p-6 { + padding: 1.5rem; +} + +.gtmkit-p-8 { + padding: 2rem; +} + +.\!gtmkit-px-3 { + padding-right: 0.75rem !important; + padding-left: 0.75rem !important; +} + +.\!gtmkit-px-6 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.\!gtmkit-px-8 { + padding-right: 2rem !important; + padding-left: 2rem !important; +} + +.\!gtmkit-py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.\!gtmkit-py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.\!gtmkit-py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.gtmkit-px-1\.5 { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.gtmkit-px-16 { + padding-right: 4rem; + padding-left: 4rem; +} + +.gtmkit-px-2 { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.gtmkit-px-20 { + padding-right: 5rem; + padding-left: 5rem; +} + +.gtmkit-px-3 { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.gtmkit-px-4 { + padding-right: 1rem; + padding-left: 1rem; +} + +.gtmkit-px-5 { + padding-right: 1.25rem; + padding-left: 1.25rem; +} + +.gtmkit-px-6 { + padding-right: 1.5rem; + padding-left: 1.5rem; +} + +.gtmkit-px-8 { + padding-right: 2rem; + padding-left: 2rem; +} + +.gtmkit-py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.gtmkit-py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.gtmkit-py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.gtmkit-py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.gtmkit-py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.gtmkit-py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.gtmkit-py-px { + padding-top: 1px; + padding-bottom: 1px; +} + +.gtmkit-py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +.gtmkit-pb-6 { + padding-bottom: 1.5rem; +} + +.gtmkit-pb-\[18px\] { + padding-bottom: 18px; +} + +.gtmkit-pt-3 { + padding-top: 0.75rem; +} + +.gtmkit-pt-4 { + padding-top: 1rem; +} + +.gtmkit-pt-5 { + padding-top: 1.25rem; +} + +.gtmkit-pt-8 { + padding-top: 2rem; +} + +.gtmkit-text-left { + text-align: right; +} + +.gtmkit-text-center { + text-align: center; +} + +.\!gtmkit-text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; +} + +.\!gtmkit-text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; +} + +.gtmkit-text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.gtmkit-text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.gtmkit-text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.gtmkit-text-\[15px\] { + font-size: 15px; +} + +.gtmkit-text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.gtmkit-text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.gtmkit-text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.gtmkit-text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.gtmkit-text-xs { + font-size: 0.75rem; + line-height: 1rem; +} + +.gtmkit-text-\[10px\] { + font-size: 10px; +} + +.gtmkit-text-\[11px\] { + font-size: 11px; +} + +.gtmkit-text-\[12px\] { + font-size: 12px; +} + +.gtmkit-font-bold { + font-weight: 700; +} + +.gtmkit-font-light { + font-weight: 300; +} + +.gtmkit-font-medium { + font-weight: 500; +} + +.gtmkit-font-semibold { + font-weight: 600; +} + +.gtmkit-font-normal { + font-weight: 400; +} + +.gtmkit-uppercase { + text-transform: uppercase; +} + +.gtmkit-leading-5 { + line-height: 1.25rem; +} + +.gtmkit-leading-\[1\.125rem\] { + line-height: 1.125rem; +} + +.gtmkit-text-color-grey { + color: var(--gtmkit-color-grey); +} + +.gtmkit-text-color-heading { + color: var(--gtmkit-text-color-heading); +} + +.gtmkit-text-color-primary { + color: var(--gtmkit-color-primary); +} + +.gtmkit-text-red-600 { + --tw-text-opacity: 1; + color: rgb(220 38 38/var(--tw-text-opacity)); +} + +.gtmkit-text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255/var(--tw-text-opacity)); +} + +.gtmkit-underline { + text-decoration-line: underline; +} + +.gtmkit-opacity-100 { + opacity: 1; +} + +.gtmkit-opacity-60 { + opacity: 0.6; +} + +.gtmkit-shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); +} + +.gtmkit-ring-1 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)); +} + +.gtmkit-ring-black { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); +} + +.gtmkit-ring-opacity-5 { + --tw-ring-opacity: 0.05; +} + +.gtmkit-drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +.gtmkit-transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.gtmkit-duration-500 { + transition-duration: 500ms; +} + +.hover\:gtmkit-border-color-grey:hover { + border-color: var(--gtmkit-color-grey); +} + +.hover\:gtmkit-underline:hover { + text-decoration-line: underline; +} + +.disabled\:\!gtmkit-bg-color-button-disabled:disabled { + background-color: var(--gtmkit-button-disabled) !important; +} + +.disabled\:\!gtmkit-text-color-grey:disabled { + color: var(--gtmkit-color-grey) !important; +} + +@media (min-width: 640px) { + .sm\:gtmkit-w-auto { + width: auto; + } +} +@media (min-width: 768px) { + .md\:gtmkit-mt-10 { + margin-top: 2.5rem; + } + .md\:gtmkit-mt-12 { + margin-top: 3rem; + } + .md\:gtmkit-mt-16 { + margin-top: 4rem; + } + .md\:gtmkit-mt-8 { + margin-top: 2rem; + } + .md\:gtmkit-grid { + display: grid; + } + .md\:gtmkit-max-w-xl { + max-width: 36rem; + } +} +@media (min-width: 1024px) { + .lg\:gtmkit-grid { + display: grid; + } + .lg\:gtmkit-grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .lg\:gtmkit-justify-between { + justify-content: space-between; + } +} +@media (min-width: 1280px) { + .xl\:gtmkit-grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +.gtmkit #wpcontent { + padding-right: 0 !important; +} +.gtmkit #wpcontent *, +.gtmkit #wpcontent *::before, +.gtmkit #wpcontent *::after { + box-sizing: border-box; +} +.gtmkit a { + font-size: 14px; +} +.gtmkit a:focus { + box-shadow: none; +} +.gtmkit p { + font-size: 14px; +} +.gtmkit .components-button.is-primary { + background-color: var(--gtmkit-color-button); +} +.gtmkit .components-button .components-spinner { + margin: 0 1rem 0 0; +} +.gtmkit-settings-field-wrap .components-base-control.components-toggle-control { + line-height: 1.5em; +} +.gtmkit-settings-field-wrap .components-base-control__label { + font-size: 14px; + text-transform: none; + font-weight: 600; +} +.gtmkit .slide-enter, .gtmkit .slide-appear { + transform: translateY(100%); +} +.gtmkit .slide-enter-active, .gtmkit .slide-appear-active { + transform: translateY(0); + transition: transform 500ms ease-in-out; +} +.gtmkit .slide-exit { + transform: translateY(0); +} +.gtmkit .slide-exit-active { + transform: translateY(100%); + transition: transform 500ms ease-in-out; +} diff --git a/assets/admin/settings.asset.php b/assets/admin/settings.asset.php index f11e6b3..9328580 100644 --- a/assets/admin/settings.asset.php +++ b/assets/admin/settings.asset.php @@ -1 +1 @@ - array('lodash', 'react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-element', 'wp-i18n', 'wp-plugins', 'wp-primitives'), 'version' => 'dc29ed09e43c1a3717ee'); + array('lodash', 'react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-element', 'wp-i18n', 'wp-plugins', 'wp-primitives'), 'version' => 'e56d34b39cdb4666312b'); diff --git a/assets/admin/settings.css b/assets/admin/settings.css index 9061f15..e753453 100644 --- a/assets/admin/settings.css +++ b/assets/admin/settings.css @@ -1 +1,1484 @@ -:root{--gtmkit-background-white:#fff;--gtmkit-background-grey:#f0f0f1;--gtmkit-border-color:#ddd;--gtmkit-text-color-heading:#454545;--gtmkit-text-color-grey:#777;--gtmkit-color-grey:#888;--gtmkit-color-primary:#3969bb;--gtmkit-color-secondary:#00a32a;--gtmkit-color-button:#3969bb;--gtmkit-color-success:#00a32a;--gtmkit-color-warning:orange;--gtmkit-color-error:red;--gtmkit-space-h:2rem;--gtmkit-space-v:1.5rem;--gtmkit-font-size-l:18px;--gtmkit-font-size-m:16px;--gtmkit-font-size-s:14px;--gtmkit-font-size-xl:22px;--gtmkit-font-size-xs:12px;--gtmkit-font-size-xxl:24px;--gtmkit-button-disabled:#bbb;--gtmkit-button-disabled-bg:#f5f5f5;--gtmkit-button-disabled-border:1px solid #ddd;--gtmkit-button-disabled-text:#bbb;--gtmkit-button-primary-bg:var(--gtmkit-color-primary);--gtmkit-button-primary-bg-hover:#397eeb;--gtmkit-button-primary-text:#fff;--gtmkit-button-primary-text-hover:#fff;--gtmkit-button-secondary-bg:#f8f8f8;--gtmkit-button-secondary-bg-hover:#fff;--gtmkit-button-secondary-border:#ddd;--gtmkit-button-secondary-text:#777;--gtmkit-button-secondary-text-hover:#454545}*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.gtmkit-container{width:100%}@media(min-width:640px){.gtmkit-container{max-width:640px}}@media(min-width:768px){.gtmkit-container{max-width:768px}}@media(min-width:1024px){.gtmkit-container{max-width:1024px}}@media(min-width:1280px){.gtmkit-container{max-width:1280px}}@media(min-width:1536px){.gtmkit-container{max-width:1536px}}.gtmkit-fixed{position:fixed}.gtmkit-absolute{position:absolute}.gtmkit-relative{position:relative}.gtmkit-sticky{position:sticky}.gtmkit-inset-0{inset:0}.gtmkit-bottom-0{bottom:0}.gtmkit-z-10{z-index:10}.gtmkit-m-4{margin:1rem}.\!gtmkit-my-6{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.gtmkit-mx-auto{margin-left:auto;margin-right:auto}.gtmkit-my-16{margin-bottom:4rem;margin-top:4rem}.gtmkit-my-4{margin-bottom:1rem;margin-top:1rem}.gtmkit-my-6{margin-bottom:1.5rem;margin-top:1.5rem}.gtmkit-my-8{margin-bottom:2rem;margin-top:2rem}.\!gtmkit-mt-4{margin-top:1rem!important}.gtmkit-mb-0\.5{margin-bottom:.125rem}.gtmkit-mb-12{margin-bottom:3rem}.gtmkit-mb-14{margin-bottom:3.5rem}.gtmkit-mb-2{margin-bottom:.5rem}.gtmkit-mb-20{margin-bottom:5rem}.gtmkit-mb-4{margin-bottom:1rem}.gtmkit-mb-5{margin-bottom:1.25rem}.gtmkit-mb-6{margin-bottom:1.5rem}.gtmkit-mb-8{margin-bottom:2rem}.gtmkit-ml-2{margin-left:.5rem}.gtmkit-ml-4{margin-left:1rem}.gtmkit-ml-6{margin-left:1.5rem}.gtmkit-mr-2{margin-right:.5rem}.gtmkit-mr-8{margin-right:2rem}.gtmkit-mt-12{margin-top:3rem}.gtmkit-mt-3{margin-top:.75rem}.gtmkit-mt-4{margin-top:1rem}.gtmkit-mt-6{margin-top:1.5rem}.gtmkit-mt-8{margin-top:2rem}.gtmkit-block{display:block}.gtmkit-inline-block{display:inline-block}.gtmkit-flex{display:flex}.gtmkit-grid{display:grid}.gtmkit-hidden{display:none}.gtmkit-h-0\.5{height:.125rem}.gtmkit-h-2\.5{height:.625rem}.gtmkit-h-5{height:1.25rem}.gtmkit-h-8{height:2rem}.gtmkit-h-min{height:-moz-min-content;height:min-content}.gtmkit-h-screen{height:100vh}.gtmkit-min-h-\[128px\]{min-height:128px}.gtmkit-min-h-\[175px\]{min-height:175px}.gtmkit-w-2\.5{width:.625rem}.gtmkit-w-5{width:1.25rem}.gtmkit-w-8{width:2rem}.gtmkit-w-\[225px\]{width:225px}.gtmkit-w-\[250px\]{width:250px}.gtmkit-w-full{width:100%}.gtmkit-min-w-\[225px\]{min-width:225px}.gtmkit-max-w-3xl{max-width:48rem}.gtmkit-max-w-\[1536px\]{max-width:1536px}.gtmkit-max-w-\[90\%\]{max-width:90%}.gtmkit-max-w-lg{max-width:32rem}.gtmkit-max-w-max{max-width:-moz-max-content;max-width:max-content}.gtmkit-max-w-md{max-width:28rem}.gtmkit-max-w-screen-lg{max-width:1024px}.gtmkit-max-w-xl{max-width:36rem}.gtmkit-flex-auto{flex:1 1 auto}.gtmkit-shrink-0{flex-shrink:0}.gtmkit-table-fixed{table-layout:fixed}.gtmkit-cursor-pointer{cursor:pointer}.gtmkit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gtmkit-flex-col{flex-direction:column}.gtmkit-flex-wrap{flex-wrap:wrap}.gtmkit-items-center{align-items:center}.\!gtmkit-justify-start{justify-content:flex-start!important}.gtmkit-justify-end{justify-content:flex-end}.gtmkit-justify-center{justify-content:center}.gtmkit-justify-between{justify-content:space-between}.gtmkit-gap-16{gap:4rem}.gtmkit-gap-2{gap:.5rem}.gtmkit-gap-4{gap:1rem}.gtmkit-gap-6{gap:1.5rem}.gtmkit-gap-8{gap:2rem}.gtmkit-gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gtmkit-space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.25rem*var(--tw-space-x-reverse))}.gtmkit-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.gtmkit-whitespace-nowrap{white-space:nowrap}.gtmkit-rounded{border-radius:.25rem}.gtmkit-rounded-full{border-radius:9999px}.gtmkit-rounded-md{border-radius:.375rem}.gtmkit-border{border-width:1px}.gtmkit-border-2{border-width:2px}.gtmkit-border-y{border-top-width:1px}.gtmkit-border-b,.gtmkit-border-y{border-bottom-width:1px}.gtmkit-border-b-2{border-bottom-width:2px}.gtmkit-border-b-4{border-bottom-width:4px}.gtmkit-border-t-0{border-top-width:0}.gtmkit-border-t-4{border-top-width:4px}.gtmkit-border-color-border{border-color:var(--gtmkit-border-color)}.gtmkit-border-color-grey{border-color:var(--gtmkit-color-grey)}.gtmkit-border-color-primary{border-color:var(--gtmkit-color-primary)}.gtmkit-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.gtmkit-border-b-color-primary{border-bottom-color:var(--gtmkit-color-primary)}.gtmkit-bg-color-background-disabled{background-color:var(--gtmkit-button-disabled-bg)}.gtmkit-bg-color-border{background-color:var(--gtmkit-border-color)}.gtmkit-bg-color-button-disabled{background-color:var(--gtmkit-button-disabled)}.gtmkit-bg-color-error{background-color:var(--gtmkit-color-error)}.gtmkit-bg-color-grey{background-color:var(--gtmkit-color-grey)}.gtmkit-bg-color-primary{background-color:var(--gtmkit-color-primary)}.gtmkit-bg-color-success{background-color:var(--gtmkit-color-success)}.gtmkit-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.gtmkit-p-3{padding:.75rem}.gtmkit-p-6{padding:1.5rem}.gtmkit-p-8{padding:2rem}.\!gtmkit-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!gtmkit-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!gtmkit-px-8{padding-left:2rem!important;padding-right:2rem!important}.\!gtmkit-py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.\!gtmkit-py-4{padding-bottom:1rem!important;padding-top:1rem!important}.\!gtmkit-py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.gtmkit-px-1\.5{padding-left:.375rem;padding-right:.375rem}.gtmkit-px-16{padding-left:4rem;padding-right:4rem}.gtmkit-px-2{padding-left:.5rem;padding-right:.5rem}.gtmkit-px-20{padding-left:5rem;padding-right:5rem}.gtmkit-px-3{padding-left:.75rem;padding-right:.75rem}.gtmkit-px-4{padding-left:1rem;padding-right:1rem}.gtmkit-px-5{padding-left:1.25rem;padding-right:1.25rem}.gtmkit-px-6{padding-left:1.5rem;padding-right:1.5rem}.gtmkit-px-8{padding-left:2rem;padding-right:2rem}.gtmkit-py-1{padding-bottom:.25rem;padding-top:.25rem}.gtmkit-py-12{padding-bottom:3rem;padding-top:3rem}.gtmkit-py-2{padding-bottom:.5rem;padding-top:.5rem}.gtmkit-py-3{padding-bottom:.75rem;padding-top:.75rem}.gtmkit-py-4{padding-bottom:1rem;padding-top:1rem}.gtmkit-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.gtmkit-py-px{padding-bottom:1px;padding-top:1px}.gtmkit-py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.gtmkit-pb-6{padding-bottom:1.5rem}.gtmkit-pb-\[18px\]{padding-bottom:18px}.gtmkit-pt-3{padding-top:.75rem}.gtmkit-pt-4{padding-top:1rem}.gtmkit-pt-5{padding-top:1.25rem}.gtmkit-pt-8{padding-top:2rem}.gtmkit-text-left{text-align:left}.gtmkit-text-center{text-align:center}.\!gtmkit-text-base{font-size:1rem!important;line-height:1.5rem!important}.\!gtmkit-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.gtmkit-text-2xl{font-size:1.5rem;line-height:2rem}.gtmkit-text-3xl{font-size:1.875rem;line-height:2.25rem}.gtmkit-text-4xl{font-size:2.25rem;line-height:2.5rem}.gtmkit-text-\[15px\]{font-size:15px}.gtmkit-text-base{font-size:1rem;line-height:1.5rem}.gtmkit-text-lg{font-size:1.125rem;line-height:1.75rem}.gtmkit-text-sm{font-size:.875rem;line-height:1.25rem}.gtmkit-text-xl{font-size:1.25rem;line-height:1.75rem}.gtmkit-text-xs{font-size:.75rem;line-height:1rem}.gtmkit-text-\[10px\]{font-size:10px}.gtmkit-text-\[11px\]{font-size:11px}.gtmkit-text-\[12px\]{font-size:12px}.gtmkit-font-bold{font-weight:700}.gtmkit-font-light{font-weight:300}.gtmkit-font-medium{font-weight:500}.gtmkit-font-semibold{font-weight:600}.gtmkit-font-normal{font-weight:400}.gtmkit-uppercase{text-transform:uppercase}.gtmkit-leading-5{line-height:1.25rem}.gtmkit-leading-\[1\.125rem\]{line-height:1.125rem}.gtmkit-text-color-grey{color:var(--gtmkit-color-grey)}.gtmkit-text-color-heading{color:var(--gtmkit-text-color-heading)}.gtmkit-text-color-primary{color:var(--gtmkit-color-primary)}.gtmkit-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.gtmkit-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.gtmkit-underline{text-decoration-line:underline}.gtmkit-opacity-100{opacity:1}.gtmkit-opacity-60{opacity:.6}.gtmkit-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.gtmkit-ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.gtmkit-ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.gtmkit-ring-opacity-5{--tw-ring-opacity:0.05}.gtmkit-drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.gtmkit-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gtmkit-duration-500{transition-duration:.5s}.hover\:gtmkit-border-color-grey:hover{border-color:var(--gtmkit-color-grey)}.hover\:gtmkit-underline:hover{text-decoration-line:underline}.disabled\:\!gtmkit-bg-color-button-disabled:disabled{background-color:var(--gtmkit-button-disabled)!important}.disabled\:\!gtmkit-text-color-grey:disabled{color:var(--gtmkit-color-grey)!important}@media(min-width:640px){.sm\:gtmkit-w-auto{width:auto}}@media(min-width:768px){.md\:gtmkit-mt-10{margin-top:2.5rem}.md\:gtmkit-mt-12{margin-top:3rem}.md\:gtmkit-mt-16{margin-top:4rem}.md\:gtmkit-mt-8{margin-top:2rem}.md\:gtmkit-grid{display:grid}.md\:gtmkit-max-w-xl{max-width:36rem}}@media(min-width:1024px){.lg\:gtmkit-grid{display:grid}.lg\:gtmkit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gtmkit-justify-between{justify-content:space-between}}@media(min-width:1280px){.xl\:gtmkit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.gtmkit #wpcontent{padding-left:0!important}.gtmkit #wpcontent *,.gtmkit #wpcontent :after,.gtmkit #wpcontent :before{box-sizing:border-box}.gtmkit a{font-size:14px}.gtmkit a:focus{box-shadow:none}.gtmkit p{font-size:14px}.gtmkit .components-button.is-primary{background-color:var(--gtmkit-color-button)}.gtmkit .components-button .components-spinner{margin:0 0 0 1rem}.gtmkit-settings-field-wrap .components-base-control.components-toggle-control{line-height:1.5em}.gtmkit-settings-field-wrap .components-base-control__label{font-size:14px;font-weight:600;text-transform:none}.gtmkit .slide-appear,.gtmkit .slide-enter{transform:translateY(100%)}.gtmkit .slide-appear-active,.gtmkit .slide-enter-active{transform:translateY(0);transition:transform .5s ease-in-out}.gtmkit .slide-exit{transform:translateY(0)}.gtmkit .slide-exit-active{transform:translateY(100%);transition:transform .5s ease-in-out} +/*!******************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/admin/style-settings.scss ***! + \******************************************************************************************************************************************************************************************************************************************************/ +:root { + --gtmkit-background-white: #fff; + --gtmkit-background-grey: #f0f0f1; + --gtmkit-border-color: #ddd; + --gtmkit-text-color-heading: #454545; + --gtmkit-text-color-grey: #777777; + --gtmkit-color-grey: #888888; + --gtmkit-color-primary: #3969bb; + --gtmkit-color-secondary: #00a32a; + --gtmkit-color-button: #3969bb; + --gtmkit-color-success: #00a32a; + --gtmkit-color-warning: orange; + --gtmkit-color-error: red; + --gtmkit-space-h: 2rem; + --gtmkit-space-v: 1.5rem; + --gtmkit-font-size-l: 18px; + --gtmkit-font-size-m: 16px; + --gtmkit-font-size-s: 14px; + --gtmkit-font-size-xl: 22px; + --gtmkit-font-size-xs: 12px; + --gtmkit-font-size-xxl: 24px; + --gtmkit-button-disabled: #bbb; + --gtmkit-button-disabled-bg: #F5F5F5; + --gtmkit-button-disabled-border: 1px solid #DDDDDD; + --gtmkit-button-disabled-text: #bbb; + --gtmkit-button-primary-bg: var(--gtmkit-color-primary); + --gtmkit-button-primary-bg-hover: #397EEB; + --gtmkit-button-primary-text: #fff; + --gtmkit-button-primary-text-hover: #fff; + --gtmkit-button-secondary-bg: #F8F8F8; + --gtmkit-button-secondary-bg-hover: #fff; + --gtmkit-button-secondary-border: #DDDDDD; + --gtmkit-button-secondary-text: #777; + --gtmkit-button-secondary-text-hover: #454545; +} + +/* +! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com +*/ +/* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ +} + +::before, +::after { + --tw-content: ""; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ +html, +:host { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-feature-settings: normal; + /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ +} + +/* +Add the correct font size in all browsers. +*/ +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + letter-spacing: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ +button, +input:where([type=button]), +input:where([type=reset]), +input:where([type=submit]) { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ +[type=search] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Reset default styling for dialogs. +*/ +dialog { + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ +button, +[role=button] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ +[hidden] { + display: none; +} + +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +.gtmkit-container { + width: 100%; +} + +@media (min-width: 640px) { + .gtmkit-container { + max-width: 640px; + } +} +@media (min-width: 768px) { + .gtmkit-container { + max-width: 768px; + } +} +@media (min-width: 1024px) { + .gtmkit-container { + max-width: 1024px; + } +} +@media (min-width: 1280px) { + .gtmkit-container { + max-width: 1280px; + } +} +@media (min-width: 1536px) { + .gtmkit-container { + max-width: 1536px; + } +} +.gtmkit-fixed { + position: fixed; +} + +.gtmkit-absolute { + position: absolute; +} + +.gtmkit-relative { + position: relative; +} + +.gtmkit-sticky { + position: sticky; +} + +.gtmkit-inset-0 { + inset: 0px; +} + +.gtmkit-bottom-0 { + bottom: 0px; +} + +.gtmkit-z-10 { + z-index: 10; +} + +.gtmkit-m-4 { + margin: 1rem; +} + +.\!gtmkit-my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.gtmkit-mx-auto { + margin-left: auto; + margin-right: auto; +} + +.gtmkit-my-16 { + margin-top: 4rem; + margin-bottom: 4rem; +} + +.gtmkit-my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.gtmkit-my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +.gtmkit-my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} + +.\!gtmkit-mt-4 { + margin-top: 1rem !important; +} + +.gtmkit-mb-0\.5 { + margin-bottom: 0.125rem; +} + +.gtmkit-mb-12 { + margin-bottom: 3rem; +} + +.gtmkit-mb-14 { + margin-bottom: 3.5rem; +} + +.gtmkit-mb-2 { + margin-bottom: 0.5rem; +} + +.gtmkit-mb-20 { + margin-bottom: 5rem; +} + +.gtmkit-mb-4 { + margin-bottom: 1rem; +} + +.gtmkit-mb-5 { + margin-bottom: 1.25rem; +} + +.gtmkit-mb-6 { + margin-bottom: 1.5rem; +} + +.gtmkit-mb-8 { + margin-bottom: 2rem; +} + +.gtmkit-ml-2 { + margin-left: 0.5rem; +} + +.gtmkit-ml-4 { + margin-left: 1rem; +} + +.gtmkit-ml-6 { + margin-left: 1.5rem; +} + +.gtmkit-mr-2 { + margin-right: 0.5rem; +} + +.gtmkit-mr-8 { + margin-right: 2rem; +} + +.gtmkit-mt-12 { + margin-top: 3rem; +} + +.gtmkit-mt-3 { + margin-top: 0.75rem; +} + +.gtmkit-mt-4 { + margin-top: 1rem; +} + +.gtmkit-mt-6 { + margin-top: 1.5rem; +} + +.gtmkit-mt-8 { + margin-top: 2rem; +} + +.gtmkit-block { + display: block; +} + +.gtmkit-inline-block { + display: inline-block; +} + +.gtmkit-flex { + display: flex; +} + +.gtmkit-grid { + display: grid; +} + +.gtmkit-hidden { + display: none; +} + +.gtmkit-h-0\.5 { + height: 0.125rem; +} + +.gtmkit-h-2\.5 { + height: 0.625rem; +} + +.gtmkit-h-5 { + height: 1.25rem; +} + +.gtmkit-h-8 { + height: 2rem; +} + +.gtmkit-h-min { + height: -moz-min-content; + height: min-content; +} + +.gtmkit-h-screen { + height: 100vh; +} + +.gtmkit-min-h-\[128px\] { + min-height: 128px; +} + +.gtmkit-min-h-\[175px\] { + min-height: 175px; +} + +.gtmkit-w-2\.5 { + width: 0.625rem; +} + +.gtmkit-w-5 { + width: 1.25rem; +} + +.gtmkit-w-8 { + width: 2rem; +} + +.gtmkit-w-\[225px\] { + width: 225px; +} + +.gtmkit-w-\[250px\] { + width: 250px; +} + +.gtmkit-w-full { + width: 100%; +} + +.gtmkit-min-w-\[225px\] { + min-width: 225px; +} + +.gtmkit-max-w-3xl { + max-width: 48rem; +} + +.gtmkit-max-w-\[1536px\] { + max-width: 1536px; +} + +.gtmkit-max-w-\[90\%\] { + max-width: 90%; +} + +.gtmkit-max-w-lg { + max-width: 32rem; +} + +.gtmkit-max-w-max { + max-width: -moz-max-content; + max-width: max-content; +} + +.gtmkit-max-w-md { + max-width: 28rem; +} + +.gtmkit-max-w-screen-lg { + max-width: 1024px; +} + +.gtmkit-max-w-xl { + max-width: 36rem; +} + +.gtmkit-flex-auto { + flex: 1 1 auto; +} + +.gtmkit-shrink-0 { + flex-shrink: 0; +} + +.gtmkit-table-fixed { + table-layout: fixed; +} + +.gtmkit-cursor-pointer { + cursor: pointer; +} + +.gtmkit-grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.gtmkit-flex-col { + flex-direction: column; +} + +.gtmkit-flex-wrap { + flex-wrap: wrap; +} + +.gtmkit-items-center { + align-items: center; +} + +.\!gtmkit-justify-start { + justify-content: flex-start !important; +} + +.gtmkit-justify-end { + justify-content: flex-end; +} + +.gtmkit-justify-center { + justify-content: center; +} + +.gtmkit-justify-between { + justify-content: space-between; +} + +.gtmkit-gap-16 { + gap: 4rem; +} + +.gtmkit-gap-2 { + gap: 0.5rem; +} + +.gtmkit-gap-4 { + gap: 1rem; +} + +.gtmkit-gap-6 { + gap: 1.5rem; +} + +.gtmkit-gap-8 { + gap: 2rem; +} + +.gtmkit-gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; +} + +.gtmkit-space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(2.25rem * (1 - var(--tw-space-x-reverse))); +} + +.gtmkit-space-y-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); +} + +.gtmkit-space-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +.gtmkit-space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); +} + +.gtmkit-space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2rem * (1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2rem * var(--tw-space-y-reverse)); +} + +.gtmkit-whitespace-nowrap { + white-space: nowrap; +} + +.gtmkit-rounded { + border-radius: 0.25rem; +} + +.gtmkit-rounded-full { + border-radius: 9999px; +} + +.gtmkit-rounded-md { + border-radius: 0.375rem; +} + +.gtmkit-border { + border-width: 1px; +} + +.gtmkit-border-2 { + border-width: 2px; +} + +.gtmkit-border-y { + border-top-width: 1px; + border-bottom-width: 1px; +} + +.gtmkit-border-b { + border-bottom-width: 1px; +} + +.gtmkit-border-b-2 { + border-bottom-width: 2px; +} + +.gtmkit-border-b-4 { + border-bottom-width: 4px; +} + +.gtmkit-border-t-0 { + border-top-width: 0px; +} + +.gtmkit-border-t-4 { + border-top-width: 4px; +} + +.gtmkit-border-color-border { + border-color: var(--gtmkit-border-color); +} + +.gtmkit-border-color-grey { + border-color: var(--gtmkit-color-grey); +} + +.gtmkit-border-color-primary { + border-color: var(--gtmkit-color-primary); +} + +.gtmkit-border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255/var(--tw-border-opacity)); +} + +.gtmkit-border-b-color-primary { + border-bottom-color: var(--gtmkit-color-primary); +} + +.gtmkit-bg-color-background-disabled { + background-color: var(--gtmkit-button-disabled-bg); +} + +.gtmkit-bg-color-border { + background-color: var(--gtmkit-border-color); +} + +.gtmkit-bg-color-button-disabled { + background-color: var(--gtmkit-button-disabled); +} + +.gtmkit-bg-color-error { + background-color: var(--gtmkit-color-error); +} + +.gtmkit-bg-color-grey { + background-color: var(--gtmkit-color-grey); +} + +.gtmkit-bg-color-primary { + background-color: var(--gtmkit-color-primary); +} + +.gtmkit-bg-color-success { + background-color: var(--gtmkit-color-success); +} + +.gtmkit-bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255/var(--tw-bg-opacity)); +} + +.gtmkit-p-3 { + padding: 0.75rem; +} + +.gtmkit-p-6 { + padding: 1.5rem; +} + +.gtmkit-p-8 { + padding: 2rem; +} + +.\!gtmkit-px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} + +.\!gtmkit-px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; +} + +.\!gtmkit-px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; +} + +.\!gtmkit-py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.\!gtmkit-py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.\!gtmkit-py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.gtmkit-px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; +} + +.gtmkit-px-16 { + padding-left: 4rem; + padding-right: 4rem; +} + +.gtmkit-px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.gtmkit-px-20 { + padding-left: 5rem; + padding-right: 5rem; +} + +.gtmkit-px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.gtmkit-px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.gtmkit-px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.gtmkit-px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.gtmkit-px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + +.gtmkit-py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.gtmkit-py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.gtmkit-py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.gtmkit-py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.gtmkit-py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.gtmkit-py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.gtmkit-py-px { + padding-top: 1px; + padding-bottom: 1px; +} + +.gtmkit-py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +.gtmkit-pb-6 { + padding-bottom: 1.5rem; +} + +.gtmkit-pb-\[18px\] { + padding-bottom: 18px; +} + +.gtmkit-pt-3 { + padding-top: 0.75rem; +} + +.gtmkit-pt-4 { + padding-top: 1rem; +} + +.gtmkit-pt-5 { + padding-top: 1.25rem; +} + +.gtmkit-pt-8 { + padding-top: 2rem; +} + +.gtmkit-text-left { + text-align: left; +} + +.gtmkit-text-center { + text-align: center; +} + +.\!gtmkit-text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; +} + +.\!gtmkit-text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; +} + +.gtmkit-text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.gtmkit-text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.gtmkit-text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.gtmkit-text-\[15px\] { + font-size: 15px; +} + +.gtmkit-text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.gtmkit-text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.gtmkit-text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.gtmkit-text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.gtmkit-text-xs { + font-size: 0.75rem; + line-height: 1rem; +} + +.gtmkit-text-\[10px\] { + font-size: 10px; +} + +.gtmkit-text-\[11px\] { + font-size: 11px; +} + +.gtmkit-text-\[12px\] { + font-size: 12px; +} + +.gtmkit-font-bold { + font-weight: 700; +} + +.gtmkit-font-light { + font-weight: 300; +} + +.gtmkit-font-medium { + font-weight: 500; +} + +.gtmkit-font-semibold { + font-weight: 600; +} + +.gtmkit-font-normal { + font-weight: 400; +} + +.gtmkit-uppercase { + text-transform: uppercase; +} + +.gtmkit-leading-5 { + line-height: 1.25rem; +} + +.gtmkit-leading-\[1\.125rem\] { + line-height: 1.125rem; +} + +.gtmkit-text-color-grey { + color: var(--gtmkit-color-grey); +} + +.gtmkit-text-color-heading { + color: var(--gtmkit-text-color-heading); +} + +.gtmkit-text-color-primary { + color: var(--gtmkit-color-primary); +} + +.gtmkit-text-red-600 { + --tw-text-opacity: 1; + color: rgb(220 38 38/var(--tw-text-opacity)); +} + +.gtmkit-text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255/var(--tw-text-opacity)); +} + +.gtmkit-underline { + text-decoration-line: underline; +} + +.gtmkit-opacity-100 { + opacity: 1; +} + +.gtmkit-opacity-60 { + opacity: 0.6; +} + +.gtmkit-shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); +} + +.gtmkit-ring-1 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)); +} + +.gtmkit-ring-black { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); +} + +.gtmkit-ring-opacity-5 { + --tw-ring-opacity: 0.05; +} + +.gtmkit-drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +.gtmkit-transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.gtmkit-duration-500 { + transition-duration: 500ms; +} + +.hover\:gtmkit-border-color-grey:hover { + border-color: var(--gtmkit-color-grey); +} + +.hover\:gtmkit-underline:hover { + text-decoration-line: underline; +} + +.disabled\:\!gtmkit-bg-color-button-disabled:disabled { + background-color: var(--gtmkit-button-disabled) !important; +} + +.disabled\:\!gtmkit-text-color-grey:disabled { + color: var(--gtmkit-color-grey) !important; +} + +@media (min-width: 640px) { + .sm\:gtmkit-w-auto { + width: auto; + } +} +@media (min-width: 768px) { + .md\:gtmkit-mt-10 { + margin-top: 2.5rem; + } + .md\:gtmkit-mt-12 { + margin-top: 3rem; + } + .md\:gtmkit-mt-16 { + margin-top: 4rem; + } + .md\:gtmkit-mt-8 { + margin-top: 2rem; + } + .md\:gtmkit-grid { + display: grid; + } + .md\:gtmkit-max-w-xl { + max-width: 36rem; + } +} +@media (min-width: 1024px) { + .lg\:gtmkit-grid { + display: grid; + } + .lg\:gtmkit-grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .lg\:gtmkit-justify-between { + justify-content: space-between; + } +} +@media (min-width: 1280px) { + .xl\:gtmkit-grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +.gtmkit #wpcontent { + padding-left: 0 !important; +} +.gtmkit #wpcontent *, +.gtmkit #wpcontent *::before, +.gtmkit #wpcontent *::after { + box-sizing: border-box; +} +.gtmkit a { + font-size: 14px; +} +.gtmkit a:focus { + box-shadow: none; +} +.gtmkit p { + font-size: 14px; +} +.gtmkit .components-button.is-primary { + background-color: var(--gtmkit-color-button); +} +.gtmkit .components-button .components-spinner { + margin: 0 0 0 1rem; +} +.gtmkit-settings-field-wrap .components-base-control.components-toggle-control { + line-height: 1.5em; +} +.gtmkit-settings-field-wrap .components-base-control__label { + font-size: 14px; + text-transform: none; + font-weight: 600; +} +.gtmkit .slide-enter, .gtmkit .slide-appear { + transform: translateY(100%); +} +.gtmkit .slide-enter-active, .gtmkit .slide-appear-active { + transform: translateY(0); + transition: transform 500ms ease-in-out; +} +.gtmkit .slide-exit { + transform: translateY(0); +} +.gtmkit .slide-exit-active { + transform: translateY(100%); + transition: transform 500ms ease-in-out; +} + +/*# sourceMappingURL=settings.css.map*/ \ No newline at end of file diff --git a/assets/admin/settings.js b/assets/admin/settings.js index f033e98..9745786 100644 --- a/assets/admin/settings.js +++ b/assets/admin/settings.js @@ -1,22 +1,16938 @@ -(()=>{var t={838:function(t){t.exports=function(){"use strict";const{entries:t,setPrototypeOf:e,isFrozen:i,getPrototypeOf:n,getOwnPropertyDescriptor:a}=Object;let{freeze:s,seal:o,create:r}=Object,{apply:l,construct:m}="undefined"!=typeof Reflect&&Reflect;s||(s=function(t){return t}),o||(o=function(t){return t}),l||(l=function(t,e,i){return t.apply(e,i)}),m||(m=function(t,e){return new t(...e)});const c=v(Array.prototype.forEach),g=v(Array.prototype.pop),d=v(Array.prototype.push),u=v(String.prototype.toLowerCase),p=v(String.prototype.toString),h=v(String.prototype.match),k=v(String.prototype.replace),_=v(String.prototype.indexOf),f=v(String.prototype.trim),x=v(Object.prototype.hasOwnProperty),S=v(RegExp.prototype.test),b=(y=TypeError,function(){for(var t=arguments.length,e=new Array(t),i=0;i1?i-1:0),a=1;a2&&void 0!==arguments[2]?arguments[2]:u;e&&e(t,null);let s=n.length;for(;s--;){let e=n[s];if("string"==typeof e){const t=a(e);t!==e&&(i(n)||(n[s]=t),e=t)}t[e]=!0}return t}function N(t){for(let e=0;e/gm),H=o(/\${[\w\W]*}/gm),B=o(/^data-[\-\w.\u00B7-\uFFFF]/),W=o(/^aria-[\-\w]+$/),K=o(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),z=o(/^(?:\w+script|data):/i),$=o(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Y=o(/^html$/i),J=o(/^[a-z][.\w]*(-[.\w]+)+$/i);var q=Object.freeze({__proto__:null,MUSTACHE_EXPR:G,ERB_EXPR:F,TMPLIT_EXPR:H,DATA_ATTR:B,ARIA_ATTR:W,IS_ALLOWED_URI:K,IS_SCRIPT_OR_DATA:z,ATTR_WHITESPACE:$,DOCTYPE_NAME:Y,CUSTOM_ELEMENT:J});const V=1,X=3,Z=7,Q=8,tt=9,et=function(){return"undefined"==typeof window?null:window};return function e(){let i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:et();const n=t=>e(t);if(n.version="3.1.6",n.removed=[],!i||!i.document||i.document.nodeType!==tt)return n.isSupported=!1,n;let{document:a}=i;const o=a,l=o.currentScript,{DocumentFragment:m,HTMLTemplateElement:y,Node:v,Element:N,NodeFilter:G,NamedNodeMap:F=i.NamedNodeMap||i.MozNamedAttrMap,HTMLFormElement:H,DOMParser:B,trustedTypes:W}=i,z=N.prototype,$=j(z,"cloneNode"),J=j(z,"remove"),it=j(z,"nextSibling"),nt=j(z,"childNodes"),at=j(z,"parentNode");if("function"==typeof y){const t=a.createElement("template");t.content&&t.content.ownerDocument&&(a=t.content.ownerDocument)}let st,ot="";const{implementation:rt,createNodeIterator:lt,createDocumentFragment:mt,getElementsByTagName:ct}=a,{importNode:gt}=o;let dt={};n.isSupported="function"==typeof t&&"function"==typeof at&&rt&&void 0!==rt.createHTMLDocument;const{MUSTACHE_EXPR:ut,ERB_EXPR:pt,TMPLIT_EXPR:ht,DATA_ATTR:kt,ARIA_ATTR:_t,IS_SCRIPT_OR_DATA:ft,ATTR_WHITESPACE:xt,CUSTOM_ELEMENT:St}=q;let{IS_ALLOWED_URI:bt}=q,yt=null;const vt=E({},[...T,...C,...D,...A,...O]);let Et=null;const Nt=E({},[...R,...L,...P,...M]);let wt=Object.seal(r(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),jt=null,Tt=null,Ct=!0,Dt=!0,Ut=!1,At=!0,It=!1,Ot=!0,Rt=!1,Lt=!1,Pt=!1,Mt=!1,Gt=!1,Ft=!1,Ht=!0,Bt=!1,Wt=!0,Kt=!1,zt={},$t=null;const Yt=E({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Jt=null;const qt=E({},["audio","video","img","source","image","track"]);let Vt=null;const Xt=E({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Zt="http://www.w3.org/1998/Math/MathML",Qt="http://www.w3.org/2000/svg",te="http://www.w3.org/1999/xhtml";let ee=te,ie=!1,ne=null;const ae=E({},[Zt,Qt,te],p);let se=null;const oe=["application/xhtml+xml","text/html"];let re=null,le=null;const me=a.createElement("form"),ce=function(t){return t instanceof RegExp||t instanceof Function},ge=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!le||le!==t){if(t&&"object"==typeof t||(t={}),t=w(t),se=-1===oe.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,re="application/xhtml+xml"===se?p:u,yt=x(t,"ALLOWED_TAGS")?E({},t.ALLOWED_TAGS,re):vt,Et=x(t,"ALLOWED_ATTR")?E({},t.ALLOWED_ATTR,re):Nt,ne=x(t,"ALLOWED_NAMESPACES")?E({},t.ALLOWED_NAMESPACES,p):ae,Vt=x(t,"ADD_URI_SAFE_ATTR")?E(w(Xt),t.ADD_URI_SAFE_ATTR,re):Xt,Jt=x(t,"ADD_DATA_URI_TAGS")?E(w(qt),t.ADD_DATA_URI_TAGS,re):qt,$t=x(t,"FORBID_CONTENTS")?E({},t.FORBID_CONTENTS,re):Yt,jt=x(t,"FORBID_TAGS")?E({},t.FORBID_TAGS,re):{},Tt=x(t,"FORBID_ATTR")?E({},t.FORBID_ATTR,re):{},zt=!!x(t,"USE_PROFILES")&&t.USE_PROFILES,Ct=!1!==t.ALLOW_ARIA_ATTR,Dt=!1!==t.ALLOW_DATA_ATTR,Ut=t.ALLOW_UNKNOWN_PROTOCOLS||!1,At=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,It=t.SAFE_FOR_TEMPLATES||!1,Ot=!1!==t.SAFE_FOR_XML,Rt=t.WHOLE_DOCUMENT||!1,Mt=t.RETURN_DOM||!1,Gt=t.RETURN_DOM_FRAGMENT||!1,Ft=t.RETURN_TRUSTED_TYPE||!1,Pt=t.FORCE_BODY||!1,Ht=!1!==t.SANITIZE_DOM,Bt=t.SANITIZE_NAMED_PROPS||!1,Wt=!1!==t.KEEP_CONTENT,Kt=t.IN_PLACE||!1,bt=t.ALLOWED_URI_REGEXP||K,ee=t.NAMESPACE||te,wt=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&ce(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(wt.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&ce(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(wt.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(wt.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),It&&(Dt=!1),Gt&&(Mt=!0),zt&&(yt=E({},O),Et=[],!0===zt.html&&(E(yt,T),E(Et,R)),!0===zt.svg&&(E(yt,C),E(Et,L),E(Et,M)),!0===zt.svgFilters&&(E(yt,D),E(Et,L),E(Et,M)),!0===zt.mathMl&&(E(yt,A),E(Et,P),E(Et,M))),t.ADD_TAGS&&(yt===vt&&(yt=w(yt)),E(yt,t.ADD_TAGS,re)),t.ADD_ATTR&&(Et===Nt&&(Et=w(Et)),E(Et,t.ADD_ATTR,re)),t.ADD_URI_SAFE_ATTR&&E(Vt,t.ADD_URI_SAFE_ATTR,re),t.FORBID_CONTENTS&&($t===Yt&&($t=w($t)),E($t,t.FORBID_CONTENTS,re)),Wt&&(yt["#text"]=!0),Rt&&E(yt,["html","head","body"]),yt.table&&(E(yt,["tbody"]),delete jt.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw b('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw b('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');st=t.TRUSTED_TYPES_POLICY,ot=st.createHTML("")}else void 0===st&&(st=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let i=null;const n="data-tt-policy-suffix";e&&e.hasAttribute(n)&&(i=e.getAttribute(n));const a="dompurify"+(i?"#"+i:"");try{return t.createPolicy(a,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+a+" could not be created."),null}}(W,l)),null!==st&&"string"==typeof ot&&(ot=st.createHTML(""));s&&s(t),le=t}},de=E({},["mi","mo","mn","ms","mtext"]),ue=E({},["foreignobject","annotation-xml"]),pe=E({},["title","style","font","a","script"]),he=E({},[...C,...D,...U]),ke=E({},[...A,...I]),_e=function(t){d(n.removed,{element:t});try{at(t).removeChild(t)}catch(e){J(t)}},fe=function(t,e){try{d(n.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){d(n.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t&&!Et[t])if(Mt||Gt)try{_e(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},xe=function(t){let e=null,i=null;if(Pt)t=""+t;else{const e=h(t,/^[\r\n\t ]+/);i=e&&e[0]}"application/xhtml+xml"===se&&ee===te&&(t=''+t+"");const n=st?st.createHTML(t):t;if(ee===te)try{e=(new B).parseFromString(n,se)}catch(t){}if(!e||!e.documentElement){e=rt.createDocument(ee,"template",null);try{e.documentElement.innerHTML=ie?ot:n}catch(t){}}const s=e.body||e.documentElement;return t&&i&&s.insertBefore(a.createTextNode(i),s.childNodes[0]||null),ee===te?ct.call(e,Rt?"html":"body")[0]:Rt?e.documentElement:s},Se=function(t){return lt.call(t.ownerDocument||t,t,G.SHOW_ELEMENT|G.SHOW_COMMENT|G.SHOW_TEXT|G.SHOW_PROCESSING_INSTRUCTION|G.SHOW_CDATA_SECTION,null)},be=function(t){return t instanceof H&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof F)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},ye=function(t){return"function"==typeof v&&t instanceof v},ve=function(t,e,i){dt[t]&&c(dt[t],(t=>{t.call(n,e,i,le)}))},Ee=function(t){let e=null;if(ve("beforeSanitizeElements",t,null),be(t))return _e(t),!0;const i=re(t.nodeName);if(ve("uponSanitizeElement",t,{tagName:i,allowedTags:yt}),t.hasChildNodes()&&!ye(t.firstElementChild)&&S(/<[/\w]/g,t.innerHTML)&&S(/<[/\w]/g,t.textContent))return _e(t),!0;if(t.nodeType===Z)return _e(t),!0;if(Ot&&t.nodeType===Q&&S(/<[/\w]/g,t.data))return _e(t),!0;if(!yt[i]||jt[i]){if(!jt[i]&&we(i)){if(wt.tagNameCheck instanceof RegExp&&S(wt.tagNameCheck,i))return!1;if(wt.tagNameCheck instanceof Function&&wt.tagNameCheck(i))return!1}if(Wt&&!$t[i]){const e=at(t)||t.parentNode,i=nt(t)||t.childNodes;if(i&&e)for(let n=i.length-1;n>=0;--n){const a=$(i[n],!0);a.__removalCount=(t.__removalCount||0)+1,e.insertBefore(a,it(t))}}return _e(t),!0}return t instanceof N&&!function(t){let e=at(t);e&&e.tagName||(e={namespaceURI:ee,tagName:"template"});const i=u(t.tagName),n=u(e.tagName);return!!ne[t.namespaceURI]&&(t.namespaceURI===Qt?e.namespaceURI===te?"svg"===i:e.namespaceURI===Zt?"svg"===i&&("annotation-xml"===n||de[n]):Boolean(he[i]):t.namespaceURI===Zt?e.namespaceURI===te?"math"===i:e.namespaceURI===Qt?"math"===i&&ue[n]:Boolean(ke[i]):t.namespaceURI===te?!(e.namespaceURI===Qt&&!ue[n])&&!(e.namespaceURI===Zt&&!de[n])&&!ke[i]&&(pe[i]||!he[i]):!("application/xhtml+xml"!==se||!ne[t.namespaceURI]))}(t)?(_e(t),!0):"noscript"!==i&&"noembed"!==i&&"noframes"!==i||!S(/<\/no(script|embed|frames)/i,t.innerHTML)?(It&&t.nodeType===X&&(e=t.textContent,c([ut,pt,ht],(t=>{e=k(e,t," ")})),t.textContent!==e&&(d(n.removed,{element:t.cloneNode()}),t.textContent=e)),ve("afterSanitizeElements",t,null),!1):(_e(t),!0)},Ne=function(t,e,i){if(Ht&&("id"===e||"name"===e)&&(i in a||i in me))return!1;if(Dt&&!Tt[e]&&S(kt,e));else if(Ct&&S(_t,e));else if(!Et[e]||Tt[e]){if(!(we(t)&&(wt.tagNameCheck instanceof RegExp&&S(wt.tagNameCheck,t)||wt.tagNameCheck instanceof Function&&wt.tagNameCheck(t))&&(wt.attributeNameCheck instanceof RegExp&&S(wt.attributeNameCheck,e)||wt.attributeNameCheck instanceof Function&&wt.attributeNameCheck(e))||"is"===e&&wt.allowCustomizedBuiltInElements&&(wt.tagNameCheck instanceof RegExp&&S(wt.tagNameCheck,i)||wt.tagNameCheck instanceof Function&&wt.tagNameCheck(i))))return!1}else if(Vt[e]);else if(S(bt,k(i,xt,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==_(i,"data:")||!Jt[t])if(Ut&&!S(ft,k(i,xt,"")));else if(i)return!1;return!0},we=function(t){return"annotation-xml"!==t&&h(t,St)},je=function(t){ve("beforeSanitizeAttributes",t,null);const{attributes:e}=t;if(!e)return;const i={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Et};let a=e.length;for(;a--;){const s=e[a],{name:o,namespaceURI:r,value:l}=s,m=re(o);let d="value"===o?l:f(l);if(i.attrName=m,i.attrValue=d,i.keepAttr=!0,i.forceKeepAttr=void 0,ve("uponSanitizeAttribute",t,i),d=i.attrValue,Ot&&S(/((--!?|])>)|<\/(style|title)/i,d)){fe(o,t);continue}if(i.forceKeepAttr)continue;if(fe(o,t),!i.keepAttr)continue;if(!At&&S(/\/>/i,d)){fe(o,t);continue}It&&c([ut,pt,ht],(t=>{d=k(d,t," ")}));const u=re(t.nodeName);if(Ne(u,m,d)){if(!Bt||"id"!==m&&"name"!==m||(fe(o,t),d="user-content-"+d),st&&"object"==typeof W&&"function"==typeof W.getAttributeType)if(r);else switch(W.getAttributeType(u,m)){case"TrustedHTML":d=st.createHTML(d);break;case"TrustedScriptURL":d=st.createScriptURL(d)}try{r?t.setAttributeNS(r,o,d):t.setAttribute(o,d),be(t)?_e(t):g(n.removed)}catch(t){}}}ve("afterSanitizeAttributes",t,null)},Te=function t(e){let i=null;const n=Se(e);for(ve("beforeSanitizeShadowDOM",e,null);i=n.nextNode();)ve("uponSanitizeShadowNode",i,null),Ee(i)||(i.content instanceof m&&t(i.content),je(i));ve("afterSanitizeShadowDOM",e,null)};return n.sanitize=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=null,a=null,s=null,r=null;if(ie=!t,ie&&(t="\x3c!--\x3e"),"string"!=typeof t&&!ye(t)){if("function"!=typeof t.toString)throw b("toString is not a function");if("string"!=typeof(t=t.toString()))throw b("dirty is not a string, aborting")}if(!n.isSupported)return t;if(Lt||ge(e),n.removed=[],"string"==typeof t&&(Kt=!1),Kt){if(t.nodeName){const e=re(t.nodeName);if(!yt[e]||jt[e])throw b("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof v)i=xe("\x3c!----\x3e"),a=i.ownerDocument.importNode(t,!0),a.nodeType===V&&"BODY"===a.nodeName||"HTML"===a.nodeName?i=a:i.appendChild(a);else{if(!Mt&&!It&&!Rt&&-1===t.indexOf("<"))return st&&Ft?st.createHTML(t):t;if(i=xe(t),!i)return Mt?null:Ft?ot:""}i&&Pt&&_e(i.firstChild);const l=Se(Kt?t:i);for(;s=l.nextNode();)Ee(s)||(s.content instanceof m&&Te(s.content),je(s));if(Kt)return t;if(Mt){if(Gt)for(r=mt.call(i.ownerDocument);i.firstChild;)r.appendChild(i.firstChild);else r=i;return(Et.shadowroot||Et.shadowrootmode)&&(r=gt.call(o,r,!0)),r}let g=Rt?i.outerHTML:i.innerHTML;return Rt&&yt["!doctype"]&&i.ownerDocument&&i.ownerDocument.doctype&&i.ownerDocument.doctype.name&&S(Y,i.ownerDocument.doctype.name)&&(g="\n"+g),It&&c([ut,pt,ht],(t=>{g=k(g,t," ")})),st&&Ft?st.createHTML(g):g},n.setConfig=function(){ge(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Lt=!0},n.clearConfig=function(){le=null,Lt=!1},n.isValidAttribute=function(t,e,i){le||ge({});const n=re(t),a=re(e);return Ne(n,a,i)},n.addHook=function(t,e){"function"==typeof e&&(dt[t]=dt[t]||[],d(dt[t],e))},n.removeHook=function(t){if(dt[t])return g(dt[t])},n.removeHooks=function(t){dt[t]&&(dt[t]=[])},n.removeAllHooks=function(){dt={}},n}()}()},942:(t,e)=>{var i;!function(){"use strict";var n={}.hasOwnProperty;function a(){for(var t="",e=0;e{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";const t=window.ReactDOM;var e=i.n(t);const n=window.wp.i18n,a=window.wp.element,s=window.wp.components,o=window.lodash,r=window.wp.apiFetch;var l=i.n(r);l().use(l().createNonceMiddleware(window.gtmkitSettings.nonce)),l().use(l().createRootURLMiddleware(window.gtmkitSettings.root));const m=async(t,e,i=null,n=!1)=>{let a={};try{a=await l()({path:t,method:e,...i&&{data:i}})}catch(i){return{[`gtm_kit_api_${e}_${t}_errors`]:!0}}return!0===n?a:!0===a.success?a.data:{}},c=(t,e)=>{const i={...t};switch(e.type){case"FETCH_SETTINGS":i.fetchedSettings={...e.payload.fetchedSettings,integrations:e.payload.fetchedSettings.integrations||{}},i.stateSettings=e.payload.stateSettings,i.siteData=e.payload.siteData,i.notifications=e.payload.notifications,i.installData=e.payload.installData,i.isPending=!1,i.canSave=!1,e.payload.fetchedSettings.gtm_kit_api_fetch_settings_errors&&(i.notice=(0,n.__)("An error occurred.","gtm-kit"),i.hasError=!0);break;case"UPDATE_SETTINGS_BEFORE":i.isPending=e.payload.isPending;break;case"UPDATE_SETTINGS":i.fetchedSettings=e.payload.fetchedSettings,i.stateSettings=e.payload.stateSettings,i.isPending=!1,i.canSave=!!e.payload.fetchedSettings.gtm_kit_api_update_settings_errors,i.notice=e.payload.fetchedSettings.gtm_kit_api_update_settings_errors?(0,n.__)("An error occurred.","gtm-kit"):(0,n.__)("Saved Successfully.","gtm-kit"),i.hasError=!!e.payload.fetchedSettings.gtm_kit_api_update_settings_errors;break;case"UPDATE_STATE":i.fetchedSettings=e.payload.fetchedSettings||i.fetchedSettings,i.stateSettings=e.payload.stateSettings||i.stateSettings,i.isPending=e.payload.isPending||i.isPending,i.notice=e.payload.notice||i.notice,i.hasError=e.payload.hasError||i.hasError,i.canSave=e.payload.canSave||i.canSave,i.isSendingSystemData=e.payload.isSendingSystemData||i.isSendingSystemData,i.supportTicket=e.payload.supportTicket||i.supportTicket,i.isSendingLicenseKey=e.payload.isSendingLicenseKey||i.isSendingLicenseKey,i.licenseKey=e.payload.licenseKey||i.licenseKey;break;case"SEND_SUPPORT_DATA_BEFORE":i.isSendingSystemData=e.payload.isSendingSystemData||i.isSendingSystemData;break;case"SEND_SUPPORT_DATA":i.isSendingSystemData=!1,i.isSystemDataSent=e.payload.isSystemDataSent||i.isSystemDataSent,i.systemDataMessage=e.payload.systemDataMessage||i.systemDataMessage;break;case"SEND_LICENSE_KEY_BEFORE":i.isSendingLicenseKey=e.payload.isSendingLicenseKey||i.isSendingLicenseKey;break;case"SEND_LICENSE_KEY":i.isSendingLicenseKey=!1,i.isLicenseKeySent=e.payload.isLicenseKeySent||i.isLicenseKeySent,i.licenseKeyMessage=e.payload.licenseKeyMessage||i.licenseKeyMessage;break;case"SEND_NOTIFICATION_STATUS_BEFORE":i.isUpdatingNotifications=e.payload.isUpdatingNotifications||i.isUpdatingNotifications;break;case"SEND_NOTIFICATION_STATUS":i.isUpdatingNotifications=!1,i.isNotificationStatusSent=e.payload.isNotificationStatusSent||i.isNotificationStatusSent,i.notifications=e.payload.notifications||i.Notifications}return i},g=window.ReactJSXRuntime,d=(0,a.createContext)(),u=t=>{const[e,i]=(0,a.useReducer)(c,{fetchedSettings:{},stateSettings:{},isPending:!0,notice:"",hasError:!1,canSave:!1,supportTicket:"",isSystemDataSent:!1,systemDataMessage:"",licenseKey:"",isLicensenKeySent:!1,licenseKeyMessage:"",notifications:{}}),n=async()=>{const t=window.gtmkitSettings.settings?window.gtmkitSettings.settings:{},e=window.gtmkitSettings.site_data?window.gtmkitSettings.site_data:{},n=window.gtmkitSettings.notifications?window.gtmkitSettings.notifications:{metrics:{total:1}},a="wizard"===window.gtmkitSettings.currentPage?window.gtmkitSettings.install_data:{};i({type:"FETCH_SETTINGS",payload:{fetchedSettings:t,stateSettings:t,siteData:e,notifications:n,installData:a}})},s=async t=>{i({type:"UPDATE_STATE",payload:t})};(0,a.useEffect)((()=>{n()}),[]);const r={useDispatch:t=>{i(t)},useUpdateSettings:async()=>{i({type:"UPDATE_SETTINGS_BEFORE",payload:{isPending:!0}});const t=await(n=e.stateSettings,m("gtmkit/v1/set-options","POST",n));var n;i({type:"UPDATE_SETTINGS",payload:{fetchedSettings:t,stateSettings:t}})},useFetchSettings:n,useUpdateState:s,useUpdateStateSettings:async(t,i,n)=>{const a=JSON.parse(JSON.stringify(e.stateSettings));let r;a[t][i]=n,r=!(0,o.isEqual)(a,e.fetchedSettings),s({stateSettings:a,canSave:r})},useImportSettings:async(t,i)=>{const n=JSON.parse(JSON.stringify(e.stateSettings));let a;const r={};r.general={...n.general,...i.general},"integrations"in i&&(r.integrations={...n.integrations,...i.integrations}),a=!(0,o.isEqual)(r,e.fetchedSettings),s({stateSettings:r,canSave:a})},useUpdateSupportTicket:async t=>{s({supportTicket:t})},useSendSystemData:async()=>{i({type:"SEND_SUPPORT_DATA_BEFORE",payload:{isSendingSystemData:!0}});const t=await(n=e.supportTicket,m("gtmkit/v1/send-support-data","POST",n,!0));var n;i({type:"SEND_SUPPORT_DATA",payload:{isSendingSystemData:!1,isSystemDataSent:t.success,systemDataMessage:t.data}})},useUpdateLicenseKey:async t=>{s({licenseKey:t})},useSendLicenseKey:async()=>{i({type:"SEND_LICENSE_KEY_BEFORE",payload:{isSendingLicenseKey:!0}});const t=await(n=e.licenseKey,m("gtmkit/v1/send-license-key","POST",n,!0));var n;i({type:"SEND_LICENSE_KEY",payload:{isSendingLicenseKey:!1,isLicenseKeySent:t.success,licenseKeyMessage:t.data}})},useSetNotificationStatus:async(t,e)=>{i({type:"SEND_NOTIFICATION_STATUS_BEFORE",payload:{isUpdatingNotifications:!0}});const n={"notification-id":t,action:e},a=await(t=>m("gtmkit/v1/set-notification-status","POST",t,!0))(n);i({type:"SEND_NOTIFICATION_STATUS",payload:{isUpdatingNotifications:!1,isNotificationStatusSent:a.success,notifications:a.data}})},useSettings:e.stateSettings,useIsPending:e.isPending,useNotice:e.notice,useHasError:e.hasError,useCanSave:e.canSave,useSiteData:e.siteData,useInstallData:e.installData,useIsSending:e.isSendingSystemData,useSupportTicket:e.supportTicket,useIsSystemDataSent:e.isSystemDataSent,useSystemDataMessage:e.systemDataMessage,useIsSendingLicenseKey:e.isSendingLicenseKey,useLicenseKey:e.licenseKey,useIsLicenseKeySent:e.isLicenseKeySent,useLicenseKeyMessage:e.licenseKeyMessage,useNotifications:e.notifications,useIsUpdatingNotifications:e.isUpdatingNotifications,useUserRoles:window.gtmkitSettings.user_roles?window.gtmkitSettings.user_roles:[],isPremium:!!window.gtmkitSettings.isPremium&&window.gtmkitSettings.isPremium};return(0,g.jsx)(d.Provider,{value:r,children:t.children})},p=window.React;var h,k=i.n(p);function _(){return _=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0&&(e.hash=t.substr(i),t=t.substr(0,i));let n=t.indexOf("?");n>=0&&(e.search=t.substr(n),t=t.substr(0,n)),t&&(e.pathname=t)}return e}var N;function w(t,e,i){return void 0===i&&(i="/"),function(t,e,i,n){let a=F(("string"==typeof e?E(e):e).pathname||"/",i);if(null==a)return null;let s=j(t);!function(t){t.sort(((t,e)=>t.score!==e.score?e.score-t.score:function(t,e){return t.length===e.length&&t.slice(0,-1).every(((t,i)=>t===e[i]))?t[t.length-1]-e[e.length-1]:0}(t.routesMeta.map((t=>t.childrenIndex)),e.routesMeta.map((t=>t.childrenIndex)))))}(s);let o=null;for(let t=0;null==o&&t{let o={relativePath:void 0===s?t.path||"":s,caseSensitive:!0===t.caseSensitive,childrenIndex:a,route:t};o.relativePath.startsWith("/")&&(x(o.relativePath.startsWith(n),'Absolute route path "'+o.relativePath+'" nested under path "'+n+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),o.relativePath=o.relativePath.slice(n.length));let r=K([n,o.relativePath]),l=i.concat(o);t.children&&t.children.length>0&&(x(!0!==t.index,'Index routes must not have child routes. Please remove all child routes from route path "'+r+'".'),j(t.children,e,l,r)),(null!=t.path||t.index)&&e.push({path:r,score:L(r,t.index),routesMeta:l})};return t.forEach(((t,e)=>{var i;if(""!==t.path&&null!=(i=t.path)&&i.includes("?"))for(let i of T(t.path))a(t,e,i);else a(t,e)})),e}function T(t){let e=t.split("/");if(0===e.length)return[];let[i,...n]=e,a=i.endsWith("?"),s=i.replace(/\?$/,"");if(0===n.length)return a?[s,""]:[s];let o=T(n.join("/")),r=[];return r.push(...o.map((t=>""===t?s:[s,t].join("/")))),a&&r.push(...o),r.map((e=>t.startsWith("/")&&""===e?"/":e))}!function(t){t.data="data",t.deferred="deferred",t.redirect="redirect",t.error="error"}(N||(N={})),new Set(["lazy","caseSensitive","path","id","index","children"]);const C=/^:[\w-]+$/,D=3,U=2,A=1,I=10,O=-2,R=t=>"*"===t;function L(t,e){let i=t.split("/"),n=i.length;return i.some(R)&&(n+=O),e&&(n+=U),i.filter((t=>!R(t))).reduce(((t,e)=>t+(C.test(e)?D:""===e?A:I)),n)}function P(t,e,i){void 0===i&&(i=!1);let{routesMeta:n}=t,a={},s="/",o=[];for(let t=0;t(n.push({paramName:e,isOptional:null!=i}),i?"/?([^\\/]+)?":"/([^\\/]+)")));return t.endsWith("*")?(n.push({paramName:"*"}),a+="*"===t||"/*"===t?"(.*)$":"(?:\\/(.+)|\\/*)$"):i?a+="\\/*$":""!==t&&"/"!==t&&(a+="(?:(?=\\/|$))"),[new RegExp(a,e?void 0:"i"),n]}(t.path,t.caseSensitive,t.end),a=e.match(i);if(!a)return null;let s=a[0],o=s.replace(/(.)\/+$/,"$1"),r=a.slice(1);return{params:n.reduce(((t,e,i)=>{let{paramName:n,isOptional:a}=e;if("*"===n){let t=r[i]||"";o=s.slice(0,s.length-t.length).replace(/(.)\/+$/,"$1")}const l=r[i];return t[n]=a&&!l?void 0:(l||"").replace(/%2F/g,"/"),t}),{}),pathname:s,pathnameBase:o,pattern:t}}function G(t){try{return t.split("/").map((t=>decodeURIComponent(t).replace(/\//g,"%2F"))).join("/")}catch(e){return S(!1,'The URL path "'+t+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding ('+e+")."),t}}function F(t,e){if("/"===e)return t;if(!t.toLowerCase().startsWith(e.toLowerCase()))return null;let i=e.endsWith("/")?e.length-1:e.length,n=t.charAt(i);return n&&"/"!==n?null:t.slice(i)||"/"}function H(t,e,i,n){return"Cannot include a '"+t+"' character in a manually specified `to."+e+"` field ["+JSON.stringify(n)+"]. Please separate it out to the `to."+i+'` field. Alternatively you may provide the full path as a string in and the router will parse it for you.'}function B(t,e){let i=function(t){return t.filter(((t,e)=>0===e||t.route.path&&t.route.path.length>0))}(t);return e?i.map(((t,e)=>e===i.length-1?t.pathname:t.pathnameBase)):i.map((t=>t.pathnameBase))}function W(t,e,i,n){let a;void 0===n&&(n=!1),"string"==typeof t?a=E(t):(a=_({},t),x(!a.pathname||!a.pathname.includes("?"),H("?","pathname","search",a)),x(!a.pathname||!a.pathname.includes("#"),H("#","pathname","hash",a)),x(!a.search||!a.search.includes("#"),H("#","search","hash",a)));let s,o=""===t||""===a.pathname,r=o?"/":a.pathname;if(null==r)s=i;else{let t=e.length-1;if(!n&&r.startsWith("..")){let e=r.split("/");for(;".."===e[0];)e.shift(),t-=1;a.pathname=e.join("/")}s=t>=0?e[t]:"/"}let l=function(t,e){void 0===e&&(e="/");let{pathname:i,search:n="",hash:a=""}="string"==typeof t?E(t):t,s=i?i.startsWith("/")?i:function(t,e){let i=e.replace(/\/+$/,"").split("/");return t.split("/").forEach((t=>{".."===t?i.length>1&&i.pop():"."!==t&&i.push(t)})),i.length>1?i.join("/"):"/"}(i,e):e;return{pathname:s,search:$(n),hash:Y(a)}}(a,s),m=r&&"/"!==r&&r.endsWith("/"),c=(o||"."===r)&&i.endsWith("/");return l.pathname.endsWith("/")||!m&&!c||(l.pathname+="/"),l}const K=t=>t.join("/").replace(/\/\/+/g,"/"),z=t=>t.replace(/\/+$/,"").replace(/^\/*/,"/"),$=t=>t&&"?"!==t?t.startsWith("?")?t:"?"+t:"",Y=t=>t&&"#"!==t?t.startsWith("#")?t:"#"+t:"";Error;const J=["post","put","patch","delete"],q=(new Set(J),["get",...J]);function V(){return V=Object.assign?Object.assign.bind():function(t){for(var e=1;e{i.current=!0})),p.useCallback((function(n,a){void 0===a&&(a={}),i.current&&("number"==typeof n?t.navigate(n):t.navigate(n,V({fromRouteId:e},a)))}),[t,e])}():function(){nt()||x(!1);let t=p.useContext(X),{basename:e,future:i,navigator:n}=p.useContext(Q),{matches:a}=p.useContext(et),{pathname:s}=at(),o=JSON.stringify(B(a,i.v7_relativeSplatPath)),r=p.useRef(!1);return st((()=>{r.current=!0})),p.useCallback((function(i,a){if(void 0===a&&(a={}),!r.current)return;if("number"==typeof i)return void n.go(i);let l=W(i,JSON.parse(o),s,"path"===a.relative);null==t&&"/"!==e&&(l.pathname="/"===l.pathname?e:K([e,l.pathname])),(a.replace?n.replace:n.push)(l,a.state,a)}),[e,n,o,s,t])}()}function rt(t,e){let{relative:i}=void 0===e?{}:e,{future:n}=p.useContext(Q),{matches:a}=p.useContext(et),{pathname:s}=at(),o=JSON.stringify(B(a,n.v7_relativeSplatPath));return p.useMemo((()=>W(t,JSON.parse(o),s,"path"===i)),[t,o,s,i])}function lt(t,e,i,n){nt()||x(!1);let{navigator:a}=p.useContext(Q),{matches:s}=p.useContext(et),o=s[s.length-1],r=o?o.params:{},l=(o&&o.pathname,o?o.pathnameBase:"/");o&&o.route;let m,c=at();if(e){var g;let t="string"==typeof e?E(e):e;"/"===l||(null==(g=t.pathname)?void 0:g.startsWith(l))||x(!1),m=t}else m=c;let d=m.pathname||"/",u=d;if("/"!==l){let t=l.replace(/^\//,"").split("/");u="/"+d.replace(/^\//,"").split("/").slice(t.length).join("/")}let k=w(t,{pathname:u}),_=function(t,e,i,n){var a;if(void 0===e&&(e=[]),void 0===i&&(i=null),void 0===n&&(n=null),null==t){var s;if(!i)return null;if(i.errors)t=i.matches;else{if(!(null!=(s=n)&&s.v7_partialHydration&&0===e.length&&!i.initialized&&i.matches.length>0))return null;t=i.matches}}let o=t,r=null==(a=i)?void 0:a.errors;if(null!=r){let t=o.findIndex((t=>t.route.id&&void 0!==(null==r?void 0:r[t.route.id])));t>=0||x(!1),o=o.slice(0,Math.min(o.length,t+1))}let l=!1,m=-1;if(i&&n&&n.v7_partialHydration)for(let t=0;t=0?o.slice(0,m+1):[o[0]];break}}}return o.reduceRight(((t,n,a)=>{let s,c=!1,g=null,d=null;var u;i&&(s=r&&n.route.id?r[n.route.id]:void 0,g=n.route.errorElement||ct,l&&(m<0&&0===a?(kt[u="route-fallback"]||(kt[u]=!0),c=!0,d=null):m===a&&(c=!0,d=n.route.hydrateFallbackElement||null)));let h=e.concat(o.slice(0,a+1)),k=()=>{let e;return e=s?g:c?d:n.route.Component?p.createElement(n.route.Component,null):n.route.element?n.route.element:t,p.createElement(dt,{match:n,routeContext:{outlet:t,matches:h,isDataRoute:null!=i},children:e})};return i&&(n.route.ErrorBoundary||n.route.errorElement||0===a)?p.createElement(gt,{location:i.location,revalidation:i.revalidation,component:g,error:s,children:k(),routeContext:{outlet:null,matches:h,isDataRoute:!0}}):k()}),null)}(k&&k.map((t=>Object.assign({},t,{params:Object.assign({},r,t.params),pathname:K([l,a.encodeLocation?a.encodeLocation(t.pathname).pathname:t.pathname]),pathnameBase:"/"===t.pathnameBase?l:K([l,a.encodeLocation?a.encodeLocation(t.pathnameBase).pathname:t.pathnameBase])}))),s,i,n);return e&&_?p.createElement(tt.Provider,{value:{location:V({pathname:"/",search:"",hash:"",state:null,key:"default"},m),navigationType:h.Pop}},_):_}function mt(){let t=function(){var t;let e=p.useContext(it),i=function(){let t=p.useContext(Z);return t||x(!1),t}(pt.UseRouteError),n=ht(pt.UseRouteError);return void 0!==e?e:null==(t=i.errors)?void 0:t[n]}(),e=function(t){return null!=t&&"number"==typeof t.status&&"string"==typeof t.statusText&&"boolean"==typeof t.internal&&"data"in t}(t)?t.status+" "+t.statusText:t instanceof Error?t.message:JSON.stringify(t),i=t instanceof Error?t.stack:null,n={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return p.createElement(p.Fragment,null,p.createElement("h2",null,"Unexpected Application Error!"),p.createElement("h3",{style:{fontStyle:"italic"}},e),i?p.createElement("pre",{style:n},i):null,null)}const ct=p.createElement(mt,null);class gt extends p.Component{constructor(t){super(t),this.state={location:t.location,revalidation:t.revalidation,error:t.error}}static getDerivedStateFromError(t){return{error:t}}static getDerivedStateFromProps(t,e){return e.location!==t.location||"idle"!==e.revalidation&&"idle"===t.revalidation?{error:t.error,location:t.location,revalidation:t.revalidation}:{error:void 0!==t.error?t.error:e.error,location:e.location,revalidation:t.revalidation||e.revalidation}}componentDidCatch(t,e){console.error("React Router caught the following error during render",t,e)}render(){return void 0!==this.state.error?p.createElement(et.Provider,{value:this.props.routeContext},p.createElement(it.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function dt(t){let{routeContext:e,match:i,children:n}=t,a=p.useContext(X);return a&&a.static&&a.staticContext&&(i.route.errorElement||i.route.ErrorBoundary)&&(a.staticContext._deepestRenderedBoundaryId=i.route.id),p.createElement(et.Provider,{value:e},n)}var ut=function(t){return t.UseBlocker="useBlocker",t.UseRevalidator="useRevalidator",t.UseNavigateStable="useNavigate",t}(ut||{}),pt=function(t){return t.UseBlocker="useBlocker",t.UseLoaderData="useLoaderData",t.UseActionData="useActionData",t.UseRouteError="useRouteError",t.UseNavigation="useNavigation",t.UseRouteLoaderData="useRouteLoaderData",t.UseMatches="useMatches",t.UseRevalidator="useRevalidator",t.UseNavigateStable="useNavigate",t.UseRouteId="useRouteId",t}(pt||{});function ht(t){let e=function(){let t=p.useContext(et);return t||x(!1),t}(),i=e.matches[e.matches.length-1];return i.route.id||x(!1),i.route.id}const kt={};function _t(t){let{to:e,replace:i,state:n,relative:a}=t;nt()||x(!1);let{future:s,static:o}=p.useContext(Q),{matches:r}=p.useContext(et),{pathname:l}=at(),m=ot(),c=W(e,B(r,s.v7_relativeSplatPath),l,"path"===a),g=JSON.stringify(c);return p.useEffect((()=>m(JSON.parse(g),{replace:i,state:n,relative:a})),[m,g,a,i,n]),null}function ft(t){x(!1)}function xt(t){let{basename:e="/",children:i=null,location:n,navigationType:a=h.Pop,navigator:s,static:o=!1,future:r}=t;nt()&&x(!1);let l=e.replace(/^\/*/,"/"),m=p.useMemo((()=>({basename:l,navigator:s,static:o,future:V({v7_relativeSplatPath:!1},r)})),[l,r,s,o]);"string"==typeof n&&(n=E(n));let{pathname:c="/",search:g="",hash:d="",state:u=null,key:k="default"}=n,_=p.useMemo((()=>{let t=F(c,l);return null==t?null:{location:{pathname:t,search:g,hash:d,state:u,key:k},navigationType:a}}),[l,c,g,d,u,k,a]);return null==_?null:p.createElement(Q.Provider,{value:m},p.createElement(tt.Provider,{children:i,value:_}))}function St(t){let{children:e,location:i}=t;return lt(bt(e),i)}function bt(t,e){void 0===e&&(e=[]);let i=[];return p.Children.forEach(t,((t,n)=>{if(!p.isValidElement(t))return;let a=[...e,n];if(t.type===p.Fragment)return void i.push.apply(i,bt(t.props.children,a));t.type!==ft&&x(!1),t.props.index&&t.props.children&&x(!1);let s={id:t.props.id||a.join("-"),caseSensitive:t.props.caseSensitive,element:t.props.element,Component:t.props.Component,index:t.props.index,path:t.props.path,loader:t.props.loader,action:t.props.action,errorElement:t.props.errorElement,ErrorBoundary:t.props.ErrorBoundary,hasErrorBoundary:null!=t.props.ErrorBoundary||null!=t.props.errorElement,shouldRevalidate:t.props.shouldRevalidate,handle:t.props.handle,lazy:t.props.lazy};t.props.children&&(s.children=bt(t.props.children,a)),i.push(s)})),i}function yt(){return yt=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(a[i]=t[i]);return a}p.startTransition,new Promise((()=>{})),p.Component,new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);const Et=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],Nt=["aria-current","caseSensitive","className","end","style","to","unstable_viewTransition","children"];try{window.__reactRouterVersion="6"}catch(t){}const wt=p.createContext({isTransitioning:!1});new Map;const jt=p.startTransition;function Tt(t){let{basename:e,children:i,future:n,window:a}=t,s=p.useRef();var o;null==s.current&&(s.current=(void 0===(o={window:a,v5Compat:!0})&&(o={}),function(t,e,i,n){void 0===n&&(n={});let{window:a=document.defaultView,v5Compat:s=!1}=n,o=a.history,r=h.Pop,l=null,m=c();function c(){return(o.state||{idx:null}).idx}function g(){r=h.Pop;let t=c(),e=null==t?null:t-m;m=t,l&&l({action:r,location:u.location,delta:e})}function d(t){let e="null"!==a.location.origin?a.location.origin:a.location.href,i="string"==typeof t?t:v(t);return i=i.replace(/ $/,"%20"),x(e,"No window.location.(origin|href) available to create URL for href: "+i),new URL(i,e)}null==m&&(m=0,o.replaceState(_({},o.state,{idx:m}),""));let u={get action(){return r},get location(){return t(a,o)},listen(t){if(l)throw new Error("A history only accepts one active listener");return a.addEventListener(f,g),l=t,()=>{a.removeEventListener(f,g),l=null}},createHref:t=>e(a,t),createURL:d,encodeLocation(t){let e=d(t);return{pathname:e.pathname,search:e.search,hash:e.hash}},push:function(t,e){r=h.Push;let n=y(u.location,t,e);i&&i(n,t),m=c()+1;let g=b(n,m),d=u.createHref(n);try{o.pushState(g,"",d)}catch(t){if(t instanceof DOMException&&"DataCloneError"===t.name)throw t;a.location.assign(d)}s&&l&&l({action:r,location:u.location,delta:1})},replace:function(t,e){r=h.Replace;let n=y(u.location,t,e);i&&i(n,t),m=c();let a=b(n,m),g=u.createHref(n);o.replaceState(a,"",g),s&&l&&l({action:r,location:u.location,delta:0})},go:t=>o.go(t)};return u}((function(t,e){let{pathname:i="/",search:n="",hash:a=""}=E(t.location.hash.substr(1));return i.startsWith("/")||i.startsWith(".")||(i="/"+i),y("",{pathname:i,search:n,hash:a},e.state&&e.state.usr||null,e.state&&e.state.key||"default")}),(function(t,e){let i=t.document.querySelector("base"),n="";if(i&&i.getAttribute("href")){let e=t.location.href,i=e.indexOf("#");n=-1===i?e:e.slice(0,i)}return n+"#"+("string"==typeof e?e:v(e))}),(function(t,e){S("/"===t.pathname.charAt(0),"relative pathnames are not supported in hash history.push("+JSON.stringify(e)+")")}),o)));let r=s.current,[l,m]=p.useState({action:r.action,location:r.location}),{v7_startTransition:c}=n||{},g=p.useCallback((t=>{c&&jt?jt((()=>m(t))):m(t)}),[m,c]);return p.useLayoutEffect((()=>r.listen(g)),[r,g]),p.createElement(xt,{basename:e,children:i,location:l.location,navigationType:l.action,navigator:r,future:n})}t.flushSync,p.useId;const Ct="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,Dt=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Ut=p.forwardRef((function(t,e){let i,{onClick:n,relative:a,reloadDocument:s,replace:o,state:r,target:l,to:m,preventScrollReset:c,unstable_viewTransition:g}=t,d=vt(t,Et),{basename:u}=p.useContext(Q),h=!1;if("string"==typeof m&&Dt.test(m)&&(i=m,Ct))try{let t=new URL(window.location.href),e=m.startsWith("//")?new URL(t.protocol+m):new URL(m),i=F(e.pathname,u);e.origin===t.origin&&null!=i?m=i+e.search+e.hash:h=!0}catch(t){}let k=function(t,e){let{relative:i}=void 0===e?{}:e;nt()||x(!1);let{basename:n,navigator:a}=p.useContext(Q),{hash:s,pathname:o,search:r}=rt(t,{relative:i}),l=o;return"/"!==n&&(l="/"===o?n:K([n,o])),a.createHref({pathname:l,search:r,hash:s})}(m,{relative:a}),_=function(t,e){let{target:i,replace:n,state:a,preventScrollReset:s,relative:o,unstable_viewTransition:r}=void 0===e?{}:e,l=ot(),m=at(),c=rt(t,{relative:o});return p.useCallback((e=>{if(function(t,e){return!(0!==t.button||e&&"_self"!==e||function(t){return!!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}(t))}(e,i)){e.preventDefault();let i=void 0!==n?n:v(m)===v(c);l(t,{replace:i,state:a,preventScrollReset:s,relative:o,unstable_viewTransition:r})}}),[m,l,c,n,a,i,t,s,o,r])}(m,{replace:o,state:r,target:l,preventScrollReset:c,relative:a,unstable_viewTransition:g});return p.createElement("a",yt({},d,{href:i||k,onClick:h||s?n:function(t){n&&n(t),t.defaultPrevented||_(t)},ref:e,target:l}))})),At=p.forwardRef((function(t,e){let{"aria-current":i="page",caseSensitive:n=!1,className:a="",end:s=!1,style:o,to:r,unstable_viewTransition:l,children:m}=t,c=vt(t,Nt),g=rt(r,{relative:c.relative}),d=at(),u=p.useContext(Z),{navigator:h,basename:k}=p.useContext(Q),_=null!=u&&function(t,e){void 0===e&&(e={});let i=p.useContext(wt);null==i&&x(!1);let{basename:n}=function(){let t=p.useContext(X);return t||x(!1),t}(It.useViewTransitionState),a=rt(t,{relative:e.relative});if(!i.isTransitioning)return!1;let s=F(i.currentLocation.pathname,n)||i.currentLocation.pathname,o=F(i.nextLocation.pathname,n)||i.nextLocation.pathname;return null!=M(a.pathname,o)||null!=M(a.pathname,s)}(g)&&!0===l,f=h.encodeLocation?h.encodeLocation(g).pathname:g.pathname,S=d.pathname,b=u&&u.navigation&&u.navigation.location?u.navigation.location.pathname:null;n||(S=S.toLowerCase(),b=b?b.toLowerCase():null,f=f.toLowerCase()),b&&k&&(b=F(b,k)||b);const y="/"!==f&&f.endsWith("/")?f.length-1:f.length;let v,E=S===f||!s&&S.startsWith(f)&&"/"===S.charAt(y),N=null!=b&&(b===f||!s&&b.startsWith(f)&&"/"===b.charAt(f.length)),w={isActive:E,isPending:N,isTransitioning:_},j=E?i:void 0;v="function"==typeof a?a(w):[a,E?"active":null,N?"pending":null,_?"transitioning":null].filter(Boolean).join(" ");let T="function"==typeof o?o(w):o;return p.createElement(Ut,yt({},c,{"aria-current":j,className:v,ref:e,style:T,to:r,unstable_viewTransition:l}),"function"==typeof m?m(w):m)}));var It,Ot;(function(t){t.UseScrollRestoration="useScrollRestoration",t.UseSubmit="useSubmit",t.UseSubmitFetcher="useSubmitFetcher",t.UseFetcher="useFetcher",t.useViewTransitionState="useViewTransitionState"})(It||(It={})),function(t){t.UseFetcher="useFetcher",t.UseFetchers="useFetchers",t.UseScrollRestoration="useScrollRestoration"}(Ot||(Ot={}));const Rt=({title:t})=>(0,p.createElement)(p.Fragment,null,(0,p.createElement)("header",{className:"gtmkit-px-8 gtmkit-py-6 gtmkit-sticky"},(0,p.createElement)("div",{className:"gtmkit-flex gtmkit-items-center gtmkit-justify-between"},(0,p.createElement)("h1",{className:"gtmkit-flex gtmkit-items-center gtmkit-font-medium gtmkit-text-3xl"},(0,p.createElement)("svg",{className:"gtmkit-mr-8",height:"44",viewBox:"0 0 160 54",width:"128",xmlns:"http://www.w3.org/2000/svg"},(0,p.createElement)("rect",{fill:"#888",height:"54",rx:"4.265",width:"160"}),(0,p.createElement)("path",{d:"m88.659 7.002h-49.266c-2.915 0-5.378-.184-9.23 2.596l-18.743 12.752c-4.549 3.292-4.571 6.001 0 9.302l18.743 12.751c3.652 2.646 6.299 2.597 9.23 2.597h15.686 33.58c2.931-.057 5.394-1.784 5.34-3.923v-32.21c-.012-2.134-2.409-3.865-5.34-3.865z",fill:"#3969bb",transform:"matrix(-1 0 0 -1 101.999867 53.999547)"}),(0,p.createElement)("g",{fill:"#fff",transform:"matrix(1.465202 0 0 1.465202 -4.582436 -7.553126)"},(0,p.createElement)("path",{d:"m18.316 23.086h4.632v6.052c-.75.245-1.459.415-2.121.514-.663.098-1.341.148-2.033.148-1.764 0-3.106-.517-4.035-1.554-.929-1.034-1.395-2.519-1.395-4.457 0-1.886.538-3.356 1.617-4.41 1.078-1.054 2.573-1.579 4.481-1.579 1.2 0 2.357.239 3.469.718l-.823 1.979c-.85-.425-1.737-.637-2.657-.637-1.071 0-1.932.358-2.572 1.077-.645.718-.968 1.685-.968 2.899 0 1.267.26 2.233.78 2.904.516.667 1.271.999 2.262.999.517 0 1.041-.052 1.572-.158v-2.435h-2.209zm11.912 6.555h-2.474v-9.614h-3.173v-2.06h8.816v2.06h-3.169zm9.908 0-2.811-9.158h-.072c.103 1.863.154 3.105.154 3.728v5.43h-2.213v-11.674h3.368l2.764 8.927h.048l2.934-8.927h3.369v11.674h-2.308v-5.525c0-.261 0-.561.009-.903.009-.341.048-1.246.112-2.716h-.074l-3.011 9.144z"}),(0,p.createElement)("path",{d:"m88.883 31.898h-3.811l-4.147-6.67-1.417 1.018v5.652h-3.357v-15.83h3.357v7.242l1.318-1.861 4.293-5.381h3.724l-5.523 7.006zm1.589-15.233c0-1.075.6-1.614 1.8-1.614 1.199 0 1.798.539 1.798 1.614 0 .512-.148.91-.45 1.196-.297.284-.749.429-1.348.429-1.2 0-1.8-.543-1.8-1.625zm3.449 15.233h-3.302v-12.104h3.302zm8.563-2.413c.578 0 1.271-.128 2.077-.38v2.456c-.82.37-1.831.552-3.031.552-1.324 0-2.28-.333-2.885-1.001-.602-.667-.902-1.668-.902-3.003v-5.835h-1.585v-1.399l1.823-1.103.949-2.557h2.115v2.579h3.388v2.48h-3.388v5.835c0 .467.129.815.393 1.041.264.222.614.335 1.046.335z"}))),t))));var Lt=i(942),Pt=i.n(Lt);const Mt=({count:t,important:e,nav:i=!1})=>(0,g.jsx)(g.Fragment,{children:t>0&&(0,g.jsx)("span",{className:Pt()("gtmkit-ml-2 gtmkit-text-xs gtmkit-text-white gtmkit-font-bold gtmkit-rounded-full gtmkit-py-px gtmkit-leading-[1.125rem] gtmkit-uppercase",{"gtmkit-bg-color-error":e},{"gtmkit-bg-color-success":!e},{"gtmkit-px-1.5":i},{"gtmkit-px-2":!i}),children:t})}),Gt=({metrics:t})=>(0,g.jsx)(Mt,{count:t.total,important:t.problem>0,nav:!0}),Ft=Mt,Ht=({to:t,title:e})=>{const{useNotifications:i}=(0,a.useContext)(d);return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(At,{to:t,className:({isActive:t})=>"gtmkit-border-b-4 gtmkit-border-white gtmkit-text-color-grey gtmkit-font-semibold gtmkit-pt-5 gtmkit-pb-[18px] hover:gtmkit-border-color-grey "+(t?"gtmkit-text-color-heading gtmkit-border-b-color-primary ":""),children:[e,"notifications"===t&&(0,g.jsx)(Gt,{metrics:i.metrics})]})})},Bt=({NavList:t})=>(0,p.createElement)("nav",{className:"gtmkit-flex gtmkit-flex-wrap gtmkit-items-center gtmkit-px-8 gtmkit-border-y gtmkit-bg-white gtmkit-border-color-border gtmkit-text-[15px] gtmkit-space-x-9"},t.map((function(t){return(0,p.createElement)(Ht,{key:t.to,to:t.to,title:t.title})})));function Wt(){return Wt=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(a[i]=t[i]);return a}function zt(t,e){return zt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},zt(t,e)}function $t(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,zt(t,e)}function Yt(t,e){return t.replace(new RegExp("(^|\\s)"+e+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}const Jt=k().createContext(null);var qt=function(t){return t.scrollTop},Vt="unmounted",Xt="exited",Zt="entering",Qt="entered",te="exiting",ee=function(t){function i(e,i){var n;n=t.call(this,e,i)||this;var a,s=i&&!i.isMounting?e.enter:e.appear;return n.appearStatus=null,e.in?s?(a=Xt,n.appearStatus=Zt):a=Qt:a=e.unmountOnExit||e.mountOnEnter?Vt:Xt,n.state={status:a},n.nextCallback=null,n}$t(i,t),i.getDerivedStateFromProps=function(t,e){return t.in&&e.status===Vt?{status:Xt}:null};var n=i.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(t){var e=null;if(t!==this.props){var i=this.state.status;this.props.in?i!==Zt&&i!==Qt&&(e=Zt):i!==Zt&&i!==Qt||(e=te)}this.updateStatus(!1,e)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var t,e,i,n=this.props.timeout;return t=e=i=n,null!=n&&"number"!=typeof n&&(t=n.exit,e=n.enter,i=void 0!==n.appear?n.appear:e),{exit:t,enter:e,appear:i}},n.updateStatus=function(t,i){if(void 0===t&&(t=!1),null!==i)if(this.cancelNextCallback(),i===Zt){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:e().findDOMNode(this);n&&qt(n)}this.performEnter(t)}else this.performExit();else this.props.unmountOnExit&&this.state.status===Xt&&this.setState({status:Vt})},n.performEnter=function(t){var i=this,n=this.props.enter,a=this.context?this.context.isMounting:t,s=this.props.nodeRef?[a]:[e().findDOMNode(this),a],o=s[0],r=s[1],l=this.getTimeouts(),m=a?l.appear:l.enter;t||n?(this.props.onEnter(o,r),this.safeSetState({status:Zt},(function(){i.props.onEntering(o,r),i.onTransitionEnd(m,(function(){i.safeSetState({status:Qt},(function(){i.props.onEntered(o,r)}))}))}))):this.safeSetState({status:Qt},(function(){i.props.onEntered(o)}))},n.performExit=function(){var t=this,i=this.props.exit,n=this.getTimeouts(),a=this.props.nodeRef?void 0:e().findDOMNode(this);i?(this.props.onExit(a),this.safeSetState({status:te},(function(){t.props.onExiting(a),t.onTransitionEnd(n.exit,(function(){t.safeSetState({status:Xt},(function(){t.props.onExited(a)}))}))}))):this.safeSetState({status:Xt},(function(){t.props.onExited(a)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},n.setNextCallback=function(t){var e=this,i=!0;return this.nextCallback=function(n){i&&(i=!1,e.nextCallback=null,t(n))},this.nextCallback.cancel=function(){i=!1},this.nextCallback},n.onTransitionEnd=function(t,i){this.setNextCallback(i);var n=this.props.nodeRef?this.props.nodeRef.current:e().findDOMNode(this),a=null==t&&!this.props.addEndListener;if(n&&!a){if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=s[0],r=s[1];this.props.addEndListener(o,r)}null!=t&&setTimeout(this.nextCallback,t)}else setTimeout(this.nextCallback,0)},n.render=function(){var t=this.state.status;if(t===Vt)return null;var e=this.props,i=e.children,n=(e.in,e.mountOnEnter,e.unmountOnExit,e.appear,e.enter,e.exit,e.timeout,e.addEndListener,e.onEnter,e.onEntering,e.onEntered,e.onExit,e.onExiting,e.onExited,e.nodeRef,Kt(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return k().createElement(Jt.Provider,{value:null},"function"==typeof i?i(t,n):k().cloneElement(k().Children.only(i),n))},i}(k().Component);function ie(){}ee.contextType=Jt,ee.propTypes={},ee.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:ie,onEntering:ie,onEntered:ie,onExit:ie,onExiting:ie,onExited:ie},ee.UNMOUNTED=Vt,ee.EXITED=Xt,ee.ENTERING=Zt,ee.ENTERED=Qt,ee.EXITING=te;const ne=ee;var ae=function(t,e){return t&&e&&e.split(" ").forEach((function(e){return n=e,void((i=t).classList?i.classList.remove(n):"string"==typeof i.className?i.className=Yt(i.className,n):i.setAttribute("class",Yt(i.className&&i.className.baseVal||"",n)));var i,n}))},se=function(t){function e(){for(var e,i=arguments.length,n=new Array(i),a=0;a{const{useUpdateSettings:i,useIsPending:o,useCanSave:r}=(0,a.useContext)(d);return(0,g.jsxs)(s.Button,{className:e,onClick:()=>i(),variant:"primary",disabled:o||!r,children:[r?t:(0,n.__)("Saved","gtm-kit"),o?(0,g.jsx)(s.Spinner,{}):""]})},le=()=>{const{useCanSave:t}=(0,a.useContext)(d);return(0,p.createElement)(oe,{in:t,timeout:500,classNames:"slide",unmountOnExit:!0},(0,p.createElement)("footer",{className:"gtmkit-fixed gtmkit-bottom-0 gtmkit-w-full gtmkit-z-10 gtmkit-bg-color-grey gtmkit-text-white gtmkit-p-8"},(0,p.createElement)(re,null)))},me=({subject:t})=>{const e=!0===t||"on"===t,i=!0===e?"gtmkit-bg-color-success":"gtmkit-bg-color-button-disabled";return(0,p.createElement)("div",{className:"gtmkit-text-xs gtmkit-text-white gtmkit-font-bold gtmkit-rounded-full gtmkit-py gtmkit-px-2 gtmkit-h-5 gtmkit-leading-5 gtmkit-uppercase "+i},e?(0,n.__)("Active","gtm-kit"):(0,n.__)("Inactive","gtm-kit"))},ce=(0,a.forwardRef)((({children:t,className:e="",...i},n)=>(0,g.jsx)("div",{...i,className:"gtmkit-flex gtmkit-flex-col gtmkit-min-h-[128px] gtmkit-bg-white gtmkit-border gtmkit-border-color-border gtmkit-mb-6 gtmkit-py-4 gtmkit-px-5 gtmkit-rounded gtmkit-group gtmkit-w-full "+e,ref:n,children:t})));ce.Header=({as:t="h3",title:e="",children:i,className:n="",...a})=>(0,g.jsxs)("div",{...a,className:"gtmkit-flex gtmkit-justify-between gtmkit-items-center gtmkit-mb-5 "+n,children:[(0,g.jsx)(t,{className:"gtmkit-text-2xl gtmkit-font-bold gtmkit-text-color-heading",children:e}),i]}),ce.Content=({as:t="div",children:e,className:i="gtmkit-flex-auto",...n})=>(0,g.jsx)(t,{...n,className:i,children:e}),ce.Button=({url:t,destination:e,newTab:i=!1,text:n,group:a="",...o})=>{const r=ot();return(0,g.jsx)("div",{...o,className:"gtmkit-mt-4 gtmkit-mb-0.5",children:(0,g.jsx)(s.Button,{variant:"primary",className:"gtmkit-rounded !gtmkit-py-4 !gtmkit-px-8 gtmkit-w-full sm:gtmkit-w-auto gtmkit-min-w-[225px]",onClick:()=>{e&&t&&!1===i?window.gtmkitSettings.current_page===a?r(e,{replace:!0}):window.location.href=t+"#"+e:t?i?window.open(t):window.location.href=t:r(e,{replace:!0})},children:(0,g.jsx)("span",{className:"gtmkit-mx-auto gtmkit-text-sm gtmkit-font-bold",children:n})})})};const ge=ce,de=({title:t,data:e,className:i=""})=>{const{useSettings:s}=(0,a.useContext)(d);return(0,p.createElement)(p.Fragment,null,(0,p.createElement)("h2",{className:"gtmkit-text-2xl gtmkit-font-bold gtmkit-text-color-heading gtmkit-mb-8 gtmkit-mt-6"},t),(0,p.createElement)("div",{className:"lg:gtmkit-grid lg:gtmkit-grid-cols-2 xl:gtmkit-grid-cols-3 gtmkit-justify-between gtmkit-gap-6 gtmkit-border-b gtmkit-border-color-border gtmkit-pb-6 gtmkit-min-h-[175px] "+i},e.map(((t,e)=>!1===t.featured?null:(0,p.createElement)(ge,{key:e},(0,p.createElement)(ge.Header,{title:t.title},t.pill?(0,p.createElement)(me,{subject:s[t.group][t.option]}):null),(0,p.createElement)(ge.Content,null,t.text.map(((t,e)=>(0,p.createElement)("p",{key:e},t)))),(0,p.createElement)(ge.Button,{url:t.link.url,destination:t.link.destination,text:t.link.text?t.link.text:(0,n.__)("Read article","gtm-kit"),newTab:t.link.external,group:t.group}))))))},ue=(t="general",e="")=>{const i=window.gtmkitSettings.adminPageUrl;return e?`${i}${t}#/${e}`:`${i}${t}`},pe=t=>((t,e,i)=>{const n=(t,i)=>({...i,title:t.title,to:t.path,group:t.group||i.group,option:t.option||i.option,text:[t.description],link:{...i.link,url:ue(e,""),destination:"/"+t.path}});return"templates"===e?Object.keys(t).map((e=>n(t[e][0],i))):Object.keys(t).map((e=>n(t[e],i)))})(window.gtmkitSettings[t],t,function(t){switch(t){case"integrations":return{pill:!0,group:"integrations",option:null,link:{internal:!0,text:(0,n.__)("Setup Integration","gtm-kit")}};case"templates":return{pill:!1,group:null,option:null,link:{internal:!0,text:(0,n.__)("Get Template","gtm-kit")}};default:return{pill:!1,group:null,option:null,link:{internal:!0,text:(0,n.__)("Read More","gtm-kit")}}}}(t)),he=()=>{const{useSettings:t,useNotifications:e}=(0,a.useContext)(d),[i,s]=(0,a.useState)(window.gtmkitSettings.tutorials),o=e.metrics;return(0,a.useEffect)((()=>{s((t=>[...t,{title:(0,n.__)("See all tutorials","gtm-kit"),text:[(0,n.__)("See all our tutorials and get the most out of GTM Kit","gtm-kit")],link:{external:!0,url:"https://gtmkit.com/documentation/#utm_source=gtmkit-plugin&utm_medium=software&utm_term=documentation&utm_content=dashboard-tutorials",text:(0,n.__)("Read articles","gtm-kit")},featured:!0}]))}),[]),(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("h2",{className:"gtmkit-text-2xl gtmkit-font-bold gtmkit-text-color-heading gtmkit-mb-8",children:(0,n.__)("General","gtm-kit")}),(0,g.jsxs)("div",{className:"lg:gtmkit-grid lg:gtmkit-grid-cols-2 xl:gtmkit-grid-cols-3 lg:gtmkit-justify-between gtmkit-gap-6 gtmkit-border-b gtmkit-border-color-border gtmkit-pb-6 gtmkit-min-h-[175px]",children:[(0,g.jsxs)(ge,{children:[(0,g.jsx)(ge.Header,{title:"Google Tag Manager Container",children:(0,g.jsx)(me,{subject:t.general.gtm_id&&t.general.container_active})}),(0,g.jsx)(ge.Content,{children:t.general.gtm_id&&t.general.container_active?(0,g.jsxs)("p",{children:[(0,n.__)("Container ID:","gtm-kit")," ",t&&t.general.gtm_id]}):(0,g.jsx)("p",{children:(0,n.__)("The container is not active but the datalayer is generated.","gtm-kit")})}),(0,g.jsx)(ge.Button,{destination:"/container",text:(0,n.__)("Edit container","gtm-kit")})]}),(0,g.jsxs)(ge,{children:[(0,g.jsx)(ge.Header,{title:(0,n.__)("Notifications","gtm-kit"),className:"!gtmkit-justify-start",children:(0,g.jsx)(Ft,{count:o.total,important:o.problem>0})}),(0,g.jsx)(ge.Content,{children:o.total?(0,g.jsx)(g.Fragment,{children:o.problem?(0,g.jsx)("p",{children:(0,n.__)("There are some problems that require your attention.","gtm-kit")}):(0,g.jsx)("p",{children:(0,n.__)("There are some notifications that may require your attention.","gtm-kit")})}):(0,g.jsx)("p",{children:(0,n.__)("No notifications at the moment.","gtm-kit")})}),(0,g.jsx)(ge.Button,{destination:"/notifications",text:(0,n.__)("See all notifications","gtm-kit")})]}),(0,g.jsxs)(ge,{children:[(0,g.jsx)(ge.Header,{title:(0,n.__)("Help improve GTM Kit","gtm-kit"),children:(0,g.jsx)(me,{subject:t.general.analytics_active})}),(0,g.jsx)(ge.Content,{children:(0,g.jsx)("p",{children:(0,n.__)("Share anonymous data with the development team to help improve GTM Kit.","gtm-kit")})}),(0,g.jsx)(ge.Button,{destination:"/misc",text:(0,n.__)("Share anonymous data","gtm-kit")})]})]}),(0,g.jsx)(de,{title:(0,n.__)("Tutorials","gtm-kit"),data:i}),(0,g.jsx)(de,{title:(0,n.__)("Integrations","gtm-kit"),data:pe("integrations")})]})},ke=({title:t,placeholder:e,help:i,className:n="gtmkit-settings-field-wrap gtmkit-py-4 gtmkit-max-w-md",optionGroup:a="general",optionName:o,isDisabled:r,useSettings:l,useUpdateStateSettings:m})=>(0,p.createElement)(s.TextControl,{label:t,placeholder:e,help:i,className:n,value:l[a][o],onChange:t=>m(a,o,t),disabled:r}),_e=({title:t,label:e,optionGroup:i="general",optionName:n,disabled:o=!1,useSettings:r,useUpdateStateSettings:l,narrow:m=!1,premium:c=!1})=>{const d=(0,a.useId)(),u="gtmkit-settings-field-wrap "+(m?"gtmkit-py-2":"gtmkit-py-4");return(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:u,children:(0,g.jsx)(s.BaseControl,{label:c?(0,g.jsxs)(g.Fragment,{children:[t,(0,g.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:d,children:(0,g.jsx)(s.ToggleControl,{label:e,checked:!o&&r[i][n],onChange:()=>{l(i,n,!(r&&r[i][n]))},disabled:o})})})})},fe=({title:t,options:e,help:i,className:n="gtmkit-settings-field-wrap gtmkit-py-4",optionGroup:a="general",optionName:o,disabled:r,useSettings:l,useUpdateStateSettings:m})=>(0,p.createElement)(s.RadioControl,{label:t,options:e,help:i,className:n,selected:parseInt(l[a][o]),onChange:t=>m(a,o,t),disabled:r}),xe=({title:t,help:e,items:i=[],optionGroup:n="general",optionName:o,disabled:r=!1,useSettings:l,useUpdateStateSettings:m})=>{const c=(0,a.useId)(),d=Array.isArray(l[n][o])?l[n][o]:[],[u,p]=(0,a.useState)(d);return(0,a.useEffect)((()=>{const t=Array.isArray(l[n][o])?l[n][o]:[];p(t)}),[l]),(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"gtmkit-settings-field-wrap gtmkit-py-4",children:(0,g.jsx)(s.BaseControl,{label:t,help:e,id:c,children:i.map((t=>(0,g.jsx)(s.CheckboxControl,{label:t.name,disabled:r,checked:u.includes(t.role),onChange:e=>((t,e)=>{p((i=>{let a;return a=t?[...i,e]:i.filter((t=>t!==e)),m(n,o,a),a}))})(e,t.role)},t.role)))})})})},Se=(0,a.forwardRef)((({children:t,className:e="",disabled:i=!1,...n},a)=>(0,g.jsx)("div",{...n,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:a,children:t})));Se.Header=({as:t="h3",title:e="",children:i,className:n="",...a})=>(0,g.jsxs)(t,{...a,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 "+n,children:[e,i]}),Se.Content=({as:t="div",children:e,className:i="",...n})=>(0,g.jsx)(t,{...n,className:"gtmkit-px-8 gtmkit-py-6 "+i,children:e});const be=Se,ye=()=>{const{useSettings:t,useUpdateStateSettings:e,useUserRoles:i}=(0,a.useContext)(d),s=!(t.general.sgtm_domain&&t.general.sgtm_domain.trim()&&t.general.sgtm_container_identifier&&t.general.sgtm_container_identifier.trim()),o=at();return(0,p.useEffect)((()=>{const t=new URLSearchParams(o.search).get("focus");if(t){const e=document.getElementById(t);e&&e.scrollIntoView()}}),[o]),(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("h2",{className:"gtmkit-text-2xl gtmkit-font-bold gtmkit-text-color-heading gtmkit-mb-8",children:(0,n.__)("Google Tag Manager container","gtm-kit")}),(0,g.jsxs)(be,{children:[(0,g.jsx)(be.Header,{title:(0,n.__)("General Container Settings","gtm-kit")}),(0,g.jsxs)(be.Content,{children:[(0,g.jsx)("p",{className:"gtmkit-mb-4",children:(0,n.__)("To start collecting data with Google Tag manager you must register the Container ID of your Google Tag Manager container.","gtm-kit")}),(0,g.jsx)(ke,{title:(0,n.__)("GTM Container ID:","gtm-kit"),optionName:"gtm_id",placeholder:(0,n.__)("Enter GTM Container ID","gtm-kit"),useSettings:t,useUpdateStateSettings:e}),(0,g.jsx)(_e,{title:(0,n.__)("Inject Container Code","gtm-kit"),label:(0,n.__)("Setting this to Off will remove the Google Tag Manager container code but the data layer will remain.","gtm-kit"),optionName:"container_active",useSettings:t,useUpdateStateSettings:e}),(0,g.jsx)(_e,{title:(0,n.__)("Just the container","gtm-kit"),label:(0,n.__)("Setting this to On will reduce the functionality to just the GTM container code. No additional data will be pushed to the datalayer regardless of any other settings.","gtm-kit"),optionName:"just_the_container",useSettings:t,useUpdateStateSettings:e}),(0,g.jsx)(ke,{title:(0,n.__)("dataLayer variable name:","gtm-kit"),optionName:"datalayer_name",placeholder:"dataLayer",help:(0,n.__)("The default name of the data layer object is dataLayer. If you prefer to use a different name for your data layer, you may do so.","gtm-kit"),useSettings:t,useUpdateStateSettings:e})]})]}),(0,g.jsx)("div",{id:"sgtm"}),(0,g.jsxs)(be,{children:[(0,g.jsx)(be.Header,{title:(0,n.__)("Server-side Tagging (sGTM)","gtm-kit")}),(0,g.jsxs)("div",{className:"gtmkit-grid gtmkit-grid-cols-2 gtmkit-gap-4",children:[(0,g.jsxs)(be.Content,{children:[(0,g.jsx)(ke,{title:(0,n.__)("sGTM Container Domain:","gtm-kit"),optionName:"sgtm_domain",placeholder:(0,n.__)("Enter domain","gtm-kit"),help:(0,n.__)("Enter your custom domain name if you are using a custom server side GTM container for tracking.","gtm-kit"),useSettings:t,useUpdateStateSettings:e}),(0,g.jsx)(ke,{title:(0,n.__)("sGTM container identifier:","gtm-kit"),optionName:"sgtm_container_identifier",placeholder:(0,n.__)("Enter loader name","gtm-kit"),help:(0,n.__)("Only use if you are using a custom loader.","gtm-kit"),useSettings:t,useUpdateStateSettings:e}),(0,g.jsx)(_e,{title:(0,n.__)("Cookie Keeper (for Stape users only)","gtm-kit"),label:(0,n.__)("Prolong cookie lifetime in Safari and other browsers with ITP. This only works if you use Stape sGTM hosting and have set up the Cookie Keeper power up.","gtm-kit"),optionName:"sgtm_cookie_keeper",disabled:s,useSettings:t,useUpdateStateSettings:e})]}),(0,g.jsx)("div",{className:"gtmkit-px-8 gtmkit-py-6",children:(0,g.jsxs)("div",{className:"gtmkit-border-2 gtmkit-px-4 gtmkit-mt-3",children:[(0,g.jsx)("h4",{className:"gtmkit-pt-3 gtmkit-mb-4 gtmkit-text-lg gtmkit-font-bold",children:(0,n.__)("Google Tag Manager Server-side Tagging","gtm-kit")}),(0,g.jsxs)("p",{className:"gtmkit-mb-4",children:[(0,n.__)("Server-side tagging is a silver bullet that gives you improved data accuracy, performance, privacy, and flexibility.","gtm-kit")," ",(0,g.jsx)("a",{href:"https://gtmkit.com/guides/google-tag-manager-server-side-tagging/#utm_source=gtmkit-plugin&utm_medium=software&utm_term=sgtm&utm_content=dashboard-container",className:"gtmkit-text-color-primary gtmkit-font-semibold hover:gtmkit-underline",target:"_blank",rel:"noreferrer",children:(0,n.__)("Learn more","gtm-kit")})]}),(0,g.jsx)("h4",{className:"gtmkit-pt-4 gtmkit-mb-4 gtmkit-text-lg gtmkit-font-bold",children:(0,n.__)("Hosting server-side GTM containers","gtm-kit")}),(0,g.jsx)("p",{className:"gtmkit-mb-4",children:(0,n.__)("Setting up server-side tracking can be challenging and costly but there is an easy and cheap solution.","gtm-kit")}),(0,g.jsxs)("p",{className:"gtmkit-mb-4",children:[(0,n.__)("Stape.io is a solution for hosting server-side Google Tag Manager containers, offering a simplified approach that demands less technical expertise than solutions like Google Cloud Platform.","gtm-kit")," ",(0,n.__)("Additionally, it provides valuable add-ons for enhanced functionality.","gtm-kit")]}),(0,g.jsx)("p",{className:"gtmkit-mb-4",children:(0,g.jsx)("a",{href:"https://jump.gtmkit.com/link/1-AC1E5",className:"gtmkit-text-color-primary gtmkit-font-semibold hover:gtmkit-underline",target:"_blank",rel:"noreferrer",children:(0,n.__)("Learn more about Stape.io","gtm-kit")})})]})})]})]}),(0,g.jsxs)(be,{children:[(0,g.jsx)(be.Header,{title:(0,n.__)("Page Speed Optimization","gtm-kit")}),(0,g.jsxs)("div",{className:"gtmkit-grid gtmkit-grid-cols-2 gtmkit-gap-4",children:[(0,g.jsx)(be.Content,{children:(0,g.jsx)(_e,{title:(0,n.__)("load_delayed_js event","gtm-kit"),label:(0,n.__)("Setting this to On will push the event 'load_delayed_js' on page load.","gtm-kit"),optionName:"load_js_event",useSettings:t,useUpdateStateSettings:e})}),(0,g.jsx)("div",{className:"gtmkit-px-8 gtmkit-py-6",children:(0,g.jsxs)("div",{className:"gtmkit-border-2 gtmkit-px-4 gtmkit-mt-3",children:[(0,g.jsx)("h4",{className:"gtmkit-pt-3 gtmkit-mb-4 gtmkit-text-lg gtmkit-font-bold",children:(0,n.__)("Delay JavaScript execution","gtm-kit")}),(0,g.jsxs)("p",{className:"gtmkit-mb-4",children:[(0,n.__)("Page optimization plugins can delay the 'load_delayed_js' event and this can be used to delay the triggering og tags in Google Tag Manager.","gtm-kit")," ",(0,g.jsx)("a",{href:"https://gtmkit.com/guides/delay-javascript-execution-in-gtm/#utm_source=gtmkit-plugin&utm_medium=software&utm_term=delay-js&utm_content=dashboard-container",className:"gtmkit-text-color-primary gtmkit-font-semibold hover:gtmkit-underline",target:"_blank",rel:"noreferrer",children:(0,n.__)("Learn more","gtm-kit")})]})]})})]})]}),(0,g.jsxs)(be,{children:[(0,g.jsx)(be.Header,{title:(0,n.__)("Google Tag Manager Environment","gtm-kit")}),(0,g.jsxs)("div",{className:"gtmkit-grid gtmkit-grid-cols-2 gtmkit-gap-4",children:[(0,g.jsxs)(be.Content,{children:[(0,g.jsx)(ke,{title:(0,n.__)("gtm_auth:","gtm-kit"),optionName:"gtm_auth",placeholder:(0,n.__)("Enter gtm_auth code","gtm-kit"),help:(0,n.__)("Enter the gtm_auth code for your GTM environment.","gtm-kit"),useSettings:t,useUpdateStateSettings:e}),(0,g.jsx)(ke,{title:(0,n.__)("gtm_preview:","gtm-kit"),optionName:"gtm_preview",placeholder:(0,n.__)("Enter gtm_preview code","gtm-kit"),help:(0,n.__)("Enter the gtm_preview code for your GTM environment.","gtm-kit"),useSettings:t,useUpdateStateSettings:e})]}),(0,g.jsx)("div",{className:"gtmkit-px-8 gtmkit-py-6",children:(0,g.jsxs)("div",{className:"gtmkit-border-2 gtmkit-px-4 gtmkit-mt-3",children:[(0,g.jsx)("h4",{className:"gtmkit-pt-3 gtmkit-mb-4 gtmkit-text-lg gtmkit-font-bold",children:(0,n.__)("Environments","gtm-kit")}),(0,g.jsxs)("p",{className:"gtmkit-mb-4",children:[(0,n.__)("In Google Tag Manager you can define different environments like Live, Dev and QA.","gtm-kit")," ",(0,n.__)('To use a specific environment in GTM Kit you must enter the "gtm_auth" and "gtm_preview" codes for that environment.',"gtm-kit")," ",(0,n.__)("If left empty the default environment will be used.","gtm-kit")]}),(0,g.jsx)("h4",{className:"gtmkit-pt-4 gtmkit-mb-4 gtmkit-text-lg gtmkit-font-bold",children:(0,n.__)("Override settings in wp-config.php","gtm-kit")}),(0,g.jsxs)("p",{className:"gtmkit-mb-4",children:[(0,n.__)("You can override the values by using constants in wp-config.php, which is a very useful for setting the value in your development and staging environments.","gtm-kit")," ",(0,g.jsx)("a",{href:"https://gtmkit.com/documentation/settings-actions-and-filters-for-developers/#utm_source=gtmkit-plugin&utm_medium=software&utm_term=container-settings&utm_content=dashboard-container",className:"gtmkit-text-color-primary gtmkit-font-semibold hover:gtmkit-underline",target:"_blank",rel:"noreferrer",children:(0,n.__)("Learn more","gtm-kit")})]})]})})]})]}),(0,g.jsxs)(be,{children:[(0,g.jsx)(be.Header,{title:(0,n.__)("Exclude User Roles","gtm-kit")}),(0,g.jsxs)("div",{className:"gtmkit-grid gtmkit-grid-cols-2 gtmkit-gap-4",children:[(0,g.jsx)(be.Content,{children:(0,g.jsx)(xe,{title:(0,n.__)("Exclude user roles","gtm-kit"),help:(0,n.__)("Select the roles that you want to exclude from tracking.","gtm-kit"),items:i,optionName:"exclude_user_roles",useSettings:t,useUpdateStateSettings:e})}),(0,g.jsx)("div",{className:"gtmkit-px-8 gtmkit-py-6",children:(0,g.jsxs)("div",{className:"gtmkit-border-2 gtmkit-px-4 gtmkit-mt-3",children:[(0,g.jsx)("h4",{className:"gtmkit-pt-3 gtmkit-mb-4 gtmkit-text-lg gtmkit-font-bold gtmkit-text-red-600",children:(0,n.__)("Warning!","gtm-kit")}),(0,g.jsx)("p",{className:"gtmkit-mb-4",children:(0,n.__)("Excluding user roles is not compatible with all full-page cache solutions. Some full-page cache solutions may cache the page identically for all users, regardless of their user role. This could result in users being excluded who should not be.","gtm-kit")}),(0,g.jsx)("p",{className:"gtmkit-mb-4",children:(0,n.__)("Please ensure thorough and proper testing of this.","gtm-kit")})]})})]})]}),(0,g.jsxs)(be,{children:[(0,g.jsx)(be.Header,{title:(0,n.__)("Container Code Implementation","gtm-kit")}),(0,g.jsxs)(be.Content,{children:[(0,g.jsx)(fe,{title:(0,n.__)("Container code implementation:","gtm-kit"),options:[{label:(0,n.__)("Standard implementation as recommended by Google (no delay)","gtm-kit"),value:0},{label:(0,n.__)("Load container when the browser is idle (requestIdleCallback)","gtm-kit"),value:1}],help:(0,n.__)("Depending on how you use Google Tag Manager you can delay the loading of the container script until the browser is idle.","gtm-kit"),optionName:"script_implementation",useSettings:t,useUpdateStateSettings:e}),(0,g.jsx)(fe,{title:(0,n.__)("Container code noscript implementation:","gtm-kit"),options:[{label:(0,n.__)("Just after the opening tag","gtm-kit"),value:0},{label:(0,n.__)("Footer of the page (not recommended by Google)","gtm-kit"),value:1},{label:(0,n.__)("Custom (insert function in your template)","gtm-kit"),value:2},{label:(0,n.__)("Disable