https://www.wmtw.com/_assets/fre/scopes/htv/_next/static/chunks/973.2b5b13c4dc4ea3ca.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[973],{30973:(e,r,t)=>{t.r(r),t.d(r,{default:()=>l});var o=t(96119),s=t(67687),l=class{constructor(){(0,s.a)(this,"errorOverlayElement"),(0,s.a)(this,"isErrorMessageShowing"),(0,s.a)(this,"currentErrorInfo",null),(0,s.a)(this,"videoPlayer"),this.isErrorMessageShowing=!1,this.errorOverlayElement=this.createErrorOverlay()}setup(e){this.videoPlayer=e,this.videoPlayer.videoWrapper.appendChild(this.errorOverlayElement.errorOverlay)}showErrorMessage(e,r){this.isErrorMessageShowing||(this.isErrorMessageShowing=!0,this.currentErrorInfo=e,this.errorOverlayElement.errorText.innerHTML=`<p> ${e.message} </p>`,this.errorOverlayElement.detailsToggle.style.display="block",r&&this.errorOverlayElement.refreshButton&&(this.errorOverlayElement.refreshButton.style.display="block"),this.errorOverlayElement.errorOverlay.classList.add("show"))}hideErrorMessage(){this.isErrorMessageShowing=!1,this.currentErrorInfo=null,this.errorOverlayElement.errorOverlay.classList.remove("show"),this.errorOverlayElement.errorText.innerHTML="",this.errorOverlayElement.refreshButton&&(this.errorOverlayElement.refreshButton.style.display="none"),this.errorOverlayElement.detailsToggle&&(this.errorOverlayElement.detailsToggle.style.display="none"),this.closeModal()}openModal(){if(!this.currentErrorInfo)return;this.closeModal();let e=document.createElement("div");e.classList.add("hpc-error-modal-backdrop"),e.id="hpc-error-modal-backdrop";let r=document.createElement("div");r.classList.add("hpc-error-modal-content");let t=document.createElement("div");t.classList.add("hpc-error-modal-header"),t.innerHTML=`
2			<h3>Error Details</h3>
3			<button class="hpc-error-modal-close" aria-label="Close">&times;</button>
4		`;let o=document.createElement("div");o.classList.add("hpc-error-modal-body"),o.innerHTML=this.generateErrorDetailsHtml(this.currentErrorInfo);let s=document.createElement("div");s.classList.add("hpc-error-modal-footer"),s.innerHTML=`
5			<button class="hpc-error-modal-copy">Copy All Details</button>
6			<button class="hpc-error-modal-close-btn">Close</button>
7		`,r.appendChild(t),r.appendChild(o),r.appendChild(s),e.appendChild(r),e.querySelectorAll(".hpc-error-modal-close, .hpc-error-modal-close-btn").forEach(e=>{e.addEventListener("click",()=>this.closeModal())});let l=e.querySelector(".hpc-error-modal-copy");l&&l.addEventListener("click",()=>this.copyErrorDetails(o)),e.addEventListener("click",r=>{r.target===e&&this.closeModal()});let a=e=>{"Escape"===e.key&&(this.closeModal(),document.removeEventListener("keydown",a))};document.addEventListener("keydown",a),document.body.appendChild(e)}closeModal(){let e=document.getElementById("hpc-error-modal-backdrop");e&&e.remove()}generateErrorDetailsHtml(e){let r="";return e.errorCode&&(r+=`<div class="error-detail-item"><strong>Error Code:</strong> ${e.errorCode}</div>`),e.videoInfo?.src&&(r+=`<div class="error-detail-item"><strong>Video Source:</strong> <span class="break-word">${e.videoInfo.src}</span></div>`),e.videoInfo?.id&&(r+=`<div class="error-detail-item"><strong>Video ID:</strong> ${e.videoInfo.id}</div>`),r+=`<div class="error-detail-item"><strong>User Agent:</strong> <span class="break-word">${window.navigator.userAgent}</span></div>`,e.stackTrace&&(r+=`<div class="error-detail-item"><strong>Stack Trace:</strong><pre class="stack-trace">${e.stackTrace}</pre></div>`),r}async copyErrorDetails(e){if(!this.currentErrorInfo)return;let r=`Error Details:
8${e.innerText}`;try{await navigator.clipboard.writeText(r);let e=document.querySelector(".hpc-error-modal-copy");if(e){let r=e.textContent;e.textContent="Copied!",setTimeout(()=>{e.textContent=r},2e3)}}catch(e){this.videoPlayer.logger.warn("Failed to copy error details to clipboard:",e)}}createErrorOverlay(){let e=document.createElement("div");e.classList.add("hpc-error-overlay");let r=document.createElement("span");r.classList.add("error-message");let t=document.createElement("button");t.classList.add("details-toggle"),t.innerHTML="Show Full Details",t.style.display="none",t.addEventListener("click",()=>{this.openModal()});let s=document.createElement("button");return s.classList.add("refresh-button"),s.innerHTML=`${o.e}`,s.style.display="none",s.addEventListener("click",()=>{window.location.reload()}

8),e.appendChild(r),e.appendChild(s),e.appendChild(t),{errorOverlay:e,errorText:r,refreshButton:s,detailsToggle:t}}}}}]);