✨ New Features
- Video Capture
The new VideoCapture
simplifies the process of capturing vehicle inspection images by guiding users to record a walkaround video of their vehicle:
Highlights:
• Supports automatic frame selection for optimal image quality.
• Includes warnings for fast walking and phone shaking, enhancing video stability.
• Configurable minimum recording duration and retry logic for failed uploads.
• Easy integration with a single-page VideoCapture
component.
Usage:
import { VideoCapture } from '@monkvision/inspection-capture-web';
const apiDomain = 'api.preview.monk.ai/v1';
export function MonkVideoCapturePage({ authToken }) {
return (
<VideoCapture
inspectionId={inspectionId}
apiConfig={{ apiDomain, authToken }}
onComplete={() => { /* Navigate to another page */ }}
/>
);
}
- Damage Disclosure
The DamageDisclosure is designed to guide users in documenting vehicle damages through detailed close-up images. This feature supports two sub-workflows:
• Part-selection: Users select a damaged part on a vehicle wireframe before capturing close-up photos.
• Two-shot: Users capture a wide shot of the vehicle followed by a close-up image of the damage.
Highlights:
• Easy integration with the DamageDisclosure component.
• Configurable image quality, resolution, and compliance settings.
• Supports callbacks for picture-taking and workflow completion.
Usage:
import { DamageDisclosure } from '@monkvision/inspection-capture-web';
const apiDomain = 'api.preview.monk.ai/v1';
export function MonkDamageDisclosurePage({ authToken }) {
return (
<DamageDisclosure
inspectionId={inspectionId}
apiConfig={{ apiDomain, authToken }}
onComplete={() => { /* Navigate to another page */ }}
/>
);
}
❗ Breaking Changes
- The
enableAddDamage
boolean property in PhotoCaptureConfigApp
has been replaced by the addDamage
property.
The new addDamage
property accepts values from the AddDamage
enum, providing more flexibility for specifying the damage capture workflow.
// Before:
<PhotoCapture
enableAddDamage={true}
// After:
import { AddDamage } from '@monkvision/inspection-capture-web';
<PhotoCapture
addDamage={AddDamage.PART_SELECT}
/>