first commit

vendor/wpcfto/metaboxes/general_components/js/validationMixin.js

@@ -0,0 +1,36 @@
+// validationMixin.js
+export default {
+    props: ['fields', 'field_id', 'field_value'],
+    methods: {
+      isVisible() {
+        if (!this.fields.dependencies) return true;
+        return this.fields.dependencies.every(dep => {
+          const depValue = this.$parent?.$refs[dep.field]?.value;
+          return depValue === dep.value;
+        });
+      },
+      validateField() {
+        const visible = this.isVisible();
+        const required = this.fields.required === true;
+        const value = this.field_value;
+  
+        const isValid = !required || (visible && value !== undefined && value !== null && value !== '');
+  
+        this.$root.$emit('field-validation', {
+          fieldId: this.field_id,
+          isValid
+        });
+  
+        return isValid;
+      }
+    },
+    watch: {
+      field_value() {
+        this.validateField();
+      }
+    },
+    mounted() {
+      this.validateField();
+    }
+};
+