@everymatrix/general-registration 1.87.20 → 1.87.22

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

@@ -13062,11 +13062,16 @@ const GeneralInput = class {
             case 'twofa':
                 return index.h("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds, "enable-south-african-mode": this.enableSouthAfricanMode, "pin-attempts-exceeded": this.pinAttemptsExceeded, "mb-source": this.mbSource });
             default:
-                return index.h("p", null, "The ", this.type, " input type is not valid");
+                if (this.displayName && this.displayName.trim() !== '') {
+                    return index.h("div", { class: "general-non-input", innerHTML: this.displayName });
+                }
+                else {
+                    return null;
+                }
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7d036183d9376203451d9805e76b608cfa63570b', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
+        return (index.h(index.Host, { key: '0474aad44033fe0c48473af7938e9ddb77b684e8', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -14917,7 +14922,8 @@ const GeneralRegistration = class {
     }
     formatConfig(config) {
         this.listOfInputs = config.content.fields.flatMap((field) => {
-            const duplicateInputRule = field.validate.custom.find(customRule => customRule.rule === 'duplicate-input');
+            var _a, _b;
+            const duplicateInputRule = (_b = (_a = field.validate) === null || _a === void 0 ? void 0 : _a.custom) === null || _b === void 0 ? void 0 : _b.find(customRule => customRule.rule === 'duplicate-input');
             const inputElement = Object.assign({}, field);
             if (duplicateInputRule) {
                 const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: duplicateInputRule.displayName, isDuplicateInput: true });
@@ -15075,10 +15081,10 @@ const GeneralRegistration = class {
     }
     getInvalidStatus(listOfInputs) {
         const invalidInputs = listOfInputs.filter(input => {
-            var _a;
+            var _a, _b;
             const inputConfig = this.listOfInputs.find(i => i.name === input.name);
             const inputValue = (_a = this.listOfInputValues.find(v => v.name === input.name)) === null || _a === void 0 ? void 0 : _a.value;
-            if (inputConfig && !inputConfig.validate.mandatory) {
+            if (inputConfig && !((_b = inputConfig.validate) === null || _b === void 0 ? void 0 : _b.mandatory)) {
                 // Use the helper function to check if value is empty
                 if (checkEmptyValue(inputValue)) {
                     return false;

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

@@ -722,7 +722,8 @@ export class GeneralRegistration {
     }
     formatConfig(config) {
         this.listOfInputs = config.content.fields.flatMap((field) => {
-            const duplicateInputRule = field.validate.custom.find(customRule => customRule.rule === 'duplicate-input');
+            var _a, _b;
+            const duplicateInputRule = (_b = (_a = field.validate) === null || _a === void 0 ? void 0 : _a.custom) === null || _b === void 0 ? void 0 : _b.find(customRule => customRule.rule === 'duplicate-input');
             const inputElement = Object.assign({}, field);
             if (duplicateInputRule) {
                 const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: duplicateInputRule.displayName, isDuplicateInput: true });
@@ -881,10 +882,10 @@ export class GeneralRegistration {
     }
     getInvalidStatus(listOfInputs) {
         const invalidInputs = listOfInputs.filter(input => {
-            var _a;
+            var _a, _b;
             const inputConfig = this.listOfInputs.find(i => i.name === input.name);
             const inputValue = (_a = this.listOfInputValues.find(v => v.name === input.name)) === null || _a === void 0 ? void 0 : _a.value;
-            if (inputConfig && !inputConfig.validate.mandatory) {
+            if (inputConfig && !((_b = inputConfig.validate) === null || _b === void 0 ? void 0 : _b.mandatory)) {
                 // Use the helper function to check if value is empty
                 if (checkEmptyValue(inputValue)) {
                     return false;

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

@@ -13058,11 +13058,16 @@ const GeneralInput = class {
             case 'twofa':
                 return h$1("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds, "enable-south-african-mode": this.enableSouthAfricanMode, "pin-attempts-exceeded": this.pinAttemptsExceeded, "mb-source": this.mbSource });
             default:
-                return h$1("p", null, "The ", this.type, " input type is not valid");
+                if (this.displayName && this.displayName.trim() !== '') {
+                    return h$1("div", { class: "general-non-input", innerHTML: this.displayName });
+                }
+                else {
+                    return null;
+                }
         }
     }
     render() {
-        return (h$1(Host, { key: '7d036183d9376203451d9805e76b608cfa63570b', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
+        return (h$1(Host, { key: '0474aad44033fe0c48473af7938e9ddb77b684e8', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -14913,7 +14918,8 @@ const GeneralRegistration = class {
     }
     formatConfig(config) {
         this.listOfInputs = config.content.fields.flatMap((field) => {
-            const duplicateInputRule = field.validate.custom.find(customRule => customRule.rule === 'duplicate-input');
+            var _a, _b;
+            const duplicateInputRule = (_b = (_a = field.validate) === null || _a === void 0 ? void 0 : _a.custom) === null || _b === void 0 ? void 0 : _b.find(customRule => customRule.rule === 'duplicate-input');
             const inputElement = Object.assign({}, field);
             if (duplicateInputRule) {
                 const duplicateInput = Object.assign(Object.assign({}, field), { name: `${field.name}Duplicate`, displayName: duplicateInputRule.displayName, isDuplicateInput: true });
@@ -15071,10 +15077,10 @@ const GeneralRegistration = class {
     }
     getInvalidStatus(listOfInputs) {
         const invalidInputs = listOfInputs.filter(input => {
-            var _a;
+            var _a, _b;
             const inputConfig = this.listOfInputs.find(i => i.name === input.name);
             const inputValue = (_a = this.listOfInputValues.find(v => v.name === input.name)) === null || _a === void 0 ? void 0 : _a.value;
-            if (inputConfig && !inputConfig.validate.mandatory) {
+            if (inputConfig && !((_b = inputConfig.validate) === null || _b === void 0 ? void 0 : _b.mandatory)) {
                 // Use the helper function to check if value is empty
                 if (checkEmptyValue(inputValue)) {
                     return false;