@everymatrix/general-registration 1.69.0 → 1.69.2

package/dist/cjs/checkbox-group-input_13.cjs.entry.js

@@ -12681,6 +12681,8 @@ const GeneralRegistration = class {
             this.isFormValid = !this.getInvalidStatus(this.listOfInputValidity);
             this.stepsStateMachine({ event: 'set', type: 'inputs' });
             this.setupConditionalValidationMap();
+        }, (err) => {
+            console.error(err);
         });
     }
     /**
@@ -12882,6 +12884,15 @@ const GeneralRegistration = class {
                 break;
         }
     }
+    triggerNotification(errMsg, errType = 'WidgetNotification') {
+        window.postMessage({
+            type: errType,
+            data: {
+                type: 'error',
+                message: errMsg
+            }
+        }, window.location.href);
+    }
     getRegisterConfig(registrationID) {
         const url = new URL('/v1/player/legislation/registration/config/', this.endpoint);
         const headers = new Headers();
@@ -12897,14 +12908,26 @@ const GeneralRegistration = class {
         return new Promise((resolve, reject) => {
             this.isLoading = true;
             fetch(url.href, options)
-                .then((res) => res.json())
+                .then((res) => {
+                if (!res.ok) {
+                    this.registerErrors = true;
+                    return res.json().then(error => {
+                        this.errorCode = error.thirdPartyResponse.errorCode;
+                        this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
+                        this.triggerNotification(this.errorMessage);
+                    });
+                }
+                return res.json();
+            })
                 .then((config) => {
                 this.isLoading = false;
-                resolve(config);
-            }).catch((err) => {
-                this.isLoading = false;
-                console.error(err);
-                reject(err);
+                if (!config) {
+                    return reject('Get register config is empty or has an error.');
+                }
+                return resolve(config);
+            }, (err) => {
+                console.error('Get register config is empty or has an error: ', err);
+                return reject(err);
             }).finally(() => {
                 this.isLoading = false;
             });
@@ -12918,7 +12941,7 @@ const GeneralRegistration = class {
             registerUserDto: this.listOfInputValues
                 .filter(input => !input.isDuplicate)
                 .reduce((acc, curr) => {
-                // Because the API is very robust, some values need to be split as separate entities.  
+                // Because the API is very robust, some values need to be split as separate entities.
                 if (curr.name === 'TypeOfPublicArea') {
                     acc[curr.name] = curr.value.toLowerCase();
                 }
@@ -12929,7 +12952,7 @@ const GeneralRegistration = class {
                     acc[curr.name] = curr.value.phone;
                 }
                 else if (curr.type === 'checkboxgroup') {
-                    // Skip adding the parent of the checkboxgroup as a key. 
+                    // Skip adding the parent of the checkboxgroup as a key.
                     if (curr.value !== null) {
                         Object.entries(curr.value).forEach(([key, value]) => {
                             acc[key] = value ? 'true' : 'false';
@@ -12972,6 +12995,7 @@ const GeneralRegistration = class {
                     else {
                         this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
                     }
+                    this.triggerNotification(this.errorMessage);
                 });
             }
             // handles sending suctom events and the requested data for each registration step
@@ -13038,6 +13062,9 @@ const GeneralRegistration = class {
                         this.stepsStateMachine({ event: 'set', type: 'inputs' });
                         // Setup conditionalValidationMap
                         this.setupConditionalValidationMap();
+                    }, (err) => {
+                        // Only send the error to user because this.getRegisterConfig already has proper error logging
+                        this.triggerNotification(err);
                     });
                 }
             }
@@ -13079,12 +13106,7 @@ const GeneralRegistration = class {
                         this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
                     }
                     window.postMessage({ type: 'registrationFailed', errorMessage: error === null || error === void 0 ? void 0 : error.thirdPartyResponse.message }, window.location.href);
-                    window.postMessage({
-                        type: 'WidgetNotification', data: {
-                            type: 'error',
-                            message: this.errorMessage
-                        }
-                    }, window.location.href);
+                    this.triggerNotification(this.errorMessage);
                     dispatchCustomEvent('register_fail', { error: this.errorMessage });
                 });
             }
@@ -13189,7 +13211,7 @@ const GeneralRegistration = class {
         else {
             this.isConsentReady = false;
         }
-        // The translations for fields happens here. 
+        // The translations for fields happens here.
         if (this.translationUrl) {
             getTranslations(this.translationUrl).then(() => {
                 this.listOfInputs.forEach(field => {
@@ -13272,6 +13294,9 @@ const GeneralRegistration = class {
     getInvalidStatus(listOfInputs) {
         return listOfInputs.filter(input => input.isValid == false).length > 0;
     }
+    renderErrorMessage(errorMsg) {
+        return (index.h("p", { class: "registration registration__error-message" }, errorMsg));
+    }
     renderForm() {
         return this.forms.map((form, index$1) => {
             return index.h("form", { action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index$1 + 1}` ? 'hidden' : ''}`, ref: el => this.form = el, onClick: this.handleInitialClick }, form[this.registrationStep] && form[this.registrationStep].map((input) => {
@@ -13294,9 +13319,12 @@ const GeneralRegistration = class {
             && index.h("svg", { class: "spinner", viewBox: "0 0 50 50" }, index.h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })), !this.isLoadingPOST && index.h("div", { class: `registration__buttons-wrapper ${this.autofilled ? 'registration__buttons-wrapper--autofilled' : ''}` }, index.h("button", { class: `registration__button registration__button--next ${this.isFormValid ? '' : 'registration__button--disabled'}`, type: 'submit', form: `RegistrationForm${this.registrationStep}`, onClick: (e) => this.nextHandler(e), disabled: !this.isFormValid }, this.lastStep === this.registrationStep ? translate('doneButton', this.language) : translate('nextButton', this.language)), index.h("button", { class: `registration__button registration__button--back ${this.registrationStep == 'Step1' ? 'registration__button--first-step' : ''}`, onClick: (e) => this.backHandler(e) }, translate('backButton', this.language)))));
     }
     render() {
-        if (this.isLoading) {
+        if (this.isLoading && !this.registerErrors) {
             return index.h("p", null, "Please wait, loading ...");
         }
+        else if (!this.isLoading && this.registerErrors) {
+            return this.renderErrorMessage(this.errorMessage);
+        }
         return (index.h("div", { class: `registration  registration__${this.registrationStep}` }, this.renderForm(), !this.buttonInsideForm && this.renderButtons()));
     }
     get host() { return index.getElement(this); }

package/dist/collection/components/general-registration/general-registration.js

@@ -120,6 +120,8 @@ export class GeneralRegistration {
             this.isFormValid = !this.getInvalidStatus(this.listOfInputValidity);
             this.stepsStateMachine({ event: 'set', type: 'inputs' });
             this.setupConditionalValidationMap();
+        }, (err) => {
+            console.error(err);
         });
     }
     /**
@@ -321,6 +323,15 @@ export class GeneralRegistration {
                 break;
         }
     }
+    triggerNotification(errMsg, errType = 'WidgetNotification') {
+        window.postMessage({
+            type: errType,
+            data: {
+                type: 'error',
+                message: errMsg
+            }
+        }, window.location.href);
+    }
     getRegisterConfig(registrationID) {
         const url = new URL('/v1/player/legislation/registration/config/', this.endpoint);
         const headers = new Headers();
@@ -336,14 +347,26 @@ export class GeneralRegistration {
         return new Promise((resolve, reject) => {
             this.isLoading = true;
             fetch(url.href, options)
-                .then((res) => res.json())
+                .then((res) => {
+                if (!res.ok) {
+                    this.registerErrors = true;
+                    return res.json().then(error => {
+                        this.errorCode = error.thirdPartyResponse.errorCode;
+                        this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
+                        this.triggerNotification(this.errorMessage);
+                    });
+                }
+                return res.json();
+            })
                 .then((config) => {
                 this.isLoading = false;
-                resolve(config);
-            }).catch((err) => {
-                this.isLoading = false;
-                console.error(err);
-                reject(err);
+                if (!config) {
+                    return reject('Get register config is empty or has an error.');
+                }
+                return resolve(config);
+            }, (err) => {
+                console.error('Get register config is empty or has an error: ', err);
+                return reject(err);
             }).finally(() => {
                 this.isLoading = false;
             });
@@ -357,7 +380,7 @@ export class GeneralRegistration {
             registerUserDto: this.listOfInputValues
                 .filter(input => !input.isDuplicate)
                 .reduce((acc, curr) => {
-                // Because the API is very robust, some values need to be split as separate entities.  
+                // Because the API is very robust, some values need to be split as separate entities.
                 if (curr.name === 'TypeOfPublicArea') {
                     acc[curr.name] = curr.value.toLowerCase();
                 }
@@ -368,7 +391,7 @@ export class GeneralRegistration {
                     acc[curr.name] = curr.value.phone;
                 }
                 else if (curr.type === 'checkboxgroup') {
-                    // Skip adding the parent of the checkboxgroup as a key. 
+                    // Skip adding the parent of the checkboxgroup as a key.
                     if (curr.value !== null) {
                         Object.entries(curr.value).forEach(([key, value]) => {
                             acc[key] = value ? 'true' : 'false';
@@ -411,6 +434,7 @@ export class GeneralRegistration {
                     else {
                         this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
                     }
+                    this.triggerNotification(this.errorMessage);
                 });
             }
             // handles sending suctom events and the requested data for each registration step
@@ -477,6 +501,9 @@ export class GeneralRegistration {
                         this.stepsStateMachine({ event: 'set', type: 'inputs' });
                         // Setup conditionalValidationMap
                         this.setupConditionalValidationMap();
+                    }, (err) => {
+                        // Only send the error to user because this.getRegisterConfig already has proper error logging
+                        this.triggerNotification(err);
                     });
                 }
             }
@@ -518,12 +545,7 @@ export class GeneralRegistration {
                         this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
                     }
                     window.postMessage({ type: 'registrationFailed', errorMessage: error === null || error === void 0 ? void 0 : error.thirdPartyResponse.message }, window.location.href);
-                    window.postMessage({
-                        type: 'WidgetNotification', data: {
-                            type: 'error',
-                            message: this.errorMessage
-                        }
-                    }, window.location.href);
+                    this.triggerNotification(this.errorMessage);
                     dispatchCustomEvent('register_fail', { error: this.errorMessage });
                 });
             }
@@ -629,7 +651,7 @@ export class GeneralRegistration {
         else {
             this.isConsentReady = false;
         }
-        // The translations for fields happens here. 
+        // The translations for fields happens here.
         if (this.translationUrl) {
             getTranslations(this.translationUrl).then(() => {
                 this.listOfInputs.forEach(field => {
@@ -712,6 +734,9 @@ export class GeneralRegistration {
     getInvalidStatus(listOfInputs) {
         return listOfInputs.filter(input => input.isValid == false).length > 0;
     }
+    renderErrorMessage(errorMsg) {
+        return (h("p", { class: "registration registration__error-message" }, errorMsg));
+    }
     renderForm() {
         return this.forms.map((form, index) => {
             return h("form", { action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index + 1}` ? 'hidden' : ''}`, ref: el => this.form = el, onClick: this.handleInitialClick }, form[this.registrationStep] && form[this.registrationStep].map((input) => {
@@ -734,9 +759,12 @@ export class GeneralRegistration {
             && h("svg", { class: "spinner", viewBox: "0 0 50 50" }, h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })), !this.isLoadingPOST && h("div", { class: `registration__buttons-wrapper ${this.autofilled ? 'registration__buttons-wrapper--autofilled' : ''}` }, h("button", { class: `registration__button registration__button--next ${this.isFormValid ? '' : 'registration__button--disabled'}`, type: 'submit', form: `RegistrationForm${this.registrationStep}`, onClick: (e) => this.nextHandler(e), disabled: !this.isFormValid }, this.lastStep === this.registrationStep ? translate('doneButton', this.language) : translate('nextButton', this.language)), h("button", { class: `registration__button registration__button--back ${this.registrationStep == 'Step1' ? 'registration__button--first-step' : ''}`, onClick: (e) => this.backHandler(e) }, translate('backButton', this.language)))));
     }
     render() {
-        if (this.isLoading) {
+        if (this.isLoading && !this.registerErrors) {
             return h("p", null, "Please wait, loading ...");
         }
+        else if (!this.isLoading && this.registerErrors) {
+            return this.renderErrorMessage(this.errorMessage);
+        }
         return (h("div", { class: `registration  registration__${this.registrationStep}` }, this.renderForm(), !this.buttonInsideForm && this.renderButtons()));
     }
     static get is() { return "general-registration"; }

package/dist/esm/checkbox-group-input_13.entry.js

@@ -12677,6 +12677,8 @@ const GeneralRegistration = class {
             this.isFormValid = !this.getInvalidStatus(this.listOfInputValidity);
             this.stepsStateMachine({ event: 'set', type: 'inputs' });
             this.setupConditionalValidationMap();
+        }, (err) => {
+            console.error(err);
         });
     }
     /**
@@ -12878,6 +12880,15 @@ const GeneralRegistration = class {
                 break;
         }
     }
+    triggerNotification(errMsg, errType = 'WidgetNotification') {
+        window.postMessage({
+            type: errType,
+            data: {
+                type: 'error',
+                message: errMsg
+            }
+        }, window.location.href);
+    }
     getRegisterConfig(registrationID) {
         const url = new URL('/v1/player/legislation/registration/config/', this.endpoint);
         const headers = new Headers();
@@ -12893,14 +12904,26 @@ const GeneralRegistration = class {
         return new Promise((resolve, reject) => {
             this.isLoading = true;
             fetch(url.href, options)
-                .then((res) => res.json())
+                .then((res) => {
+                if (!res.ok) {
+                    this.registerErrors = true;
+                    return res.json().then(error => {
+                        this.errorCode = error.thirdPartyResponse.errorCode;
+                        this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
+                        this.triggerNotification(this.errorMessage);
+                    });
+                }
+                return res.json();
+            })
                 .then((config) => {
                 this.isLoading = false;
-                resolve(config);
-            }).catch((err) => {
-                this.isLoading = false;
-                console.error(err);
-                reject(err);
+                if (!config) {
+                    return reject('Get register config is empty or has an error.');
+                }
+                return resolve(config);
+            }, (err) => {
+                console.error('Get register config is empty or has an error: ', err);
+                return reject(err);
             }).finally(() => {
                 this.isLoading = false;
             });
@@ -12914,7 +12937,7 @@ const GeneralRegistration = class {
             registerUserDto: this.listOfInputValues
                 .filter(input => !input.isDuplicate)
                 .reduce((acc, curr) => {
-                // Because the API is very robust, some values need to be split as separate entities.  
+                // Because the API is very robust, some values need to be split as separate entities.
                 if (curr.name === 'TypeOfPublicArea') {
                     acc[curr.name] = curr.value.toLowerCase();
                 }
@@ -12925,7 +12948,7 @@ const GeneralRegistration = class {
                     acc[curr.name] = curr.value.phone;
                 }
                 else if (curr.type === 'checkboxgroup') {
-                    // Skip adding the parent of the checkboxgroup as a key. 
+                    // Skip adding the parent of the checkboxgroup as a key.
                     if (curr.value !== null) {
                         Object.entries(curr.value).forEach(([key, value]) => {
                             acc[key] = value ? 'true' : 'false';
@@ -12968,6 +12991,7 @@ const GeneralRegistration = class {
                     else {
                         this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
                     }
+                    this.triggerNotification(this.errorMessage);
                 });
             }
             // handles sending suctom events and the requested data for each registration step
@@ -13034,6 +13058,9 @@ const GeneralRegistration = class {
                         this.stepsStateMachine({ event: 'set', type: 'inputs' });
                         // Setup conditionalValidationMap
                         this.setupConditionalValidationMap();
+                    }, (err) => {
+                        // Only send the error to user because this.getRegisterConfig already has proper error logging
+                        this.triggerNotification(err);
                     });
                 }
             }
@@ -13075,12 +13102,7 @@ const GeneralRegistration = class {
                         this.errorMessage = translate(`${this.errorCode}`, this.language) || translate(`generalError`, this.language);
                     }
                     window.postMessage({ type: 'registrationFailed', errorMessage: error === null || error === void 0 ? void 0 : error.thirdPartyResponse.message }, window.location.href);
-                    window.postMessage({
-                        type: 'WidgetNotification', data: {
-                            type: 'error',
-                            message: this.errorMessage
-                        }
-                    }, window.location.href);
+                    this.triggerNotification(this.errorMessage);
                     dispatchCustomEvent('register_fail', { error: this.errorMessage });
                 });
             }
@@ -13185,7 +13207,7 @@ const GeneralRegistration = class {
         else {
             this.isConsentReady = false;
         }
-        // The translations for fields happens here. 
+        // The translations for fields happens here.
         if (this.translationUrl) {
             getTranslations(this.translationUrl).then(() => {
                 this.listOfInputs.forEach(field => {
@@ -13268,6 +13290,9 @@ const GeneralRegistration = class {
     getInvalidStatus(listOfInputs) {
         return listOfInputs.filter(input => input.isValid == false).length > 0;
     }
+    renderErrorMessage(errorMsg) {
+        return (h$1("p", { class: "registration registration__error-message" }, errorMsg));
+    }
     renderForm() {
         return this.forms.map((form, index) => {
             return h$1("form", { action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index + 1}` ? 'hidden' : ''}`, ref: el => this.form = el, onClick: this.handleInitialClick }, form[this.registrationStep] && form[this.registrationStep].map((input) => {
@@ -13290,9 +13315,12 @@ const GeneralRegistration = class {
             && h$1("svg", { class: "spinner", viewBox: "0 0 50 50" }, h$1("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })), !this.isLoadingPOST && h$1("div", { class: `registration__buttons-wrapper ${this.autofilled ? 'registration__buttons-wrapper--autofilled' : ''}` }, h$1("button", { class: `registration__button registration__button--next ${this.isFormValid ? '' : 'registration__button--disabled'}`, type: 'submit', form: `RegistrationForm${this.registrationStep}`, onClick: (e) => this.nextHandler(e), disabled: !this.isFormValid }, this.lastStep === this.registrationStep ? translate('doneButton', this.language) : translate('nextButton', this.language)), h$1("button", { class: `registration__button registration__button--back ${this.registrationStep == 'Step1' ? 'registration__button--first-step' : ''}`, onClick: (e) => this.backHandler(e) }, translate('backButton', this.language)))));
     }
     render() {
-        if (this.isLoading) {
+        if (this.isLoading && !this.registerErrors) {
             return h$1("p", null, "Please wait, loading ...");
         }
+        else if (!this.isLoading && this.registerErrors) {
+            return this.renderErrorMessage(this.errorMessage);
+        }
         return (h$1("div", { class: `registration  registration__${this.registrationStep}` }, this.renderForm(), !this.buttonInsideForm && this.renderButtons()));
     }
     get host() { return getElement(this); }