@everymatrix/general-registration 1.65.3 → 1.65.5

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

@@ -28,7 +28,7 @@
 }
 .registration__error-message {
   color: var(--emw--color-error, var(--emw--color-red, #ed0909));
-  font-size: 13px;
+  font-size: var(--emw-font-size-small, 13px);
   display: block;
   justify-content: center;
   text-align: center;
@@ -100,6 +100,11 @@
   animation: dash 1.5s ease-in-out infinite;
 }
 
+.input-description {
+  margin-top: 5px;
+  font-size: var(--emw-font-size-x-small, 12px);
+}
+
 @keyframes rotate {
   100% {
     transform: rotate(360deg);

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

@@ -351,7 +351,7 @@ export class GeneralRegistration {
     }
     setRegisterStep() {
         this.isLoadingPOST = true;
-        const url = new URL(`${this.endpoint}/v1/player/legislation/registration/step`);
+        const url = new URL('/v1/player/legislation/registration/step/', this.endpoint);
         const registerStep = {
             registrationId: this.registrationID,
             registerUserDto: this.listOfInputValues
@@ -714,11 +714,14 @@ export class GeneralRegistration {
     }
     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 => h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
-                    ? (input.inputType.toLowerCase() == 'checkboxgroup' || input.inputType.toLowerCase() == 'togglecheckbox')
-                        ? input.data.subFields
-                        : input.data.values
-                    : [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, dateFormat: this.dateFormat, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick })), this.isConsentReady && this.renderConsents(), this.buttonInsideForm && this.renderButtons(), h("div", { class: 'registration__wrapper--flex' }, h("p", { class: 'registration__error-message', innerHTML: this.errorMessage })));
+            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) => {
+                var _a;
+                return h("div", { key: input.name, class: "input-wrapper" }, h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
+                        ? (input.inputType.toLowerCase() === 'checkboxgroup' || input.inputType.toLowerCase() === 'togglecheckbox')
+                            ? input.data.subFields
+                            : input.data.values
+                        : [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, dateFormat: this.dateFormat, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick }), ((_a = input.customInfo) === null || _a === void 0 ? void 0 : _a.description) && (h("div", { class: "input-description" }, input.customInfo.description)));
+            }), this.isConsentReady && this.renderConsents(), this.buttonInsideForm && this.renderButtons(), h("div", { class: 'registration__wrapper--flex' }, h("p", { class: 'registration__error-message', innerHTML: this.errorMessage })));
         });
     }
     ;