@everymatrix/general-registration 1.22.9 → 1.23.1

package/dist/components/general-registration.js

@@ -24,7 +24,8 @@ const TRANSLATIONS = {
     "GmErr_Unauthorized": 'Something went wrong... Please try again.',
     "GmErr_NotFound": 'Something went wrong... Please try again.',
     "GmErr_UnexpectedException": 'Something went wrong... Please try again.',
-    "generalError": "Something went wrong... Please try again."
+    "generalError": "Something went wrong... Please try again.",
+    "successMessage": "Register successful"
   },
   "hu": {
     "nextButton": 'Következő',
@@ -37,7 +38,22 @@ const TRANSLATIONS = {
     "GmErr_Unauthorized": 'Valami hiba történt... Kérjük, próbálja újra.',
     "GmErr_NotFound": 'Valami hiba történt... Kérjük, próbálja újra.',
     "GmErr_UnexpectedException": 'Valami hiba történt... Kérjük, próbálja újra.',
-    "generalError": "Valami hiba történt... Próbáld újra."
+    "generalError": "Valami hiba történt... Próbáld újra.",
+    "successMessage": "Sikeres regisztráció"
+  },
+  "hr": {
+    "nextButton": 'Next',
+    "backButton": 'Back',
+    "doneButton": 'Done',
+    "GmErr_BadRequest_Duplicate_User": 'A user with this information already exists.',
+    "GmErr_Forbidden_UserAccount_NavExcluded": 'User is NAV Excluded. Registration was denied.',
+    "GmErr_BadRequest_ModelValidationFailed": 'Something went wrong... Please try again.',
+    "GmErr_BadInternalConfigs": 'Something went wrong... Please try again.',
+    "GmErr_Unauthorized": 'Something went wrong... Please try again.',
+    "GmErr_NotFound": 'Something went wrong... Please try again.',
+    "GmErr_UnexpectedException": 'Something went wrong... Please try again.',
+    "generalError": "Something went wrong... Please try again.",
+    "successMessage": "Register successful"
   }
 };
 const getTranslations = (url) => {
@@ -67,7 +83,7 @@ const translate = (key, customLang, values) => {
   return translation;
 };
 
-const generalRegistrationCss = "*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.registration__form.hidden {\n  display: none;\n}\n\n.registration {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-family: sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  height: 100%;\n  container-type: inline-size;\n}\n.registration__wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.registration__error-message {\n  color: #cc0000b3;\n  font-size: 13px;\n  font-family: \"ubuntu\";\n}\n.registration__form {\n  display: grid;\n  grid-template-columns: repeat(1, 1fr);\n  gap: 40px;\n  justify-items: stretch;\n  align-content: flex-start;\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.registration__buttons-wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  position: relative;\n}\n.registration__button {\n  border: none;\n  border-radius: 20px;\n  box-shadow: 0px 2px 1px rgba(11, 16, 19, 0.6);\n  color: #0B1013;\n  font-size: 18px;\n  font-weight: bold;\n  text-transform: uppercase;\n  width: 150px;\n  height: 45px;\n}\n.registration__button--disabled {\n  color: #647480;\n  background-color: #CFCFCF;\n  box-shadow: none;\n}\n.registration__button--first-step {\n  display: none;\n}\n\n@container (min-width: 450px) {\n  .registration__form {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .registration__buttons-wrapper {\n    flex-direction: row-reverse;\n    gap: 15px;\n  }\n}\n.spinner {\n  animation: rotate 2s linear infinite;\n  z-index: 2;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin: -25px 0 0 -25px;\n  width: 50px;\n  height: 50px;\n}\n.spinner .path {\n  stroke: #E37912;\n  stroke-linecap: round;\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}";
+const generalRegistrationCss = "*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.registration__form.hidden {\n  display: none;\n}\n\n.registration {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-family: sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  height: 100%;\n  container-type: inline-size;\n}\n.registration__wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.registration__error-message {\n  color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));\n  font-size: 13px;\n  font-family: \"ubuntu\";\n}\n.registration__form {\n  display: grid;\n  grid-template-columns: repeat(1, 1fr);\n  gap: 40px;\n  justify-items: stretch;\n  align-content: flex-start;\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.registration__buttons-wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  position: relative;\n}\n.registration__button {\n  border-radius: 5px;\n  background: var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));\n  border: 1px solid var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));\n  color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));\n  text-transform: uppercase;\n  font-size: 20px;\n  height: 44px;\n  width: 100%;\n  margin: 0px auto;\n  padding: 10px 20px;\n  font-weight: normal;\n  box-shadow: none;\n  cursor: pointer;\n}\n.registration__button--disabled {\n  background: var(--emfe-w-color-gray-100, #E6E6E6);\n  border: 1px solid var(--emfe-w-color-gray-150, #828282);\n  cursor: not-allowed;\n  box-shadow: none;\n}\n.registration__button--first-step {\n  display: none;\n}\n\n@container (min-width: 450px) {\n  .registration__form {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .registration__buttons-wrapper {\n    flex-direction: row-reverse;\n    gap: 15px;\n  }\n}\n.spinner {\n  animation: rotate 2s linear infinite;\n  z-index: 2;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin: -25px 0 0 -25px;\n  width: 50px;\n  height: 50px;\n}\n.spinner .path {\n  stroke: var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));\n  stroke-linecap: round;\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}";
 
 const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -141,6 +157,9 @@ const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       this.autofilled = true;
     }
   }
+  addBtag() {
+    this.addBtagValue();
+  }
   checkInputsValidityHandler(event) {
     // Set isValid state of the input in the list.
     this.listOfInputValidity.find(input => input.name == event.detail.name).isValid = event.detail.valid;
@@ -381,6 +400,10 @@ const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
             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);
         });
       }
       return res.json();
@@ -389,6 +412,10 @@ const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       this.isLoading = false;
       if (!this.registerErrors) {
         window.postMessage({ type: 'registrationSuccessful', userId: data === null || data === void 0 ? void 0 : data.userId }, window.location.href);
+        window.postMessage({ type: 'WidgetNotification', data: {
+            type: 'success',
+            message: translate('successMessage', this.language)
+          } }, window.location.href);
       }
     })
       .catch((err) => {
@@ -413,8 +440,6 @@ const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         return [inputElement];
       }
     });
-    if (this.btag)
-      this.addBtagValue();
     this.listOfInputValidity = this.listOfInputs.reduce((acc, field) => {
       var _a;
       // If the field is a togglecheckbox, add its subfields
@@ -460,6 +485,8 @@ const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       }
       return acc;
     }, []);
+    if (this.btag)
+      this.addBtagValue();
     // Set the list of actions
     this.listOfActions = config.content.actions.map(action => action);
     this.registrationID = config.content.registrationID;
@@ -509,6 +536,10 @@ const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     if (btagField) {
       btagField.defaultValue = this.btag;
     }
+    const btagValue = this.listOfInputValues.find(input => input.name.toLowerCase() === 'btag');
+    if (btagValue) {
+      btagValue.value = this.btag;
+    }
   }
   addTranslation(field) {
     if (TRANSLATIONS[this.language][field.name]) {
@@ -565,7 +596,8 @@ const GeneralRegistration$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   get host() { return this; }
   static get watchers() { return {
     "registrationStep": ["sendStep"],
-    "forms": ["setFormValidity"]
+    "forms": ["setFormValidity"],
+    "btag": ["addBtag"]
   }; }
   static get style() { return generalRegistrationCss; }
 }, [1, "general-registration", {