// START hides pages tab from search (function hidePagesTab() { const hide = (root = document) => { root.querySelectorAll('.Tabs-listItem[aria-label="Pages"]').forEach(el => { el.style.display = 'none'; }); }; // Initial try (covers already-rendered nodes) hide(); // Observe future changes const observer = new MutationObserver(mutations => { for (const m of mutations) { // Check new nodes and attribute changes if (m.type === 'childList') { m.addedNodes.forEach(node => { if (node.nodeType === 1) { if (node.matches?.('.Tabs-listItem[aria-label="Pages"]')) { node.style.display = 'none'; } // Also scan descendants in case a container was added hide(node); } }); } else if (m.type === 'attributes') { const target = m.target; if (target.matches?.('.Tabs-listItem[aria-label="Pages"]')) { target.style.display = 'none'; } } } }); // Pick the narrowest stable container if possible const tablist = document.querySelector('.Tabs[role="tablist"], .Tabs.Tabs-list, .Tabs'); observer.observe(tablist || document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'style', 'aria-label'] // keep it efficient }); })(); // END hides pages tab from search // Check if the current path matches the target path if (window.location.pathname === "/onetrust/page/partners") { document.getElementById("checklist-steps").insertAdjacentHTML('afterbegin', `

System Info

Integration Details

Publishing

Resources

