Direct text input Validate type

[Priyanka-ashok]

Tasks : Validation type : Story Type of Input : Direct text input

• [x] Build the UI for direct text input validate type as per the design below ( imported from em )
• [x] Add a placeholder to text area ( Enter the valid JSON data )
• [x] Text area should take one JSON Object
• [x] Validate Button should be disabled, until the fields are selected and text is added in text area
• [x] Process the information from the form and make a POST request
• [x] Move the Validator from Client Migration repo ( which includes ajv (JSON schema generator ), adding the @quintype/migration-helpers package )
• [x] Add Jest test cases
• [x] Wire up direct text input api ( url : api/validate) to the validator function and get results and display them onto front end ( results page )
• [x] Error Message should show external-id and Error type ( log level: warn, error )

Design for Direct input type validation : https://app.zeplin.io/project/5b02b0eecc20083961194f04/screen/5def5d2718bf6c05e4412439

Additional Info :

• [x] Need to speak with em team regarding the text area ( scroll property )