@formio/js 5.0.0-dev.5613.77144cc → 5.0.0-dev.5615.4672b8c

package/lib/cjs/WebformBuilder.js

@@ -1119,11 +1119,16 @@ class WebformBuilder extends Component_1.default {
         const repeatablePaths = this.findRepeatablePaths();
         let hasInvalidComponents = false;
         this.webform.everyComponent((comp) => {
+            var _a;
             const path = comp.path;
+            const errors = comp.visibleErrors || [];
             if (repeatablePaths.includes(path)) {
-                comp.setCustomValidity(this.t('apiKey', { key: comp.key }));
+                comp.setCustomValidity(`API Key is not unique: ${comp.key}`);
                 hasInvalidComponents = true;
             }
+            else if (errors.length && ((_a = errors[0].message) === null || _a === void 0 ? void 0 : _a.startsWith('API Key is not unique'))) {
+                comp.setCustomValidity('');
+            }
         });
         this.emit('builderFormValidityChange', hasInvalidComponents);
     }

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -492,12 +492,10 @@ declare class Component extends Element {
     /**
      * Add a new input error to this element.
      *
-     * @param {{level: string, message: string}[]} messages
+     * @param message
+     * @param dirty
      */
-    addMessages(messages: {
-        level: string;
-        message: string;
-    }[]): void;
+    addMessages(messages: any): void;
     setErrorClasses(elements: any, dirty: any, hasErrors: any, hasMessages: any, element?: any): void;
     setElementInvalid(element: any, invalid: any): void;
     clearOnHide(): void;

package/lib/cjs/components/_classes/component/Component.js

@@ -1831,7 +1831,8 @@ class Component extends Element_1.default {
     /**
      * Add a new input error to this element.
      *
-     * @param {{level: string, message: string}[]} messages
+     * @param message
+     * @param dirty
      */
     addMessages(messages) {
         if (!messages) {

package/lib/cjs/translations/en.d.ts

@@ -71,6 +71,5 @@ declare namespace _default {
     let submitButtonAriaLabel: string;
     let reCaptchaTokenValidationError: string;
     let reCaptchaTokenNotSpecifiedError: string;
-    let apiKey: string;
 }
 export default _default;

package/lib/cjs/translations/en.js

@@ -73,5 +73,4 @@ exports.default = {
     submitButtonAriaLabel: 'Submit Form button. Click to submit the form',
     reCaptchaTokenValidationError: 'ReCAPTCHA: Token validation error',
     reCaptchaTokenNotSpecifiedError: 'ReCAPTCHA: Token is not specified in submission',
-    apiKey: 'API Key is not unique: {{key}}'
 };

package/lib/mjs/WebformBuilder.js

@@ -1104,10 +1104,14 @@ export default class WebformBuilder extends Component {
         let hasInvalidComponents = false;
         this.webform.everyComponent((comp) => {
             const path = comp.path;
+            const errors = comp.visibleErrors || [];
             if (repeatablePaths.includes(path)) {
-                comp.setCustomValidity(this.t('apiKey', { key: comp.key }));
+                comp.setCustomValidity(`API Key is not unique: ${comp.key}`);
                 hasInvalidComponents = true;
             }
+            else if (errors.length && errors[0].message?.startsWith('API Key is not unique')) {
+                comp.setCustomValidity('');
+            }
         });
         this.emit('builderFormValidityChange', hasInvalidComponents);
     }

package/lib/mjs/components/_classes/component/Component.d.ts

@@ -492,12 +492,10 @@ declare class Component extends Element {
     /**
      * Add a new input error to this element.
      *
-     * @param {{level: string, message: string}[]} messages
+     * @param message
+     * @param dirty
      */
-    addMessages(messages: {
-        level: string;
-        message: string;
-    }[]): void;
+    addMessages(messages: any): void;
     setErrorClasses(elements: any, dirty: any, hasErrors: any, hasMessages: any, element?: any): void;
     setElementInvalid(element: any, invalid: any): void;
     clearOnHide(): void;

package/lib/mjs/components/_classes/component/Component.js

@@ -1795,7 +1795,8 @@ export default class Component extends Element {
     /**
      * Add a new input error to this element.
      *
-     * @param {{level: string, message: string}[]} messages
+     * @param message
+     * @param dirty
      */
     addMessages(messages) {
         if (!messages) {

package/lib/mjs/translations/en.d.ts

@@ -71,6 +71,5 @@ declare namespace _default {
     let submitButtonAriaLabel: string;
     let reCaptchaTokenValidationError: string;
     let reCaptchaTokenNotSpecifiedError: string;
-    let apiKey: string;
 }
 export default _default;

package/lib/mjs/translations/en.js

@@ -71,5 +71,4 @@ export default {
     submitButtonAriaLabel: 'Submit Form button. Click to submit the form',
     reCaptchaTokenValidationError: 'ReCAPTCHA: Token validation error',
     reCaptchaTokenNotSpecifiedError: 'ReCAPTCHA: Token is not specified in submission',
-    apiKey: 'API Key is not unique: {{key}}'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5613.77144cc",
+  "version": "5.0.0-dev.5615.4672b8c",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {