From b22226c68b2eba86ba3f027759af751156f0e93d Mon Sep 17 00:00:00 2001
From: Bryan Casler <bryan.casler@gmail.com>
Date: Fri, 13 Feb 2026 17:05:39 -0500
Subject: [PATCH] fix: resolve verifiable bugs in other-amount.ts and
 src-defer.ts

- Fix invalid event type in addEventListener in other-amount.ts
- Add null check for lastRadioInput in other-amount.ts
- Fix replaceChild arguments in src-defer.ts to properly clone video element
---
 packages/scripts/dist/other-amount.js |  4 +++-
 packages/scripts/dist/src-defer.js    | 19 ++++++++++---------
 packages/scripts/src/other-amount.ts  |  6 ++++--
 packages/scripts/src/src-defer.ts     | 19 ++++++++++---------
 4 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/packages/scripts/dist/other-amount.js b/packages/scripts/dist/other-amount.js
index 0632ff53..01e76f54 100644
--- a/packages/scripts/dist/other-amount.js
+++ b/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;
+                }
             }
         }
     }
diff --git a/packages/scripts/dist/src-defer.js b/packages/scripts/dist/src-defer.js
index 01cbb6e8..77ddc5f0 100644
--- a/packages/scripts/dist/src-defer.js
+++ b/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
                 }
             }
         }
diff --git a/packages/scripts/src/other-amount.ts b/packages/scripts/src/other-amount.ts
index 44f52783..977bef83 100644
--- a/packages/scripts/src/other-amount.ts
+++ b/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;
+        }
       }
     }
   }
diff --git a/packages/scripts/src/src-defer.ts b/packages/scripts/src/src-defer.ts
index 25a1bbc1..cbb3faf9 100644
--- a/packages/scripts/src/src-defer.ts
+++ b/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
         }
       }
     }