Hi,

We have the following need for which we are seeking the best approach/methodologies. Thanks in advance for sharing your opinions - any thoughts might help!

1. We need to build a case creation screen in Pega 8, which will have a URL [a React based webpage's URL] embedded in the Pega screen. The idea is when the User tries to create a Pega case, the case creation screen shows him the React UI (rendered by the embedded URL).

2. Once we're able to embed the React URL in the Pega UI, the next step is to make the two talk to each other. Essentially, the user inputs captured in the embedded React application will have to be flown back to the Pega case so that the case gets updated.

3. Once the Pega case is updated with the user input, the case should refresh systematically and move to the next step in the Case type Stage.

So far, we have tried to use the help from the following link, but nothing seems to have worked out yet.

1. https://docs-previous.pega.com/user-experience/84/creating-external-web-component?

2. https://support.pega.com/question/how-use-react-pega

3. https://support.pega.com/question/pega-react-component

We're trying to implement mostly using external-web-component as there are authentication 

Thanks

Arka