`); document.getElementById("checklist-container").insertAdjacentHTML('beforeend', ` Jump into the Detailed Requirements `); document.getElementById("checklist-radios").outerHTML = ` `; document.querySelectorAll('.step-navigation').forEach(element => { element.innerHTML = ` `; }); // Function to load a script and call a callback once it's loaded function loadScript(src, callback) { var script = document.createElement('script'); script.src = src; script.crossOrigin = "anonymous"; script.referrerPolicy = "no-referrer"; script.onload = callback; document.head.appendChild(script); } // Function to load a stylesheet function loadStylesheet(href) { var link = document.createElement('link'); link.href = href; link.rel = "stylesheet"; link.crossOrigin = "anonymous"; link.referrerPolicy = "no-referrer"; document.head.appendChild(link); } // Load stylesheets const stylesheets = [ "https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.3/css/bootstrap.min.css", "https://cdn.lineicons.com/4.0/lineicons.css", "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css", "https://cdnjs.cloudflare.com/ajax/libs/nivo-lightbox/1.3.1/nivo-lightbox.css", "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css", "https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" ]; stylesheets.forEach(loadStylesheet); // Load jQuery first, then other scripts, and finally the scroll function loadScript("https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js", function () { const scripts = [ "https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js", "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js", "https://cdnjs.cloudflare.com/ajax/libs/stickyNavbar.js/1.3.5/jquery.stickyNavbar.min.js", "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js", "https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.3/umd/popper.min.js", "https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js", "https://cdnjs.cloudflare.com/ajax/libs/nivo-lightbox/1.3.1/nivo-lightbox.js", "https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js", 'https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js' ]; scripts.forEach(function (src, index) { loadScript(src, index === scripts.length - 1); }); }); /*! modernizr 3.7.1 (Custom Build) | MIT * * https://modernizr.com/download/?-cssanimations-csscolumns-customelements-flexbox-history-picture-pointerevents-postmessage-sizes-srcset-webgl-websockets-webworkers-addtest-domprefixes-hasevent-mq-prefixedcssvalue-prefixes-setclasses-testallprops-testprop-teststyles !*/ !function (e, t, n) { function r(e, t) { return typeof e === t } function o(e) { var t = b.className, n = Modernizr._config.classPrefix || ""; if (S && (t = t.baseVal), Modernizr._config.enableJSClass) { var r = new RegExp("(^|\\s)" + n + "no-js(\\s|$)"); t = t.replace(r, "$1" + n + "js$2") } Modernizr._config.enableClasses && (e.length > 0 && (t += " " + n + e.join(" " + n)), S ? b.className.baseVal = t : b.className = t) } function i(e, t) { if ("object" == typeof e) for (var n in e) E(e, n) && i(n, e[n]); else { e = e.toLowerCase(); var r = e.split("."), s = Modernizr[r[0]]; if (2 === r.length && (s = s[r[1]]), void 0 !== s) return Modernizr; t = "function" == typeof t ? t() : t, 1 === r.length ? Modernizr[r[0]] = t : (!Modernizr[r[0]] || Modernizr[r[0]] instanceof Boolean || (Modernizr[r[0]] = new Boolean(Modernizr[r[0]])), Modernizr[r[0]][r[1]] = t), o([(t && !1 !== t ? "" : "no-") + r.join("-")]), Modernizr._trigger(e, t) } return Modernizr } function s() { return "function" != typeof t.createElement ? t.createElement(arguments[0]) : S ? t.createElementNS.call(t, "http://www.w3.org/2000/svg", arguments[0]) : t.createElement.apply(t, arguments) } function a() { var e = t.body; return e || (e = s(S ? "svg" : "body"), e.fake = !0), e } function l(e, n, r, o) { var i, l, u, f, c = "modernizr", d = s("div"), p = a(); if (parseInt(r, 10)) for (; r--;)u = s("div"), u.id = o ? o[r] : c + (r + 1), d.appendChild(u); return i = s("style"), i.type = "text/css", i.id = "s" + c, (p.fake ? p : d).appendChild(i), p.appendChild(d), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(t.createTextNode(e)), d.id = c, p.fake && (p.style.background = "", p.style.overflow = "hidden", f = b.style.overflow, b.style.overflow = "hidden", b.appendChild(p)), l = n(d, e), p.fake ? (p.parentNode.removeChild(p), b.style.overflow = f, b.offsetHeight) : d.parentNode.removeChild(d), !!l } function u(e, t) { return !!~("" + e).indexOf(t) } function f(e) { return e.replace(/([A-Z])/g, function (e, t) { return "-" + t.toLowerCase() }).replace(/^ms-/, "-ms-") } function c(t, n, r) { var o; if ("getComputedStyle" in e) { o = getComputedStyle.call(e, t, n); var i = e.console; if (null !== o) r && (o = o.getPropertyValue(r)); else if (i) { var s = i.error ? "error" : "log"; i[s].call(i, "getComputedStyle returning null, its possible modernizr test results are inaccurate") } } else o = !n && t.currentStyle && t.currentStyle[r]; return o } function d(t, r) { var o = t.length; if ("CSS" in e && "supports" in e.CSS) { for (; o--;)if (e.CSS.supports(f(t[o]), r)) return !0; return !1 } if ("CSSSupportsRule" in e) { for (var i = []; o--;)i.push("(" + f(t[o]) + ":" + r + ")"); return i = i.join(" or "), l("@supports (" + i + ") { #modernizr { position: absolute; } }", function (e) { return "absolute" === c(e, null, "position") }) } return n } function p(e) { return e.replace(/([a-z])-([a-z])/g, function (e, t, n) { return t + n.toUpperCase() }).replace(/^-/, "") } function m(e, t, o, i) { function a() { f && (delete L.style, delete L.modElem) } if (i = !r(i, "undefined") && i, !r(o, "undefined")) { var l = d(e, o); if (!r(l, "undefined")) return l } for (var f, c, m, h, v, A = ["modernizr", "tspan", "samp"]; !L.style && A.length;)f = !0, L.modElem = s(A.shift()), L.style = L.modElem.style; for (m = e.length, c = 0; c < m; c++)if (h = e[c], v = L.style[h], u(h, "-") && (h = p(h)), L.style[h] !== n) { if (i || r(o, "undefined")) return a(), "pfx" !== t || h; try { L.style[h] = o } catch (e) { } if (L.style[h] !== v) return a(), "pfx" !== t || h } return a(), !1 } function h(e, t) { return function () { return e.apply(t, arguments) } } function v(e, t, n) { var o; for (var i in e) if (e[i] in t) return !1 === n ? e[i] : (o = t[e[i]], r(o, "function") ? h(o, n || t) : o); return !1 } function A(e, t, n, o, i) { var s = e.charAt(0).toUpperCase() + e.slice(1), a = (e + " " + z.join(s + " ") + s).split(" "); return r(t, "string") || r(t, "undefined") ? m(a, t, o, i) : (a = (e + " " + x.join(s + " ") + s).split(" "), v(a, t, n)) } function g(e, t, r) { return A(e, n, n, t, r) } var y = [], w = { _version: "3.7.1", _config: { classPrefix: "", enableClasses: !0, enableJSClass: !0, usePrefixes: !0 }, _q: [], on: function (e, t) { var n = this; setTimeout(function () { t(n[e]) }, 0) }, addTest: function (e, t, n) { y.push({ name: e, fn: t, options: n }) }, addAsyncTest: function (e) { y.push({ name: null, fn: e }) } }, Modernizr = function () { }; Modernizr.prototype = w, Modernizr = new Modernizr; var C = [], b = t.documentElement, S = "svg" === b.nodeName.toLowerCase(), _ = "Moz O ms Webkit", x = w._config.usePrefixes ? _.toLowerCase().split(" ") : []; w._domPrefixes = x; var T = w._config.usePrefixes ? " -webkit- -moz- -o- -ms- ".split(" ") : ["", ""]; w._prefixes = T; var E; !function () { var e = {}.hasOwnProperty; E = r(e, "undefined") || r(e.call, "undefined") ? function (e, t) { return t in e && r(e.constructor.prototype[t], "undefined") } : function (t, n) { return e.call(t, n) } }(), w._l = {}, w.on = function (e, t) { this._l[e] || (this._l[e] = []), this._l[e].push(t), Modernizr.hasOwnProperty(e) && setTimeout(function () { Modernizr._trigger(e, Modernizr[e]) }, 0) }, w._trigger = function (e, t) { if (this._l[e]) { var n = this._l[e]; setTimeout(function () { var e; for (e = 0; e < n.length; e++)(0, n[e])(t) }, 0), delete this._l[e] } }, Modernizr._q.push(function () { w.addTest = i }); var P = function () { function e(e, r) { var o; return !!e && (r && "string" != typeof r || (r = s(r || "div")), e = "on" + e, o = e in r, !o && t && (r.setAttribute || (r = s("div")), r.setAttribute(e, ""), o = "function" == typeof r[e], r[e] !== n && (r[e] = n), r.removeAttribute(e)), o) } var t = !("onblur" in b); return e }(); w.hasEvent = P; var k = function () { var t = e.matchMedia || e.msMatchMedia; return t ? function (e) { var n = t(e); return n && n.matches || !1 } : function (t) { var n = !1; return l("@media " + t + " { #modernizr { position: absolute; } }", function (t) { n = "absolute" === (e.getComputedStyle ? e.getComputedStyle(t, null) : t.currentStyle).position }), n } }(); w.mq = k; var B = function (e, t) { var n = !1, r = s("div"), o = r.style; if (e in o) { var i = x.length; for (o[e] = t, n = o[e]; i-- && !n;)o[e] = "-" + x[i] + "-" + t, n = o[e] } return "" === n && (n = !1), n }; w.prefixedCSSValue = B; var z = w._config.usePrefixes ? _.split(" ") : []; w._cssomPrefixes = z; var O = { elem: s("modernizr") }; Modernizr._q.push(function () { delete O.elem }); var L = { style: O.elem.style }; Modernizr._q.unshift(function () { delete L.style }), w.testAllProps = A, w.testAllProps = g; w.testProp = function (e, t, r) { return m([e], n, t, r) }, w.testStyles = l; Modernizr.addTest("customelements", "customElements" in e), Modernizr.addTest("history", function () { var t = navigator.userAgent; return (-1 === t.indexOf("Android 2.") && -1 === t.indexOf("Android 4.0") || -1 === t.indexOf("Mobile Safari") || -1 !== t.indexOf("Chrome") || -1 !== t.indexOf("Windows Phone") || "file:" === location.protocol) && (e.history && "pushState" in e.history) }), Modernizr.addTest("pointerevents", function () { var e = !1, t = x.length; for (e = Modernizr.hasEvent("pointerdown"); t-- && !e;)P(x[t] + "pointerdown") && (e = !0); return e }); var N = new Boolean("postMessage" in e); N.structuredclones = !0; try { e.postMessage({ toString: function () { N.structuredclones = !1 } }, "*") } catch (e) { } Modernizr.addTest("postmessage", N), Modernizr.addTest("webgl", function () { return "WebGLRenderingContext" in e }); var R = !1; try { R = "WebSocket" in e && 2 === e.WebSocket.CLOSING } catch (e) { } Modernizr.addTest("websockets", R), Modernizr.addTest("cssanimations", g("animationName", "a", !0)), function () { Modernizr.addTest("csscolumns", function () { var e = !1, t = g("columnCount"); try { e = !!t, e && (e = new Boolean(e)) } catch (e) { } return e }); for (var e, t, n = ["Width", "Span", "Fill", "Gap", "Rule", "RuleColor", "RuleStyle", "RuleWidth", "BreakBefore", "BreakAfter", "BreakInside"], r = 0; r < n.length; r++)e = n[r].toLowerCase(), t = g("column" + n[r]), "breakbefore" !== e && "breakafter" !== e && "breakinside" !== e || (t = t || g(n[r])), Modernizr.addTest("csscolumns." + e, t) }(), Modernizr.addTest("flexbox", g("flexBasis", "1px", !0)), Modernizr.addTest("picture", "HTMLPictureElement" in e), Modernizr.addAsyncTest(function () { var e, t, n, r = s("img"), o = "sizes" in r; !o && "srcset" in r ? (t = "data:image/gif;base64,R0lGODlhAgABAPAAAP///wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==", e = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==", n = function () { i("sizes", 2 === r.width) }, r.onload = n, r.onerror = n, r.setAttribute("sizes", "9px"), r.srcset = e + " 1w," + t + " 8w", r.src = e) : i("sizes", o) }), Modernizr.addTest("srcset", "srcset" in s("img")), Modernizr.addTest("webworkers", "Worker" in e), function () { var e, t, n, o, i, s, a; for (var l in y) if (y.hasOwnProperty(l)) { if (e = [], t = y[l], t.name && (e.push(t.name.toLowerCase()), t.options && t.options.aliases && t.options.aliases.length)) for (n = 0; n < t.options.aliases.length; n++)e.push(t.options.aliases[n].toLowerCase()); for (o = r(t.fn, "function") ? t.fn() : t.fn, i = 0; i < e.length; i++)s = e[i], a = s.split("."), 1 === a.length ? Modernizr[a[0]] = o : (!Modernizr[a[0]] || Modernizr[a[0]] instanceof Boolean || (Modernizr[a[0]] = new Boolean(Modernizr[a[0]])), Modernizr[a[0]][a[1]] = o), C.push((o ? "" : "no-") + a.join("-")) } }(), o(C), delete w.addTest, delete w.addAsyncTest; for (var j = 0; j < Modernizr._q.length; j++)Modernizr._q[j](); e.Modernizr = Modernizr }(window, document); (function ($) { "use strict"; /* Screens Shot Slider =============================*/ var owl = $(".touch-slider"); owl.owlCarousel({ center: true, navigation: false, pagination: true, slideSpeed: 1000, stopOnHover: true, autoPlay: true, touchDrag: true, responsive: { 0: { items: 1 }, 480: { items: 2 }, 768: { items: 3 }, 992: { items: 4 }, 1199: { items: 5 } }, items: 5, itemsDesktopSmall: [1024, 3], itemsTablet: [600, 1], itemsMobile: [479, 1] }); // for menu scroll $('.page-scroll').click(function () { var hash = this.hash; var position = $(hash).offset().top - 60; $('html').animate({ scrollTop: position }, 900); }); /* One Page Navigation & wow js ========================================================================== */ $(window).on('load', function () { $('body').scrollspy({ target: '.navbar-collapse', offset: 195 }); $(window).on('scroll', function () { if ($(window).scrollTop() > 100) { $('.fixed-top').addClass('menu-bg'); } else { $('.fixed-top').removeClass('menu-bg'); } }); }); /* Auto Close Responsive Navbar on Click ========================================================*/ function close_toggle() { if ($(window).width() <= 768) { $('.navbar-collapse a').on('click', function () { $('.navbar-collapse').collapse('hide'); }); } else { $('.navbar .navbar-inverse a').off('click'); } } close_toggle(); $(window).resize(close_toggle); /* Nivo Lightbox ========================================================*/ $('.lightbox').nivoLightbox({ effect: 'fadeScale', keyboardNav: true, }); }); /* * jQuery One Page Nav Plugin * http://github.com/davist11/jQuery-One-Page-Nav * * Copyright (c) 2010 Trevor Davis (http://trevordavis.net) * Dual licensed under the MIT and GPL licenses. * Uses the same license as jQuery, see: * http://jquery.org/license * * @version 3.0.0 * * Example usage: * $('#nav').onePageNav({ * currentClass: 'current', * changeHash: false, * scrollSpeed: 750 * }); */ (function ($, window, document, undefined) { // our plugin constructor var OnePageNav = function (elem, options) { this.elem = elem; this.$elem = $(elem); this.options = options; this.metadata = this.$elem.data('plugin-options'); this.$win = $(window); this.sections = {}; this.didScroll = false; this.$doc = $(document); this.docHeight = this.$doc.height(); }; // the plugin prototype OnePageNav.prototype = { defaults: { navItems: 'a', currentClass: 'current', changeHash: false, easing: 'swing', filter: '', scrollSpeed: 750, scrollThreshold: 0.5, begin: false, end: false, scrollChange: false }, init: function () { // Introduce defaults that can be extended either // globally or using an object literal. this.config = $.extend({}, this.defaults, this.options, this.metadata); this.$nav = this.$elem.find(this.config.navItems); //Filter any links out of the nav if (this.config.filter !== '') { this.$nav = this.$nav.filter(this.config.filter); } //Handle clicks on the nav this.$nav.on('click.onePageNav', $.proxy(this.handleClick, this)); //Get the section positions this.getPositions(); //Handle scroll changes this.bindInterval(); //Update the positions on resize too this.$win.on('resize.onePageNav', $.proxy(this.getPositions, this)); return this; }, adjustNav: function (self, $parent) { self.$elem.find('.' + self.config.currentClass).removeClass(self.config.currentClass); $parent.addClass(self.config.currentClass); }, bindInterval: function () { var self = this; var docHeight; self.$win.on('scroll.onePageNav', function () { self.didScroll = true; }); self.t = setInterval(function () { docHeight = self.$doc.height(); //If it was scrolled if (self.didScroll) { self.didScroll = false; self.scrollChange(); } //If the document height changes if (docHeight !== self.docHeight) { self.docHeight = docHeight; self.getPositions(); } }, 250); }, getHash: function ($link) { return $link.attr('href').split('#')[1]; }, getPositions: function () { var self = this; var linkHref; var topPos; var $target; self.$nav.each(function () { linkHref = self.getHash($(this)); $target = $('#' + linkHref); if ($target.length) { topPos = $target.offset().top; self.sections[linkHref] = Math.round(topPos); } }); }, getSection: function (windowPos) { var returnValue = null; var windowHeight = Math.round(this.$win.height() * this.config.scrollThreshold); for (var section in this.sections) { if ((this.sections[section] - windowHeight) < windowPos) { returnValue = section; } } return returnValue; }, handleClick: function (e) { var self = this; var $link = $(e.currentTarget); var $parent = $link.parent(); var newLoc = '#' + self.getHash($link); if (!$parent.hasClass(self.config.currentClass)) { //Start callback if (self.config.begin) { self.config.begin(); } //Change the highlighted nav item self.adjustNav(self, $parent); //Removing the auto-adjust on scroll self.unbindInterval(); //Scroll to the correct position self.scrollTo(newLoc, function () { //Do we need to change the hash? if (self.config.changeHash) { window.location.hash = newLoc; } //Add the auto-adjust on scroll back in self.bindInterval(); //End callback if (self.config.end) { self.config.end(); } }); } e.preventDefault(); }, scrollChange: function () { var windowTop = this.$win.scrollTop(); var position = this.getSection(windowTop); var $parent; //If the position is set if (position !== null) { $parent = this.$elem.find('a[href$="#' + position + '"]').parent(); //If it's not already the current section if (!$parent.hasClass(this.config.currentClass)) { //Change the highlighted nav item this.adjustNav(this, $parent); //If there is a scrollChange callback if (this.config.scrollChange) { this.config.scrollChange($parent); } } } }, scrollTo: function (target, callback) { var offset = $(target).offset().top; $('html, body').animate({ scrollTop: offset }, this.config.scrollSpeed, this.config.easing, callback); }, unbindInterval: function () { clearInterval(this.t); this.$win.unbind('scroll.onePageNav'); } }; OnePageNav.defaults = OnePageNav.prototype.defaults; $.fn.onePageNav = function (options) { return this.each(function () { new OnePageNav(this, options).init(); }); }; }); //jQuery to collapse the navbar on scroll window.addEventListener('scroll', function () { if (window.pageYOffset > 50) { $(".navbar-fixed-top").addClass("top-nav-collapse"); } else { $(".navbar-fixed-top").removeClass("top-nav-collapse"); } }); //jQuery for page scrolling feature - requires jQuery Easing plugin $(function () { $('a.page-scroll[href*="#"]:not([href="#"])').on('click', function () { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html, body').animate({ scrollTop: (target.offset().top - 80) }, 1500, "easeInOutExpo"); return false; } } }); }); // sticky menu $(window).on('scroll', function (event) { var scroll = $(window).scrollTop(); if (scroll < 20) { $(".navbar-area").removeClass("sticky menu-bg"); } else { $(".navbar-area").addClass("sticky menu-bg"); } //===== Section Menu Active var scrollLink = $('.page-scroll'); var scrollbarLocation = $(this).scrollTop(); scrollLink.each(function () { var sectionOffset = $(this.hash).offset().top - 73; if (sectionOffset <= scrollbarLocation) { $(this).parent().addClass('active'); $(this).parent().siblings().removeClass('active'); } }); }); //checklist modal function showModal() { document.getElementById("checklist-modal").style.display = "block"; } function closeModal() { document.getElementById("checklist-modal").style.display = "none"; } window.onclick = function (event) { var modal = document.getElementById("checklist-modal"); if (event.target == modal) { modal.style.display = "none"; } } //===== close navbar-collapse when a clicked $(".navbar-nav a").on('click', function () { $(".navbar-collapse").removeClass("show"); }); $(".navbar-toggler").on('click', function () { $(this).toggleClass("active"); }); $(".navbar-nav a").on('click', function () { $(".navbar-toggler").removeClass('active'); }); const steps = document.querySelectorAll('input[name="step"]'); let currentStep = 0; function updateButtons() { const buttons = document.getElementsByTagName('button'); for (let button of buttons) { if (button.id === 'prev-button') { button.disabled = currentStep === 0; } else if (button.id === 'next-button') { if(currentStep === steps.length - 1){ button.outerHTML = ''; }else{ button.outerHTML = '' } } } } function moveStep(direction) { steps[currentStep].checked = false; currentStep += direction; steps[currentStep].checked = true; updateButtons(); } // Initial button state updateButtons(); } // Replace client flow with bearer token flow let capturedScopes = []; console.log('[Scopes] Script loaded'); // Extract scopes from the Tippy dropdown after clicking function captureScopesFromDropdown() { console.log('[Scopes] captureScopesFromDropdown called'); if (capturedScopes.length > 0) { console.log('[Scopes] Already have scopes:', capturedScopes); return; } const scopesButton = document.querySelector('.rm-APIAuth [class*="oauth-scopes"] .Dropdown-toggle'); console.log('[Scopes] Scopes button found:', !!scopesButton); if (!scopesButton) return; // Click to open the Tippy dropdown console.log('[Scopes] Clicking dropdown to reveal scopes...'); scopesButton.click(); setTimeout(() => { // Find scope items in the Tippy popup - look for Menu-Item elements const menuItems = document.querySelectorAll('.tippy-box .Menu-Item, [data-tippy-root] .Menu-Item'); console.log('[Scopes] Menu items found:', menuItems.length); menuItems.forEach(item => { // Get scope name from the scopes-text span const nameEl = item.querySelector('[class*="oauth-scopes-text"]'); const descEl = item.querySelector('.Menu-Item-description'); const name = nameEl?.textContent?.trim(); const description = descEl?.textContent?.trim() || `OAuth2 scope: ${name}`; console.log('[Scopes] Found scope:', name, '-', description); if (name && !capturedScopes.find(s => s.name === name)) { capturedScopes.push({ name, description }); } }); console.log('[Scopes] Captured scopes:', capturedScopes); // Close the dropdown scopesButton.click(); }, 0); } // Create custom scopes pills function createScopesPills(scopes) { const container = document.createElement('div'); container.className = 'custom-scopes'; if (scopes.length === 0) { container.innerHTML = '

No scopes required

'; return container; } const label = document.createElement('div'); label.className = 'custom-scopes-label'; label.textContent = 'Scopes'; container.appendChild(label); scopes.forEach(scope => { const pill = document.createElement('span'); pill.className = 'scope-pill'; pill.textContent = scope.name; const tooltip = document.createElement('span'); tooltip.className = 'scope-tooltip'; tooltip.textContent = scope.description; pill.appendChild(tooltip); container.appendChild(pill); }); return container; } // Inject scopes after token input function injectCustomScopes() { console.log('[Scopes] injectCustomScopes called'); const tokenRow = document.querySelector('.InputGroup-oauth-flow-token'); const existing = document.querySelector('.custom-scopes'); console.log('[Scopes] Token row found:', !!tokenRow); console.log('[Scopes] Existing custom scopes:', !!existing); console.log('[Scopes] Captured scopes count:', capturedScopes.length); if (tokenRow && !existing && capturedScopes.length > 0) { console.log('[Scopes] Injecting scopes pills...'); tokenRow.after(createScopesPills(capturedScopes)); } else if (tokenRow && !existing && capturedScopes.length === 0) { console.log('[Scopes] No scopes to inject'); } } // Click "Use Your Own Token" button function clickUseOwnToken() { console.log('[Scopes] clickUseOwnToken called'); const buttons = document.querySelectorAll('.rm-APIAuth button'); console.log('[Scopes] Found buttons:', buttons.length); for (const btn of buttons) { console.log('[Scopes] Button text:', btn.textContent.trim()); if (btn.textContent.trim() === 'Use Your Own Token') { console.log('[Scopes] Clicking "Use Your Own Token" button'); btn.click(); return true; } } console.log('[Scopes] "Use Your Own Token" button not found'); return false; } // Main flow - runs on each page load function initBearerTokenMode() { console.log('[Scopes] initBearerTokenMode called'); capturedScopes = []; // Reset for new page const scopesDropdown = document.querySelector('.rm-APIAuth [class*="oauth-scopes"]'); const clientFlow = document.querySelector('.InputGroup-oauth-flow-client'); console.log('[Scopes] Scopes dropdown found:', !!scopesDropdown); console.log('[Scopes] Client flow found:', !!clientFlow); // First capture scopes while original dropdown exists if (scopesDropdown) { captureScopesFromDropdown(); } // Delay to allow scope capture (dropdown opens, captures, closes), then switch to token mode setTimeout(() => { console.log('[Scopes] After 500ms delay, captured scopes:', capturedScopes); if (document.querySelector('.InputGroup-oauth-flow-client')) { clickUseOwnToken(); } // Inject custom scopes after switching setTimeout(() => { console.log('[Scopes] After 400ms delay, injecting...'); if (document.querySelector('.InputGroup-oauth-flow-token')) { injectCustomScopes(); } else { console.log('[Scopes] Token flow not found after switching'); } }, 400); }, 500); } // Use ReadMe's pageLoad event $(window).on('pageLoad', () => { console.log('[Scopes] pageLoad event fired'); initBearerTokenMode(); }); // Also run on initial load $(document).ready(() => { console.log('[Scopes] document.ready fired'); initBearerTokenMode(); }); // Track the current URL path to detect changes var lastPath = window.location.pathname; // Simple banner display function function displayBanner() { // Get the container element var contentElement = document.getElementById('hub-search-results'); if (!contentElement) return; // Update lastPath for future comparisons lastPath = window.location.pathname; // Remove any existing banners first var existingRecipeCallout = contentElement.querySelector('.onetrust-custom-callout'); var existingCMPCallout = contentElement.querySelector('.onetrust-custom-callout-cmp'); var existingOASCallout = contentElement.querySelector('.onetrust-custom-callout-oas'); if (existingRecipeCallout && existingRecipeCallout.parentElement) { existingRecipeCallout.parentElement.removeChild(existingRecipeCallout); } if (existingCMPCallout && existingCMPCallout.parentElement) { existingCMPCallout.parentElement.removeChild(existingCMPCallout); } if (existingOASCallout && existingOASCallout.parentElement) { existingOASCallout.parentElement.removeChild(existingOASCallout); } // Get current path var path = window.location.pathname; // New element for banner var newElement = document.createElement('div'); newElement.className = 'rm-Markdown markdown-body'; newElement.setAttribute('data-testid', 'RDMD'); // Choose banner based on path if (path === '/onetrust/recipes') { //console.log('Displaying Recipe banner'); newElement.innerHTML = `

