video ad callbacks

frontend/src/ts/index.ts

@@ -31,6 +31,7 @@ import "./popups/edit-tags-popup";
 import "./popups/google-sign-up-popup";
 import * as Account from "./pages/account";
 import "./elements/leaderboards";
+import { egVideoListener } from "./popups/video-ad-popup";
 
 type ExtendedGlobal = typeof globalThis & MonkeyTypes.Global;
 
@@ -55,3 +56,5 @@ extendedGlobal.getTimerStats = TestTimer.getTimerStats;
 extendedGlobal.toggleUnsmoothedRaw = Result.toggleUnsmoothedRaw;
 
 extendedGlobal.enableSpacingDebug = TestInput.enableSpacingDebug;
+
+extendedGlobal.egVideoListener = egVideoListener;

frontend/src/ts/popups/video-ad-popup.ts

@@ -1,3 +1,5 @@
+import * as Notifications from "../elements/notifications";
+
 function show(): void {
   if ($("#videoAdPopupWrapper").hasClass("hidden")) {
     $("#videoAdPopupWrapper")
@@ -28,10 +30,19 @@ function hide(): void {
   }
 }
 
+export function egVideoListener(options: Record<string, string>): void {
+  const event = options["event"];
+
+  if (event === "started") {
+    //
+  } else if (event === "finished") {
+    hide();
+  } else if (event === "empty") {
+    Notifications.add("Failed to load video ad. Please try again later", 0, 3);
+    hide();
+  }
+}
+
 $(".pageTest #watchVideoAdButton").on("click", () => {
   show();
 });
-
-$("#videoAdPopup .button").on("click", () => {
-  hide();
-});

frontend/src/ts/types/types.d.ts

@@ -583,6 +583,7 @@ declare namespace MonkeyTypes {
     toggleUnsmoothedRaw(): void;
     enableSpacingDebug(): void;
     noGoogleNoMo(): void;
+    egVideoListener(options: Record<string, string>): void;
   }
 
   interface GithubRelease {

frontend/static/html/popups.html

@@ -227,7 +227,6 @@
   <div id="videoAdPopup">
     <div class="preloader">
       <i class="fas fa-fw fa-spin fa-circle-notch"></i>
-      <div class="button">Click to close</div>
     </div>
     <div id="eg-video-player" class="video"></div>
   </div>