Assign Dynamic Value to Email field with GuideBridge API

[snowwhite92]

Hi, 

I'm having an issue with implementing GuideBride API. I have a adaptive form embedded on Dynamic page through AEM Form component. I need to assign Email address from api call to the email field in Form so it can be used to send email. 

I understand GuideBride can be used and I have put together a code to do that. But the event is NOT working consistently. Sometimes it work the other times it doesn't also if I open Chrome Dev tool then it works fine. This is my code. This issue driving me nuts. I try putting this code in footer, I debug the code. I see the event in Event Listener but when I close the dev tool it doesn't work on window refresh.

Am I missing anything?

window.addEventListener("bridgeInitializeStart", function (evnt) {
            // get hold of the guideBridge object
            var gb = evnt.detail.guideBridge;
            //wait for the completion of adaptive forms
            gb.connect(function () {
                //this function will be called after adaptive form is initialized
                var somExpression = "SOM_EXPRESSION_VALUE";
                var eligibilityAmountComp = gb.resolveNode(somExpression);
                eligibilityAmountComp.value = "testEmail@hotmail.com";
            })
        })