BON Loyalty Widget and Single Page Application(SPA)
One of the issue with SPA(Single Page Application) is the website does not refresh after user authenticated(login/register). Our authentication is running on server side and it takes effect only when page refresh!
The bellow walk-around code should help BON Loyalty Widget to work well with SPA.
After customer authenticated(login/register) on website successfully, run the following code snippet to re-initiate our widget to able to authenticate customer together with BON Loyalty Widget.
function createjscssfile(filename){
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
return fileref
}
function replacejscssfile(oldfilename, newfilename){
var allsuspects=document.getElementsByTagName("script")
for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
if (allsuspects[i] && allsuspects[i].getAttribute("src")!=null && allsuspects[i].getAttribute("src").indexOf(oldfilename)!=-1){
var newelement=createjscssfile(newfilename)
allsuspects[i].parentNode.replaceChild(newelement, allsuspects[i])
}
}
}
window.bonRender = false;
replacejscssfile("https://d31wum4217462x.cloudfront.net/app/bon-loyalty.js?v=3.2.0", "https://d31wum4217462x.cloudfront.net/app/bon-loyalty.js?v=3.2.0" + new Date().valueOf()) //Replace all occurences of "oldscript.js" with "newscript.js"
