<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
body{
background-color: white ;
margin:0;padding:0
}
.main-class {
width: 100%;
position: fixed;
text-align: center;
height: 100%;
overflow: hidden;
background:transparent;
background-size: 100%;
margin-left:0 !important;
margin-top: 0 !important;
border: 0px solid red;background:white;
}
#surveyIframe {
height: 100vh;
}
</style>
<style type="text/css">
-webkit-scrollbar{width:12px!important}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)!important}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-border-radius:10px!important;border-radius:10px!important}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)!important}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:#41617d!important}.header-row{position:absolute;top:0;right:0;height:44px;z-index:10}.center-center,.viewport{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}.viewport{width:100%;height:100%;max-width:450px;max-height:850px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}#deepResearch{font-family:Roboto,sans-serif;font-size:14px;background-color:#eee;display:block;width:100vw;height:100vh;position:relative;left:0}#deepResearch #wrapper{width:100%;height:100%;position:relative;overflow:hidden;font-family:inherit;margin:0 auto}#deepResearch #wrapper #loader{width:100%;background:#000;position:absolute;opacity:.4;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;display:none;z-index: 9999}#deepResearch #wrapper #loader .loader-circle{-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-top-color:#555;-webkit-border-radius:50%;border-radius:50%;width:30px;height:30px;z-index:11}#deepResearch #wrapper .form-page-redirect{display:block;padding:10px;text-align:center;font-size:16px}#deepResearch #wrapper .form-page-redirect .text-content{padding:30px;margin-top:50px}#deepResearch #wrapper .full-screen{width:100%;height:100%;max-width:450px;max-height:850px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-background-size:cover;background-size:cover;background-color:#f5f9fa;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#deepResearch #wrapper .full-screen .footer-row{position:fixed;bottom:0;width:100%;margin-left:-30px}#deepResearch #wrapper .full-screen .footer-row .logo-container{height:35px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:10px 35px}#deepResearch #wrapper .full-screen .footer-row .logo-container .logo{width:100px;margin-left:1px}#deepResearch #wrapper .submit-button{background-color:#4d89ff;width:100%;height:40px;-webkit-border-radius:17px;border-radius:17px;color:#fff;border:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;font-size:20px;font-weight:600;-webkit-border-radius:4px;border-radius:4px}#deepResearch #wrapper #initScreen,#deepResearch #wrapper .submit-button{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}#deepResearch #wrapper #initScreen .close-icon{position:absolute;top:0;right:0;padding:30px}#deepResearch #wrapper #opinion-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;background-color:#f5f9fa;padding:10px;overflow:auto;background: url('https://i.l-cs.inmobicdn.net/rm/CreativeUploads/2023/pulse2023/bgnew.jpg');background-size: 100% auto;}#deepResearch #wrapper #opinion-form .img-container{text-align:center}#deepResearch #wrapper #opinion-form .title{font-size:18px;text-align:center;font-weight:600;margin-top:10px}#deepResearch #wrapper #opinion-form .sub-title{font-size:12px;text-align:center;margin-top:2px;color:#666;line-height:16px}#deepResearch #wrapper #opinion-form .fields{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:15px}#deepResearch #wrapper #opinion-form .fields .mandatory{color:#ff3200}#deepResearch #wrapper #opinion-form .fields .sub-text{color:#666;margin:3px 0 0}#deepResearch #wrapper #opinion-form .fields .text-field{margin-top:1px;height:32px;border:1px solid #93b2da;-webkit-border-radius:4px;border-radius:4px;outline:0;padding-left:0px;width:100%;padding-left:3px;}#deepResearch #wrapper #opinion-form .fields.submit-field{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#deepResearch #wrapper #opinion-form .name-fields{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#deepResearch #wrapper #opinion-form .name-fields .fields{width:48%}#deepResearch #wrapper #opinion-form .code-phone{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}#deepResearch #wrapper #opinion-form .code{width:50px;font-size:18px;color:#5a5a5a}#deepResearch #wrapper #opinion-form .subscribeBox{display:block;color:#666;font-size:11px;height:80px;overflow-y:scroll;margin-top:15px;padding-top:0}#deepResearch #wrapper #opinion-form #subscribe{display:none}#deepResearch #wrapper #opinion-form .error-container,#deepResearch #wrapper #opinion-form .form2-error-container,#deepResearch #wrapper #opinion-form .form3-error-container{margin-top:3px;display:none;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#f30f00;text-align: center;font-size:11px;}#deepResearch #wrapper #opinion-form .helper-text{font-size:12px;color:#999}#deepResearch #wrapper #opinion-form .childNumber p,#deepResearch #wrapper #opinion-form .civilBox p,#deepResearch #wrapper #opinion-form .parentBox p{margin:0}#deepResearch #wrapper #opinion-form .mtr-datepicker .mtr-row:first-child{display:none}#deepResearch #wrapper #opinion-form .mtr-datepicker{background:rgba(0,0,0,0);margin:auto}#deepResearch #wrapper #opinion-form .mtr-datepicker .mtr-content .mtr-input,#deepResearch #wrapper #opinion-form .mtr-datepicker .mtr-content input{color:#fff!important}#deepResearch #wrapper #opinion-form .mtr-row,#deepResearch #wrapper #opinion-form .mtr-row *{font-family:Poppins}@media screen and (max-height:568px){#deepResearch #wrapper #opinion-form{padding:6px 10px 0}#deepResearch #wrapper #opinion-form .fields{padding-top:8px}}#deepResearch #wrapper .mandatory{color:#ff3200}#deepResearch #wrapper .region-text-field{margin-top:10px;height:32px;border:1px solid #93b2da;-webkit-border-radius:4px;border-radius:4px;outline:0;padding-left:10px;margin-left:20px}#deepResearch #wrapper #thank-you-screen{display:none;overflow-y:auto}#deepResearch #wrapper #thank-you-screen,#deepResearch #wrapper #thank-you-screen .screen{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}#deepResearch #wrapper #thank-you-screen .screen{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}#deepResearch #wrapper #thank-you-screen .logo-container{width:100%;margin:67px 0 32px;text-align:center;height:40px}#deepResearch #wrapper #thank-you-screen .opinon-logo-container{width:100%;text-align:center;margin:67px 0 32px}#deepResearch #wrapper #thank-you-screen .opinon-logo-container #opinion-logo{width:148px}#deepResearch #wrapper #thank-you-screen .privacy-note{padding:15px 36px;font-size:12px;text-align:justify}#deepResearch #wrapper #thank-you-screen .copied-nudge{text-align:center;position:absolute;bottom:30px;width:100%;display:none}#deepResearch #wrapper #thank-you-screen .copied-nudge span{background:#ccc;padding:5px 10px;border:1px solid #ada5a5;-webkit-border-radius:4px;border-radius:4px}#deepResearch #wrapper #thank-you-screen .show-nudge{display:block}#deepResearch #wrapper #thank-you-screen .token-label{text-align:left;font-size:16px;padding:5px 0}#deepResearch #wrapper #thank-you-screen .token-container{padding:30px;text-align:center}#deepResearch #wrapper #thank-you-screen .token-container .token-val{padding:11px;margin-top:91px !important;font-size:20px;background:url('https://i.l-cs.inmobicdn.net/rm/CreativeUploads/2023/assets/vietnam/couponbox.png');background-repeat: no-repeat;background-size:100% auto;width:246px;margin:0 auto;min-height:35px}#deepResearch #wrapper #thank-you-screen .token-container .token-val{padding:8px;font-size:20px}#deepResearch #wrapper #thank-you-screen .token-container .token-val .hidden{position:absolute;top:-1000px}#deepResearch #wrapper #thank-you-screen .token-container .token-val .token-copy{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px}#deepResearch #wrapper #thank-you-screen .token-container .token-val .token-copy .token-text{padding:10px}#deepResearch #wrapper #thank-you-screen .token-container .token-val .token-copy .copy-img{padding:10px;border:1px solid;border-left:0}#deepResearch #wrapper #thank-you-screen .token-container .token-val .token-copy .copy-img img{height:19px}#deepResearch #wrapper #thank-you-screen .opinions-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px}#deepResearch #wrapper #thank-you-screen .opinions-container .opinions-heading{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;font-size:28px;font-weight:600;font-family:Poppins,sans-serif}#deepResearch #wrapper #thank-you-screen .opinions-container .opinions-text{padding:3px 20px 0;font-size:14px;text-align:center;font-family:Poppins;font-weight:300}#deepResearch #wrapper #thank-you-screen .primary-button-container{margin-top:65px}#deepResearch #wrapper #thank-you-screen .primary-button-container,#deepResearch #wrapper #thank-you-screen .primary-button-container #opinion-signup-button{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}#deepResearch #wrapper #thank-you-screen .primary-button-container #opinion-signup-button{color:#fff;background-color:#3f7ff1;height:44px;width:181px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:500;-webkit-border-radius:100px;border-radius:100px}#deepResearch #wrapper #thank-you-screen .help-text-container{padding:10px 70px 25px;color:#647185;text-align:center;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:10px}#deepResearch #wrapper #thank-you-screen{display:none;overflow-y:auto;background: url(https://i.l-dsp.inmobicdn.net/helix/asset/creative/pulse/10perCouponCode.jpg);background-size: 100% 100%;}#deepResearch #wrapper #thank-you-screen #reward-unlock-image{display:none;width:215px;margin:auto}@media screen and (max-height:667px),screen and (max-width:374px){#deepResearch #wrapper #thank-you-screen .logo-container{width:100%;margin:44px 0 32px;text-align:center;height:25px}#deepResearch #wrapper #thank-you-screen .opinon-logo-container #opinion-logo{width:108px}#deepResearch #wrapper #thank-you-screen .opinions-container .opinions-heading{padding-top:33px;font-size:14px}#deepResearch #wrapper #thank-you-screen .opinions-container .opinions-text{font-size:12px}#deepResearch #wrapper #thank-you-screen .primary-button-container{margin-top:43px}#deepResearch #wrapper #thank-you-screen .primary-button-container #opinion-signup-button{height:36px;width:151px}#deepResearch #wrapper #thank-you-screen #reward-unlock-image{width:166px}}@media screen and (max-height:600px){#deepResearch #wrapper #opinion-form .img-container,#deepResearch #wrapper #thank-you-screen .opinions-container img,.form-page-redirect .img-container{display:block}}
</style>
<link rel="stylesheet" href="https://s3.amazonaws.com/inmobi-rm-app/CreativeUploads/mr/2k20/custom_pulse-surveys/may/datapicker/mtr-datepicker.min.css"><link rel="stylesheet" href="https://s3.amazonaws.com/inmobi-rm-app/CreativeUploads/mr/2k20/custom_pulse-surveys/may/datapicker/mtr-datepicker.default-theme.min.css"><script src="https://s3.amazonaws.com/inmobi-rm-app/CreativeUploads/mr/2k20/custom_pulse-surveys/may/datapicker/mtr-datepicker.min.js"></script>
</head>
<body>
<iframe src="https://carpet.pulse.inmobi.com/assets/theme/97b6e266-5dd9-4efd-82c5-d99bbd00eb8b/0/index.html?surveyId=3467c50a8d354c70af927180fb289af0&version=0&config=non_rewarded&creative-sdk-version=2.3.0&env=adtag" width="100%" height="100%" style="height" frameborder=0 id="surveyIframe"></iframe>
<script type="text/javascript">
let unileverMapping=
{"793bb80cd0864f3399db3164a1b7b480": "90002768",
"870e0c67cd1f41b2a9e0ff74c40fb7a1": "90005395",
"dc72e095eb33419aafa78e4c15bd2098": "90005396",
"3ad7d36648724327a279ec67f66393a3": "90005397",
"cf2b7c8206e64a8d92b378c87384b280": "90005398",
"2264fb4a68ab4716be1a61603199681f": "90005399",
"8aafb3329b244c3289ca42b073660ec1": "90005400",
"ecdfb5c539b248648fbcb2e66db23022": "90005401",
"08fcbb36715448e1a71884bcdb258c01": "90005402",
"599fe1d391f74aaeb6c9312d77c4d8da": "90005403",
"b5a9bec1f6d5487b848832ffa26d8a2d": "90002767",
"3f29a72bcf1c4439bfaed00027c6cd38": "1176",
"28d4c60bffd24564a76c80a16d10f1f2": "9062",
"ad6a104e680d43e899537e72b0b46c7c": "2151",
"76ae43d68a154ff39052d57bed7317fd": "1174",
"f70dcf53513745768947b58b6f6b7ed3": "5725",
"a519c2ca8a334a0aaaca1409d8650efe": "7856",
"e293b4edaaa94bfbb454aca4b42daaa7": "4957",
"ce83daaf6223497485dfcee20481e5a0": "8565",
"ce8098159e3244cbae47faabefcf3c7b": "5705",
"44240c72c4cd415abdd69a01f8f9f5ed": "90005404",
"b9e0f829cf5a4a7bb7dded9a144784f9": "90002766",
"5eb177a65e294883b2cddb1bbdca81d5": "9345",
"f55de2c9ebbd4f068b9066acdf355f6c": "6179",
"f1efff5c385346a896b15dcc259f7adb": "3478",
"9c02c667cd7d4dcf9905ca7defbc6e0e": "9346",
"396de967e4724c42a94c09aab45ddbf3": "90005405",
"a64ce36b7bf94579abcf14ecded65376": "9609",
"826ee259948c4ddeaac413171d37832a": "90005406",
"24a54500f08e438ca52bf273b679bc4c": "90005407",
"430690ba4f3443199242cef17a63cb5f": "90002765",
"495bdac68d734ec1a4dc761672c1b799": "90005408",
"3a1a15640ba540bfbb05f0782c972b96": "90005409",
"c3a00bdd14ce43e9b8105f63f16d0d8d": "90005410",
"cf7c368e4f3c43af99332261c44698b9": "90005411",
"f05f4faf7d014e0e915b9531dcdfbab7": "90005412",
"b214de4be0384b0d829a2dcbd54d3713": "90005413",
"caa669dd5bb84c5bbb5b21a98204e22b": "90005414",
"700ff74e204d410f85fd8415844553a4": "90005415",
"695d225da68f4a42acc389c83e165f29": "1251",
"e95fb4d3173a4d04b727e62437166b27":"8651"
}
let resultArrNew=[]
let resultArrOld=[]
window.addEventListener('message', receiveMessage, false);
function receiveMessage(event) {
// console.log(event.data.data)
let details=event.data.data;
// parseData(details)
if(details.event=="CONTENT_SUBMITTED" && details.status=="started"){
console.log("Survey completed");
parseData(details)
document.getElementById("surveyIframe").style.display="none";
document.getElementById("deepResearch").style.display="block";
var clickUrl = "$HTML_ESC_CLICK_URL";
new Image().src = clickUrl;
}
}
function searchValueByKey(key) {
return unileverMapping[key] || null; // Returns the value if key exists, otherwise null
}
function parseData(data){
// console.log(data.contentData.questions)
let details=data.contentData.questions;
details.forEach(function(obj,index) {
const resultJsonNew = {}
const resultJsonOld = {}
console.log(obj);
resultJsonOld.lineItem=index;
resultJsonOld.attributeID=searchValueByKey(obj.id)
resultJsonNew.questionId = searchValueByKey(obj.id)
const optionsArr = [];
const optionTextArr=[];
// console.log("Question id formatted",resultJsonNew.questionId)
obj.selectedOptions.forEach(function(option){
selectedoptionId=searchValueByKey(option.id)
optionsArr.push(selectedoptionId)
optionTextArr.push(option.text);
})
// resultArrNew.push(resultJsonNew)
resultJsonNew.questionText = obj.text;
resultJsonNew.answerId = optionsArr;
resultJsonNew.answerText = optionTextArr;
resultJsonOld.responseID=optionsArr;
console.log("obj.lineItem",resultJsonNew.answerText)
if(obj.text!="How old are you?" && index!=1){
resultArrNew.push(resultJsonNew)
resultArrOld.push(resultJsonOld)
}
});
resultArrNew.push({
questionId: '1418',
questionText: 'How old are you?',
answerId: [1021],
answerText: '25-34'
});
resultArrOld.push({
lineItem: 1,
attributeID: 1418,
responseID: [1021]
});
console.log(resultArrNew);
console.log(resultArrOld)
}
function submitData(){
let fname=document.getElementById("fname").value;
let lname=document.getElementById("lname").value;
let email=document.getElementById("email").value;
let phone=document.getElementById("phone").value;
let option1=document.getElementById('optin1').checked;
const emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if(fname=="" || lname=="" || email =="" || phone ==""){
console.log("All fields are mandatory")
document.getElementById("errorMsg").innerHTML="T?t c? các linh v?c là b?t bu?c"
document.getElementById("errorMsg").style.display="block";
}
else if(!emailReg.test(email)){
console.log("Invalid email address.")
document.getElementById("errorMsg").innerHTML="Ð?a ch? email không h?p l?."
document.getElementById("errorMsg").style.display="block";
}
else if(option1==false){
console.log("Please select checkbox")
document.getElementById("errorMsg").innerHTML="Vui lòng ch?n h?p ki?m"
document.getElementById("errorMsg").style.display="block";
}
else if(phone.length!=9){
console.log("Phone no is not valid")
document.getElementById("errorMsg").innerHTML="Vui lòng nh?p s? di?n tho?i g?m 9 ch? s?"
document.getElementById("errorMsg").style.display="block";
}
else{
document.getElementById("thank-you-screen").style.display="block";
document.getElementById("opinion-form").style.display="none";
// submitForm()
}
console.log(fname,option1)
}
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
function submitForm(){
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
let fname=document.getElementById("fname").value;
let lname=document.getElementById("lname").value;
let email=document.getElementById("email").value;
let phone=document.getElementById("phone").value;
var raw = JSON.stringify({
"firstName": fname,
"lastName": lname,
"phoneNo": "+84"+phone,
"emailId": email,
"dob": "",
"surveyGuid": "626dd0c759ac4e2892daac1010afa939d",
"responseId": "$IMP_ID",
"subscriptionKey": "5f872e6ecf9048b2b876cfaee12054e9d",
"channelId": "INMOBI",
"optin1": "subscribed",
"optin2": "subscribed",
"regionalArea": "unchecked",
"completeAddress": null,
"city": null,
"province": null,
"gender": "",
"questions": resultArrOld,
"questionAnsAnswer": resultArrNew,
"requestMode": "sync",
"env": "prod",
"apiData": {
"mock": {
"url": "https://anypoint.mulesoft.com/mocking/api/v1/sources/exchange/assets/990c0e49-c062-480c-8d67-25c6a08eac2e/consumer-interaction-api-sg/1.0.0/m/consumer-interaction-api/consumer_interaction_create",
"client_id": "7bc7af29041645fe80aa5d16e71876e5",
"client_secret": "d51b83761ff54783B4C60014A323E1A",
"db": "unileverOctTestTable",
"db_status": "unileverStatusTestTable",
"db_coupon": "testVoucherTable"
},
"qa": {
"url": "https://qaprm.unileverservices.com/cloud-marketing-api-qa/api/cloud_marketing_create",
"client_id": "7fe41b749bb64b4989d859a897d9c7b8",
"client_secret": "1F0A33aC9eda436581F1d02d23949f0B",
"db": "unileverVietnamProdTable",
"db_status": "unileverStatusVietnamProdTable",
"db_coupon": "unileverVietnamCoupon10perc"
},
"prod": {
"url": "https://forms-sg.unileversolutions.com/v3",
"client_id": "db6de08da3374955b385f47a383dca33",
"client_secret": "d2D98C84603B40b3b662aDB21E36Abc0",
"db": "unileverVietnamProdTable",
"db_status": "unileverStatusVietnamProdTable",
"db_coupon": "unileverVietnamCoupon10perc",
"xApiKey": "725b55b4-d317-4d86-a801-f89e9603a4a1"
}
},
"rushApiData": {
"isRush": false,
"mock": {
"tokenUrl": "https://api.staging.revamp.rush.ph/v1/token",
"employeeLoginUrl": "https://api.staging.revamp.rush.ph/v1/employee-login",
"registerCustomerUrl": "https://api.staging.revamp.rush.ph/v1/register-customer",
"xApiKey": "BFdTkq3r1g41NT9SZACla2QwHTY0QjcL2StLKjHI",
"key": "N5VfDJr3YTZ1",
"secret": "l2Qsp0w75xX16nmKxGFNWByHCKZqEbOa",
"username": "0003",
"password": "1234",
"db_status": "unileverRushStatusTable"
},
"qa": {
"tokenUrl": "https://api.staging.revamp.rush.ph/v1/token",
"employeeLoginUrl": "https://api.staging.revamp.rush.ph/v1/employee-login",
"registerCustomerUrl": "https://api.staging.revamp.rush.ph/v1/register-customer",
"xApiKey": "BFdTkq3r1g41NT9SZACla2QwHTY0QjcL2StLKjHI",
"key": "N5VfDJr3YTZ1",
"secret": "l2Qsp0w75xX16nmKxGFNWByHCKZqEbOa",
"username": "0003",
"password": "1234",
"db_status": "unileverRushStatusTable"
},
"prod": {
"tokenUrl": "https://api.rush.ph/v1/token",
"employeeLoginUrl": "https://api.rush.ph/v1/employee-login",
"registerCustomerUrl": "https://api.rush.ph/v1/register-customer",
"xApiKey": "BFdTkq3r1g41NT9SZACla2QwHTY0QjcL2StLKjHI",
"key": "csjBMr6xpof2",
"secret": "PvWkEJXWv3YvnjCTHMvcil8QLNaVX76q",
"username": "0018",
"password": "1234",
"db_status": "ulBPCV2RushStatusTable"
},
"registerCustomerDataSubset": [
"firstname",
"lastname",
"email",
"mobile_number",
"birthdate",
"gender",
"country"
]
},
"gigyaData": {
"token": 969043898,
"brandCode": "BH8423",
"campaignId": "PN005161",
"countryCode": "VN"
},
"impressionId": "$IMP_ID",
"flow": "flow-1",
"isSurveyComplete": true,
"campaignName": "Inmobi-HUL",
"Civil Status": "unchecked",
"Are you a parent?": "unchecked",
"Age of children": "unchecked",
"Number of children": "unchecked",
"isUniqueVoucherCode": true
});
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
};
document.getElementById("loader").style.display="flex"
fetch("https://responserelay.azurewebsites.net/api/SSLResponse?code=lc5jW5a4HGwD79Ban2cAOKvddziWFDQhhlUppJurNOVwNQCwaRIWuQ==&url=http://52.172.192.120:5030/v2/getunilevertokenfinal", requestOptions)
.then(response => response.text())
.then(result => {
console.log("Inside it");console.log("res",result);
let t=JSON.parse(result);console.log("result",t.couponCode);window.coupon=t.couponCode;
// var destinationScreen = unit.find('02');
// transitions to screen without animation
// unit.goToScreenAction(ctx, { screen: destinationScreen }, noop);
document.getElementById("coupon-code").innerHTML=t.couponCode;
document.getElementById("loader").style.display="none";
})
.catch(error => console.log('error', error));
}
</script>
<div id="deepResearch" style><link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600" rel="stylesheet"><div id="wrapper"><div class="full-screen" id="initScreen"><div class="close-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 1024 1024"><title></title><g></g><path fill="rgba(0, 0, 0, 1)" d="M1004.265 122.88c10.892-10.892 10.892-28.579 0-39.471l-63.674-63.674c-10.892-10.892-28.579-10.892-39.471 0l-389.12 389.12-389.12-389.12c-10.892-10.892-28.579-10.892-39.471 0l-63.674 63.674c-10.892 10.892-10.892 28.579 0 39.471l389.12 389.12-389.12 389.12c-10.892 10.892-10.892 28.579 0 39.471l63.674 63.674c10.892 10.892 28.579 10.892 39.471 0l389.12-389.12 389.12 389.12c10.892 10.892 28.579 10.892 39.471 0l63.674-63.674c10.892-10.892 10.892-28.579 0-39.471l-389.12-389.12z"></path></svg></div><div id="loader"><div class="loader-circle"></div></div><div id="opinion-form"><div class="img-container"><img src="https://i.l-cs.inmobicdn.net/rm/CreativeUploads/2023/assets/vietnam/logounilever.png" style="width: 104px;" class="uni_logo"></div><div class="title">Contact details</div><div class="sub-title"><div>Please give correct information below to receive an attractive 10% discount on all Unilever items on Guardian Store!</div></div><div class="form-page-1"><div class="name-fields"><div class="fname fields"><label class="label" for="fname">First Name<sup class="mandatory">*</sup></label> <input class="text-field" placeholder="First Name" id="fname"></div><div class="lname fields"><label class="label" for="lname">Last Name<sup class="mandatory">*</sup></label> <input class="text-field" placeholder="Last Name" id="lname"></div></div><div class="email fields"><label class="label" for="email">Email Address<sup class="mandatory">*</sup></label> <input class="text-field" placeholder="What is your Email Address?" id="email"></div><div class="phone fields"><label class="label" for="phone">Phone Number <sup class="mandatory">*</sup></label><div class="code-phone"><input class="text-field phone-field" type="number" placeholder="e.g. XXXXXXXXX" id="phone" maxlength="9"></div></div><div class="optin1 fields"><label class="label" for="optin1"><input class="checkbox-field" type="checkbox" id="optin1">I certify that I am at least 18 years old</label></div><div class="optin2 fields"><label class="label" for="optin2"><input class="checkbox-field" type="checkbox" id="optin2" checked="checked"> <span class="optin2Text">Subscribe to me for exciting news and exclusive offers from all Unilever brands</span></label></div><div class="submit-field fields"><input value="Next" type="button" class="submit-button signup" onClick="submitData()"></div><div class="error-container" id="errorMsg">All the above fields are mandatory!</div></div>
<div class="form-page-2" style="display: none;"><div class="dob-fields"><div class="dob fields"><label class="label" for="dob">Birth Date <sup class="mandatory">*</sup></label> <span class="helper-text">(Type in or Scroll up & down)</span> <input class="dob-field" placeholder="DOB" id="dob" hidden><div id="dob-ui"></div></div></div><input id="dob-input" hidden><div class="civilBox fields"><p>Civil Status:<sup class="mandatory">*</sup> <label class="label" for="Married"><input class="radio-field" type="radio" name="civilBox" id="Married">Married</label> <label class="label" for="Single"><input class="radio-field" type="radio" name="civilBox" id="Single">Single</label></p></div><div class="parentBox fields"><p>Are you a Parent?<sup class="mandatory">*</sup> <label class="label" for="Yes"><input class="radio-field" type="radio" name="parentBox" id="Yes">Yes</label> <label class="label" for="No"><input class="radio-field" type="radio" name="parentBox" id="No">No</label></p></div><div class="childNumber fields"><p>Number of Children<sup class="mandatory">*</sup> <label class="label" for="Yes"><input class="radio-field" type="radio" name="childNumber" id="Yes"><span>1-2</span></label> <label class="label" for="No"><input class="radio-field" type="radio" name="childNumber" id="No"><span>3+</span></label></p></div><div class="childAge fields"><p>Age of Children<sup class="mandatory">*</sup> <label class="label" for="childAgeOption1"><input class="radio-field" type="radio" name="childAge" id="childAgeOption1"><span>Below 7</span></label> <label class="label" for="childAgeOption2"><input class="radio-field" type="radio" name="childAge" id="childAgeOption2"><span>7 and above</span></label></p></div><div class="optin1 fields"><label class="label" for="optin1"><input class="checkbox-field" type="checkbox" id="optin1">I confirm that I am at least 18 years old</label></div><div class="optin2 fields"><label class="label" for="optin2"><input class="checkbox-field" type="checkbox" id="optin2"> <span class="optin2Text">Sign me up to receive exciting news and exclusive offers from all Unilever brands</span></label></div><div class="subscribeBox fields"><input class="checkbox-field" type="checkbox" id="subscribe"> <label class="label" for="subscribe">By clicking the 'Submit' button below, you agree to our <a href="https://www.unilevernotices.com/philippines/english/privacy-notice/notice.html" target="_blank">Terms & Conditions</a>. Your age and civil status will help us send you relevant news and offers from Unilever brands.. Please read our <a href="https://www.unilevernotices.com/philippines/english/privacy-notice/notice.html" target="_blank">Privacy Notice </a>and <a href="https://www.unilevernotices.com/philippines/english/cookie-notice/notice.html" target="_blank">Cookie Notice</a> to understand how we use your personal data. For any questions or concerns on the use of your personal data, please contact Unilever Philippines, Inc. at <a href="mailto:privacy.ph@unilever.com">privacy.ph@unilever.com</a>, 02-8-588-8800 (GMA) or toll free at 1-800-105647258 (outside GMA)</label></div><div class="submit-field fields"><input value="SUBMIT" type="button" class="submit-button signup-2"></div><div class="form2-error-container">All the above fields are mandatory!</div></div>
<div class="form-page-3" style="display: none;"><div class="form3-error-container">All the above fields are mandatory!</div><div class="regional-fields"><p style="margin-bottom: 5px;">Regional Area<sup class="mandatory">*</sup></p><div style="margin: 5px; width: 300px; display: flex;"><label class="label" for="Luzon:NCR"><input class="radio-field" type="radio" name="regionBox" id="Luzon:NCR"><span>Luzon:NCR</span></label> <label style="margin-left: 30px" class="label" for="Luzon:non NCR"><input class="radio-field" type="radio" name="regionBox" id="Luzon:non NCR"><span>Luzon:non NCR</span></label></div><div style="margin: 5px; width: 300px; display: flex;"><label class="label" for="Visayas"><input class="radio-field" type="radio" name="regionBox" id="Visayas"><span>Visayas</span></label> <label style="margin-left: 55px" class="label" for="Mindanao"><input class="radio-field" type="radio" name="regionBox" id="Mindanao"><span>Mindanao</span></label></div></div><div class="complete-address" style="display: flex; flex-direction: column;"><label class="label" for="completeaddress" style="margin: 5px;">Complete Address <sup class="mandatory">*</sup>:</label> <input class="region-text-field" id="CompleteAddress" name="CompleteAddress"></div><div class="city" style="display: flex; flex-direction: column;"><label class="label" for="city" style="margin: 5px;">City <sup class="mandatory">*</sup>:</label> <input class="region-text-field" id="city" name="city"></div><div class="province" style="display: flex; flex-direction: column;"><label class="label" for="province" style="margin: 5px;">Province <sup class="mandatory">*</sup>:</label> <input class="region-text-field" id="province" name="province"></div><div class="submit-field fields"><input value="Submit Entry" type="button" class="submit-button signup-3"></div><div class="img-container"><img src="http://s3.amazonaws.com/inmobi-rm-app/CreativeUploads/mr/2k20/june/unilever_prod_test_v1/theme/c9d1c193-1298-48be-83eb-ee5e4c596451/0/assets/images/pulse-logo.png" style="width: 125px; margin-top: 10px;" class="uni_logo"></div></div></div><div class="form-page-redirect" style="display: none;"><div class="img-container"><img src="http://s3.amazonaws.com/inmobi-rm-app/CreativeUploads/mr/2k20/june/unilever_prod_test_v1/theme/c9d1c193-1298-48be-83eb-ee5e4c596451/0/assets/images/pulse-logo.png" style="width: 125px;" class="uni_logo"></div><div class="text-content" id="redirect-message">Awesome! You are eligible for the voucher(if you opted in on the last screen).<br><br>Complete the short survey and get Shopee and Grab vouchers.</div><div class="submit-field fields"><input value="Continue to Survey" type="button" class="submit-button continue-survey"></div></div><div id="thank-you-screen" ><div class="opinions-container" style="justify-content: center;
align-items: center;visibility: hidden;"><img class="thankyouScreenImage" src="http://s3.amazonaws.com/inmobi-rm-app/CreativeUploads/mr/2k20/june/unilever_prod_test_v1/theme/c9d1c193-1298-48be-83eb-ee5e4c596451/0/assets/images/pulse-logo.png" style="width: 125px;" class="uni_logo"><div class="opinions-heading">Thanks for Joining!</div><div class="opinions-text" style="font-size: 13px;"><span>Please take a screenshot of the vouchers, and don't forget to claim them. Voucher quantities limited. </span><a class="thank-you-terms" href="" target="_blank">Terms & Conditons</a> apply</div></div><div class="token-container" style="padding: 30px 20px 10px 20px;position: absolute;top: 99px;"><div style="display: flex;overflow: hidden;visibility: hidden;"><img src="" style="width: 60px;"><div id="token-container-message" style="display: flex;align-items: center;"><div style="letter-spacing: 0.4px;">Php 50 Off with Php 400 minimum purchase requirement</div></div></div><div class="token-val"><div class="token-copy" style="border: 0px solid #02B150;
border-radius: 4px;
padding: 0px;
align-items: center;
background: transparent;"><input value="UWIN50ICX8" class="hidden">
<div class="token-text" id="coupon-code" style="
font-size: 25px;
padding: 0px;color:black;padding-top:0px"></div>
</div><div style="padding-top: 6px;height: 11px;color: white !important;text-decoration: underline;font-size: 10px;" onclick="window.open('https://i.l-cs.inmobicdn.net/rm/CreativeUploads/2023/assets/vietnam/Instruction%20voucher%20Guardian.pdf','_blank')">How To Redeem Coupon</div></div></div><div style="width: 100%;height: 40%;position: relative;top:73px;" onclick="window.open('https://www.guardian.com.vn/','_blank')"></div></div></div></div></div>
</body>
</html>
30
9
729KB
1315KB
228.0ms
235.0ms
1,855.0ms