Help setup Javascript debugging profile for React Native in PhpStorm

Please read the description carefully. Copy/paste & non-relevant bids will be reported. I'm looking for someone to do a quick TeamViewer session to help me set up the debugging profile in PHPStorm for react/react native projects. Should only take about 20 mins and need it done AS SOON AS POSSIBLE. I'd like to setup the IDE debug profiles so that I'm able to use the IDE debugger directly in phpstorm, allowing me to set breakpoints, view debugger statements inline, etc while the app is running in my emulator (see attached screenshot for example). I currently have the run configurations working and the stand alone react-native-debugger functioning, but would prefer to do in-line debugging of my js files via my IDE instead of the browser console when developing for ReactNative. The debugging works fine when using the standard node profiles & running node scripts, but I'm not 100% sure how to do the same with the compiled js files when working with either webpack (ReactJS) or for ReactNative. Attached screenshot is from the phpstorm docs to give a reference to what I'm trying to get setup.