Hardcoded dismissible Dialog button text

[surajeaton]

Describe the bug / expected behavior

Hardcoded dismissible Dialog button text (Okay)

What are the steps to reproduce?

blui-react-workflows/login-workflow/src/components/Dialog/BasicDialog.tsx

Line 84 in cf8da61

{dismissButtonText || 'Okay'}

1. cd login-workflows
2. yarn start:example
3. Throw error from login action / Uncomment

   blui-react-workflows/login-workflow/example/src/actions/AuthUIActions.tsx

   Line 89 in cf8da61

   // throw new Error('My Custom Error');

4. Remove error display config in Login screen (currently it is set to use error message box) / Comment this block

   blui-react-workflows/login-workflow/example/src/screens/Login.tsx

   Line 11 in cf8da61

   errorDisplayConfig={{

5. Click on Debug button and change the language other than English
6. Enter email and password in login page
7. Click Login button
8. See the error dialog has Okay button still in English

Screenshots / Screen recording

Code snippet / Link to minimum reproduction example

CODE HERE

Your environment information

Suggested fix

Replace hard coded text with internationalization key for Okay

Anything else to add?

[surajeaton]

Pass the translation key from the component, which is using BasicDialog component.
Also remove hardcoded 'Okay' text from the button.
Make dismissButtonText prop as required.

[joebochill]

Let's leave the default, since the Basic Dialog is a base component. We just need to make sure that wherever we are using it we are passing in a value for that prop that uses a key from the translation dictionary so it gets translated.