The code samples provided here are intended as starting points for various use cases. We encourage you to thoroughly test any code. Use of these samples is at your own risk. Please note that OneTrust does not offer implementation support for these Recipes but welcomes your feedback and suggestions for new Recipes. If you want to provide feedback, please leverage the Help widget in the bottom right corner of your screen.

`; contentElement.insertBefore(newElement, contentElement.firstChild); } else if (path.includes('/docs/')) { //console.log('Displaying CMP banner'); newElement.innerHTML = `

We strongly recommend all CMP users deploying Mobile & OTT/CTV SDKs to migrate to our next generation of CMP SDKs for a seamless experience and enhanced efficiency and scalability. For more information, see OneTrust Next Generation CMP SDKs.

`; contentElement.insertBefore(newElement, contentElement.firstChild); } else { //console.log('No banner needed for path: ' + path); } } // Check if URL has changed function checkURLChange() { var currentPath = window.location.pathname; if (currentPath !== lastPath) { //console.log('URL changed from', lastPath, 'to', currentPath); setTimeout(displayBanner, 500); } } // Hook into history API to detect client-side navigation function addHistoryChangeListener() { // Store references to original history methods var originalPushState = history.pushState; var originalReplaceState = history.replaceState; // Override history.pushState history.pushState = function() { originalPushState.apply(this, arguments); setTimeout(displayBanner, 500); }; // Override history.replaceState history.replaceState = function() { originalReplaceState.apply(this, arguments); setTimeout(displayBanner, 500); }; } // Set up periodic URL checking function startURLMonitoring() { // Check URL every 500ms setInterval(checkURLChange, 500); // Add listener for click events on anchor tags document.addEventListener('click', function(e) { if (e.target.tagName === 'A' || e.target.closest('a')) { // A link was clicked, check for URL change after a delay setTimeout(checkURLChange, 500); } }); } // Set up one-time event listeners document.addEventListener('DOMContentLoaded', function() { // First attempt when DOM is ready with 1000ms delay setTimeout(displayBanner, 1000); // Hook into history API addHistoryChangeListener(); // Start URL monitoring startURLMonitoring(); // Set up a single listener for popstate (browser back/forward) window.addEventListener('popstate', function() { // Add delay before showing banner after navigation setTimeout(displayBanner, 500); }); }); // Add banner when page load is complete (backup) window.addEventListener('load', function() { setTimeout(displayBanner, 1000); }); // Brave Shield Warning function isBraveShieldsUp() { if (window.navigator.brave != undefined) { if (window.navigator.brave.isBrave.name == "isBrave") { //if (!window.navigator.plugins[0][0].type){ document.getElementById("brave-warning").style.display = "block"; return true; // } } else { return false; } } else { return false; } } isBraveShieldsUp(); // start of x-onetrust // Creates x-onetrust Tags in UI // function createTags(tags, data, oasUrl, callback) { // /* // "x-onetrust": { // "highly-available": true, // "highly-available-link": "Helpful Link for HA", // "release-status": "Public Preview | Sunset Period | Deprecated", // "release-status-link": "link to changelog if needed", // "spec-label": "OpenAPI 3.1.0" // } // */ // const fragment = document.createDocumentFragment(); // const divTags = document.createElement("div"); // divTags.className = "ot-tags-container"; // divTags.id = "ot-tags-container"; // // Check if highly-available is true // if (tags && tags["highly-available"] === true) { // const haSpan = document.createElement("span"); // haSpan.className = "ot-tags ot-tags-ha"; // haSpan.onclick = function () { // window.open("https://developer-onetrust-com.ezproxy.cul.columbia.edu/onetrust/reference/consent-preference-management-api-service-level-objectives", "_blank"); // }; // haSpan.setAttribute("style", "float: right;margin-top: 10px;"); // haSpan.setAttribute("apimethod_version", ""); // haSpan.textContent = "Highly Available"; // divTags.appendChild(haSpan); // } // // Check if release-status exists // if (tags && tags["release-status"]) { // const rsSpan = document.createElement("span"); // rsSpan.className = "ot-tags ot-tags-rs"; // rsSpan.onclick = function () { // if (tags["release-status-link"]) { // window.open(tags["release-status-link"], "_blank"); // } // }; // rsSpan.setAttribute("style", "float: right;margin-top: 10px;"); // rsSpan.setAttribute("apimethod_version", ""); // rsSpan.textContent = tags["release-status"]; // divTags.appendChild(rsSpan); // // Add hover CSS // rsSpan.addEventListener('mouseenter', function () { // if (tags["release-status-link"]) { // rsSpan.style.background = "firebrick"; // rsSpan.style.cursor = "pointer"; // } // }); // rsSpan.addEventListener('mouseleave', function () { // if (tags["release-status-link"]) { // rsSpan.style.background = ""; // Reset to default // rsSpan.style.cursor = ""; // Reset to default // } // }); // } // // Check if spec version exists // if (data["x-onetrust"]["spec-label"]) { // const slSpan = document.createElement("span"); // slSpan.className = "ot-tags ot-tags-sl"; // slSpan.onclick = function () { // window.open(oasUrl, "_blank"); // Replace with the actual hyperlink // }; // slSpan.setAttribute("style", "float: right;margin-top: 10px;"); // slSpan.setAttribute("apimethod_version", ""); // slSpan.textContent = data["x-onetrust"]["spec-label"]; // divTags.appendChild(slSpan); // } // fragment.appendChild(divTags); // // Call the callback function with the created element // callback(fragment); // } // Creates Scopes Element in UI function createScopeElement(scopes, data, callback) { // Create a new div element to contain the scopes const newElement = document.createElement('div'); newElement.classList.add('Info-infoBadge3luOwOnjfNiR'); newElement.setAttribute('role', ''); // Create the heading for scopes const heading = document.createElement('div'); heading.classList.add('APISectionHeader-heading4MUMLbp4_nLs'); heading.textContent = 'SCOPES'; heading.title = 'The scope signifies the level of access granted to the API endpoint. It is recommended to always choose the scope with the least access to minimize security risks.'; newElement.appendChild(heading); // Create a container for badges const badgesContainer = document.createElement('div'); badgesContainer.classList.add('badges-container'); badgesContainer.style.paddingLeft = '3px'; // Create and append badge elements for each scope for (const scope of Object.values(scopes)) { const badge = document.createElement('span'); badge.classList.add('Badge', 'Badge_light', 'Badge_circular'); badge.style.marginLeft = '3px'; badge.textContent = scope; badge.title = data.components.securitySchemes.oauth2.flows.clientCredentials.scopes[scope]; badgesContainer.appendChild(badge); } newElement.appendChild(badgesContainer); // Call the callback function with the created element callback(newElement); } // Check for data-raycast-oas attribute and invoke tag/scope rendering // If data-raycast-oas is missing, "false", or "[object Object]", fetch ?json=on and use doc.api.apiSetting as fallback (async function resolveOasAndRender() { let oasValue = null; let operationId = null; // Check for data-raycast-oas const raycastOas = document.querySelector('[data-raycast-oas]'); const raycastOperationId = document.querySelector('[data-raycast-operation-id]'); if (raycastOas && raycastOas.dataset.raycastOas !== 'false' && raycastOas.dataset.raycastOas !== '[object Object]') { oasValue = raycastOas.dataset.raycastOas; operationId = raycastOperationId?.dataset.raycastOperationId; } // If no valid OAS value found, try to get it from the URL if (!oasValue) { const urlParams = new URLSearchParams(window.location.search); if (urlParams.has('json') && urlParams.get('json') === 'on') { try { const response = await fetch(window.location.href); const data = await response.json(); oasValue = data.api.apiSetting; operationId = urlParams.get('operationId'); } catch (error) { console.error('Error fetching JSON:', error); } } } if (oasValue) { const oasUrl = URLValidator.constructOasUrl(oasValue); await printScopesEnhanced(oasUrl, operationId); } })(); // Gets the Scopes from the OAS spec async function printScopesEnhanced(oasUrl, operationIdToFind) { try { const response = await fetch(oasUrl); if (!response.ok) { throw new Error('Failed to fetch OpenAPI spec'); } const data = await response.json(); const paths = data.paths; for (const [path, pathValue] of Object.entries(paths)) { for (const [method, methodValue] of Object.entries(pathValue)) { if (methodValue.operationId && methodValue.operationId.toLowerCase() === operationIdToFind.toLowerCase()) { if (methodValue.security && methodValue.security.length > 0) { for (const security of methodValue.security) { for (const [securityKey, scopes] of Object.entries(security)) { if (securityKey === 'oauth2' && scopes.length > 0) { await new Promise(r => setTimeout(r, 200)); createScopeElement(scopes, data, function (newElement) { const elementToReplace = document.querySelector('.Info-infoBadge3luOwOnjfNiR'); if (elementToReplace) { elementToReplace.parentNode.replaceChild(newElement, elementToReplace); } }); return; } } } } return; } } } } catch (error) { console.error('Error fetching or processing OpenAPI spec:', error); } } // end of x-onetrust // Scripts for Partner Page // Guard to ensure jQuery is loaded before running the UI enhancement block if (typeof window.jQuery !== 'undefined') { (function ($) { "use strict"; /* Page Loader active ========================================================*/ $('#preloader').fadeOut(); /* Screens Shot Slider =============================*/ var owl = $(".touch-slider"); owl.owlCarousel({ center: true, navigation: false, pagination: true, slideSpeed: 1000, stopOnHover: true, autoPlay: true, touchDrag: true, responsive: { 0: { items: 1 }, 480: { items: 2 }, 768: { items: 3 }, 992: { items: 4 }, 1199: { items: 5 } }, items: 5, itemsDesktopSmall: [1024, 3], itemsTablet: [600, 1], itemsMobile: [479, 1] }); // sticky menu $(window).on('scroll', function (event) { var scroll = $(window).scrollTop(); if (scroll < 20) { $(".navbar-area").removeClass("sticky menu-bg"); } else { $(".navbar-area").addClass("sticky menu-bg"); } }); // for menu scroll $('.page-scroll').click(function () { var hash = this.hash; var position = $(hash).offset().top - 60; $('html').animate({ scrollTop: position }, 900); }); //===== Section Menu Active var scrollLink = $('.page-scroll'); // Active link switching $(window).scroll(function () { var scrollbarLocation = $(this).scrollTop(); scrollLink.each(function () { var sectionOffset = $(this.hash).offset().top - 73; if (sectionOffset <= scrollbarLocation) { $(this).parent().addClass('active'); $(this).parent().siblings().removeClass('active'); } }); }); //===== close navbar-collapse when a clicked $(".navbar-nav a").on('click', function () { $(".navbar-collapse").removeClass("show"); }); $(".navbar-toggler").on('click', function () { $(this).toggleClass("active"); }); $(".navbar-nav a").on('click', function () { $(".navbar-toggler").removeClass('active'); }); /* Back Top Link ========================================================================== */ var offset = 200; var duration = 500; $(window).scroll(function () { if ($(this).scrollTop() > offset) { $('.back-to-top').fadeIn(400); } else { $('.back-to-top').fadeOut(400); } }); $('.back-to-top').on('click', function (event) { event.preventDefault(); $('html, body').animate({ scrollTop: 0 }, 600); return false; }) /* One Page Navigation & wow js ========================================================================== */ $(window).on('load', function () { $('body').scrollspy({ target: '.navbar-collapse', offset: 195 }); $(window).on('scroll', function () { if ($(window).scrollTop() > 100) { $('.fixed-top').addClass('menu-bg'); } else { $('.fixed-top').removeClass('menu-bg'); } }); }); /* Auto Close Responsive Navbar on Click ========================================================*/ function close_toggle() { if ($(window).width() <= 768) { $('.navbar-collapse a').on('click', function () { $('.navbar-collapse').collapse('hide'); }); } else { $('.navbar .navbar-inverse a').off('click'); } } close_toggle(); $(window).resize(close_toggle); /* Nivo Lightbox ========================================================*/ $('.lightbox').nivoLightbox({ effect: 'fadeScale', keyboardNav: true, }); }(window.jQuery)); } // end jQuery guard // Load Vue.js if not already loaded if (typeof Vue === 'undefined') { const script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js'; script.onload = initVueComponents; document.head.appendChild(script); } else { initVueComponents(); } function initVueComponents() { Vue.component('boardal', { template: `

