1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[424],{20464:function(r,c,p){p.d(c,{m:function(){return onClickDownload}});let onClickDownload=r=>{var c;let p=(null==r?void 0:null===(c=r.exam)||void 0===c?void 0:c.certificate_download_url)||"",x=document.createElement("a");x.href=p,x.download="downloadedFile.txt",x.style.display="none",document.body.appendChild(x),x.click(),document.body.removeChild(x)}},89289:function(r,c,p){p.r(c),p.d(c,{default:function(){return _certificateId_}});var x=p(85893),w=p(67294),y=p(89552),C=p(88767),j=p(11163),_=p(95520),M=p(82729),E=p(37556);function _templateObject(){let r=(0,M._)(["\n display: flex;\n flex-direction: column;\n"]);return _templateObject=function(){return r},r}function _templateObject1(){let r=(0,M._)(["\n display: flex;\n gap: 16px;\n width: 100%;\n padding: 40px 76px 0 76px;\n .item {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n @media (max-width: 320px) {\n }\n\n /* Phones */\n @media (max-width: 480px) {\n padding: 24px 16px 0 16px;\n flex-direction: column;\n }\n\n /* Tablets */\n @media (max-width: 768px) {\n }\n\n /* Laptops and tablets */\n @media (max-width: 1200px) {\n padding: 24px 16px 0 16px;\n flex-direction: column;\n }\n\n /* Large desktops */\n @media (max-width: 1440px) {\n }\n"]);return _templateObject1=function(){return r},r}let O=E.Z.div(_templateObject()),k=E.Z.div(_templateObject1());function style_templateObject(){let r=(0,M._)(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 24px;\n gap: 16px;\n background: #f4f5f6;\n border-radius: 20px;\n\n .ant-image-img {\n border-radius: 50%;\n }\n\n img {\n border-radius: 50% !important;\n border: 0 !important;\n display: flex;\n align-items: center;\n justify-content: center;\n object-fit: cover;\n }\n\n .info {\n display: flex;\n flex-direction: column;\n gap: 6px;\n\n .name {\n font-weight: 500;\n font-size: 18px;\n line-height: 1.28;\n color: #23262f;\n }\n .description {\n font-size: 14px;\n line-height: 1.21;\n color: #777e90;\n }\n }\n\n @media (max-width: 576px) {\n padding: 12px;\n gap: 12px;\n\n .info {\n gap: 2px;\n }\n\n .name {\n font-size: 16px !important;\n }\n\n .description {\n font-size: 12px !important;\n }\n\n img {\n width: 56px;\n height: 56px;\n }\n }\n"]);return style_templateObject=function(){return r},r}let S=E.Z.div(style_templateObject());var R=p(25675),N=p.n(R),T=p(67421),userInfo=r=>{let{userProfile:c}=r,{t:p}=(0,T.$G)(["common","info"]);return(0,x.jsxs)(S,{children:[(0,x.jsx)(N(),{width:78,height:78,alt:"image of user",src:(null==c?void 0:c.studentPhoto)||(null==c?void 0:c.avatar)||"/noimage.png"}),(0,x.jsxs)("div",{className:"info",children:[(0,x.jsx)("p",{className:"name",children:"".concat(null==c?void 0:c.firstname," ").concat(null==c?void 0:c.lastname)}),(0,x.jsxs)("p",{className:"description",children:[" ",p("CERTIFICATE_PAGE.NAME")]})]})]})},P=p(70917);function certificateInfo_style_templateObject(){let r=(0,M._)(["\n padding: 24px;\n background: #f4f5f6;\n border-radius: 20px;\n .btn-sm {\n display: none;\n }\n\n @media (max-width: 576px) {\n padding: 12px;\n .btn-lg {\n display: none;\n }\n\n .btn-sm {\n display: flex;\n }\n .ant-btn {\n width: 100% !important;\n margin-top: 12px;\n }\n }\n"]);return certificateInfo_style_templateObject=function(){return r},r}function style_templateObject1(){let r=(0,M._)(["\n flex-direction: column;\n\n .left {\n position: relative;\n width: 100%;\n min-height: 220px;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n\n img {\n width: 70% !important;\n object-fit: contain !important;\n }\n }\n\n @media (min-width: 690px) {\n .flex {\n display: flex;\n flex-direction: column !important;\n gap: 24px;\n justify-content: flex-start;\n }\n\n .identifier {\n text-align: left !important;\n }\n }\n\n @media (min-width: 1367px) {\n .left {\n width: 100% !important;\n }\n .left img {\n width: 200px !important;\n height: 100% !important;\n }\n }\n "]);
1return style_templateObject1=function(){return r},r}function _templateObject2(){let r=(0,M._)(["\n display: flex;\n align-items: stretch;\n gap: 24px;\n //\n .left {\n position: relative;\n\n img {\n object-fit: contain;\n }\n }\n\n @media (max-width: 576px) {\n .left img {\n width: 90px !important;\n height: 130px !important;\n }\n }\n\n @media (min-width: 577px) and (max-width: 730px) {\n .left {\n width: 55%;\n }\n .left img {\n width: 190px !important;\n height: 100% !important;\n }\n }\n\n @media (min-width: 731px) and (max-width: 1024px) {\n .left {\n width: 40%;\n }\n .left img {\n width: 200px !important;\n height: 100% !important;\n }\n }\n\n @media (min-width: 1025px) and (max-width: 1366px) {\n .left {\n width: 65%;\n }\n .left img {\n width: 190px !important;\n height: 100% !important;\n }\n }\n\n @media (min-width: 1367px) {\n .left {\n width: 60% !important;\n }\n .left img {\n width: 200px !important;\n height: 100% !important;\n }\n }\n\n @media (min-width: 1600px) {\n .left {\n width: 40% !important;\n }\n .left img {\n width: 200px !important;\n height: 100% !important;\n }\n }\n\n ","\n\n .ant-image:first-child {\n height: 100%;\n }\n\n .flex {\n display: flex;\n }\n\n .info {\n width: 100%;\n }\n\n .w-100 {\n width: 100% !important;\n }\n\n button {\n margin-top: 76px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n img {\n margin-top: -4px;\n }\n\n .ant-image-mask {\n top: -4px;\n }\n\n .infos {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .info-of-certificate {\n font-size: 14px;\n line-height: 1.21;\n letter-spacing: -0.01em;\n color: #777e90;\n }\n\n .value {\n font-weight: 500 !important;\n font-size: 16px !important;\n line-height: 1.18 !important;\n color: #23262f !important;\n margin-top: 6px;\n }\n\n .qr-code {\n width: 78px;\n height: 78px;\n }\n\n @media (max-width: 576px) {\n gap: 12px;\n flex-direction: row !important;\n\n .svg-qr {\n width: 48px !important;\n height: 48px !important;\n }\n\n .identifier {\n font-size: 10px !important;\n }\n\n .left {\n position: relative !important;\n width: 55% !important;\n min-height: auto !important;\n\n img {\n min-width: 90px;\n object-fit: contain !important;\n max-height: 130px;\n }\n }\n\n .qr-code {\n width: 33px;\n height: 33px;\n }\n\n .left {\n position: relative;\n width: 35%;\n }\n\n .info-of-certificate {\n font-size: 12px;\n }\n\n .value {\n font-size: 12px !important;\n }\n }\n\n .identifier {\n font-size: 12px;\n line-height: 1.25;\n color: #777e90;\n text-align: center;\n }\n"]);return _templateObject2=function(){return r},r}let z=E.Z.div(certificateInfo_style_templateObject()),D=E.Z.div(_templateObject2(),r=>r.isOnModal?(0,P.iv)(style_templateObject1()):"");var L=p(88050),A=p(84059),W=p(20464),certificateInfo=r=>{var c,p,w,y,C,j,_,M;let{data:E,isOnModal:O=!1}=r,{t:k}=(0,T.$G)(["common","info"]);return(0,x.jsxs)(z,{className:"info-certificate",children:[(0,x.jsxs)(D,{isOnModal:O,children:[(0,x.jsx)("div",{className:"left",children:(null==E?void 0:null===(c=E.exam)||void 0===c?void 0:c.certificate_preview_url)&&(0,x.jsx)(N(),{alt:"certificate",src:null==E?void 0:null===(p=E.exam)||void 0===p?void 0:p.certificate_preview_url,className:"image-of-certificate",fill:!0,style:{objectFit:"cover",borderRadius:"4px"}})}),(0,x.jsxs)("div",{className:"info w-100",children:[(0,x.jsxs)("div",{className:"flex",children:[(0,x.jsxs)("div",{className:"w-100 infos",children:[(0,x.jsxs)("div",{children:[(0,x.jsx)("p",{className:"info-of-certificate",children:k("CERTIFICATE_PAGE.LEVEL")}),(0,x.jsx)("p",{className:"value",children:null==E?void 0:null===(w=E.exam)||void 0===w?void 0:w.level})]}),(0,x.jsxs)("div",{children:[(0,x.jsx)("p",{className:"info-of-certificate",children:k("CERTIFICATE_PAGE.GIVEN_DATE")}),(0,x.jsx)("p",{className:"value",children:null==E?void 0:null===(y=E.exam)||void 0===y?void 0:y.given_date})]}),(0,x.jsxs)("div",{children:[(0,x.jsx)("p",{className:"info-of-certificate",children:k("CERTIFICATE_PAGE.EXP_DATE")}),(0,x.jsx)("p",{className:"value",children:null==E?void 0:null===(C=E.exam)||void 0===C?void 0:C.expiring_date})]})]}),(0,x.jsxs)("div",{children:[(0,x.jsx)(A.QRCodeSVG,{value:"http://inter-nation.uz/certificate/id-of-certificate?token=".concat(null==E?void 0:null===(_=E.exam)||void 0===_?void 0:null===(j=_.qr_code_path)||void 0===j?void 0:j.replaceAll("/certificate?token=","")),size:65,className:"svg-qr"}),(0,x.jsxs)("p",{className:"identifier",children:["ID: ",null==E?void 0:null===(M=E.exam)||void 0===M?void 0:M.identifier]})]})]}),!O&&(0,x.jsxs)(L.zx,{className:"w-100 btn-lg",onClick:()=>(0,W.m)(E),children:[(0,x.jsx)(N(),{src:"/certificate/download.png",alt:"asdasdd",width:16,height:16}),k("CERTIFICATE_PAGE.DOWNLOAD")]})]})]}),!O&&(0,x.jsxs)(L.zx,{wrapperStyle:{width:"100%"},className:"btn-sm",onClick:()=>(0,W.m)(E),children:[(0,x.jsx)(N(),{src:"/certificate/download.png",alt:"download",width:16,height:16}),k("CERTIFICATE_PAGE.DOWNLOAD")]})]})};
1function examResultCards_style_templateObject(){let r=(0,M._)(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n\n .flex {\n display: flex;\n gap: 12px;\n overflow: hidden;\n }\n @media (max-width: 400px) {\n gap: 8px;\n }\n"]);return examResultCards_style_templateObject=function(){return r},r}function examResultCards_style_templateObject1(){let r=(0,M._)(["\n width: 100%;\n background: ",";\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n padding: 32px 24px;\n gap: 8px;\n isolation: isolate;\n border-radius: 20px;\n position: relative;\n\n .bg {\n position: absolute;\n right: 0;\n bottom: 0;\n }\n\n .value {\n font-weight: 500;\n font-size: 28px;\n line-height: 1.28;\n color: #ffffff;\n }\n\n .info {\n font-size: 15px;\n line-height: 1.2;\n color: #ffffff;\n }\n\n @media (max-width: ",") {\n padding: 12px;\n gap: 4px;\n border-radius: 12px;\n\n .value {\n font-size: 18px !important;\n }\n\n .info {\n font-size: 12px;\n }\n .bg {\n right: -20px;\n bottom: -20px;\n }\n }\n"]);return examResultCards_style_templateObject1=function(){return r},r}function style_templateObject2(){let r=(0,M._)(["\n @media (max-width: 1110px) {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n }\n "]);return style_templateObject2=function(){return r},r}function _templateObject3(){let r=(0,M._)(["\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n gap: 12px;\n overflow: hidden;\n\n ",";\n\n @media (max-width: 768px) {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n }\n @media (max-width: 400px) {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n place-items: center; /* Centers content horizontally and vertically */\n }\n"]);return _templateObject3=function(){return r},r}function _templateObject4(){let r=(0,M._)(["\n background: #f4f5f6;\n border-radius: 20px;\n padding: 24px;\n\n .wave {\n height: 34px !important;\n width: 100px;\n }\n\n .mt {\n margin-top: 20px;\n }\n\n .cn {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 10px;\n\n .img-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 10px;\n gap: 10px;\n\n width: 44px;\n height: 44px;\n\n background: #777e90;\n border-radius: 100px;\n\n img {\n width: 24px;\n height: 24px;\n }\n }\n\n .value-of-grammer {\n font-weight: 500;\n font-size: 24px;\n line-height: 31px;\n color: #141416;\n }\n\n .grammer {\n font-size: 16px;\n line-height: 19px;\n color: #777e90;\n margin-top: 6px;\n }\n\n @media (max-width: 576px) {\n gap: 0 !important;\n .value-of-grammer {\n font-size: 16px;\n }\n\n .grammer {\n font-size: 12px;\n margin-top: -2px;\n }\n }\n\n @media (max-width: ",") {\n }\n }\n\n @media (max-width: 400px) {\n width: 100%;\n padding: 12px;\n border-radius: 12px;\n\n .cn .img-container {\n width: 32px;\n height: 32px;\n padding: 6px;\n }\n }\n"]);return _templateObject4=function(){return r},r}let I=E.Z.div(examResultCards_style_templateObject()),F=E.Z.div(examResultCards_style_templateObject1(),r=>r.color||"#23c16b",r=>r.isOnModal?"900px":"576px"),B=E.Z.div(_templateObject3(),r=>r.countOfColumn||3,r=>r.isOnModal?(0,P.iv)(style_templateObject2()):""),H=E.Z.div(_templateObject4(),r=>r.isOnModal?"900px":"768px");
1var BackgroundSvg=function(r){return(0,x.jsx)("svg",{width:96,height:83,viewBox:"0 0 96 83",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:(0,x.jsxs)("g",{opacity:.2,stroke:"#F4F5F6",strokeWidth:1.5,children:[(0,x.jsx)("path",{d:"M112.559 2.805c38.907-10.8 42.867 29.208 31.119 58.081-6.041 16.847 12.748 27.91 5.249 48.779-7.498 20.869-31.119-4.149-43.241 27.784-12.123 31.932-66.363 16.343-66.988-11.566-.624-27.91-9.748-20.241-30.619-48.15-20.87-27.91 8.124-74.928 38.743-63.237 30.619 11.692 23.62 0 65.737-11.691z"}),(0,x.jsx)("path",{d:"M82.281 62.872c3.706-1.246 9.684 4.59 7.132 9.284-2.336 4.298-.76 8.675-1.802 11.566-2.742 7.613-4.193 4.813-7.45 8.216-3.962 4.14-14.34 6.116-14.34-3.403 0-7.83-3.78-5.487-5.454-11.35-1.675-5.863 1.176-12.511 8.682-12.511 2.82 0 7.06.274 13.232-1.802z"}),(0,x.jsx)("path",{d:"M109.995 8.261c35.706-9.932 39.85 26.97 28.938 53.646-5.705 15.705 11.52 26.16 4.608 45.395-7.066 19.664-28.671-3.334-39.988 26.005-11.38 29.406-61.633 15.414-62.2-10.824-.569-26.084-9.206-18.899-28.332-44.804-19.126-25.906 7.492-69.254 36.01-58.625 28.092 10.629 22.115.024 60.964-10.793z"}),(0,x.jsx)("path",{d:"M107.433 13.726c32.507-9.063 36.834 24.733 26.758 49.21-5.368 14.565 10.292 24.412 3.967 42.013-6.634 18.458-26.223-2.52-36.734 24.225-10.639 26.88-56.904 14.484-57.415-10.082-.511-24.258-8.663-17.558-26.044-41.459-17.38-23.9 6.86-63.58 33.277-54.013 25.565 9.566 20.61.05 56.191-9.894z"}),(0,x.jsx)("path",{d:"M104.869 19.181c29.306-8.194 33.817 22.495 24.577 44.774-5.031 13.424 9.064 22.663 3.326 38.63-6.201 17.253-23.776-1.705-33.48 22.446-9.898 24.353-52.175 13.555-52.63-9.339-.453-22.433-8.12-16.217-23.755-38.114C7.27 55.681 29.135 19.673 53.45 28.176c23.037 8.503 19.104.075 51.418-8.995z"}),(0,x.jsx)("path",{d:"M102.303 24.648c26.106-7.326 30.8 20.256 22.397 40.337-4.695 12.283 7.835 20.915 2.685 35.247-5.769 16.048-21.328-.89-30.227 20.668-9.155 21.826-47.445 12.624-47.843-8.598-.397-20.608-7.578-14.876-21.468-34.768-13.89-19.893 5.597-52.231 27.811-44.791 20.51 7.44 17.599.1 46.645-8.095z"}),(0,x.jsx)("path",{d:"M99.608 30.104c22.906-6.458 27.784 18.018 20.216 35.9-4.357 11.143 6.608 19.167 2.044 31.865-5.336 14.843-18.88-.076-26.972 18.889-8.414 19.3-42.716 11.695-43.057-7.856-.34-18.782-7.035-13.534-19.18-31.422C20.512 59.59 37.623 30.922 57.736 37.3c17.983 6.377 16.093.125 41.871-7.196z"}),(0,x.jsx)("path",{d:"M96.761 35.565c19.706-5.59 24.767 15.78 18.035 31.465-4.02 10.001 5.38 17.418 1.403 28.48-4.904 13.639-16.432.74-23.719 17.111-7.671 16.773-37.986 10.765-38.27-7.114-.284-16.957-6.493-12.193-16.893-28.077-10.4-15.884 4.334-40.883 22.346-35.568 15.455 5.314 14.587.15 37.098-6.297z"}),(0,x.jsx)("path",{d:"M93.91 41.025c16.506-4.72 21.75 13.543 15.855 27.029-3.684 8.86 4.151 15.669.762 25.097-4.472 12.434-13.985 1.554-20.466 15.332-6.93 14.246-33.256 9.835-33.484-6.372-.227-15.131-5.95-10.852-14.605-24.731-8.656-13.88 3.702-35.209 19.613-30.957 12.928 4.251 13.082.174 32.325-5.398z"}),(0,x.jsx)("path",{d:"M91.043 46.487c13.306-3.852 18.733 11.304 13.674 22.592-3.347 7.72 2.923 13.92.121 21.715-4.039 11.228-11.537 2.369-17.212 13.552-6.188 11.721-28.527 8.906-28.698-5.629-.17-13.306-5.407-9.51-12.318-21.386-6.91-11.876 3.071-29.534 16.881-26.346 10.401 3.19 11.577.2 27.552-4.498z"}),(0,x.jsx)("path",{d:"M88.155 51.945C98.261 48.96 103.872 61.01 99.65 70.1c-3.01 6.58 1.695 12.172-.52 18.332-3.607 10.023-9.09 3.183-13.958 11.773-5.446 9.194-23.798 7.976-23.912-4.887-.113-11.48-4.865-8.17-10.03-18.04-5.165-9.872 2.44-23.86 14.148-21.735 7.874 2.126 10.071.225 22.778-3.6z"}),(0,x.jsx)("path",{d:"M85.236 57.403c6.905-2.115 12.7 6.828 9.313 13.72-2.673 5.439.467 10.423-1.161 14.949-3.175 8.817-6.642 3.998-10.704 9.994-4.705 6.667-19.07 7.046-19.126-4.145-.057-9.655-4.323-6.828-7.743-14.695s1.808-18.186 11.416-17.123c5.346 1.063 8.565.25 18.005-2.7z"})]})})};function t(r,c,p,x){return new(p||(p=Promise))(function(w,y){function o(r){try{h(x.next(r))}catch(r){y(r)}}function a(r){try{h(x.throw(r))}catch(r){y(r)}}function h(r){var c;r.done?w(r.value):((c=r.value)instanceof p?c:new p(function(r){r(c)})).then(o,a)}h((x=x.apply(r,c||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;let e=class e{constructor(){this.listeners={}}on(r,c,p){if(this.listeners[r]||(this.listeners[r]=new Set),this.listeners[r].add(c),null==p?void 0:p.once){let i=()=>{this.un(r,i),this.un(r,c)};return this.on(r,i),i}return()=>this.un(r,c)}un(r,c){var p;null===(p=this.listeners[r])||void 0===p||p.delete(c)}once(r,c){return this.on(r,c,{once:!0})}unAll(){this.listeners={}}emit(r,...c){this.listeners[r]&&this.listeners[r].forEach(r=>r(...c))}};let V={decode:function(r,c){return t(this,void 0,void 0,function*(){let p=new AudioContext({sampleRate:c});return p.decodeAudioData(r).finally(()=>p.close())})},createBuffer:function(r,c){return"number"==typeof r[0]&&(r=[r]),function(r){let c=r[0];if(c.some(r=>r>1||r<-1)){let p=c.length,x=0;for(let r=0;r<p;r++){let p=Math.abs(c[r]);p>x&&(x=p)}for(let c of r)for(let r=0;r<p;r++)c[r]/=x}}(r),{duration:c,length:r[0].length,sampleRate:r[0].length/c,numberOfChannels:r.length,getChannelData:c=>null==r?void 0:r[c],copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};function n(r,c,p){let x=function s(r,c){let p=c.xmlns?document.createElementNS(c.xmlns,r):document.createElement(r);for(let[r,x]of Object.entries(c))if("children"===r)for(let[r,x]of Object.entries(c))"string"==typeof x?p.appendChild(document.createTextNode(x)):p.appendChild(s(r,x));else"style"===r?Object.assign(p.style,x):"textContent"===r?p.textContent=x:p.setAttribute(r,x.toString());return p}(r,c||{});return null==p||p.appendChild(x),x}var $=Object.freeze({__proto__:null,createElement:n,default:n});let Z={fetchBlob:function(r,c,p){return t(this,void 0,void 0,function*(){let x=yield fetch(r,p);if(x.status>=400)throw Error(`Failed to fetch ${r}: ${x.status} (${x.statusText})`);return function(r,c){t(this,void 0,void 0,function*(){if(!r.body||!r.headers)return;let p=r.body.getReader(),x=Number(r.headers.get("Content-Length"))||0,w=0,o=r=>t(this,void 0,void 0,function*(){w+=(null==r?void 0:r.length)||0;let p=Math.round(w/x*100);c(p)}),a=()=>t(this,void 0,void 0,function*(){let r;try{r=yield p.read()}catch(r){return}r.done||(o(r.value),yield a())});a()})}(x.clone(),c),x.blob()})}};let a=class a extends e{constructor(r){super(),this.isExternalMedia=!1,r.media?(this.media=r.media,this.isExternalMedia=!0):this.media=document.createElement("audio"),r.mediaControl
1s&&(this.media.controls=!0),r.autoplay&&(this.media.autoplay=!0),null!=r.playbackRate&&this.onMediaEvent("canplay",()=>{null!=r.playbackRate&&(this.media.playbackRate=r.playbackRate)},{once:!0})}onMediaEvent(r,c,p){return this.media.addEventListener(r,c,p),()=>this.media.removeEventListener(r,c,p)}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){let r=this.getSrc();r.startsWith("blob:")&&URL.revokeObjectURL(r)}canPlayType(r){return""!==this.media.canPlayType(r)}setSrc(r,c){let p=this.getSrc();if(r&&p===r)return;this.revokeSrc();let x=c instanceof Blob&&(this.canPlayType(c.type)||!r)?URL.createObjectURL(c):r;try{this.media.src=x}catch(c){this.media.src=r}}destroy(){this.media.pause(),this.isExternalMedia||(this.media.remove(),this.revokeSrc(),this.media.src="",this.media.load())}setMediaElement(r){this.media=r}play(){return t(this,void 0,void 0,function*(){return this.media.play()})}pause(){this.media.pause()}isPlaying(){return!this.media.paused&&!this.media.ended}setTime(r){this.media.currentTime=r}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(r){this.media.volume=r}getMuted(){return this.media.muted}setMuted(r){this.media.muted=r}getPlaybackRate(){return this.media.playbackRate}isSeeking(){return this.media.seeking}setPlaybackRate(r,c){null!=c&&(this.media.preservesPitch=c),this.media.playbackRate=r}getMediaElement(){return this.media}setSinkId(r){return this.media.setSinkId(r)}};let h=class h extends e{constructor(r,c){super(),this.timeouts=[],this.isScrollable=!1,this.audioData=null,this.resizeObserver=null,this.lastContainerWidth=0,this.isDragging=!1,this.subscriptions=[],this.subscriptions=[],this.options=r;let p=this.parentFromOptionsContainer(r.container);this.parent=p;let[x,w]=this.initHtml();p.appendChild(x),this.container=x,this.scrollContainer=w.querySelector(".scroll"),this.wrapper=w.querySelector(".wrapper"),this.canvasWrapper=w.querySelector(".canvases"),this.progressWrapper=w.querySelector(".progress"),this.cursor=w.querySelector(".cursor"),c&&w.appendChild(c),this.initEvents()}parentFromOptionsContainer(r){let c;if("string"==typeof r?c=document.querySelector(r):r instanceof HTMLElement&&(c=r),!c)throw Error("Container not found");return c}initEvents(){let t=r=>{let c=this.wrapper.getBoundingClientRect(),p=r.clientX-c.left,x=r.clientY-c.top;return[p/c.width,x/c.height]};if(this.wrapper.addEventListener("click",r=>{let[c,p]=t(r);this.emit("click",c,p)}),this.wrapper.addEventListener("dblclick",r=>{let[c,p]=t(r);this.emit("dblclick",c,p)}),!0!==this.options.dragToSeek&&"object"!=typeof this.options.dragToSeek||this.initDrag(),this.scrollContainer.addEventListener("scroll",()=>{let{scrollLeft:r,scrollWidth:c,clientWidth:p}=this.scrollContainer,x=r/c,w=(r+p)/c;this.emit("scroll",x,w,r,r+p)}),"function"==typeof ResizeObserver){let r=this.createDelay(100);this.resizeObserver=new ResizeObserver(()=>{r().then(()=>this.onContainerResize()).catch(()=>{})}),this.resizeObserver.observe(this.scrollContainer)}}onContainerResize(){let r=this.parent.clientWidth;r===this.lastContainerWidth&&"auto"!==this.options.height||(this.lastContainerWidth=r,this.reRender())}initDrag(){this.subscriptions.push(function(r,c,p,x,w=3,y=0,C=100){if(!r)return()=>{};let j=matchMedia("(pointer: coarse)").matches,h=()=>{},l=_=>{if(_.button!==y)return;_.preventDefault(),_.stopPropagation();let M=_.clientX,E=_.clientY,O=!1,k=Date.now(),m=x=>{if(x.preventDefault(),x.stopPropagation(),j&&Date.now()-k<C)return;let y=x.clientX,_=x.clientY,S=y-M,R=_-E;if(O||Math.abs(S)>w||Math.abs(R)>w){let x=r.getBoundingClientRect(),{left:w,top:C}=x;O||(null==p||p(M-w,E-C),O=!0),c(S,R,y-w,_-C),M=y,E=_}},g=c=>{if(O){let p=c.clientX,w=c.clientY,y=r.getBoundingClientRect(),{left:C,top:j}=y;null==x||x(p-C,w-j)}h()},f=r=>{r.relatedTarget&&r.relatedTarget!==document.documentElement||g(r)},v=r=>{O&&(r.stopPropagation(),r.preventDefault())},b=r=>{O&&r.preventDefault()};document.addEventListener("pointermove",m),document.addEventListener("pointerup",g),document.addEventListener("pointerout",f),document.addEventListener("pointercancel",f),document.addEventListener("touchmove",b,{passive:!1}),document.addEventListener("click",v,{capture:!0}),h=()=>{document.removeEventListener("pointermove",m),document.removeEventListener("pointerup",g),document.removeEventListener("pointerout",f),document.removeEventListener("pointercancel",f),document.removeEventListener("touchmove",b),setTimeout(()=>{document.removeEventListener("click",v,{capture:!0})},10)}};return r.addEventListener("pointerdown",l),()=>{h(),r.removeEventListener("pointerdown",l)}}(this.wrapper,(r,c,p)=>
1{this.emit("drag",Math.max(0,Math.min(1,p/this.wrapper.getBoundingClientRect().width)))},r=>{this.isDragging=!0,this.emit("dragstart",Math.max(0,Math.min(1,r/this.wrapper.getBoundingClientRect().width)))},r=>{this.isDragging=!1,this.emit("dragend",Math.max(0,Math.min(1,r/this.wrapper.getBoundingClientRect().width)))}))}getHeight(r,c){var p;let x=(null===(p=this.audioData)||void 0===p?void 0:p.numberOfChannels)||1;if(null==r)return 128;if(!isNaN(Number(r)))return Number(r);if("auto"===r){let r=this.parent.clientHeight||128;return(null==c?void 0:c.every(r=>!r.overlay))?r/x:r}return 128}initHtml(){let r=document.createElement("div"),c=r.attachShadow({mode:"open"}),p=this.options.cspNonce&&"string"==typeof this.options.cspNonce?this.options.cspNonce.replace(/"/g,""):"";return c.innerHTML=` 2 <style${p?` nonce="${p}"`:""}> 3 :host { 4 user-select: none; 5 min-width: 1px; 6 } 7 :host audio { 8 display: block; 9 width: 100%; 10 } 11 :host .scroll { 12 overflow-x: auto; 13 overflow-y: hidden; 14 width: 100%; 15 position: relative; 16 } 17 :host .noScrollbar {
18 scrollbar-color: transparent; 19 scrollbar-width: none; 20 } 21 :host .noScrollbar::-webkit-scrollbar { 22 display: none; 23 -webkit-appearance: none; 24 } 25 :host .wrapper { 26 position: relative; 27 overflow: visible; 28 z-index: 2; 29 } 30 :host .canvases { 31 min-height: ${this.getHeight(this.options.height,this.options.splitChannels)}px; 32 } 33 :host .canvases > div { 34 position: relative; 35 } 36 :host canvas { 37 display: block; 38 position: absolute; 39 top: 0; 40 image-rendering: pixelated; 41 } 42 :host .progress { 43 pointer-events: none; 44 position: absolute; 45 z-index: 2; 46 top: 0; 47 left: 0; 48 width: 0; 49 height: 100%; 50 overflow: hidden; 51 } 52 :host .progress > div { 53 position: relative; 54 } 55 :host .cursor { 56 pointer-events: none; 57 position: absolute; 58 z-index: 5; 59 top: 0; 60 left: 0; 61 height: 100%; 62 border-radius: 2px; 63 } 64 </style> 65 66 <div class="scroll" part="scroll"> 67 <div class="wrapper" part="wrapper"> 68 <div class="canvases" part="canvases"></div> 69 <div class="progress" part="progress"></div> 70 <div class="cursor" part="cursor"></div> 71 </div> 72 </div> 73 `,[r,c]}setOptions(r){if(this.options.container!==r.container){let c=this.parentFromOptionsContainer(r.container);c.appendChild(this.container),this.parent=c}!0!==r.dragToSeek&&"object"!=typeof this.options.dragToSeek||this.initDrag(),this.options=r,this.reRender()}getWrapper(){return this.wrapper}getWidth(){return this.scrollContainer.clientWidth}getScroll(){return this.scrollContainer.scrollLeft}setScroll(r){this.scrollContainer.scrollLeft=r}setScrollPercentage(r){let{scrollWidth:c}=this.scrollContainer;this.setScroll(c*r)}destroy(){var r,c;this.subscriptions.forEach(r=>r()),this.container.remove(),null===(r=this.resizeObserver)||void 0===r||r.disconnect(),null===(c=this.unsubscribeOnScroll)||void 0===c||c.call(this)}createDelay(r=10){let c,p;let s=()=>{c&&clearTimeout(c),p&&p()};return this.timeouts.push(s),()=>new Promise((x,w)=>{s(),p=w,c=setTimeout(()=>{c=void 0,p=void 0,x()},r)})}convertColorValues(r){if(!Array.isArray(r))return r||"";if(r.length<2)return r[0]||"";let c=document.createElement("canvas"),p=c.getContext("2d"),x=c.height*(window.devicePixelRatio||1),w=p.createLinearGradient(0,0,0,x),y=1/(r.length-1);return r.forEach((r,c)=>{w.addColorStop(c*y,r)}),w}getPixelRatio(){return Math.max(1,window.devicePixelRatio||1)}renderBarWaveform(r,c,p,x){let w=r[0],y=r[1]||r[0],C=w.length,{width:j,height:_}=p.canvas,M=_/2,E=this.getPixelRatio(),O=c.barWidth?c.barWidth*E:1,k=c.barGap?c.barGap*E:c.barWidth?O/2:0,S=c.barRadius||0,R=j/(O+k)/C,N=S&&"roundRect"in p?"roundRect":"rect";p.beginPath();let T=0,P=0,z=0;for(let r=0;r<=C;r++){let C=Math.round(r*R);if(C>T){let r=Math.round(P*M*x),w=r+Math.round(z*M*x)||1,y=M-r;"top"===c.barAlign?y=0:"bottom"===c.barAlign&&(y=_-w),p[N](T*(O+k),y,O,w,S),T=C,P=0,z=0}let j=Math.abs(w[r]||0),E=Math.abs(y[r]||0);j>P&&(P=j),E>z&&(z=E)}p.fill(),p.closePath()}renderLineWaveform(r,c,p,x){let n=c=>{let w=r[c]||r[0],y=w.length,{height:C}=p.canvas,j=C/2,_=p.canvas.width/y;p.moveTo(0,j);let M=0,E=0;for(let r=0;r<=y;r++){let y=Math.round(r*_);if(y>M){let r=j+(Math.round(E*j*x)||1)*(0===c?-1:1);p.lineTo(M,r),M=y,E=0}let C=Math.abs(w[r]||0);C>E&&(E=C)}p.lineTo(M,j)};p.beginPath(),n(0),n(1),p.fill(),p.closePath()}renderWaveform(r,c,p){if(p.fillStyle=this.convertColorValues(c.waveColor),c.renderFunction)return void c.renderFunction(r,p);let x=c.barHeight||1;if(c.normalize){let c=Array.from(r[0]).reduce((r,c)=>Math.max(r,Math.abs(c)),0);x=c?1/c:1}c.barWidth||c.barGap||c.barAlign?this.renderBarWaveform(r,c,p,x):this.renderLineWaveform(r,c,p,x)}renderSingleCanvas(r,c,p,x,w,y,C){let j=this.getPixelRatio(),_=document.createElement("canvas");_.width=Math.round(p*j),_.height=Math.round(x*j),_.style.width=`${p}px`,_.style.height=`${x}px`,_.style.left=`${Math.round(w)}px`,y.appendChild(_);let M=_.getContext("2d");if(this.renderWaveform(r,c,M),_.width>0&&_.height>0){let r=_.cloneNode(),p=r.getContext("2d");p.drawImage(_,0,0),p.globalCompositeOperation="source-in",p.fillStyle=this.convertColorValues(c.progressColor),p.fillRect(0,0,_.width,_.height),C.appendChild(r)}}renderMultiCanvas(r,c,p,x,w,y){let C=this.getPixelRatio(),{clientWidth:j}=this.scrollContainer,_=p/C,M=Math.min(h.MAX_CANVAS_WIDTH,j,_),E={};if(c.barWidth||c.barGap){let r=c.barWidth||.5,p=r+(c.barGap||r/2);M%p!=0&&(M=Math.floor(M/p)*p)}let u=p=>{if(p<0||p>=O||E[p])return;E[p]=!0;let C=p*M,j=Math.min(_-C,M);if(j<=0)return;let k=r.map(r=>{let c=Math.floor(C/_*r.length),p=Math.floor((C+j)/_*r.length);return r.slice(c,p)});this.renderSingleCanvas(k,c,j,x,C,w,y)},O=Math.ceil(_/M);if(!this.isScrollable){for(let r=0;r<O;r++)u(r);return}let k=this.scrollContainer.scrollLeft/_,S=Math.floor(k*O);u(S-1),u(S),u(S+1),O>1&&(this.unsubscribeOnScroll=this.on("scroll",()=>{let{scrollLeft:r}=this.scrollContainer,c=Math.floor(r/_*O);Object.keys(E).length>h.MAX_NODES&&(w.innerHTML="",y.innerHTML="",E={}),u(c-1),u(c),u(c+1)}))}renderChannel(r,c,p,x){var{overlay:w}=c,y=function(r,c){var p={};for(var x in r)Object.prototype.hasOwnProperty.call(r,x)&&0>c.indexOf(x)&&(p[x]=r[x]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var w=0;for(x=Object.getOwnPropertySymbols(r);w<x.length;w++)0>c.indexOf(x[w])&&Object.prototype.propertyIsEnumerable.call(r,x[w])&&(p[x[w]]=r[x[w]])}return p}(c,["overlay"]);let C=document.createElement("div"),j=this.getHeight(y.height,y.splitChannels);C.style.height=`${j}px`,w&&x>0&&(C.style.marginTop=`-${j}px`),this.canvasWrapper.style.minHeight=`${j}px`,this.canvasWrapper.appendChild(C);let _=C.cloneNode();this.progressWrapper.appendChild(_),this.renderMultiCanvas(r,y,p,j,C,_)}render(r){return t(this,void 0,void 0,function*(){var c;
73this.timeouts.forEach(r=>r()),this.timeouts=[],this.canvasWrapper.innerHTML="",this.progressWrapper.innerHTML="",null!=this.options.width&&(this.scrollContainer.style.width="number"==typeof this.options.width?`${this.options.width}px`:this.options.width);let p=this.getPixelRatio(),x=this.scrollContainer.clientWidth,w=Math.ceil(r.duration*(this.options.minPxPerSec||0));this.isScrollable=w>x;let y=this.options.fillParent&&!this.isScrollable,C=(y?x:w)*p;if(this.wrapper.style.width=y?"100%":`${w}px`,this.scrollContainer.style.overflowX=this.isScrollable?"auto":"hidden",this.scrollContainer.classList.toggle("noScrollbar",!!this.options.hideScrollbar),this.cursor.style.backgroundColor=`${this.options.cursorColor||this.options.progressColor}`,this.cursor.style.width=`${this.options.cursorWidth}px`,this.audioData=r,this.emit("render"),this.options.splitChannels)for(let p=0;p<r.numberOfChannels;p++){let x=Object.assign(Object.assign({},this.options),null===(c=this.options.splitChannels)||void 0===c?void 0:c[p]);this.renderChannel([r.getChannelData(p)],x,C,p)}else{let c=[r.getChannelData(0)];r.numberOfChannels>1&&c.push(r.getChannelData(1)),this.renderChannel(c,this.options,C,0)}Promise.resolve().then(()=>
73this.emit("rendered"))})}reRender(){var r;if(null===(r=this.unsubscribeOnScroll)||void 0===r||r.call(this),delete this.unsubscribeOnScroll,!this.audioData)return;let{scrollWidth:c}=this.scrollContainer,{right:p}=this.progressWrapper.getBoundingClientRect();if(this.render(this.audioData),this.isScrollable&&c!==this.scrollContainer.scrollWidth){let{right:r}=this.progressWrapper.getBoundingClientRect(),c=r-p;c*=2,c=(c<0?Math.floor(c):Math.ceil(c))/2,this.scrollContainer.scrollLeft+=c}}zoom(r){this.options.minPxPerSec=r,this.reRender()}scrollIntoView(r,c=!1){let{scrollLeft:p,scrollWidth:x,clientWidth:w}=this.scrollContainer,y=r*x,C=p+w,j=w/2;if(this.isDragging)y+30>C?this.scrollContainer.scrollLeft+=30:y-30<p&&(this.scrollContainer.scrollLeft-=30);else{(y<p||y>C)&&(this.scrollContainer.scrollLeft=y-(this.options.autoCenter?j:0));let r=y-p-j;c&&this.options.autoCenter&&r>0&&(this.scrollContainer.scrollLeft+=Math.min(r,10))}{let r=this.scrollContainer.scrollLeft,c=r/x,p=(r+w)/x;this.emit("scroll",c,p,r,r+w)}}renderProgress(r,c){if(isNaN(r))return;let p=100*r;this.canvasWrapper.style.clipPath=`polygon(${p}% 0, 100% 0, 100% 100%, ${p}% 100%)`,this.progressWrapper.style.width=`${p}%`,this.cursor.style.left=`${p}%`,this.cursor.style.transform=`translateX(-${100===Math.round(p)?this.options.cursorWidth:0}px)`,this.isScrollable&&this.options.autoScroll&&this.scrollIntoView(r,c)}exportImage(r,c,p){return t(this,void 0,void 0,function*(){let x=this.canvasWrapper.querySelectorAll("canvas");if(!x.length)throw Error("No waveform data");if("dataURL"===p){let p=Array.from(x).map(p=>p.toDataURL(r,c));return Promise.resolve(p)}return Promise.all(Array.from(x).map(p=>new Promise((x,w)=>{p.toBlob(r=>{r?x(r):w(Error("Could not export image"))},r,c)})))})}};h.MAX_CANVAS_WIDTH=8e3,h.MAX_NODES=10;let l=class l extends e{constructor(){super(...arguments),this.unsubscribe=()=>{}}start(){this.unsubscribe=this.on("tick",()=>{requestAnimationFrame(()=>{this.emit("tick")})}),this.emit("tick")}stop(){this.unsubscribe()}destroy(){this.unsubscribe()}};let d=class d extends e{constructor(r=new AudioContext){super(),this.bufferNode=null,this.playStartTime=0,this.playedDuration=0,this._muted=!1,this._playbackRate=1,this._duration=void 0,this.buffer=null,this.currentSrc="",this.paused=!0,this.crossOrigin=null,this.seeking=!1,this.autoplay=!1,this.addEventListener=this.on,this.removeEventListener=this.un,this.audioContext=r,this.gainNode=this.audioContext.createGain(),this.gainNode.connect(this.audioContext.destination)}load(){return t(this,void 0,void 0,function*(){})}get src(){return this.currentSrc}set src(r){if(this.currentSrc=r,this._duration=void 0,!r)return this.buffer=null,void this.emit("emptied");fetch(r).then(c=>{if(c.status>=400)throw Error(`Failed to fetch ${r}: ${c.status} (${c.statusText})`);return c.arrayBuffer()}).then(c=>this.currentSrc!==r?null:this.audioContext.decodeAudioData(c)).then(c=>{this.currentSrc===r&&(this.buffer=c,this.emit("loadedmetadata"),this.emit("canplay"),this.autoplay&&this.play())})}_play(){var r;if(!this.paused)return;this.paused=!1,null===(r=this.bufferNode)||void 0===r||r.disconnect(),this.bufferNode=this.audioContext.createBufferSource(),this.buffer&&(this.bufferNode.buffer=this.buffer),this.bufferNode.playbackRate.value=this._playbackRate,this.bufferNode.connect(this.gainNode);let c=this.playedDuration*this._playbackRate;c>=this.duration&&(c=0,this.playedDuration=0),this.bufferNode.start(this.audioContext.currentTime,c),this.playStartTime=this.audioContext.currentTime,this.bufferNode.onended=()=>{this.currentTime>=this.duration&&(this.pause(),this.emit("ended"))}}_pause(){var r;this.paused=!0,null===(r=this.bufferNode)||void 0===r||r.stop(),this.playedDuration+=this.audioContext.currentTime-this.playStartTime}play(){return t(this,void 0,void 0,function*(){this.paused&&(this._play(),this.emit("play"))})}pause(){this.paused||(this._pause(),this.emit("pause"))}stopAt(r){var c,p;let x=r-this.currentTime;null===(c=this.bufferNode)||void 0===c||c.stop(this.audioContext.currentTime+x),null===(p=this.bufferNode)||void 0===p||p.addEventListener("ended",()=>{this.bufferNode=null,this.pause()},{once:!0})}setSinkId(r){return t(this,void 0,void 0,function*(){return this.audioContext.setSinkId(r)})}get playbackRate(){return this._playbackRate}set playbackRate(r){this._playbackRate=r,this.bufferNode&&(this.bufferNode.playbackRate.value=r)}get currentTime(){return(this.paused?this.playedDuration:this.playedDuration+(this.audioContext.currentTime-this.playStartTime))*this._playbackRate}set currentTime(r){let c=!this.paused;c&&this._pause(),this.playedDuration=r/this._playbackRate,c&&this._play(),this.emit
73("seeking"),this.emit("timeupdate")}get duration(){var r,c;return null!==(r=this._duration)&&void 0!==r?r:(null===(c=this.buffer)||void 0===c?void 0:c.duration)||0}set duration(r){this._duration=r}get volume(){return this.gainNode.gain.value}set volume(r){this.gainNode.gain.value=r,this.emit("volumechange")}get muted(){return this._muted}set muted(r){this._muted!==r&&(this._muted=r,this._muted?this.gainNode.disconnect():this.gainNode.connect(this.audioContext.destination))}canPlayType(r){return/^(audio|video)\//.test(r)}getGainNode(){return this.gainNode}getChannelData(){let r=[];if(!this.buffer)return r;let c=this.buffer.numberOfChannels;for(let p=0;p<c;p++)r.push(this.buffer.getChannelData(p));return r}};let G={waveColor:"#999",progressColor:"#555",cursorWidth:1,minPxPerSec:0,fillParent:!0,interact:!0,dragToSeek:!1,autoScroll:!0,autoCenter:!0,sampleRate:8e3};let u=class u extends a{static create(r){return new u(r)}constructor(r){let c=r.media||("WebAudio"===r.backend?new d:void 0);super({media:c,mediaControls:r.mediaControls,autoplay:r.autoplay,playbackRate:r.audioRate}),this.plugins=[],this.decodedData=null,this.subscriptions=[],this.mediaSubscriptions=[],this.abortController=null,this.options=Object.assign({},G,r),this.timer=new l;let p=c?void 0:this.getMediaElement();this.renderer=new h(this.options,p),this.initPlayerEvents(),this.initRendererEvents(),this.initTimerEvents(),this.initPlugins();let x=this.options.url||this.getSrc()||"";Promise.resolve().then(()=>{this.emit("init");let{peaks:r,duration:c}=this.options;(x||r&&c)&&this.load(x,r,c).catch(()=>null)})}updateProgress(r=this.getCurrentTime()){return this.renderer.renderProgress(r/this.getDuration(),this.isPlaying()),r}initTimerEvents(){this.subscriptions.push(this.timer.on("tick",()=>{if(!this.isSeeking()){let r=this.updateProgress();this.emit("timeupdate",r),this.emit("audioprocess",r)}}))}initPlayerEvents(){this.isPlaying()&&(this.emit("play"),this.timer.start()),this.mediaSubscriptions.push(this.onMediaEvent("timeupdate",()=>{let r=this.updateProgress();this.emit("timeupdate",r)}),this.onMediaEvent("play",()=>{this.emit("play"),this.timer.start()}),this.onMediaEvent("pause",()=>{this.emit("pause"),this.timer.stop()}),this.onMediaEvent("emptied",()=>{this.timer.stop()}),this.onMediaEvent("ended",()=>{this.emit("finish")}),this.onMediaEvent("seeking",()=>{this.emit("seeking",this.getCurrentTime())}),this.onMediaEvent("error",r=>{this.emit("error",r.error)}))}initRendererEvents(){this.subscriptions.push(this.renderer.on("click",(r,c)=>{this.options.interact&&(this.seekTo(r),this.emit("interaction",r*this.getDuration()),this.emit("click",r,c))}),this.renderer.on("dblclick",(r,c)=>{this.emit("dblclick",r,c)}),this.renderer.on("scroll",(r,c,p,x)=>{let w=this.getDuration();this.emit("scroll",r*w,c*w,p,x)}),this.renderer.on("render",()=>{this.emit("redraw")}),this.renderer.on("rendered",()=>{this.emit("redrawcomplete")}
73),this.renderer.on("dragstart",r=>{this.emit("dragstart",r)}),this.renderer.on("dragend",r=>{this.emit("dragend",r)}));{let r;this.subscriptions.push(this.renderer.on("drag",c=>{let p;this.options.interact&&(this.renderer.renderProgress(c),clearTimeout(r),this.isPlaying()?p=0:!0===this.options.dragToSeek?p=200:"object"==typeof this.options.dragToSeek&&void 0!==this.options.dragToSeek&&(p=this.options.dragToSeek.debounceTime),r=setTimeout(()=>{this.seekTo(c)},p),this.emit("interaction",c*this.getDuration()),this.emit("drag",c))}))}}initPlugins(){var r;(null===(r=this.options.plugins)||void 0===r?void 0:r.length)&&this.options.plugins.forEach(r=>{this.registerPlugin(r)})}unsubscribePlayerEvents(){this.mediaSubscriptions.forEach(r=>r()),this.mediaSubscriptions=[]}setOptions(r){this.options=Object.assign({},this.options,r),this.renderer.setOptions(this.options),r.audioRate&&this.setPlaybackRate(r.audioRate),null!=r.mediaControls&&(this.getMediaElement().controls=r.mediaControls)}registerPlugin(r){return r._init(this),this.plugins.push(r),this.subscriptions.push(r.once("destroy",()=>{this.plugins=this.plugins.filter(c=>c!==r)})),r}getWrapper(){return this.renderer.getWrapper()}getWidth(){return this.renderer.getWidth()}getScroll(){return this.renderer.getScroll()}setScroll(r){return this.renderer.setScroll(r)}setScrollTime(r){let c=r/this.getDuration();this.renderer.setScrollPercentage(c)}getActivePlugins(){return this.plugins}loadAudio(r,c,p,x){return t(this,void 0,void 0,function*(){var w;if(this.emit("load",r),!this.options.media&&this.isPlaying()&&this.pause(),this.decodedData=null,!c&&!p){let p=this.options.fetchParams||{};window.AbortController&&!p.signal&&(this.abortController=new AbortController,p.signal=null===(w=this.abortController)||void 0===w?void 0:w.signal),c=yield Z.fetchBlob(r,r=>this.emit("loading",r),p)}this.setSrc(r,c);let y=yield new Promise(r=>{let c=x||this.getDuration();c?r(c):this.mediaSubscriptions.push(this.onMediaEvent("loadedmetadata",()=>r(this.getDuration()),{once:!0}))});if(!r&&!c){let r=this.getMediaElement();r instanceof d&&(r.duration=y)}if(p)this.decodedData=V.createBuffer(p,y||0);else if(c){let r=yield c.arrayBuffer();this.decodedData=yield V.decode(r,this.options.sampleRate)}this.decodedData&&(this.emit("decode",this.getDuration()),this.renderer.render(this.decodedData)),this.emit("ready",this.getDuration())})}load(r,c,p){return t(this,void 0,void 0,function*(){try{return yield this.loadAudio(r,void 0,c,p)}catch(r){throw this.emit("error",r),r}})}loadBlob(r,c,p){return t(this,void 0,void 0,function*(){try{return yield this.loadAudio("",r,c,p)}catch(r){throw this.emit("error",r),r}})}zoom(r){if(!this.decodedData)throw Error("No audio loaded");this.renderer.zoom(r),this.emit("zoom",r)}getDecodedData(){return this.decodedData}exportPeaks({channels:r=2,maxLength:c=8e3,precision:p=1e4}={}){if(!this.decodedData)throw Error("The audio has not been decoded yet");let x=Math.min(r,this.decodedData.numberOfChannels),w=[];for(let r=0;r<x;r++){let x=this.decodedData.getChannelData(r),y=[],C=x.length/c;for(let r=0;r<c;r++){let c=x.slice(Math.floor(r*C),Math.ceil((r+1)*C)),w=0;for(let r=0;r<c.length;r++){let p=c[r];Math.abs(p)>Math.abs(w)&&(w=p)}y.push(Math.round(w*p)/p)}w.push(y)}return w}getDuration(){let r=super.getDuration()||0;return(0===r||r===1/0)&&this.decodedData&&(r=this.decodedData.duration),r}toggleInteraction(r){this.options.interact=r}setTime(r){super.setTime(r),this.updateProgress(r),this.emit("timeupdate",r)}seekTo(r){let c=this.getDuration()*r;this.setTime(c)}playPause(){return t(this,void 0,void 0,function*(){return this.isPlaying()?this.pause():this.play()})}stop(){this.pause(),this.setTime(0)}skip(r){this.setTime(this.getCurrentTime()+r)}empty(){this.load("",[[0]],.001)}setMediaElement(r){this.unsubscribePlayerEvents(),super.setMediaElement(r),this.initPlayerEvents()}exportImage(){return t(this,arguments,void 0,function*(r="image/png",c=1,p="dataURL"){return this.renderer.exportImage(r,c,p)})}destroy(){var r;this.emit("destroy"),null===(r=this.abortController)||void 0===r||r.abort(),this.plugins.forEach(r=>r.destroy()),this.subscriptions.forEach(r=>r()),this.unsubscribePlayerEvents(),this.timer.destroy(),this.renderer.destroy(),super.destroy()}};
73function audioElement_style_templateObject(){let r=(0,M._)(["\n display: flex;\n height: 38px;\n align-items: center;\n overflow: hidden;\n"]);return audioElement_style_templateObject=function(){return r},r}u.BasePlugin=class extends e{constructor(r){super(),this.subscriptions=[],this.options=r}onInit(){}_init(r){this.wavesurfer=r,this.onInit()}destroy(){this.emit("destroy"),this.subscriptions.forEach(r=>r())}},u.dom=$;let q=E.Z.div(audioElement_style_templateObject());var audioElement=r=>{let{audioUrl:c}=r,p=(0,w.useRef)(null),y=(0,w.useRef)(null),[C,j]=(0,w.useState)(!1),[_,M]=(0,w.useState)(0),[E,O]=(0,w.useState)(0);return(0,w.useEffect)(()=>(y.current=u.create({container:p.current,waveColor:"#B1B5C3",progressColor:"#FFCF00",cursorColor:"transparent",height:80,barWidth:2}),y.current.load(c),y.current.on("ready",()=>{O(y.current.getDuration())}),y.current.on("audioprocess",()=>{M(y.current.getCurrentTime())}),()=>{y.current&&y.current.destroy()}),[c]),(0,x.jsxs)(q,{children:[(0,x.jsx)("div",{onClick:()=>{j(!C),y.current.playPause()},children:C?(0,x.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,x.jsx)("rect",{width:"32",height:"32",rx:"16",fill:"#FFCF00"}),(0,x.jsx)("path",{d:"M14.4448 20.2221H13.1114C12.867 20.2221 12.667 20.0221 12.667 19.7777V11.7777C12.667 11.5333 12.867 11.3333 13.1114 11.3333H14.4448C14.6892 11.3333 14.8892 11.5333 14.8892 11.7777V19.7777C14.8892 20.0221 14.6892 20.2221 14.4448 20.2221ZM18.8892 20.2221H17.5559C17.3114 20.2221 17.1114 20.0221 17.1114 19.7777V11.7777C17.1114 11.5333 17.3114 11.3333 17.5559 11.3333H18.8892C19.1337 11.3333 19.3337 11.5333 19.3337 11.7777V19.7777C19.3337 20.0221 19.1337 20.2221 18.8892 20.2221Z",fill:"#23262F"})]}):(0,x.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,x.jsx)("rect",{width:"32",height:"32",rx:"16",fill:"#FFCF00"}),(0,x.jsx)("path",{d:"M20.6845 14.8519C21.5496 15.3692 21.5496 16.6305 20.6845 17.1478L14.0022 21.144C13.1187 21.6724 12 21.0311 12 19.9961L12 12.0036C12 10.9686 13.1187 10.3272 14.0022 10.8557L20.6845 14.8519Z",fill:"#23262F"})]})}),(0,x.jsx)("div",{ref:p,style:{width:"100%",marginBottom:-12,marginLeft:5,marginRight:5}}),(0,x.jsx)("div",{style:{width:"35px",maxWidth:"35px",minWidth:"35px"},children:(r=>{let c=Math.floor(r%60);return"".concat(Math.floor(r/60),":").concat(c<10?"0".concat(c):c)})(C?_:E)})]})};let X={Grammar:(0,x.jsx)(function(r){return(0,x.jsx)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:(0,x.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.19 6.293v-.007a.476.476 0 00-.476-.476H6.381A1.433 1.433 0 014.952 4.38c0-.12.015-.241.048-.357a1.429 1.429 0 011.381-1.072h13.333a.476.476 0 100-.952H6.381a2.381 2.381 0 00-2.333 1.91L4 3.905V20.57A1.429 1.429 0 005.429 22h13.333a1.429 1.429 0 001.428-1.429V6.293zm-5.714.469h-.952v4.576l-2.229-.743a.57.57 0 00-.152-.024.57.57 0 00-.152.024l-2.23.743V6.762H7.81V12a.468.468 0 00.2.386.476.476 0 00.428.066l2.705-.904 2.705.904c.05.015.1.023.152.024.1.002.197-.03.276-.09a.47.47 0 00.2-.386V6.762z",fill:"#fff"})})},{}),Vocabulary:(0,x.jsx)(function(r){return(0,x.jsxs)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,x.jsxs)("g",{clipPath:"url(#clip0_34_1642)",fill:"#fff",children:[(0,x.jsx)("path",{d:"M21 11.033h-7.717c-.12 0-.24.022-.353.037.015-.113.037-.232.037-.353V3a2.257 2.257 0 00-2.25-2.25H3A2.257 2.257 0 00.75 3v7.717A2.257 2.257 0 003 12.967h7.717c.12 0 .24-.022.353-.037-.015.113-.037.232-.037.353V21a2.257 2.257 0 002.25 2.25H21A2.257 2.257 0 0023.25 21v-7.717a2.257 2.257 0 00-2.25-2.25zM9.735 5.445h-.803a7.393 7.393 0 01-1.117 2.527c.45.48 1.02.946 1.74 1.365a.75.75 0 01-.375 1.403.766.766 0 01-.375-.105 9.247 9.247 0 01-1.95-1.492 9.058 9.058 0 01-1.95 1.492.745.745 0 01-.375.105.742.742 0 01-.645-.375.749.749 0 01.27-1.027 7.475 7.475 0 001.74-1.365 7.703 7.703 0 01-1.117-2.528h-.803a.747.747 0 01-.75-.75c0-.413.337-.75.75-.75h2.13v-.458c0-.412.337-.75.75-.75.42 0 .75.338.75.75v.458h2.13c.413 0 .75.337.75.75 0 .42-.337.75-.75.75zm10.733 15.113a.75.75 0 01-1.02-.308l-.9-1.665h-2.813l-.9 1.665a.747.747 0 01-1.377-.135c-.028-.094-.038-.193-.028-.29a.747.747 0 01.085-.28l2.64-4.898a1.11 1.11 0 01.99-.592c.413 0 .795.225.99.593l2.632 4.897a.75.75 0 01-.3 1.012z"}),(0,x.jsx)("path",{d:"M6.855 6.69c.27-.465.435-.9.532-1.245H6.324c.104.345.27.78.532 1.245zm9.69 10.395h1.2l-.6-1.118-.6 1.118zm2.955-6.986a.75.75 0 00.75-.75V5.25c0-.827-.673-1.5-1.5-1.5h-4.098a.75.75 0 100 1.5h4.098v4.099a.75.75 0 00.75.75zM4.5 13.9a.75.75 0 00-.75.75v4.099c0 .827.673 1.5 1.5 1.5h4.098a.75.75 0 100-1.5H5.25v-4.099a.75.75 0 00-.75-.75z"})]}),(0,x.jsx)("defs",{children:(0,x.jsx)("clipPath",{id:"clip0_34_1642",children:(0,x.jsx)("path",{fill:"#fff",d:"M0 0H24V24H0z"})})})]})},{}),Reading:(0,x.jsx)(function(r){return(0,x.jsxs)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,x.jsx)("path",{d:"M5.059 4h-.
73002a.67.67 0 00-.271.057.704.704 0 00-.23.164.799.799 0 00-.21.54v11.402c0 .418.32.759.716.76 1.666.004 4.457.373 6.382 2.514V7.504a.763.763 0 00-.098-.385C9.766 4.415 6.729 4.004 5.059 4zm14.595 12.163V4.76a.782.782 0 00-.21-.54.704.704 0 00-.23-.163.67.67 0 00-.272-.057h-.002c-1.67.004-4.706.415-6.287 3.119a.764.764 0 00-.098.385v11.933c1.926-2.14 4.717-2.51 6.383-2.514.395-.001.716-.342.716-.76z",fill:"#fff"}),(0,x.jsx)("path",{d:"M21.284 6.63h-.518v9.533c0 1.067-.82 1.938-1.825 1.94-1.413.004-3.743.298-5.393 1.957 2.853-.742 5.862-.26 7.576.155a.673.673 0 00.607-.147.748.748 0 00.199-.264.795.795 0 00.07-.33V7.39c0-.42-.321-.76-.716-.76zm-18.05 9.533V6.629h-.518C2.32 6.63 2 6.97 2 7.39v12.085c0 .233.098.45.269.594a.673.673 0 00.607.147c1.714-.415 4.723-.898 7.576-.155-1.65-1.66-3.98-1.953-5.393-1.957-1.006-.002-1.825-.873-1.825-1.94z",fill:"#fff"})]})},{}),Writing:(0,x.jsx)(function(r){return(0,x.jsxs)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:[(0,x.jsx)("path",{d:"M3 4.594v14.812A2.607 2.607 0 005.594 22h11.13a2.607 2.607 0 002.594-2.594v-3.598l-.586.585c-.586.586-1.422 1.005-2.26 1.255l-1.757.335c-.753.168-1.59-.083-2.008-.67-.418-.501-.586-1.087-.418-1.756l.418-1.841c.167-.837.586-1.59 1.255-2.26l4.184-4.184c.335-.335.837-.67 1.256-.837v-1.84A2.607 2.607 0 0016.807 2H5.595A2.607 2.607 0 003 4.594zm4.1.335h8.034c.502 0 .837.335.837.837s-.335.837-.837.837H7.1c-.502 0-.836-.335-.836-.837 0-.419.418-.837.836-.837zm0 3.43h4.687c.502 0 .836.336.836.838s-.334.837-.836.837H7.1c-.502 0-.836-.335-.836-.837s.418-.837.836-.837z",fill:"#fff"}),(0,x.jsx)("path",{d:"M21.744 8.527c-.67-.67-1.84-.67-2.51 0l-4.184 4.184c-.419.419-.67.837-.753 1.423l-.419 1.757c-.084.251.168.502.419.419l1.84-.419c.503-.083 1.005-.418 1.423-.753l4.184-4.184c.67-.67.67-1.757 0-2.427z",fill:"#fff"})]})},{}),Listening:(0,x.jsx)(function(r){return(0,x.jsx)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:(0,x.jsx)("path",{d:"M22 15.496a2.52 2.52 0 01-2.52 2.52h-.39a2.562 2.562 0 01-3.336 1.406 2.554 2.554 0 01-1.594-2.371v-3.508a2.557 2.557 0 014.887-1.063v-.476A7.054 7.054 0 0012 4.957a7.054 7.054 0 00-7.047 7.047v.476a2.561 2.561 0 014.887 1.066v3.509a2.557 2.557 0 01-2.559 2.558 2.558 2.558 0 01-2.37-1.593H4.52a2.52 2.52 0 01-1.524-4.528V12c0-4.969 4.031-9 9.004-9 2.387 0 4.68.95 6.367 2.637a8.93 8.93 0 012.637 6.367v1.488c.629.477.996 1.219.996 2.004z",fill:"#fff"})})},{}),Speaking:(0,x.jsx)(function(r){return(0,x.jsx)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:(0,x.jsx)("path",{d:"M19.991 4.087a6.753 6.753 0 00-9.763 0 7.172 7.172 0 00-2.007 4.86l-1.635 3.21a.645.645 0 00.508.934l1.125.12v1.747A1.803 1.803 0 0010 16.778h1.703a.512.512 0 01.49.53v3.074a1.223 1.223 0 001.213 1.23h3.975a1.223 1.223 0 001.212-1.23V16.72C20.288 16.418 22 14.986 22 13.199V9.104a7.177 7.177 0 00-2.009-5.018zM6.516 15.676a.645.645 0 01-.645-.645v-.646a.645.645 0 111.29 0v.646a.645.645 0 01-.645.645zm-1.935 1.29a.645.645 0 01-.646-.645v-3.226a.645.645 0 011.29 0v3.226a.645.645 0 01-.644.645zm-1.936 1.29A.645.645 0 012 17.611v-5.806a.645.645 0 011.29 0v5.806a.645.645 0 01-.645.645z",fill:"#fff"})})},{})};var examResultCards=r=>{var c,p,w;let{data:y,isOnModal:C=!1}=r;return(0,x.jsxs)(I,{children:[(0,x.jsxs)("div",{className:"flex",children:[(0,x.jsxs)(F,{isOnModal:C,children:[(0,x.jsx)("p",{className:"value",children:null==y?void 0:null===(c=y.exam)||void 0===c?void 0:c.point}),(0,x.jsx)("p",{className:"info",children:"Final exam result"}),(0,x.jsx)(BackgroundSvg,{className:"bg"})]}),(0,x.jsxs)(F,{isOnModal:C,children:[(0,x.jsxs)("p",{className:"value",children:[null==y?void 0:y.attendance_percentage,"%"]}),(0,x.jsx)("p",{className:"info",children:"Attendance"}),(0,x.jsx)(BackgroundSvg,{className:"bg"})]})]}),(0,x.jsx)(B,{countOfColumn:C?2:((null==y?void 0:null===(p=y.components)||void 0===p?void 0:p.length)||0)>4?3:2,isOnModal:C,children:null==y?void 0:null===(w=y.components)||void 0===w?void 0:w.map((r,c)=>(0,x.jsxs)(H,{isOnModal:C,children:[(0,x.jsxs)("div",{className:"cn",children:[(0,x.jsxs)("div",{children:[(0,x.jsxs)("p",{className:"value-of-grammer",children:[r.point,"/",r.max_point]}),(0,x.jsx)("p",{className:"grammer",children:r.label})]}),(0,x.jsx)("div",{className:"img-container",children:X[r.label]})]}),(0,x.jsx)("div",{className:"mt",children:r.audio_file_url?(0,x.jsx)(audioElement,{audioUrl:r.audio_file_url}):(0,x.jsx)("div",{className:"wave"})})]},"points_".concat(c)))})]})};
73function otherCertificate_style_templateObject(){let r=(0,M._)(["\n .other-certificate {\n font-weight: 500;\n font-size: 18px;\n line-height: 1.22;\n color: #23262f;\n }\n\n .element {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 8px;\n gap: 8px;\n border-radius: 8px;\n cursor: pointer;\n }\n\n .element:hover {\n background: #eff0f2;\n }\n\n .level {\n font-weight: 500;\n font-size: 12px;\n line-height: 1.33;\n display: flex;\n align-items: center;\n color: #141416;\n }\n\n .items {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin-top: 16px;\n }\n\n .image-of-certificate {\n width: 130px;\n height: 182px;\n }\n\n @media (max-width: 576px) {\n .image-of-certificate {\n width: 163px;\n height: 228px;\n }\n\n .items {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 400px) {\n .image-of-certificate {\n width: 162px;\n height: 228px;\n }\n\n .items {\n display: grid;\n grid-template-columns: repeat(1, 1fr);\n place-items: center; /* Centers content horizontally and vertically */\n }\n }\n"]);return otherCertificate_style_templateObject=function(){return r},r}function otherCertificate_style_templateObject1(){let r=(0,M._)(["\n display: flex;\n flex-direction: row;\n padding: 4px 8px;\n gap: 4px;\n background: ",";\n border-radius: 6px;\n width: fit-content;\n font-weight: 600;\n font-size: 12px;\n line-height: 15px;\n align-items: center;\n color: #ffffff;\n margin-top: 6px;\n"]);return otherCertificate_style_templateObject1=function(){return r},r}let U=E.Z.div(otherCertificate_style_templateObject()),Y=E.Z.div(otherCertificate_style_templateObject1(),r=>r.is_passed?"#44b26b":"#E92857");var otherCertificate=r=>{var c,p;let{data:w,setIsOpen:y,setToken:C}=r,{t:j}=(0,T.$G)(["common","info"]);return 0==((null==w?void 0:null===(c=w.other_levels_exam)||void 0===c?void 0:c.length)||0)?null:(0,x.jsxs)(U,{children:[(0,x.jsx)("p",{className:"other-certificate",children:j("CERTIFICATE_PAGE.OTHER_CERTIFICATES")}),(0,x.jsx)("div",{className:"items",children:null==w?void 0:null===(p=w.other_levels_exam)||void 0===p?void 0:p.map((r,c)=>(0,x.jsxs)("div",{onClick:()=>{y(!0),C(r.token)},className:"element",children:[(0,x.jsx)("div",{children:(0,x.jsx)(N(),{alt:"image of user",src:r.thumbnail_url,className:"image-of-certificate",style:{objectFit:"cover",borderRadius:"4px"},width:200,height:300})}),(0,x.jsx)("p",{className:"level",children:r.name}),(0,x.jsxs)(Y,{is_passed:r.is_passed,children:[r.point," %"]})]},"sdfsdf_".concat(c)))})]})},Q=p(56697);function downloadModal_style_templateObject(){let r=(0,M._)(["\n width: 100%;\n display: flex;\n justify-content: flex-end;\n\n .btn-sm {\n display: none;\n height: 44px !important;\n }\n\n .btn-lg {\n display: flex;\n height: 44px !important;\n }\n\n @media (max-width: 690px) {\n justify-content: center;\n\n .wrapper-of-button:nth-child(2) {\n width: 100% !important;\n }\n\n .btn-sm {\n display: flex;\n width: 100% !important;\n }\n\n .btn-lg {\n display: none;\n }\n }\n"]);return downloadModal_style_templateObject=function(){return r},r}function downloadModal_style_templateObject1(){let r=(0,M._)(["\n font-weight: 700;\n font-size: 12px;\n line-height: 15px;\n letter-spacing: -0.01em;\n color: #23262f;\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n .cancel {\n width: 24px;\n height: 24px;\n margin-top: -4px;\n margin-right: -4px;\n backdrop-filter: blur(50px);\n background: #f4f5f6;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n }\n"]);return downloadModal_style_templateObject1=function(){return r},r}function downloadModal_style_templateObject2(){let r=(0,M._)(["\n .ant-modal-title {\n width: 100% !important;\n }\n\n .info-certificate {\n min-width: 280px;\n }\n\n .wrapper {\n display: flex;\n gap: 16px;\n }
73\n\n @media (max-width: 690px) {\n .info-certificate {\n min-width: auto;\n }\n\n .wrapper {\n flex-direction: column;\n }\n }\n"]);return downloadModal_style_templateObject2=function(){return r},r}let J=E.Z.div(downloadModal_style_templateObject()),K=E.Z.div(downloadModal_style_templateObject1()),tt=(0,E.Z)(Q.Z)(downloadModal_style_templateObject2());var te=p(95762),downloadModal=r=>{var c,p;let{token:w,open:y,setIsOpen:j}=r,{data:M,isFetching:E}=(0,C.useQuery)(["modal-certificate",w],()=>_.Z.getCertificateByApi({project:te.i.ars,action:"client_student_certificate_exam_result",query_params:{token:w.replaceAll(" ","+")}}),{enabled:!!w}),O=null==M?void 0:null===(c=M.data)||void 0===c?void 0:c.result;return(0,x.jsx)(tt,{open:y,onCancel:()=>j(!1),destroyOnClose:!0,centered:!0,closeIcon:!1,confirmLoading:E,style:{padding:0,maxWidth:"900px"},footer:(0,x.jsxs)(J,{children:[(0,x.jsxs)(L.zx,{className:"btn-lg",onClick:()=>(0,W.m)(O),children:[(0,x.jsx)(N(),{src:"/certificate/download.png",alt:"download",width:16,height:16}),"СкаÑаÑÑ"]}),(0,x.jsxs)(L.zx,{className:"btn-sm",onClick:()=>(0,W.m)(O),children:[(0,x.jsx)(N(),{src:"/certificate/download.png",alt:"download",width:16,height:16}),"СкаÑаÑÑ ÑеÑÑиÑикаÑ"]})]}),styles:{content:{maxHeight:"80vh",overflow:"auto",position:"relative",padding:0,scrollbarWidth:"none"},footer:{position:"sticky",bottom:0,display:"flex",flexDirection:"row",alignItems:"flex-start",padding:"16px",gap:"10px",background:"#FFFFFF",zIndex:1e3},body:{overflow:"auto",padding:"16px"},header:{position:"sticky",top:0,display:"flex",flexDirection:"row",alignItems:"flex-start",padding:"16px",gap:"10px",background:"#FFF",zIndex:999}},title:(0,x.jsxs)(K,{children:[(0,x.jsx)("p",{children:null==O?void 0:null===(p=O.exam)||void 0===p?void 0:p.level}),(0,x.jsx)("div",{className:"cancel",onClick:()=>j(!1),children:(0,x.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,x.jsx)("path",{opacity:"0.7",d:"M9.73641 0.263604C10.0879 0.615076 10.0879 1.18492 9.73641 1.5364L6.273 5L9.73641 8.46362C10.0586 8.7858 10.0854 9.29148 9.81695 9.64424L9.73641 9.73641C9.38494 10.0879 8.81509 10.0879 8.46362 9.73641L5 6.273L1.5364 9.73641C1.18492 10.0879 0.615076 10.0879 0.263604 9.73641C-0.0878679 9.38494 -0.0878679 8.81509 0.263604 8.46362L3.727 5L0.263604 1.5364C-0.0585786 1.21421 -0.0854272 0.708534 0.183058 0.355769L0.263604 0.263604C0.615076 -0.087868 1.18492 -0.087868 1.5364 0.263604L5 3.727L8.46362 0.263604C8.81509 -0.087868 9.38494 -0.087868 9.73641 0.263604Z",fill:"#353945"})})})]}),width:"80vw",children:(0,x.jsxs)("div",{className:"wrapper",children:[(0,x.jsx)(certificateInfo,{data:O,isOnModal:!0}),(0,x.jsx)(examResultCards,{data:O,isOnModal:!0})]})})},_certificateId_=()=>{var r;let c=(0,j.useRouter)(),[p,M]=(0,w.useState)(!1),[E,S]=(0,w.useState)(),{data:R,isFetching:N}=(0,C.useQuery)(["one-certificate",c.query.token],()=>{var r;return _.Z.getCertificateByApi({query_params:{token:(null===(r=c.query)||void 0===r?void 0:r.token).replaceAll(" ","+")}})},{enabled:!!c.query.token}),T=null==R?void 0:null===(r=R.data)||void 0===r?void 0:r.result;return(0,x.jsxs)(y.default,{spinning:N,children:[(0,x.jsxs)(O,{children:[(0,x.jsxs)(k,{children:[(0,x.jsxs)("div",{className:"item",children:[(0,x.jsx)(userInfo,{userProfile:null==T?void 0:T.userProfile}),(0,x.jsx)(certificateInfo,{data:T})]}),(0,x.jsx)("div",{className:"item",children:(0,x.jsx)(examResultCards,{data:T})})]}),(0,x.jsx)(k,{children:(0,x.jsx)(otherCertificate,{setToken:S,setIsOpen:M,data:T})})]}),(0,x.jsx)(downloadModal,{token:E,open:p,setIsOpen:M})]})}}}]); 74//# sourceMappingURL=424.cfa4882de40387c1.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.