@4site/engrid-scripts 0.25.8 → 0.25.9

package/dist/engrid.d.ts

@@ -54,6 +54,7 @@ export declare abstract class ENGrid {
     static removeHtml(target: string): void;
     static slugify(text: string): string;
     static watchForError(callback: Function): void;
+    private static getErrorCallbackKey;
     static getPaymentType(): string;
     static setPaymentType(paymentType: string): void;
     static isInViewport(element: HTMLElement): boolean;

package/dist/engrid.js

@@ -1,3 +1,4 @@
+const errorCallbacks = new Map();
 export class ENGrid {
     constructor() {
         if (!ENGrid.enForm) {
@@ -426,6 +427,7 @@ export class ENGrid {
             else {
                 errorMessageElement.innerHTML = errorMessage;
             }
+            errorCallbacks.forEach((callback) => callback());
         }
     }
     static removeError(element) {
@@ -510,6 +512,24 @@ export class ENGrid {
     // This function is used to run a callback function when an error is displayed on the page
     static watchForError(callback) {
         const errorElement = document.querySelector(".en__errorList");
+        const callbackType = ENGrid.getErrorCallbackKey(callback);
+        // Register callback so setError can trigger it too
+        if (!errorCallbacks.has(callbackType)) {
+            errorCallbacks.set(callbackType, callback);
+        }
+        if (errorElement && !errorElement.dataset[callbackType]) {
+            errorElement.dataset[callbackType] = "true";
+            const observer = new MutationObserver(function (mutations) {
+                mutations.forEach(function (mutation) {
+                    if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
+                        callback();
+                    }
+                });
+            });
+            observer.observe(errorElement, { childList: true });
+        }
+    }
+    static getErrorCallbackKey(callback) {
         const capitalize = (word) => word.charAt(0).toUpperCase() + word.slice(1);
         // Avoid duplicate callbacks
         let callbackType = callback.toString();
@@ -523,18 +543,7 @@ export class ENGrid {
         callbackType = callbackType.replace(/[^a-zA-Z0-9]/g, "");
         // Limit to 20 characters and add prefix
         callbackType = callbackType.substring(0, 20);
-        callbackType = "engrid" + capitalize(callbackType);
-        if (errorElement && !errorElement.dataset[callbackType]) {
-            errorElement.dataset[callbackType] = "true";
-            const observer = new MutationObserver(function (mutations) {
-                mutations.forEach(function (mutation) {
-                    if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
-                        callback();
-                    }
-                });
-            });
-            observer.observe(errorElement, { childList: true });
-        }
+        return "engrid" + capitalize(callbackType);
     }
     // Get the Payment Type
     static getPaymentType() {

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const AppVersion = "0.25.8";
+export declare const AppVersion = "0.25.9";

package/dist/version.js

@@ -1 +1 @@
-export const AppVersion = "0.25.8";
+export const AppVersion = "0.25.9";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4site/engrid-scripts",
-  "version": "0.25.8",
+  "version": "0.25.9",
   "description": "Scripts for the ENGRID Project",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,7 +25,7 @@
     "strongly-typed-events": "^2.0.9"
   },
   "homepage": "https://github.com/4site-interactive-studios/engrid#readme",
-  "gitHead": "e03f79235e88093268971e3d7bd637877f9199bd",
+  "gitHead": "18896dd2e4e4ed893ac2531f2fc01586fd5af904",
   "devDependencies": {
     "nodemon": "^2.0.20"
   }