`, props: [ 'hasX', 'hasMask', 'canClickMask' ], methods: { clickX: function () { this.$emit('toggle') }, clickMask: function () { if (this.canClickMask) { this.$emit('toggle') } } } }) let vm = new Vue({ el: 'main', data: { modal: { isOpen: false, hasMask: true, canClickMask: false, hasX: false }, step: 1, max: 1, showDots: true, orientation: 'row', xray: 'hidden', currentSection: null, $sections: [] }, mounted() { // Initialize any mounted logic here this.$sections = this.$el.querySelectorAll('section'); this.max = this.$sections.length; this.setCssVars(); }, computed: { isFirstStep: function () { return (this.step === 1) }, isLastStep: function () { return (this.step === this.max) }, hasDots: function () { return (this.max > 1 && this.showDots) }, x_multiplier: function () { return (this.orientation === 'row' ? -1 : 0) }, y_multiplier: function () { return (this.orientation === 'row' ? 0 : -1) }, axis: function () { return (this.orientation === 'row' ? 'row' : 'column') }, axisReverse: function () { return (this.orientation === 'row' ? 'row-reverse' : 'column-reverse') }, cross: function () { return (this.orientation === 'row' ? 'column' : 'row') }, crossReverse: function () { return (this.orientation === 'row' ? 'column-reverse' : 'row-reverse') }, nextIcon: function () { return (this.orientation === 'row' ? 'fa-arrow-right' : 'fa-arrow-down') }, backIcon: function () { return (this.orientation === 'row' ? 'fa-arrow-left' : 'fa-arrow-up') }, }, watch: { orientation: 'setCssVars', }, methods: { toggleChecklistModal(step) { step = step || 1; this.modal.isOpen = !this.modal.isOpen; if (this.modal.isOpen) { let self = this; setTimeout(function () { self.$sections = self.$el.querySelectorAll('section'); self.max = self.$sections.length; self.goToStep(step); }, 1); } }, setCssVars() { this.$el.style.setProperty('--x', (((this.step * 100) - 100) * this.x_multiplier) + '%'); this.$el.style.setProperty('--y', (((this.step * 100) - 100) * this.y_multiplier) + '%'); this.$el.style.setProperty('--axis', this.axis); this.$el.style.setProperty('--axis-reverse', this.axisReverse); this.$el.style.setProperty('--cross', this.cross); this.$el.style.setProperty('--cross-reverse', this.crossReverse); }, goToStep(step) { this.step = step > this.max ? this.max : step < 1 ? 1 : step; this.currentSection = this.$sections[this.step - 1]; this.$sections.forEach(function (section) { section.classList.remove('current'); }); this.currentSection.classList.add('current'); this.currentSection.scrollTop = 0; this.setCssVars(); }, skip(step) { this.step += step; this.goToStep(this.step); }, resetChecklist() { this.goToStep(1); }, finish() { this.toggleChecklistModal(); return (this.max > 1 && this.showDots); } } }) } //Help Widget // Function to extract data-raycast-oas value from HTML async function getLinksfromSpec() { let oasValue = null; // Primary: try the data-raycast-oas attribute const headerElement = document.querySelector('[data-raycast-oas]'); if (headerElement) { const attr = headerElement.getAttribute('data-raycast-oas'); if (attr && attr !== 'false' && attr !== '[object Object]') { oasValue = attr.trim(); } } // Fallback: fetch the current page and get from URL params if (!oasValue) { const urlParams = new URLSearchParams(window.location.search); if (urlParams.has('json') && urlParams.get('json') === 'on') { try { const response = await fetch(window.location.href); const data = await response.json(); oasValue = data.api.apiSetting; } catch (error) { console.error('Error fetching JSON:', error); } } } if (oasValue) { const oasUrl = `https://developer-onetrust-com.ezproxy.cul.columbia.edu/onetrust/openapi/${oasValue}`; try { const response = await fetch(oasUrl); if (!response.ok) { throw new Error('Failed to fetch OpenAPI spec'); } const data = await response.json(); if (data.hasOwnProperty("x-onetrust")) { return data["x-onetrust"]["links"]; } } catch (error) { //console.error('Error fetching or processing OpenAPI spec:', error); return null; } } return null; } // Initialize the OneTrust container and help button function initHelpWidget() { console.log('Initializing help widget'); var container = document.getElementById('onetrust-container'); var helpButton = document.getElementById('helpButton'); if (container) { container.style.display = 'none'; } if (helpButton) { console.log('Adding click event to help button'); helpButton.onclick = toggleHelpContainer; } else { console.error('Help button not found'); } // Initialize rating feature buttons console.log('Setting up rating feature buttons'); // Rate your Experience button functionality var rateExperienceBtn = document.getElementById('rateExperienceBtn'); if (rateExperienceBtn) { console.log('Adding click event to rate experience button'); rateExperienceBtn.addEventListener('click', function () { document.getElementById('thumbsOptions').style.display = 'flex'; document.getElementById('rateExperienceBtn').style.display = 'none'; document.getElementById('voteNewFeatures').style.display = 'none'; }); } else { console.error('Rate experience button not found'); } // Thumbs Up button functionality var thumbsUpBtn = document.getElementById('thumbsUpBtn'); if (thumbsUpBtn) { thumbsUpBtn.addEventListener('click', function () { document.getElementById('commentInput').style.display = 'block'; document.getElementById('thumbsUpBtn').style.color = 'darkgreen'; document.getElementById('thumbsDownBtn').style.color = 'currentcolor'; document.getElementById('thumbsOptions').style.display = 'flex'; document.getElementById('submitButton').style.display = 'block'; }); } // Thumbs Down button functionality var thumbsDownBtn = document.getElementById('thumbsDownBtn'); if (thumbsDownBtn) { thumbsDownBtn.addEventListener('click', function () { document.getElementById('commentInput').style.display = 'block'; document.getElementById('thumbsUpBtn').style.color = 'currentcolor'; document.getElementById('thumbsDownBtn').style.color = 'darkred'; document.getElementById('thumbsOptions').style.display = 'flex'; document.getElementById('submitButton').style.display = 'block'; }); } // Submit button functionality var submitButton = document.getElementById('submitButton'); if (submitButton) { submitButton.addEventListener('click', async function () { var feedback = document.getElementById("feedbackTextarea").value; if (!feedback.trim()) { document.getElementById("commentError").style.display = "block"; return; } else { document.getElementById("commentError").style.display = "none"; } try { const scriptElement = document.getElementById("hub-me"); // Get the value of the data-json attribute const jsonData = scriptElement ? scriptElement.getAttribute("data-json") : null; // Parse the JSON data if available const parsedData = jsonData ? JSON.parse(jsonData) : {}; // Get email if available const emailElement = document.getElementById("feedbackEmail"); const email = emailElement ? emailElement.value.trim() || null : null; var feedbackData = { vote: document.getElementById("thumbsUpBtn").style.color === "darkgreen" ? 1 : 0, comments: document.getElementById("commentInput").querySelector('textarea').value, path: window.location.pathname, requestType: "pageQuality", type: "doc" }; // Adding the email to the comment since readme changed the api to not accept email if (email) { feedbackData.comments = email + ": " + feedbackData.comments; feedbackData.email = email; // Doesn't seem to be used anymore by readme via the API } // Show success message immediately document.getElementById('successMessage').style.display = 'block'; document.getElementById('commentInput').style.display = 'none'; document.getElementById('submitButton').style.display = 'none'; document.getElementById('thumbsOptions').style.display = 'none'; // Send feedback to API fetch('https://developer-onetrust-com.ezproxy.cul.columbia.edu/onetrust/api-next/v2/versions/1.0/metrics-proxy/create/thumb', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(feedbackData), }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { console.log('Feedback submitted successfully'); }) .catch(error => { console.error('Error submitting feedback:', error); }); // Reset after delay regardless of API response setTimeout(function () { resetRateExperience(); populateLinks(); }, 3000); } catch (error) { console.error('Error processing feedback:', error); resetRateExperience(); } }); } } // Function to toggle OneTrust container visibility function toggleHelpContainer() { console.log('Help button clicked'); var container = document.getElementById('onetrust-container'); if (!container) { console.error('Container not found'); return; } if (container.style.display === 'none') { fetchHighestComponentGroupStatus(); container.style.display = "block"; document.querySelector('.help-icon').innerHTML = ''; // Get the