https://sso.rtl.be/webComponents/box-thematics/box-thematics.min.js

1var thematics=thematics||[],userThematics=userThematics||[],thematicsScriptUrl=window.thematicsScriptUrl||document.currentScript.src,fetchThematicHtml=fetchThematicHtml||fetch(thematicsScriptUrl.replace(".js",".html")).then(t=>t.text()),fetchThematicData=fetchThematicData||fetch(thematicsScriptUrl.replace(-1!==thematicsScriptUrl.indexOf("min.js")?".min.js":".js",".json")).then(t=>t.json()),MountThematic=(Promise.all([fetchThematicHtml,fetchThematicData]).then(t=>{thematics=t[1].Vocabulary?.filter(t=>""==t.Visible),MountThematic(t[0])}).catch(t=>console.trace("Thematics : loading error",t)),t=>{class e extends HTMLElement{_logger=null;_submitButton=null;_itemsContainer=null;_errorMessage=null;_loader=null;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=t,this._submitButton=this.shadowRoot.querySelector("button"),this._itemsContainer=this.shadowRoot.querySelector(".items"),this._errorMessage=this.shadowRoot.querySelector(".error"),this._loader=this.shadowRoot.querySelector(".description > div"),this.hasAttribute("bgcolor")&&document.querySelector(":root").style.setProperty("--cl-primary-lighter",this.getAttribute("bgcolor")),this.showLoader(!0),this.waitForRtlSso()}showLoader(t){t?this._loader.classList.add("loading"):this._loader.classList.remove("loading")}isLoading(){return this._loader.classList.contains("loading")}waitForRtlSso(){window.rtlSsoOnReady=window.rtlSsoOnReady||[],rtlSsoOnReady.push(e=>{this._logger=this._logger||new Logger("RTL box thematics"),this._logger.logTrace("Sso ready ..."),this.showThematics(),e.isUserAuthenticated()&&this.showUserThematics(e.user),this.showLoader(!1),window.addEventListener("ssoUserLoggedInEvent",()=>{this.showUserThematics(e.user)}),window.addEventListener("ssoThematicsUpdatedEvent",t=>{this.isLoading()&&t.detail?.hideThematics?this.showConfirmation():(this.isLoading()&&this.showLoader(!1),this.showUserThematics(e.user))}),window.addEventListener("ssoUserLoggedOutEvent",()=>{this.resetThematics()}),window.addEventListener("ssoThematicsUpdateFailedEvent",t=>{this.onThematicsUpdateFailed(t.detail)}),this._submitButton?.addEventListener("click",()=>{this.submitThematics()})}),document.querySelector("script[src*='/sso.js'], script[src*='/sso.min.js']")?"undefined"!=typeof rtlSso&&rtlSso&&rtlSso.isSsoReady&&window.rtlSsoOnReady.pop()(rtlSso):(rtlSsoOnReady.unshift(()=>{this._logger=new Logger("RTL box thematics"),this._logger.logTrace("sso.js loaded from webcomponent")}),this.loadRtlSso())}loadRtlSso(t=!0){window.rtlSsoConfig={sbDisplayed:!1};t=new URL(thematicsScriptUrl).origin+`/js/sso${t?".min":""}.js`;let e=document.createElement("script");e.src=t,e.onerror=()=>{e.onerror=null,this.loadRtlSso(!1)},e.async=!0,document.head.appendChild(e)}showSubmitButton(t){this._submitButton&&(this._submitButton.style.display=t?"block":"none")}setAndShowErrorMessage(t,e){this._errorMessage&&(this._errorMessage.innerText=t,e?this._errorMessage.classList.remove("hidden"):this._errorMessage.classList.add("hidden"))}switchThematicState(t){let e=t.getAttribute("id");t.classList.contains("active")?(t.classList.remove("active"),t.setAttribute("part","item"),userThematics=userThematics.filter(t=>t!=e)):(t.classList.add("active"),t.setAttribute("part","item-active"),userThematics.push(e)),this.showSubmitButton(!0)}showThematics(){if(thematics&&0<thematics.length){let s=document.createDocumentFragment();thematics.forEach(t=>{let e=document.createElement("div");e.setAttribute("id",t.ID),e.setAttribute("part","item"),e.classList.add("item"),e.innerText=t.Name,void 0!==document.onpointerup?e.addEventListener("pointerup",t=>{t.preventDefault(),this.switchThematicState(e)},!1):e.addEventListener("touchstart",t=>{t.preventDefault(),this.switchThematicState(e)},!1),s.appendChild(e)}),this._itemsContainer?.appendChild(s)}}showUserThematics(t){if(0<(userThematics=t.preferences?.thematics?.split(",")||[]).length){var e=this._itemsContainer.querySelectorAll(".item");for(let t=0;t<e.length;t++){var s=e[t].getAttribute("id");userThematics.includes(s)?(e[t].classList.add("active"),e[t].setAttribute("part","item-active")):(e[t].classList.remove("active"),e[t].setAttribute("part","item"))}}}resetThematics(){var e=this._itemsContainer.querySelectorAll(".item.active");if(null!=e&&0<e.length)for(let t=0;t<e.length;t++)e[t].classList.remove("active"),e[t].setAttribute("part","item");userThematics=[]}submitThematics(){this.showLoader(!0),this.setAndShowErrorMessage("",!1),this.showSubmitButton(!1),rtlSso.updateThematics(thematics,userThematics)}showConfirmation(){this.showLoader(!1),this._itemsContainer.remove(),this.shadowRoot.querySelector(".description").innerText="Vos choix ont été enregistrés et sont modifiables à tout moment dans les paramétres de votre compte\n\n",this.shadowRoot.querySelector("h3").innerText="Pour accéder à votre sélection personnalisée d'articles, rafraichissez la page !"}onThematicsUpdateFailed(t){let e="Une erreur inattendue est survenue. Veuillez réessayer plus tard.";switch(t?.customError?.name){case"NULL_OR_EMPTY_VALUE":case"NULL_OR_EMPTY_USER":case"INVALID_USER_TOKEN":e="Nous n'avons pas reconnu votre compte. Veuillez vous reconnecter."}this.setAndShowErrorMessage(e,!0),this.showSubmitButton(!0),this.showLoader(!1)}}customElements.get("box-thematics")||customElements.define("box-thematics",e)});