Frontend/update - button validation + error prevent (#13)

* addition of optional next btn validaiton * prevent rendering errors regarding wrong backend output or api changes * hotfix * cr feedback apply
BitBagCommerce · Mar 30, 2022 · 84f7368 · 84f7368
1 parent a9b9c9d
commit 84f7368
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/Resources/assets/common/js/geowidget/GeoWidgetPreview.js b/src/Resources/assets/common/js/geowidget/GeoWidgetPreview.js
@@ -27,6 +27,10 @@ export class GeoWidgetPreview {
             throw new Error('BitBagInPostPlugin - The specified wrapper node could not be found in the DOM');
         }
 
+        if (!data) {
+            return;
+        }
+
         this.wrapper.innerHTML = '';
         this.wrapper.insertAdjacentHTML(
             'beforeend',

diff --git a/src/Resources/assets/shop/js/inpostPointEvents.js b/src/Resources/assets/shop/js/inpostPointEvents.js
@@ -2,9 +2,16 @@ import triggerCustomEvent from '../../common/js/utilities/triggerCustomEvent';
 import {ValidateNextBtn} from './nextBtnValidation';
 
 export class InpostPointEvents {
-    constructor() {
+    constructor(config = {}) {
         const inputs = [...document.querySelectorAll('[value="inpost_point"]')];
         this.shippingGroups = inputs.map((input) => [...document.querySelectorAll(`[name="${input.name}"]`)]);
+        this.defaultConfig = {
+            validateNextBtn: true,
+        };
+        this.finalConfig = {
+            ...this.defaultConfig,
+            ...config,
+        };
     }
 
     init() {
@@ -24,6 +31,11 @@ export class InpostPointEvents {
                         `inpost.point.${field.value === 'inpost_point' ? 'selected' : 'deselected'}`
                     );
                 });
+
+                if (!validateNextBtn) {
+                    return;
+                }
+
                 new ValidateNextBtn({node: field}).init();
             });
         });