Fixed not being able to import modules in scripts.

1 files changed, 19 insertions, 17 deletions

diff --git a/src/scripts/autofill-otps.ts b/src/scripts/autofill-otps.ts
index f2c5650..140504c 100644
--- a/src/scripts/autofill-otps.ts
+++ b/src/scripts/autofill-otps.ts
@@ -1,20 +1,22 @@
-const proxiedPost = $.post;
+document.addEventListener("DOMContentLoaded", () => {
+	const proxiedPost = $.post;
 
-$.post = function() {
-	let element: HTMLInputElement | null = null;
-	if (arguments[0].endsWith("MISPetitionSmsSend.action")) {
-		element = document.querySelector("input[name=mobile_Code]") as HTMLInputElement;
-	} else if (arguments[0].endsWith("MISPetitionEmailSend.action")) {
-		element = document.querySelector("input[name=txtemail_Code]") as HTMLInputElement;
-	}
+	$.post = function() {
+		let element: HTMLInputElement | null = null;
+		if (arguments[0].endsWith("MISPetitionSmsSend.action")) {
+			element = document.querySelector("input[name=mobile_Code]") as HTMLInputElement;
+		} else if (arguments[0].endsWith("MISPetitionEmailSend.action")) {
+			element = document.querySelector("input[name=txtemail_Code]") as HTMLInputElement;
+		}
 
-	if (element) {
-		const callback = arguments[2];
-		arguments[2] = (data: any) => {
-			element!.value = data?.messageShow || "";
-			callback(data);
-		};
-	}
+		if (element) {
+			const callback = arguments[2];
+			arguments[2] = (data: any) => {
+				element!.value = data?.messageShow || "";
+				callback(data);
+			};
+		}
 
-	return proxiedPost.apply(this, Array.from(arguments) as any);
-};
+		return proxiedPost.apply(this, Array.from(arguments) as any);
+	};
+});