fix: implements some interfaces.

Author: Sebastian Thulin

source/js/asyncNonce/asyncNonce.ts

@@ -39,7 +39,10 @@ class AsyncNonce implements AsyncNonceInterface {
       const json = await response.json();
       return json?.nonce ?? null;
     } catch (error: any) {
-      console.error("Nonce fetching failed:", error?.message || error);
+      submitStatusHandler.setStatus(
+        SubmitStatus.Error,
+        "Failed to fetch security validation key, please try again."
+      );
       return null;
     }
   }

source/js/steps/submit/status/handler.ts

@@ -1,6 +1,7 @@
 import SubmitStatus from './enum';
+import SubmitStatusHandlerInterface from './handlerInterface';
 
-class SubmitStatusHandler {
+class SubmitStatusHandler implements SubmitStatusHandlerInterface {
   /**
    * Constructor for SubmitStatusHandler.
    * @param formContainer The form container element.
@@ -15,23 +16,11 @@ class SubmitStatusHandler {
    * @param message The status message to display.
    */
   public setStatus(status: SubmitStatus, message: string): void {
-    const statusElement = this.formContainer.querySelector('[data-js-frontend-form-status]');
-    
-    if (!statusElement) {
-      console.error("Status element not found.");
-      return;
-    }
-
-    const statusData = { status, message };
-    // Store data directly on the element
-    (statusElement as any)._submitStatus = statusData;
-
-
-    console.log("SubmitStatusHandler: setStatus called with status:", status, "and message:", message);
-
-    // Dispatch a custom event
-    const event = new CustomEvent('submitStatusChanged', { detail: statusData });
-    statusElement.dispatchEvent(event);
+    this.formContainer.dispatchEvent(
+      new CustomEvent(
+        'submitStatusChanged', {detail: {status, message}}
+      )
+    );
   }
 }
 export default SubmitStatusHandler;

source/js/steps/submit/status/handlerInterface.ts

@@ -0,0 +1,12 @@
+import SubmitStatus from './enum';
+
+interface SubmitStatusHandlerInterface {
+  /**
+   * Set the status and message.
+   * @param status A value from SubmitStatus enum.
+   * @param message The status message to display.
+   */
+  setStatus(status: SubmitStatus, message: string): void;
+}
+
+export default SubmitStatusHandlerInterface;

source/js/steps/submit/status/render.ts

@@ -1,6 +1,7 @@
 import SubmitStatus from './enum';
+import SubmitStatusRendererInterface from './renderInterface';
 
-class SubmitStatusRenderer {
+class SubmitStatusRenderer implements SubmitStatusRendererInterface {
   private container: HTMLElement;
 
   constructor(container: HTMLElement) {

source/js/steps/submit/status/renderInterface.ts

@@ -0,0 +1,4 @@
+interface SubmitStatusRendererInterface {
+  setup(): void;
+}
+export default SubmitStatusRendererInterface;