const queryString=window.location.search,parameters=new URLSearchParams(queryString),app_id=parameters.get("game"),GetRequest=e=>new Promise(((t,n)=>{fetch(e,{method:"GET",mode:"cors"}).then((e=>{e.status>=200&&e.status<=299?e.text().then((e=>{t(e)})):n(new Error)})).catch((e=>n(e)))})),JSONPostRequest=(e,t)=>new Promise(((n,i)=>{fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:t,mode:"cors"}).then((e=>{e.status>=200&&e.status<=299?e.json().then((e=>{n(e)})):i(new Error)})).catch((e=>i(e)))}));class Action{_subs=[];constructor(...e){this._subs=e}AddCallback(e){if("function"!=typeof e)throw new Error("Invalid parameter type for 'callback': "+typeof e+". Expected 'function'.");this._subs.push(e)}RemoveCallback(e){this._subs.splice(this._subs.findIndex((t=>t==e)))}Invoke(e){for(let t=0;t<this._subs.length;t++)null!=this._subs[t]&&this._subs[t](e)}}if(null==app_id){let e=()=>{ShowPopupModal("App not found!",e)};e(),location.replace("https://isotopic.io/game-store")}let firstLoad=!0;const APIBaseURL="https://dapp.isotopic.io",API={GetGameDetails:()=>new Promise(((e,t)=>{GetRequest(`https://dapp.isotopic.io/api/v1/store/details/${app_id}`).then((t=>{e(JSON.parse(t))})).catch((e=>{t(e)}))})),GetGameImageSrcURL:e=>`https://dapp.isotopic.io/api/v1/store/files/${app_id}/page_images/?index=${e}`,GetGameMainImageSrcURL:()=>`https://dapp.isotopic.io/api/v1/store/files/${app_id}/page_main_image`,GetGameWeb3Details:()=>new Promise(((e,t)=>{GetRequest(`https://dapp.isotopic.io/api/v1/store/web3/${app_id}`).then((t=>{e(JSON.parse(t))})).catch((e=>{t(e)}))})),GetUserWallets:()=>JSONPostRequest("https://dapp.isotopic.io/api/v1/wallet/get",JSON.stringify({session_id:User.GetSessionID()})),GetUserRating:()=>new Promise(((e,t)=>{GetRequest(`https://dapp.isotopic.io/api/v1/store/rating/?user_id=${User.GetUserID()}&app_id=${app_id}`).then((t=>{e(JSON.parse(t))})).catch((e=>{t(e)}))})),SetUserRating:e=>JSONPostRequest("https://dapp.isotopic.io/api/v1/store/rate",JSON.stringify({session_id:User.GetSessionID(),app_id:app_id,rating:e})),GetAppCategories:()=>new Promise(((e,t)=>{GetRequest("https://dapp.isotopic.io/api/v1/store/categories").then((t=>{e(JSON.parse(t))})).catch((e=>t(e)))})),GetComments:()=>new Promise(((e,t)=>{GetRequest(`https://dapp.isotopic.io/api/v1/store/comments/${app_id}`).then((t=>{e(JSON.parse(t))})).catch((e=>{t(e)}))})),AddNewComment:(e,t=null)=>JSONPostRequest(`https://dapp.isotopic.io/api/v1/store/comments/${app_id}/post`,JSON.stringify({session_id:User.GetSessionID(),content:e,parent_id:t})),Analytics:()=>{JSONPostRequest("https://dapp.isotopic.io/api/v1/analytics/entry",JSON.stringify({session_id:MyAccount.session_id,action:1==firstLoad?"visit":"stay",app_id:app_id,data:{userAgent:navigator?.userAgent}})),firstLoad=!1},GetICPUploads:e=>new Promise(((t,n)=>{GetRequest(`https://dapp.isotopic.io/api/v1/icp/get-app-downloads/?app_id=${e}`).then((e=>{t(JSON.parse(e))})).catch((e=>n(e)))})),GetShortByID:e=>new Promise(((t,n)=>{GetRequest(`https://dapp.isotopic.io/api/v1/shorts/${e}/details`).then((e=>{t(JSON.parse(e))})).catch((e=>n(e)))})),GetShortsByApp:e=>JSONPostRequest("https://dapp.isotopic.io/api/v1/shorts/get_app_shorts",JSON.stringify({app_id:e}))},OpenAndWaitForLogin=()=>new Promise(((e,t)=>{$("body").addClass("edgtf-right-side-menu-opened"),$(".edgtf-side-menu-button-opener, .edgtf-icon-has-hover, .edgtf-side-menu-button-opener-svg-path").addClass("opened");const n=t=>{e(t),MyAccount.OnAccountSet.RemoveCallback(n)};MyAccount.OnAccountSet.AddCallback(n)}));let details,web3details,icpUploads,storesidebarRes=GetRequest("https://dapp.isotopic.io/games-page/sidebar").catch((e=>{throw e})),OnAppReady=new Action,icpUploadsProm=API.GetICPUploads(app_id).then((e=>{icpUploads=e,window.icpUploads=e})).catch((e=>{console.log(e)}));const gamePagePromises=[API.GetGameDetails().then((e=>{details=e,window.details=e,document.title=details.title})).catch((e=>{console.log(e)})),API.GetGameWeb3Details().then((e=>{web3details=e,window.web3details=e})).catch((e=>{console.log(e)}))],getAppCategoriesPromise=API.GetAppCategories();$("head").append('<link rel="stylesheet" href="https://dapp.isotopic.io/games-page/css" type="text/css" />'),$(document).ready((async()=>{const e=$("#store-sidebar");let t=await storesidebarRes;e.html(t);try{$("#nav-menu-item-8859").addClass("edgtf-active-item"),$("#mobile-store-btn").addClass("red-underline")}catch{}const n=API.GetShortsByApp(app_id),i=import("https://dapp.isotopic.io/modules/video.min.js");await Promise.all(gamePagePromises),OnAppReady.Invoke(details);let a=!0;if(null==details||"fail"==details.result)return setTimeout((()=>{window.history.back(),setTimeout((()=>{window.location.href="https://isotopic.io/game-store/"}),200)}),2e3);MyAccount.OnReady.then((()=>{API.Analytics(),setInterval((()=>{API.Analytics()}),6e4)})),null!=web3details.web3_enabled&&0!=web3details.web3_enabled||(a=!1);const s=e=>new Promise(((t,n)=>{setTimeout(t,e)})),l=$("#single-game"),o='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: none; display: inline; shape-rendering: auto;height: 2em;line-height: 1;top: 0.5em;position: relative; margin-left: 2%;" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">\n     <g transform="rotate(0 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8888888888888888s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(40 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7777777777777778s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(80 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(120 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5555555555555556s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(160 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4444444444444444s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(200 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(240 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2222222222222222s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(280 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.1111111111111111s" repeatCount="indefinite"></animate>\n       </rect>\n     </g><g transform="rotate(320 50 50)">\n       <rect x="47" y="19.5" rx="2.4" ry="2.4" width="6" height="15" fill="#ffffff">\n         <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>\n       </rect>\n     </g>\n     </svg>';const c=async()=>{if(navigator?.userAgent?.indexOf("Electron")>=0)return;const e=$("#game-buttons-container"),t=$("#myDropdown");e.html(""),t.html("");const n=(e,t,n,i=null,a=null)=>`\n        ${null!=i?`<a class="single-game-btn" href="${i}" target="_blank">`:""}\n            <div id="${e}" style="${null!=i?"width: 100%; margin: 0 0 0 0;":""}" role="button" class="${a??""} elementor-button-link elementor-button ${n?"single-game-btn glow-lite":"single-game-btn-disabled remove-animations"}">\n                <span class="elementor-button-content-wrapper">\n                    <span id="play-button-text" class="single-game-btn-text">${t}</span>\n                </span>\n            </div>\n        ${null!=i?"</a>":""}`,i=(t,i,a,s=null,l=null)=>{console.log("GetAndInjectButton: "+i);let o=n(t,i,a,s,l);return $(o).appendTo(e),$(`#${t}`)},l=(e,t)=>{t?(e.removeClass("single-game-btn-disabled"),e.addClass("single-game-btn"),e.addClass("glow-lite"),e.removeClass("remove-animations")):(e.addClass("single-game-btn-disabled"),e.removeClass("single-game-btn"),e.removeClass("glow-lite"),e.addClass("remove-animations")),e.active=t};((e,n,i,a=null,s=null)=>{console.log("GetAndInjectButtonToDotMenu: "+n);let l=((e,t,n,i=null,a=null)=>`\n        ${null!=i?`<a class="" href="${i}">`:""}\n            <div browseronly="true" id="${e}" style="${null!=i?"width: 100%; margin: 0 0 0 0;":""}" role="button" class="${a??""} elementor-button-link elementor-button ${n?"":"single-game-btn-disabled remove-animations"}">\n                <span class="dot-menu-content-wrapper">\n                    <span id="dot-menu-entry-text" class="">${t}</span>\n                </span>           \n            </div>\n        ${null!=i?"</a>":""}`)(e,n,i,a,s);$(l).appendTo(t),$(`#${e}`)})("game-download-button-2","VIEW IN CLIENT",!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),"isotopic-client://game?game="+app_id,"dot-menu-entry");let r="",d=!1,p=null;if("string"==typeof details?.app_links){let e={};try{e=JSON.parse(details.app_links),"string"==typeof e.playstore&&(r+=`\n                    <a href="${e.playstore}" target="_blank"><img src="https://dapp.isotopic.io/media/mobile-stores/get-on-google-play.png" style="margin: 10px;width: 150px;"></a>\n                    `,d=!0),"string"==typeof e.appstore&&(r+=`\n                    <a href="${e.appstore}" target="_blank"><img src="https://dapp.isotopic.io/media/mobile-stores/get-on-app-store.png" style="margin: 10px;width: 150px;"></a>\n                    `,d=!0),"string"==typeof e.requires_asset&&(p=e.requires_asset)}catch{}}if(details.available_to_play||d)if(a)try{if(!MyAccount.IsLoggedIn){if(1==MyAccount.IsReady){i("game-buy-button","LOGIN TO BUY",!0,null,"single-game-btn-desc").click((()=>{MyAccount.OpenMyAccount(),MyAccount.OnAccountSet.AddCallbackOneOff((()=>{MyAccount.CloseMyAccount()}))}));let t="";t="0"==details.price?"FREE":details.price+"$";const n=`<div class="single-game-btn-price"><p class="single-game-btn-price-txt">${t}</p></div>`;return void $(n).appendTo(e)}i("game-buy-button","BUY GAME",!1,null,"single-game-btn-desc");await MyAccount.OnReady,c();return}let t=i("game-buy-button","BUY GAME",!1,null,"single-game-btn-desc"),a=!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),r=i("game-download-button","DOWNLOAD",a,null,"single-game-btn-desc");l(r,a);let d="";d="0"==details.price?"FREE":details.price+"$";let p="";null!=details.discount&&0!=details.discount&&(p=details.price/(details.discount/100),p=`<p class="discount-original-price" style="">${p}$</p>`);const m=`<div class="single-game-btn-price"><p class="single-game-btn-price-txt">${d}</p></div>`;$("#original-price").text(p),$(m).appendTo(e),r.click((()=>{r.active&&ShowPopupModal(`\n                        <h6 style="padding: 0 30px 0 0;">DOWNLOAD THROUGH ISOTOPIC CLIENT</h6>\n                        <p>You must download the Isotopic Client application to install this game.</p><br>\n                        <a target="_blank" href="https://dapp.isotopic.io/downloads/client/IsotopicClientInstaller.exe" style="">\n                            <div style="width: auto;" role="button" class="elementor-button-link elementor-button single-game-btn glow-lite">\n                                <span class="elementor-button-content-wrapper">\n                                    <span class="elementor-button-text">DOWNLOAD ISOTOPIC CLIENT</span>\n                                </span>\n                            </div>\n                        </a>\n                        <p></p>\n                        <a href="isotopic-client://game?game=${app_id}">\n                            <div style="width: auto;" role="button" class="elementor-button-link elementor-button single-game-btn glow-lite">\n                                <span class="elementor-button-content-wrapper">\n                                    <span class="elementor-button-text">OPEN PAGE ON CLIENT</span>\n                                </span>\n                            </div>\n                        </a>\n                    `)})),await Web3Bundle.OnReady;let g=Web3Bundle.Web3Client,u=Web3Bundle.Sequence,h=new g.Web3AppContractInterface(web3details.contract_address,web3details.contract_abi,web3details.payment_contract_address,web3details.payment_contract_abi),v=await h.GetCost(),w=await h.GetPaymentTokenDecimals(),y=(parseInt(v)/10**parseInt(w)).toFixed(2);try{let e=await MyAccount.GetLinkedWallets(),t=!1;for(let n=0;n<e.length;n++)try{let i=await h.BalanceOf(e[n].address);if(parseInt(i)>0){t=!0;break}}catch{}}catch{}let b='<?xml version="1.0" encoding="utf-8"?>\x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n                <svg width="50px" height="30px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><defs></defs><polyline class="single-game-btn-buy-icon" points="23.971 35.016 26.233 35.016 26.959 38.431 23.624 38.431"/><polyline class="single-game-btn-buy-icon" points="42.158 31.771 30.588 31.984 26.233 35.016 26.617 16.784 29.008 10.85 40.621 6.239 42.5 11.96 40.792 18.706 40.963 22.121 39.853 23.759 42.158 31.771 40.066 40.267 31.527 37.62 26.959 41.761 23.971 41.761"/><line class="single-game-btn-buy-icon" x1="39.8529" y1="23.7591" x2="31.698" y2="21.3529"/><line class="single-game-btn-buy-icon" x1="40.7922" y1="18.7057" x2="42.2865" y2="18.4496"/><line class="single-game-btn-buy-icon" x1="42.2865" y1="20.3282" x2="40.8818" y2="20.4987"/><line class="single-game-btn-buy-icon" x1="26.4389" y1="25.2438" x2="34.3878" y2="25.0674"/><polyline class="single-game-btn-buy-icon" points="35.647 31.891 31.527 37.62 30.588 31.984 34.388 25.067 31.698 21.353 26.617 16.784 40.621 6.239"/><line class="single-game-btn-buy-icon" x1="26.2329" y1="35.0155" x2="31.5272" y2="37.6199"/><polygon class="single-game-btn-buy-icon" points="27.45 29.663 30.636 28.478 28.362 27.293 27.45 29.663"/><line class="single-game-btn-buy-icon" x1="29.0081" y1="10.8497" x2="23.9708" y2="10.8497"/><polyline class="single-game-btn-buy-icon" points="24.029 35.016 21.767 35.016 21.041 38.431 23.624 38.431"/><polyline class="single-game-btn-buy-icon" points="5.842 31.771 17.412 31.984 21.767 35.016 21.383 16.784 18.992 10.85 7.379 6.239 5.5 11.96 7.208 18.706 7.037 22.121 8.147 23.759 5.842 31.771 7.934 40.267 16.473 37.62 21.041 41.761 24.029 41.761"/><line class="single-game-btn-buy-icon" x1="8.1471" y1="23.7591" x2="16.302" y2="21.3529"/><line class="single-game-btn-buy-icon" x1="7.2078" y1="18.7057" x2="5.7135" y2="18.4496"/><line class="single-game-btn-buy-icon" x1="5.7135" y1="20.3282" x2="7.1182" y2="20.4987"/><line class="single-game-btn-buy-icon" x1="21.5611" y1="25.2438" x2="13.6122" y2="25.0674"/><polyline class="single-game-btn-buy-icon" points="12.353 31.891 16.473 37.62 17.412 31.984 13.612 25.067 16.302 21.353 21.383 16.784 7.379 6.239"/><line class="single-game-btn-buy-icon" x1="21.7671" y1="35.0155" x2="16.4728" y2="37.6199"/><polygon class="single-game-btn-buy-icon" points="20.55 29.663 17.364 28.478 19.638 27.293 20.55 29.663"/><line class="single-game-btn-buy-icon" x1="18.9919" y1="10.8497" x2="24.0292" y2="10.8497"/></svg>',x='<?xml version="1.0" encoding="utf-8"?>\x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n                <svg width="50px" height="30px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><defs></defs><rect class="single-game-btn-buy-icon" x="4.5" y="9.5" width="39" height="29" rx="3"/><line class="single-game-btn-buy-icon" x1="4.5" y1="16.5" x2="43.5" y2="16.5"/><line class="single-game-btn-buy-icon" x1="33.5" y1="34.5" x2="33.5" y2="32.5"/><line class="single-game-btn-buy-icon" x1="36.5" y1="34.5" x2="36.5" y2="32.5"/><line class="single-game-btn-buy-icon" x1="39.5" y1="34.5" x2="39.5" y2="32.5"/></svg>';l(t,!0),t.click((()=>{t.active&&function e(){let t=`\n                        <h4>${details.title}</h4>\n                        <div class="flex-row" style="width: 100%; flex-wrap: wrap; gap: 20px;">\n                            <div class="flex-column" style="width:28%;">\n                                <img style="width: 100%; aspect-ratio: 2/3; border-radius: 10px; object-fit: cover;" src="${API.GetGameMainImageSrcURL()}"/>\n                            </div>\n                            <div class="flex-column" style="width:65%;">\n                                \n                                <div style="display: flex;flex-flow: column;background-color: #2f2f39;border-radius: 10px;padding: 20px;">\n                                    <div>\n                                        <div style="display: flex; justify-content: space-between;">\n                                            <div>Total:</div>\n                                            <div class="single-game-buy-price"> ${y} USD</div>\n                                        </div>\n                                        <div>\n                                            <p>Payment options:</p>\n                                        </div>\n                                    </div>\n\n                                    ${n("buy-with-sequence",x+"CREDIT CARD",!1,null,"single-game-btn-buy")}\n                                    ${n("buy-with-injected",b+"WEB3 WALLET",!1,null,"single-game-btn-buy")}\n                                    \n                                    <p style="font-size: 12px;">By buying this game, you accept our <u>Terms And Conditions.</u><br>Payment in <a href="https://polygonscan.com/address/${web3details.payment_contract_address}" target="_blank">Polygon USDC</a>. View License on <a href="https://polygonscan.com/address/${web3details.contract_address}" target="_blank">PolygonScan.</a></p>\n\n                                    <div style="display: none;" id="mint-checks-container" class="flex-column">\n                                        <p id="connect-acc-p">Connect Account ${o}</p>\n                                        <p id="connect-bal-p">Balance Available ${o}</p>\n                                        <p id="approve-con-p">Approve Contract ${o}</p>\n                                        <p id="mint-p">Mint NFT ${o}</p>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        `;ShowPopupModal(`<div style="min-width: 20vw; max-width: 80vw; width: 800px; display: flex; flex-direction: column; align-items: center;  padding: 0 30px;">${t}</div>`);let i=$("#buy-with-injected"),a=$("#buy-with-sequence");i.click((async()=>{if(!i.active)return;$("#popup-modal-close").css("color","unset"),$("#popup-modal-close").off("click"),l(i,!1),l(a,!1),$("#mint-checks-container").css("display","unset");const t=$("#connect-acc-p"),n=$("#connect-bal-p"),r=$("#approve-con-p"),d=$("#mint-p");t.html(`Connect Account ${o}`),n.html(`Balance Available ${o}`),r.html(`Approve Contract ${o}`),d.html(`Mint NFT ${o}`);let p=await g.ConnectWallet();if(null==p)return t.text("Connect Account ❌"),n.text("Balance Available ❌"),r.text("Approve Contract ❌"),d.text("Mint NFT ❌"),await s(2e3),e();t.text("Connect Account ✅");let m=await h.GetCost(),u=await h.PaymentBalanceOf(p);if(BigInt(u)<BigInt(m))return n.text("Balance Available ❌"),r.text("Approve Buying ❌"),d.text("Buy Game ❌"),await s(3e3),void ShowPopupModal("Not enough balance, <br>Please add funds to your wallet first, or use a different option.",e);if(n.text("Balance Available ✅"),!await h.IsApprovedFor(m)){if(!await h.Approve(m))return r.text("Approve Contract ❌"),d.text("Mint NFT ❌"),await s(2e3),e()}if(r.text("Approve Contract ✅"),!await h.Buy(1))return d.text("Mint NFT ❌"),await s(2e3),e();await s(1500),d.text("Mint NFT ✅"),1==(await MyAccount.GetLinkedWallets()).filter((e=>e.address==p)).length?(ClosePopupModal(),c()):ShowPopupModal("You can download this game after linking the wallet to your account.",(()=>{MyAccount.OpenWallets()})),ShowNotification(`Succesfully bought:<br>${details.title}`)})),a.click((async()=>{if(!a.active)return;$("#popup-modal-close").css("color","unset"),$("#popup-modal-close").off("click"),$("#mint-checks-container").css("display","unset");const t=$("#connect-acc-p"),n=$("#connect-bal-p"),r=$("#approve-con-p"),d=$("#mint-p");if(t.html(`Connect to Sequence ${o}`),n.html(`Balance Available ${o}`),n.css("display","unset"),r.html(`Approve Buying ${o}`),d.html(`Buy Game ${o}`),l(i,!1),l(a,!1),null==u?.connectDetails?.connected){await u.ConnectAndAuthWallet();if(1!=u?.connectDetails?.connected)return t.text("Connect to Sequence ❌"),n.text("Balance Available ❌"),r.text("Approve Buying ❌"),d.text("Buy Game ❌"),await s(2e3),e()}let p=await u.Wallet.getAddress();t.text("Connect to Sequence ✅");let m=u.GetAppContractInterface(web3details.contract_address,web3details.contract_abi,web3details.payment_contract_address,web3details.payment_contract_abi),g=await m.GetCost();if(await m.PaymentBalanceOf(p)<g)return n.text("Balance Available ❌"),r.text("Approve Buying ❌"),d.text("Buy Game ❌"),await s(3e3),ShowPopupModal("Not enough balance, <br>Please add funds to your wallet first.",e),void u.AskForFunds();if(n.text("Balance Available ✅"),!await m.IsApprovedFor(p,g)){if(!await m.Approve(g))return r.text("Approve Buying ❌"),d.text("Buy Game ❌"),await s(2e3),e()}r.text("Approve Contract ✅");let h=!0;if(h=await m.Buy(p,1).catch((e=>h=!1)),!h)return d.text("Buy Game ❌"),await s(2e3),e();await s(1500),d.text("Buy Game ✅"),1==(await MyAccount.GetLinkedWallets()).filter((e=>e.address==p)).length?(ClosePopupModal(),c()):ShowPopupModal("You can download this game after linking Sequence to your account.",(()=>{MyAccount.OpenWallets(),c()})),ShowNotification(`Succesfully bought:<br>${details.title}`)})),g.IsWeb3BrowserCompatible&&l(i,!0),l(a,!0)}()}))}catch(e){console.log(e),ShowNotification("An error occured while getting game's info.<br>Some data or functionalities might be missing from this page.","error-web3-retrieval",null,1e4)}else{if(0!=details.platform.split("-").filter((e=>["pc","mobile","vr"].includes(e))).length||d){let e=i("game-buy-button","DOWNLOAD GAME",!0,null,"single-game-btn-desc"),t=MyAccount.session_id??"isotopic-tester";e.click((async()=>{if(await icpUploadsProm,DownloadsHTML="<h6>SELECT PLATFORM TO DOWNLOAD</h6>",details.platform.includes("pc")){let e=`https://dapp.isotopic.io/games/${app_id}/download.zip?user=${t}`,n=`https://dapp.isotopic.io/api/v1/icp/downloads/${icpUploads?.data?.pc??""}`,i=null!=icpUploads?.data?.pc,a=details.downloads_available.includes("pc");DownloadsHTML+=`\n                        <div style="display: flex; flex-direction: row; width:100%; align-items: center;">\n                            ${a?`<a style="width:100%;" target="_blank" href="${i?n:e}">`:""}<div style="width: auto; margin: 10px;" role="button" class="elementor-button-link elementor-button ${details.downloads_available.includes("pc")?"single-game-btn glow-lite":"singe-game-btn-disabled remove-animations"}">\n                                <span class="elementor-button-content-wrapper">\n                                    <span class="elementor-button-text">WINDOWS${details.downloads_available.includes("pc")?"":" (COMING SOON)"}</span>\n                                </span>\n                            </div>${a?"</a>":""}\n                            ${i?'<img src="https://dapp.isotopic.io/media/icp-token-logo.png" style="width:40px; margin: 0 10px;"/>':""}\n                        </div>`}if((details.platform.includes("mobile")||details.platform.includes("android"))&&0==d){let e=`https://dapp.isotopic.io/games/${app_id}/download.apk?user=${t}`,n=`https://dapp.isotopic.io/api/v1/icp/downloads/${icpUploads?.data?.mobile??""}`,i=null!=icpUploads?.data?.mobile,a=details.downloads_available.includes("mobile");DownloadsHTML+=`\n                        <div style="display: flex; flex-direction: row; width:100%; align-items: center;">\n                            ${a?`<a style="width:100%;" target="_blank" href="${i?n:e}">`:""}<div style="width: auto; margin: 10px;" role="button" class="elementor-button-link elementor-button ${details.downloads_available.includes("mobile")?"single-game-btn glow-lite":"singe-game-btn-disabled remove-animations"}">\n                                <span class="elementor-button-content-wrapper">\n                                    <span class="elementor-button-text">ANDROID${details.downloads_available.includes("mobile")?"":" (COMING SOON)"}</span>\n                                </span>\n                            </div>${a?"</a>":""}\n                            ${i?'<img src="https://dapp.isotopic.io/media/icp-token-logo.png" style="width:40px; margin: 0 10px;"/>':""}\n                        </div>`}if(details.platform.includes("vr")){let e=`https://dapp.isotopic.io/games/${app_id}/download-vr.apk?user=${t}`,n=`https://dapp.isotopic.io/api/v1/icp/downloads/${icpUploads?.data?.vr??""}`,i=null!=icpUploads?.data?.vr,a=details.downloads_available.includes("vr");DownloadsHTML+=`\n                        <div style="display: flex; flex-direction: row; width:100%; align-items: center;">\n                            ${a?`<a style="width:100%;" target="_blank" href="${i?n:e}">`:""}<div style="width: auto; margin: 10px;" role="button" class="elementor-button-link elementor-button ${details.downloads_available.includes("vr")?"single-game-btn glow-lite":"singe-game-btn-disabled remove-animations"}">\n                                <span class="elementor-button-content-wrapper">\n                                    <span class="elementor-button-text">VR${details.downloads_available.includes("vr")?"":" (COMING SOON)"}</span>\n                                </span>\n                            </div>${a?"</a>":""}\n                            ${i?'<img src="https://dapp.isotopic.io/media/icp-token-logo.png" style="width:40px; margin: 0 10px;"/>':""}\n                        </div>`}if(details.platform.includes("mac")){let e=`https://dapp.isotopic.io/games/${app_id}/download-mac.zip?user=${t}`,n=`https://dapp.isotopic.io/api/v1/icp/downloads/${icpUploads?.data?.mac??""}`,i=null!=icpUploads?.data?.mac,a=details.downloads_available.includes("mac");DownloadsHTML+=`\n                        <div style="display: flex; flex-direction: row; width:100%; align-items: center;">\n                            ${a?`<a style="width:100%;" target="_blank" href="${i?n:e}">`:""}<div style="width: auto; margin: 10px;" role="button" class="elementor-button-link elementor-button ${details.downloads_available.includes("mac")?"single-game-btn glow-lite":"singe-game-btn-disabled remove-animations"}">\n                                <span class="elementor-button-content-wrapper">\n                                    <span class="elementor-button-text">MAC${details.downloads_available.includes("mac")?"":" (COMING SOON)"}</span>\n                                </span>\n                            </div>${a?"</a>":""}\n                            ${i?'<img src="https://dapp.isotopic.io/media/icp-token-logo.png" style="width:40px; margin: 0 10px;"/>':""}\n                        </div>`}if(details.platform.includes("linux")){let e=`https://dapp.isotopic.io/games/${app_id}/download-linux.zip?user=${t}`,n=`https://dapp.isotopic.io/api/v1/icp/downloads/${icpUploads?.data?.linux??""}`,i=null!=icpUploads?.data?.linux,a=details.downloads_available.includes("linux");DownloadsHTML+=`\n                        <div style="display: flex; flex-direction: row; width:100%; align-items: center;">\n                            ${a?`<a style="width:100%;" target="_blank" href="${i?n:e}">`:""}<div style="width: auto; margin: 10px;" role="button" class="elementor-button-link elementor-button ${details.downloads_available.includes("linux")?"single-game-btn glow-lite":"singe-game-btn-disabled remove-animations"}">\n                                <span class="elementor-button-content-wrapper">\n                                    <span class="elementor-button-text">LINUX${details.downloads_available.includes("linux")?"":" (COMING SOON)"}</span>\n                                </span>\n                            </div>${a?"</a>":""}\n                            ${i?'<img src="https://dapp.isotopic.io/media/icp-token-logo.png" style="width:40px; margin: 0 10px;"/>':""}\n                        </div>`}if(DownloadsHTML+=`\n                    <div style="width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;">\n                        ${r}\n                    </div>\n                    `,null!=p)return ShowPopupModalConfirm("<h6>Notice</h6><p>This download is free, but the game requires the purchace of assets for access.</p>","Learn More","View Downloads",(()=>{ShowPopupModal(DownloadsHTML)}),(()=>{window.open(p,"_blank")}));ShowPopupModal(DownloadsHTML)}))}details.platform.includes("web")&&(i("game-play-web","PLAY ON BROWSER",!0,`https://dapp.isotopic.io/games/${app_id}/web/index.html?user=isotopic-tester`,"single-game-btn-desc"),details.downloads_available.includes("web")||l($("#game-play-web"),!1));let t="";null!=details.discount&&0!=details.discount&&(t=details.price/(details.discount/100),t=`${t}$`);let n="";n="0"==details.price?"FREE":details.price+"$";const a=`<div class="single-game-btn-price"><p class="single-game-btn-price-txt">${n}</p></div>`;$("#original-price").text(t),$(a).appendTo(e)}else{i("game-unavailable-button",details.special_tags?.includes("coming_soon")?"COMING SOON":"NOT AVAILABLE",!1,null,"single-game-btn-desc")}};MyAccount.OnAccountSet.AddCallback(c);const r=()=>{const e=$("#comment-section-div"),t=(e,t,n,i,a,s)=>{let l=$(`<div>\n            <div class="indented-comment-container">\n                <div class="indented-comment-line"></div>\n                <div class="comment-container other-game-comment">\n                    <img class="comment-profile-pic" src="https://dapp.isotopic.io/api/v1/user/profile/pic/get?user_id=${e}"/>\n                    <div class="flex-column">\n                        <h6 id="comment-username-${n}" class="comment-title"></h6>\n                        <p style="white-space: pre-line;" id="comment-content-${n}"></p>\n                    </div>\n                </div>\n            </div>\n            </div>`);l.find(`#comment-username-${n}`).html(`${t} <gray>- ${s}</gray>`),l.find(`#comment-content-${n}`).text(a);let o=l.html();$(o).insertAfter($(`#comment-id-${i}`))};API.GetComments().then((n=>{if("fail"==n)return e.append("<p>An issue occured while loading comments.</p>");n.comments.forEach((t=>{null==t.parent_id&&e.append(((e,t,n,i,a)=>{let s=$(`<div>\n            <div id="comment-id-${n}" class="comment-container other-game-comment">\n                <img class="comment-profile-pic" src="https://dapp.isotopic.io/api/v1/user/profile/pic/get?user_id=${e}"/>\n                <div class="flex-column" style="width: 100%;">\n                    <h6 id="comment-username-${n}" class="comment-title"></h6>\n                    <p style="white-space: pre-line;" id="comment-content-${n}"></p>\n                    <div style="display: flex; flex-direction: row-reverse;">\n                        <h6 style="margin: 0 24px;" comment_id="${n}" class="reply-comment-button">Reply</h6>\n                    </div>\n                </div>\n            </div>\n            </div>`);return s.find(`#comment-username-${n}`).html(`${t} <gray>- ${a}</gray>`),s.find(`#comment-content-${n}`).text(i),s.html()})(t.user_id,t.username,t.comment_id,t.content,t.created_at))})),n.comments.forEach((e=>{null!=e.parent_id&&null!=n.comments.find((t=>t.comment_id==e.parent_id))&&t(e.user_id,e.username,e.comment_id,e.parent_id,e.content,e.created_at)})),$(".reply-comment-button").click((function(){$(".replying-comment-container").remove();let i=$(this).attr("comment_id"),a=n.comments.find((e=>e.comment_id==i))?.username,s=$(`<div>\n                <div class="indented-comment-container replying-comment-container">\n                    <div class="indented-comment-line"></div>\n                    <div class="comment-container other-game-comment" style="padding-bottom: 10px;">\n                        <img class="comment-profile-pic" src="https://dapp.isotopic.io/api/v1/user/profile/pic/get?user_id=${MyAccount.user_id}"/>\n                        <div class="flex-column" style="width:100%;">\n                            <h6 id="comment-username-reply-${i}" class="comment-title"></h6>\n                            <textarea rows="3" id="new-reply-content" placeholder="Type your reply..." style="margin-top:10px;"></textarea>\n                            <div class="flex-column span-width" style="padding: 15px 0px 0px 0px">\n                                <div id="post-reply-button" role="button" class="elementor-button-link elementor-button comment-game-btn">\n                                    <span class="elementor-button-content-wrapper" style="position: relative; bottom: 5px;">\n                                        <span class="elementor-button-text">POST</span>\n                                    </span> \n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                </div>`);s.find(`#comment-username-reply-${i}`).html(`Replying to ${a}:`);let l=s.html(),o=$(`#comment-id-${i}`).next(":not(.indented-comment-container)");0==o.length?e.append($(l)):$(l).insertBefore(o);$("#post-reply-button").click((()=>{let e=$("#new-reply-content").val();$("#new-reply-content").attr("disabled",!0),API.AddNewComment(e,i).then((n=>{if("fail"==n.result)return $(".replying-comment-container").remove(),void ShowNotification(`Reply Failed: ${n.error}`,"reply-sent",null,4e3,!1);((e,n,i,a)=>{$(".replying-comment-container").remove(),t(MyAccount.user_id,MyAccount.username,i,n,e,a)})(e,i,n.comment_id,"Just now")})).catch((e=>{ShowNotification("Reply failed, try again later!","reply-sent",null,3e3,!1),$(".replying-comment-container").remove()}))}))}))}));MyAccount.OnAccountSet.AddCallback((()=>{$("#new-comment-profile-img").attr("src",`https://dapp.isotopic.io/api/v1/user/profile/pic/get?user_id=${MyAccount.user_id}`)})),$("#post-comment-button").click((()=>{if(null==MyAccount.session_id)return ShowPopupModal("You must be logged in to comment!",OpenAndWaitForLogin);API.AddNewComment($("#new-comment-content").val()).then((e=>{if("fail"==e.result)return ShowPopupModal(e.error);$(".other-game-comment").remove(),r()})),$("#new-comment-content").val("")}))};(async()=>{const e=(e=1)=>1===e?'<svg width="20" height="20" class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="red" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>':0===e?'<svg width="20" height="20" class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>':void 0;l.append(`\n            <h4 class="decorated-header-red">\n                <span style="padding-left: 0;">${details.title}</span>\n            </h4>\n            <style>\n                .clickable {\n                    cursor: pointer;\n                }\n                .fluidvids {\n                    \n                    height: fit-content !important;\n                    aspect-ratio: 1/0.55;\n                }\n                svg {\n                    pointer-events: none;\n                }\n            </style>\n\n            <div style="margin: -10px 0 20px 0; flex-wrap: wrap;" id="special-tags-container" class="flex-row">\n\n            </div>\n                \n            <div class="single-game-main-wrapper">\n                <div class="single-game-scrollable">\n                    \x3c!--MAIN DISCRIPTION--\x3e\n                    <div class="single-game-sticky-content">\n                        <div class="single-game-main-description">\n                            <div class="single-game-img-wrapper">\n                                \x3c!--MAIN DESCRIPTION IMAGE--\x3e\n                                <div class="single-game-main-image">\n                                    <div class="hover01" style="width:100%;">\n                                        <figure class="card rounded" style="width: 100%;height: 100%;">\n                                            <img id="clickable-image-main" class="myImg" image-index="0" imageurl="${API.GetGameMainImageSrcURL()}" style="height: 100%; aspect-ratio: 2 / 3; object-fit: cover;" src="${API.GetGameMainImageSrcURL()}" />\n                                            \x3c!--<div class="discount"><p>-10%</p></div>--\x3e\n                                        </figure>    \n                                    </div>\n                                </div>\n\n                                \x3c!--SMALL IMAGES--\x3e\n                                <div class="single-game-small-images">\n                                    <div class="single-game-small-image-item hover01">\n                                        <figure class="card" style="width: 100%;height: 100%;">\n                                            <img id="clickable-image-0" class="myImg" image-index="1" imageurl="${API.GetGameImageSrcURL(0)}" style="height: 100%; object-fit: cover;" src="${API.GetGameImageSrcURL(0)}"/>\n                                        </figure>    \n                                    </div>\n\n\n                                    <div class="single-game-small-image-item hover01">\n                                        <figure class="card" style="width: 100%;height: 100%;">\n                                            <img id="clickable-image-1" class="myImg" image-index="2" imageurl="${API.GetGameImageSrcURL(1)}" style="height: 100%; object-fit: cover;" src="${API.GetGameImageSrcURL(1)}" />\n                                        </figure>    \n                                    </div>\n                                    \n                                    <div class="single-game-small-image-item hover01">\n                                        <figure class="card" style="width: 100%;height: 100%;">\n                                            <img id="clickable-image-2" class="myImg" image-index="3" imageurl="${API.GetGameImageSrcURL(2)}" style="height: 100%; object-fit: cover;" src="${API.GetGameImageSrcURL(2)}" />\n                                        </figure>    \n                                    </div>\n                                </div>             \n                            </div>      \n                        </div>\n                    \n                        <div id="single-game-sub" class="single-game-sub-description-wrapper">\n                            \x3c!--SINGLE GAME SUB DESCRIPTION--\x3e\n                            <div class="single-game-sub-description">\n                                \x3c!--MAIN DESCRIPTION TEXT--\x3e\n                                <div class="single-game-main-description-text flex-column">\n                                    <div class="flex-row">\n                                        <h5 class="single-game-title">${details.title}</h5>\n                                        \x3c!-- three dot menu --\x3e\n                                        <div id="dropdown-dots" class="dropdown">\n                                            \x3c!-- three dots --\x3e\n                                            <ul class="dropbtn icons btn-right showLeft">\n                                                <li></li>\n                                                <li></li>\n                                                <li></li>\n                                            </ul>\n                                            \x3c!-- menu --\x3e\n                                            <div id="myDropdown" class="dropdown-content">\n\n                                            </div>   \n                                        </div>\n                                    </div>\n                                    \n                                    <span class="single-game-publisher-span"><strong>Publisher: </strong><span class="text-accent"><a href="https://isotopic.io/game-store-search/?publisher=${details.publisher_id}"> <strong>${details.publisher_name}</strong></a></span></span>\n                                    <div id="rating-panel-parent" class="flex-row" style="${details.special_tags?.includes("coming_soon")?"display: none;":""} margin: -13px -13px -13px -13px; padding: 10px 13px 13px 13px">\n                                        <div style="z-index: 20; margin: 0 2px 0 2px; width: 20px; height: 20px;" id="rating-star-1" class="clickable rating-star">${e(0)}</div>\n                                        <div style="z-index: 20; margin: 0 2px 0 2px; width: 20px; height: 20px;" id="rating-star-2" class="clickable rating-star">${e(0)}</div>\n                                        <div style="z-index: 20; margin: 0 2px 0 2px; width: 20px; height: 20px;" id="rating-star-3" class="clickable rating-star">${e(0)}</div>\n                                        <div style="z-index: 20; margin: 0 2px 0 2px; width: 20px; height: 20px;" id="rating-star-4" class="clickable rating-star">${e(0)}</div>\n                                        <div style="z-index: 20; margin: 0 2px 0 2px; width: 20px; height: 20px;" id="rating-star-5" class="clickable rating-star">${e(0)}</div>\n                                        <strong><p id="rating-text" style="margin: auto auto auto 3%; white-space: nowrap; font-size: 10px;"></p></strong>\n                                    </div>\n                                    <p style="white-space: pre-line;">${details.short_description}</p>\n                                </div>\n\n                                <div class="single-game-tags">\n                                    <span id="single-game-categories">\n                                        <strong>Categories: </strong>\n                                    </span>\n                                    <span id="single-game-keywords">\n                                        <strong>Tags: </strong>\n                                    </span>\n                                    <p class="discount-original-price" id="original-price" style=""></p>\n                                    <div style="" class="single-game-btns" id="game-buttons-container">\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                \n                    \x3c!--SINGLE GAME DETAILS--\x3e\n                    <div class="single-game-details  flex-column span-width">\n                        \n                        \x3c!--HEADER--\x3e\n                        <div class="single-game-details-item" style="width: 100%; padding-top:0;">\n                            <h5 class="decorated-header text-accent" style="padding-top:0; margin-top:0px;">\n                                <span>Description</span>\n                            </h5>\n                        </div>\n\n                        \x3c!--RELEASE DATE--\x3e\n                        <div class="single-game-details-item" style="color: white;">\n                            \n                        </div>\n\n                        \x3c!--LONG DESCRIPTION--\x3e\n                        <div id="html_preview_details" class="span-width">${details.details_html}\n                        </div>\n                        <br>\n\n                        \x3c!--RATING PANEL--\x3e\n                        \x3c!-- <div class="single-game-details-rating flex-row single-game-details-item">\n                            \n                            <div class="single-game-details-rating-col flex-column">\n                                <strong>Pegi Rating:</strong>\n                                <p>Suitable for people aged 12 and over.</p>\n                            </div>\n                            \n                            <div class="vertical-separator"></div>\n\n                            <div class="single-game-details-rating-col flex-column">\n                                <strong>Genre:</strong>\n                                <p>TBD</p>\n                            </div>\n\n                            <div class="vertical-separator"></div>\n\n                            <div class="single-game-details-rating-col flex-column">\n                                <strong>Customer Rating:</strong>\n                            </div>\n                        </div> --\x3e\n\n                    </div>\n                </div>\n\n                \n                <style>\n                .clickable {\n                    cursor: pointer;\n                }\n                .fluidvids {\n                    height: 400px;\n                }\n                svg {\n                    pointer-events: none;\n                }\n                div.clickable:hover > h6 {\n                    color: red;\n                }\n                #expand-game-desc:hover {\n                    text-decoration: underline;\n                }\n                @media screen and (max-width: 640px) {\n                    .single-game-extras-txt-with-img {\n                        display: none;\n                    }\n                    #game-image-under-short{\n                        display: none;\n                    }\n                    .single-game-extras-txt {\n                        width: unset !important;\n                    }\n                    .single-game-extras-txt > h6 {\n                        font-size: 14px !important;\n                    }\n                }\n                .vjs-play-control{\n                    display:none !important;;\n                }\n                .vjs-control-bar{\n                    border-radius: 0 0 14px 14px;\n                }\n                </style>\n                \n               \n\n\n                <div class="row2">\n                    \x3c!--SHORTS--\x3e\n                    <div class="row2-col1">\n                        <div id="shorts-section-div" class="flex-column span-width  shorts-section" style="display: none;">\n                            <div class="" style="width: 100%;">\n                                <h5 class="decorated-header">\n                                    <span>Video <span class=" text-accent">Shorts</span></span>\n                                </h5>\n                            </div>\n                            <div class="shorts-container">\n                                <div id="short-1-parent">\n                                    <video-js class="shorts-player" id="shorts-player-1" data-setup='{ "controls": true, "preload": "auto"}'>\n                                        <source id="shorts-player-source-1" src="https://dapp.isotopic.io/media/banner-top/ISOTOPIC-FULL-RELEASE.webm" type="video/webm">\n                                    </video-js> \n                                </div>   \n                                <div id="short-2-parent">\n                                    <video-js class="shorts-player vjs-hidden" id="shorts-player-2" data-setup='{ "controls": true, "preload": "auto"}'>\n                                        <source id="shorts-player-source-2" src="https://dapp.isotopic.io/media/banner-top/ISOTOPIC-FULL-RELEASE.webm" type="video/webm">\n                                    </video-js>\n                                </div>   \n                                <div class="single-game-extras-holder" style="margin: 15px 0 0 0; width: 100%; padding: 20px;">\n                                    <div id="pause-short-button" class="single-game-extras-txt clickable" style="width: 24%">\n                                        <h6 id="pause-button-text" style="margin: 8px 0 8px 0;">\n                                            PLAY SHORT\n                                        </h6>\n                                    </div>\n                                    <div id="next-short-button" class="single-game-extras-txt clickable" style="width: 24%">\n                                        <h6 style="margin: 8px 0 8px 0;">\n                                            NEXT SHORT\n                                        </h6>\n                                    </div>\n                                    <div class="single-game-details flex-column span-width" style="margin: -12px 0 0 0;">\n                                        <h6 id="short-title" style="margin: 0 0 0 15px;"></h6>\n                                        <p id="short-description" style="margin: 0px 0 0 15px; line-height: 14px;"></p>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    \n\n                        \x3c!--COMMENTS--\x3e\n                        <div id="comment-section-div" class="flex-column span-width comment-section">\n                            <div class="" style="width: 100%;">\n                                <h5 class="decorated-header">\n                                    <span>Game <span class=" text-accent">Comments</span></span>\n                                </h5>\n                            </div>\n                            <div class="comment-container">\n                                <img id="new-comment-profile-img" class="comment-profile-pic" src="https://dapp.isotopic.io/api/v1/user/profile/pic/get?user_id=0"/>\n                                <div class="flex-column span-width">\n                                    <h6 id="post-comment-title" class="comment-title" style="margin-bottom: 10px;">POST A COMMENT</h6>\n                                    <textarea id="new-comment-content" rows=7 placeholder="Type your comment..."></textarea>\n                                    <div class="flex-column span-width" style="padding: 15px 0px 0px 0px">\n                                        <div id="post-comment-button" role="button" class="elementor-button-link elementor-button comment-game-btn">\n                                            <span class="elementor-button-content-wrapper" style="position: relative; bottom: 5px;">\n                                                <span id="post-comment-button-text" class="elementor-button-text">POST</span>\n                                            </span> \n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- ___________________________RELATED GAMES____________________________________ --\x3e\n\n                    <div class="flex-column row2-col2">\n                        <div class="" style="width: 100%;">\n                            <h5 class="decorated-header">\n                                <span><span class=" text-accent">More</span>Games</span>\n                            </h5>\n                        </div>\n\n                        <div id="related-games-panel" class="single-game-related-grid flex">\n\n                        </div>\n                    </div>\n                \n                </div>\n        </div>\n    </div>\n\n        `),$("body").append('\n        \x3c!--MODAL TO VIEW IMAGES FULLSCREEN--\x3e\n        <div id="myModal" style=" visibility: hidden; z-index: 9999;" class="modal">\n            <span id="close-modal"class="close">&times;</span>\n            <button id="modal-next-btn" class="image-modal-nav-btns image-modal-nav-btns-next">\n                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg>\n            </button>\n            <button id="modal-prev-btn" class="image-modal-nav-btns image-modal-nav-btns-prev">\n            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 278.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>\n            </button>\n                <img class="modal-content" id="img01">\n            <div id="caption"></div>\n        </div>');const t=$("#special-tags-container"),n=(e,t)=>`\n        <a href="${t}">\n            <div class="special-tag-bg">\n                <p class="special-tag-content">${e}</p>\n            </div>\n        </a>\n        `;t.append(n(details.platform.toUpperCase(),`https://isotopic.io/game-store-search/?platform=${details.platform}`)),details.special_tags.split("-").forEach((e=>{""==e||e.includes("requires_asset")||t.append(n(e.toUpperCase().replace(/_/g," "),`https://isotopic.io/game-store-search/?special=${e}`))}));const i=$("#rating-text");let a;API.GetUserRating().then((e=>{a=e?.rating})).catch((e=>{})),MyAccount.OnAccountSet.AddCallback((async e=>{a=(await API.GetUserRating().catch((e=>{})))?.rating}));const s=()=>{if(null==details.rating.rating||0==details.rating.rating_count){for(let t=1;t<=5;t++)$(`#rating-star-${t}`).html(e(0));i.text("(Not enough ratings)")}else{let t=details.rating.rating,n=Math.round(t),a=1;for(;a<=n;a++)$(`#rating-star-${a}`).html(e(1));(t-n>=.5||n<5)&&$(`#rating-star-${a}`).html(e(0));for(let t=1;t<6-a;t++)$(`#rating-star-${a+t}`).html(e(0));i.text(`${Number.parseFloat(details.rating.rating).toFixed(1)}/5.0 (${details.rating.rating_count} ratings)`)}};s();let o=!1;$("div .rating-star").on("click touchstart",(function(e){if(1==o)return;let t=MyAccount.session_id??getCookie("session_id");if([void 0,null,""].includes(t))return ShowPopupModal("You must be logged in to rate this!",(()=>{OpenAndWaitForLogin()}));let n=$(e.target),i=Number.parseInt(n.attr("id").slice(-1));null!=i&&(o=!0,n.removeClass("clickable"),API.SetUserRating(i).then((e=>{n.addClass("clickable"),"success"==e.result?(ShowPopupModal("Rating success!"),o=!1,a=i,API.GetGameDetails().then((e=>{details=e,s()}))):(ShowPopupModal(e.error),o=!1)})).catch((e=>{console.log(e),o=!1})))}));const c=()=>{0==$("#rating-panel-parent:hover").length&&(s(),clearInterval(r),r=null)};let r=setInterval(c,250);$(".rating-star").mouseenter((function(){let t=Number.parseInt($(this).attr("id").slice(-1)),n=1;for(;n<=t;n++)$(`#rating-star-${n}`).html(e(1));for(let i=0;i<5-t;i++)$(`#rating-star-${n+i}`).html(e(0));if(null===r&&(r=setInterval(c,250)),"number"==typeof a)i.text(`Your rating: ${a}/5`);else{let e=MyAccount.session_id??getCookie("session_id");[void 0,null,""].includes(e)?i.text("Login to rate this!"):i.text("Rate this!")}})),$("#rating-panel-parent").mouseleave((()=>{s()}));var d=0,p=[API.GetGameMainImageSrcURL(),API.GetGameImageSrcURL(0),API.GetGameImageSrcURL(1),API.GetGameImageSrcURL(2)];console.log("imageURLS:  "+p.length),$(".myImg").click((function(){document.getElementById("myModal").style.visibility="visible";this.src;let e=document.getElementById("img01"),t=this.getAttribute("imageurl");d=this.getAttribute("image-index"),e.src=t})),$("#modal-next-btn").click((function(){d<p.length-1?d++:d=0,console.log("Next button clicked Image index: "+d),document.getElementById("img01").src=p[d]})),$("#modal-prev-btn").click((function(){d>0?d--:d=p.length-1,console.log("Prev button clicked Image index: "+d),document.getElementById("img01").src=p[d]})),$("#close-modal").click((()=>{document.getElementById("myModal").style.visibility="hidden"}));let m=(await(g={orderby:"RAND()",limit:5},JSONPostRequest("https://dapp.isotopic.io/api/v1/store/search",JSON.stringify(g))).catch((e=>{throw e}))).results;var g;let u=$("#related-games-panel"),h=4;for(let e=0;e<h;e++)m[e].id!=app_id?$((v=m[e],`<div class="single-game-related-item flex-row">\n                    <a href="https://isotopic.io/game/?game=${v.id}"  class="single-game-related-item-image hover01">\n                        <figure class="card rounded" style="width: 100%;height: 100%;">\n                            <img style="height: 100%; object-fit: cover;" src="${(e=>`https://dapp.isotopic.io/api/v1/store/files/${e}/thumbnail`)(v.id)}" />\n                            \n                        </figure>    \n                    </a>\n\n                    <div class="single-game-related-item-text flex-column">\n                        <a href="https://isotopic.io/game?game=${v.id}">\n                            <h6 class="single-game-related-title" style="margin: 0 0;">${v.title}</h6>\n                        </a>\n                        <div style="max-width: 100%; display: flex;">\n                            <a style="display:flex; align-items: center;" href="https://isotopic.io/game-store-search/?publisher=${v.publisher_id}">\n                                <img class="single-game-related-item-publisher-pic" src="${v.publisher_pic}">\n                                <p class="single-game-related-publisher">${v.publisher_name}</p>\n                            </a>\n                        </div>\n\n                        <div class="single-game-related-description flex-row" >\n                            <a style="color: white;" href="https://isotopic.io/game?game=${v.id}">\n                                <p style="margin: 5px 0 0 0;">${v.short_description}</p>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n                `)).appendTo(u):h=5;var v;$("#dropdown-dots").click((function(){$(".dropdown-content").slideToggle(300,"linear"),$(".icons").toggleClass("active")})),window.addEventListener("click",(function(e){if(!e.target.matches(".dropbtn")){var t,n=document.getElementsByClassName("dropdown-content");for(t=0;t<n.length;t++){var i=n[t];i.classList.contains("show")&&i.classList.remove("show")}}}))})(),c(),(async()=>{const e=$("#single-game-categories"),t=JSON.parse(details.genres);let n=await getAppCategoriesPromise;t.forEach((t=>{let i="";var a,s;n.forEach((e=>{e.id==t&&(i=e.title)})),$((a=i,s=t,` <span><a href="https://isotopic.io/game-store-search/?category=${s}">${a}</a>, </span>`)).appendTo(e)}))})(),(()=>{const e=$("#single-game-keywords");JSON.parse(details.keywords).forEach((t=>{$((e=>` <span><a href="https://isotopic.io/game-store-search/?query=${e}">${e}</a>, </span>`)(t)).appendTo(e)}))})(),r(),(()=>{if("string"!=typeof details?.app_links)return;let e={};try{e=JSON.parse(details.app_links)}catch{return}let t="";if("string"==typeof e.demo&&(t+=`\n            <img src="${API.GetGameMainImageSrcURL()}" class="">\n            <div class="single-game-extras-txt-with-img">\n                <h6><a href="${e.demo}">PLAY DEMO! <?xml version="1.0" encoding="utf-8"?>\n            <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n            \x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n            <svg class="single-game-extras-svg" fill="white" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" \n                width="20px" height="100%" viewBox="0 0 72 72" enable-background="new 0 0 72 72" xml:space="preserve">\n                <g>\n                    <g>\n                        <path d="M15.283,68.898c-4.089,0-6.868-3.285-6.868-8.174V11.275c0-4.889,2.779-8.174,6.87-8.174c1.563,0,3.213,0.485,4.87,1.441\n                            l38.924,24.77c2.877,1.659,4.506,4.052,4.506,6.692c0,2.638-1.62,5.027-4.566,6.729l-38.793,24.68\n                            C18.495,68.414,16.847,68.898,15.283,68.898z M15.285,7.102c-2.563,0-2.87,2.919-2.87,4.174v49.449\n                            c0,1.255,0.308,4.174,2.868,4.174c0.84,0,1.843-0.313,2.87-0.905l38.787-24.68c1.706-0.987,2.646-2.177,2.646-3.309\n                            c0-1.135-0.937-2.327-2.574-3.272L18.08,7.963C17.127,7.415,16.126,7.102,15.285,7.102z"/>\n                    </g>\n                    <g>\n                        <g>\n                            <path d="M35.163,48.955c-0.333,0-0.657-0.165-0.848-0.468c-0.294-0.467-0.153-1.084,0.313-1.379l0.54-0.34\n                                c0.468-0.293,1.085-0.154,1.379,0.314c0.295,0.467,0.154,1.084-0.313,1.379l-0.54,0.34\n                                C35.529,48.905,35.345,48.955,35.163,48.955z"/>\n                        </g>\n                        <g>\n                            <path d="M20.514,58.169c-0.333,0-0.657-0.165-0.848-0.468c-0.294-0.467-0.153-1.085,0.314-1.379l11.223-7.06\n                                c0.467-0.292,1.084-0.154,1.379,0.314c0.294,0.467,0.153,1.085-0.314,1.379l-11.223,7.06\n                                C20.88,58.119,20.695,58.169,20.514,58.169z"/>\n                        </g>\n                    </g>\n                </g>\n            </svg></a></h6>\n            </div>\n            `),"string"==typeof e.full_version&&(t+=`\n            <img src="${API.GetGameMainImageSrcURL()}" class="">\n            <div class="single-game-extras-txt-with-img">\n                <h6><a href="${e.full_version}">FULL VERSION ON ISOTOPIC! <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 403.000000 638.000000" preserveAspectRatio="xMidYMid meet" width="30px" height="25px">\n\n    <g transform="translate(0.000000,638.000000) scale(0.100000,-0.100000)" fill="white" stroke="none">\n    <path d="M1934 6361 c-180 -51 -327 -220 -356 -409 -9 -59 -8 -86 6 -158 31\n    -159 95 -255 228 -340 46 -29 70 -52 74 -69 9 -34 -63 -1210 -76 -1257 -13\n    -47 -65 -116 -109 -145 -49 -33 -369 -133 -425 -133 -26 0 -61 7 -79 17 -36\n    18 -455 424 -474 459 -9 15 -12 60 -10 136 2 109 1 116 -30 180 -37 79 -98\n    142 -173 177 -47 22 -69 26 -145 26 -77 0 -98 -4 -145 -26 -84 -40 -135 -90\n    -176 -174 -32 -64 -36 -83 -37 -148 0 -62 5 -85 30 -138 55 -117 169 -204 286\n    -216 36 -4 79 0 125 12 50 12 75 14 89 7 10 -6 125 -118 255 -249 207 -208\n    238 -243 238 -270 0 -19 -21 -66 -54 -124 -30 -52 -69 -137 -87 -189 -28 -84\n    -33 -111 -37 -230 -3 -109 0 -154 16 -232 50 -242 178 -426 400 -578 125 -85\n    172 -155 172 -258 0 -34 -15 -78 -56 -171 -31 -69 -120 -270 -198 -446 -162\n    -364 -146 -344 -294 -374 -170 -35 -287 -121 -356 -263 -84 -171 -88 -374 -10\n    -518 36 -67 147 -170 217 -204 209 -99 490 -62 651 85 115 105 166 219 166\n    371 0 209 -71 360 -212 454 -37 25 -70 49 -73 54 -6 9 366 856 407 927 41 70\n    110 154 149 180 21 14 78 36 126 50 49 13 146 52 217 85 149 71 195 79 276 51\n    38 -13 193 -115 510 -337 250 -176 474 -334 496 -352 35 -28 43 -41 49 -81 15\n    -108 84 -191 184 -220 167 -48 330 75 331 250 0 74 -17 114 -75 176 -65 69\n    -112 86 -218 77 l-83 -7 -380 266 c-208 146 -390 277 -404 289 -23 22 -46 36\n    -142 87 -39 20 -118 98 -129 127 -5 13 -9 200 -9 416 l0 393 29 40 c16 22 42\n    49 58 60 40 29 330 173 347 173 8 0 105 45 216 100 110 55 211 100 223 100 12\n    0 49 -14 81 -30 200 -101 439 63 423 290 -8 118 -89 228 -194 264 -74 25 -179\n    21 -241 -10 -102 -51 -172 -160 -172 -269 0 -72 34 -53 -495 -273 -389 -162\n    -396 -164 -486 -109 -30 18 -79 48 -109 67 -65 39 -126 95 -146 131 -34 66\n    -34 104 -4 640 16 288 32 580 36 649 4 74 12 133 19 146 8 12 34 27 60 34 58\n    16 148 70 198 118 203 195 205 516 3 718 -126 126 -318 175 -492 125z m31\n    -2634 c114 -38 198 -90 291 -183 68 -67 89 -96 127 -175 59 -123 72 -180 72\n    -319 0 -138 -13 -197 -70 -315 -121 -250 -353 -395 -632 -395 -312 0 -573 180\n    -677 469 -71 197 -53 403 51 590 54 99 187 226 290 279 126 65 204 83 348 78\n    95 -2 136 -9 200 -29z"></path>\n    <path d="M1665 3684 c-122 -19 -248 -81 -343 -169 -70 -66 -142 -170 -126\n    -184 5 -5 74 -39 153 -75 133 -61 145 -65 154 -49 21 39 97 101 143 117 56 19\n    146 21 195 4 53 -18 117 -66 146 -109 14 -21 32 -39 39 -39 16 0 274 118 289\n    131 18 17 -37 101 -120 185 -65 66 -96 89 -165 121 -47 23 -107 46 -133 52\n    -56 13 -187 22 -232 15z"></path>\n    <path d="M1133 3197 c-13 -22 -16 -236 -3 -300 31 -162 130 -309 270 -402 108\n    -72 272 -124 291 -94 10 16 12 250 3 296 -4 22 -18 35 -62 58 -102 54 -153\n    123 -171 234 -5 34 -13 66 -17 72 -3 6 -54 34 -113 61 -177 84 -190 88 -198\n    75z"></path>\n    <path d="M2210 3117 l-154 -72 -16 -65 c-27 -114 -92 -195 -184 -230 l-26 -10\n    0 -170 0 -170 28 0 c16 0 53 7 83 16 262 76 464 371 446 649 -10 140 2 136\n    -177 52z"></path>\n    </g>\n    </svg></a></h6>\n            </div>\n            `),null!=e.socials&&(t+='\n            <div class="single-game-extras-txt">\n                <h6 id="view-links-button"><a class="clickable">SOCIALS - LINKS <?xml version="1.0" encoding="utf-8"?>\n            <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n            \x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n            <svg class="single-game-extras-svg" fill="white" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" \n                width="20px" height="100%px" viewBox="0 0 72 72" enable-background="new 0 0 72 72" xml:space="preserve">\n            <g>\n                <g>\n                    <path d="M18.321,69.07c-2.874,0-5.775-0.845-8.31-2.604l-0.534-0.371c-6.614-4.593-8.259-13.712-3.666-20.326l13.931-18.588\n                        c2.183-3.146,5.522-5.292,9.361-5.984c3.839-0.694,7.717,0.152,10.921,2.377l0.534,0.37c2.72,1.888,4.735,4.676,5.675,7.85\n                        c0.313,1.059-0.291,2.172-1.351,2.485c-1.058,0.311-2.171-0.29-2.485-1.351c-0.691-2.337-2.116-4.308-4.119-5.698l-0.534-0.37\n                        c-2.328-1.617-5.146-2.231-7.931-1.727c-2.787,0.503-5.212,2.061-6.828,4.388L9.055,48.108\n                        c-3.293,4.744-2.099,11.365,2.704,14.701l0.534,0.371c4.801,3.334,11.423,2.142,14.759-2.66l4.256-6.126\n                        c0.631-0.905,1.875-1.129,2.784-0.501c0.906,0.631,1.131,1.877,0.501,2.784l-4.256,6.125C27.504,66.882,22.948,69.07,18.321,69.07\n                        z"/>\n                </g>\n                <g>\n                    <path d="M40.297,51.043c-2.877,0-5.784-0.844-8.323-2.606l-0.538-0.375c-2.718-1.888-4.731-4.674-5.669-7.845\n                        c-0.313-1.06,0.292-2.172,1.351-2.485c1.063-0.313,2.173,0.291,2.485,1.351c0.69,2.335,2.114,4.305,4.117,5.696l0.538,0.375\n                        c4.799,3.332,11.421,2.138,14.757-2.664l13.93-18.59c3.294-4.744,2.1-11.365-2.703-14.701l-0.53-0.365\n                        c-2.332-1.621-5.147-2.232-7.936-1.731c-2.787,0.503-5.212,2.061-6.828,4.388l-4.255,6.125c-0.63,0.908-1.876,1.132-2.783,0.502\n                        s-1.132-1.876-0.502-2.783l4.255-6.125c2.225-3.205,5.564-5.351,9.404-6.043c3.838-0.691,7.718,0.153,10.922,2.379l0.529,0.365\n                        c6.62,4.598,8.264,13.717,3.67,20.33l-13.93,18.59C49.453,48.868,44.914,51.043,40.297,51.043z"/>\n                </g>\n                <g>\n                    <path d="M52.76,33.106c-0.209,0-0.419-0.065-0.599-0.2c-0.442-0.331-0.532-0.958-0.2-1.399l0.548-0.73\n                        c0.331-0.442,0.959-0.53,1.399-0.2c0.442,0.331,0.532,0.958,0.2,1.399l-0.548,0.73C53.364,32.969,53.064,33.106,52.76,33.106z"/>\n                </g>\n                <g>\n                    <path d="M55.047,30.056c-0.209,0-0.419-0.065-0.599-0.2c-0.442-0.331-0.532-0.958-0.2-1.399l4.426-5.904\n                        c1.061-1.528,1.471-3.414,1.134-5.28c-0.337-1.867-1.38-3.491-2.938-4.572l-0.343-0.237c-0.454-0.315-0.567-0.938-0.253-1.392\n                        c0.313-0.454,0.936-0.568,1.392-0.253l0.344,0.238c1.997,1.387,3.334,3.468,3.766,5.86s-0.094,4.81-1.48,6.806l-4.447,5.934\n                        C55.651,29.918,55.352,30.056,55.047,30.056z"/>\n                </g>\n            </g>\n            </svg></a></h6>\n            </div>\n            '),""==t)return;let n=`\n            <div class="single-game-extras-holder">\n                ${t}\n            </div>\n            `;if($("#single-game-sub").append(n),null!=e.socials){let t=[],n="<p>|</p>";e.socials.forEach((e=>{t.push(`<p><a href="${e.url}" target="_blank">${e.title}</a></p>`)})),$("#view-links-button").click((()=>{ShowPopupModal(`\n                    <div style="min-width: 10vw; max-width: 20vw; width: 800px; display: flex; flex-direction: column; align-items: center;  padding: 0 30px;">\n                        <h5 style="margin-top: 0;">Socials/Links:</h5>\n                        <div style="width:100%;display: flex; flex-direction: row; gap: 10px; justify-content: center;">\n                            ${t.join(n)}\n                        </div>\n                    </div>\n                    `)}))}})(),(async()=>{let e=await n;if("fail"==e.result||0==e.shorts?.length)return;await i;const t=videojs("shorts-player-1"),a=videojs("shorts-player-2");let s,l,o=new Promise(((e,t)=>{s=e})),c=new Promise(((e,t)=>{l=e}));t.ready(s),a.ready(l),await Promise.all([o,c]),t.on("volumechange",(()=>{a.volume(t.volume()),a.muted(t.muted())})),a.on("volumechange",(()=>{t.volume(a.volume()),t.muted(a.muted())})),$("#shorts-section-div").css("display","unset");const r=$("#short-1-parent"),d=$("#short-2-parent"),p=$("#short-description"),m=$("#short-title");let g=e.shorts.sort(((e,t)=>e.created_at-t.created_at)),u=e.session_id,h=!1;function v(e){let t=JSON.parse(e.metadata).extension;return{src:`https://dapp.isotopic.io/api/v1/shorts/${e.short_id}${t}?session_id=${u}`,mime:`video/${t.substr(1)}`}}let w=0;async function y(){return w<g.length-1?g[++w]:(w=0,g[0])}async function b(e){p.text(e.description),m.text(e.title)}t.src(v(g[0])),await b(g[w]);let x=await new Promise(((e,t)=>{$("#pause-short-button").click((()=>{e(!1),$("#pause-button-text").text("PAUSE"),$("#next-short-button").off("click"),$("#pause-short-button").off("click"),r.off("click")})),r.click((()=>{e(!1),$("#pause-button-text").text("PAUSE"),$("#next-short-button").off("click"),$("#pause-short-button").off("click"),r.off("click")})),$("#next-short-button").click((async()=>{e(!0),$("#next-short-button").off("click"),$("#pause-short-button").off("click"),r.off("click"),$("#pause-button-text").text("PAUSE")}))}));await t.play();let f=1;a.src(v(await y())),t.on("ended",(async()=>{t.hide(),a.show(),await b(g[w]),await a.play(),f=2,t.src(v(await y())),h||(a.on("ended",(async()=>{a.hide(),t.show(),await b(g[w]),await t.play(),f=1,a.src(v(await y()))})),h=!0)}));let _=e=>1==e?t:a,A=!1;function S(){A?(_(f).play(),$("#pause-button-text").text("PAUSE")):(_(f).pause(),$("#pause-button-text").text("PLAY")),A=!A}$("#pause-short-button").click((()=>{S()})),r.click(S),d.click(S);let I=!1;$("#next-short-button").click((async()=>{if(I)return;I=!0;let e=_(f),t=_(1==f?2:1);e.pause(),e.hide(),t.show(),await b(g[w]),await t.play(),f=1==f?2:1,e.src(v(await y())),I=!1,A=!1,$("#pause-button-text").text("PAUSE")})),x&&$("#next-short-button").click()})()}));