WRQ-5388: [POC] Input with useWhisper API

[vJIYEv]

Checklist

• I have read and understand the contribution guide
• A CHANGELOG entry is included
• At least one test case is included for this feature or bug fix
• Documentation was added or is not needed
• This is an API breaking change

Issue Resolved / Feature Added

useWhisper is a React Hook for OpenAI Whisper API with speech recorder, real-time transcription and silence removal built-in.
We'd like to research if we can adopt this hook into the Enact Input component.

Resolution

Made a demo on Sandston sampler Input.
If you click the mic button, recording starts and trascript text displays in input every 20 seconds.

Additional Considerations

This requires useWhisper API, OpenAI API Key, and OpenAI Endpoint.
Editing transcript text has not been developed properly yet.
Should choose just one of key input or transcribing for now.
It will be nice to enable editing transcript text later.

Links

WRQ-5388

Comments

Enact-DCO-1.0-Signed-off-by: Jiye Kim ([email protected])

[codecov]

Codecov Report

Attention: Patch coverage is 72.72727% with 3 lines in your changes missing coverage. Please review.

Project coverage is 81.59%. Comparing base (16e847c) to head (f5eeca9).
Report is 8 commits behind head on develop.

Files	Patch %	Lines
Input/InputField.js	72.72%	3 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #1626      +/-   ##
===========================================
+ Coverage    81.55%   81.59%   +0.04%     
===========================================
  Files          148      148              
  Lines         6674     6732      +58     
  Branches      1986     2014      +28     
===========================================
+ Hits          5443     5493      +50     
- Misses         938      944       +6     
- Partials       293      295       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.