fix: resolve verifiable bugs in other-amount.ts and src-defer.ts

packages/scripts/dist/other-amount.js

@@ -63,7 +63,9 @@ export class OtherAmount {
             targetWrapper.classList.remove("en__field__item--hidden");
             if (targetWrapper.parentNode) {
                 const lastRadioInput = targetWrapper.parentNode.querySelector(".en__field__item:nth-last-child(2) input");
-                lastRadioInput.checked = !0;
+                if (lastRadioInput) {
+                    lastRadioInput.checked = true;
+                }
             }
         }
     }

packages/scripts/dist/src-defer.js

@@ -54,15 +54,16 @@ export class SrcDefer {
                 }
                 // To get the browser to request the video asset defined we need to remove the <video> tag and re-add it
                 let videoBackgroundParent = video.parentNode; // Determine the parent of the <video> tag
-                let copyOfVideoBackground = video; // Copy the <video> tag
-                if (videoBackgroundParent && copyOfVideoBackground) {
-                    videoBackgroundParent.replaceChild(copyOfVideoBackground, video); // Replace the <video> with the copy of itself
-                    // Update the video to auto play, mute, loop
-                    video.muted = true; // Mute the video by default
-                    video.controls = false; // Hide the browser controls
-                    video.loop = true; // Loop the video
-                    video.playsInline = true; // Encourage the user agent to display video content within the element's playback area
-                    video.play(); // Plays the video
+                if (videoBackgroundParent && video) {
+                    // Remove the video element and re-add it to trigger the browser to request the video asset
+                    const videoClone = video.cloneNode(true);
+                    videoBackgroundParent.replaceChild(videoClone, video);
+                    // Update the cloned video to auto play, mute, loop
+                    videoClone.muted = true; // Mute the video by default
+                    videoClone.controls = false; // Hide the browser controls
+                    videoClone.loop = true; // Loop the video
+                    videoClone.playsInline = true; // Encourage the user agent to display video content within the element's playback area
+                    videoClone.play(); // Plays the video
                 }
             }
         }

packages/scripts/src/other-amount.ts

@@ -13,7 +13,7 @@ export class OtherAmount {
   constructor() {
     "focusin input".split(" ").forEach((e) => {
       // We're attaching this event to the body because sometimes the other amount input is not in the DOM yet and comes via AJAX.
-      document.querySelector("body")?.addEventListener(e, (event) => {
+      document.querySelector("body")?.addEventListener(e as string, (event: Event) => {
         const target = event.target as HTMLInputElement;
         if (target.classList.contains("en__field__input--other")) {
           this.logger.log("Other Amount Field Focused");
@@ -81,7 +81,9 @@ export class OtherAmount {
         const lastRadioInput = targetWrapper.parentNode.querySelector(
           ".en__field__item:nth-last-child(2) input"
         ) as HTMLInputElement;
-        lastRadioInput.checked = !0;
+        if (lastRadioInput) {
+          lastRadioInput.checked = true;
+        }
       }
     }
   }

packages/scripts/src/src-defer.ts

@@ -70,16 +70,17 @@ export class SrcDefer {
 
         // To get the browser to request the video asset defined we need to remove the <video> tag and re-add it
         let videoBackgroundParent = video.parentNode; // Determine the parent of the <video> tag
-        let copyOfVideoBackground = video; // Copy the <video> tag
-        if (videoBackgroundParent && copyOfVideoBackground) {
-          videoBackgroundParent.replaceChild(copyOfVideoBackground, video); // Replace the <video> with the copy of itself
+        if (videoBackgroundParent && video) {
+          // Remove the video element and re-add it to trigger the browser to request the video asset
+          const videoClone = video.cloneNode(true) as HTMLVideoElement;
+          videoBackgroundParent.replaceChild(videoClone, video);
 
-          // Update the video to auto play, mute, loop
-          video.muted = true; // Mute the video by default
-          video.controls = false; // Hide the browser controls
-          video.loop = true; // Loop the video
-          video.playsInline = true; // Encourage the user agent to display video content within the element's playback area
-          video.play(); // Plays the video
+          // Update the cloned video to auto play, mute, loop
+          videoClone.muted = true; // Mute the video by default
+          videoClone.controls = false; // Hide the browser controls
+          videoClone.loop = true; // Loop the video
+          videoClone.playsInline = true; // Encourage the user agent to display video content within the element's playback area
+          videoClone.play(); // Plays the video
         }
       }
     }