Partner Onboard campaign
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

1905 lines
75 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>PartnerOnboard</title>
<link rel="stylesheet" href="style.css">
<style>
[data-widget-type="LpInputReact"] {
/* display: grid; */
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 1em;
grid-auto-columns: auto;
}
body {
font-family: "Poppins", sans-serif;
}
.row {
display: flex;
flex-wrap: wrap;
}
/* Column that takes up 6 out of 12 equal parts (50%) */
.col-6 {
flex: 0 0 50%;
/* 50% width */
padding: 10px;
/* Optional padding */
box-sizing: border-box;
/* Ensure padding does not affect width */
}
.campaign-page {
margin: 20px 70px;
}
.head-text {
font-size: 28px;
font-weight: 600;
color: #2a468d;
}
#change{
color: #2a468d;
}
.text-center {
text-align: center;
}
.text-danger {
/* color: #ed1f24; */
color: #EC221F;
}
.is-required{
color: #EC221F;
}
.right-side-text {
color: #2a468d;
font-size: 18px;
font-weight: 600;
margin-top: 10px;
}
.sub-text {
margin: 20px 0px;
color: gray;
font-weight: 500;
}
.composite {
margin-top: 20px;
}
.side-banner{
margin-top: 50px;
}
.banner {
width: 550px;
height: 350px
}
.input-button {
background: #EC221F;
border: 1px solid var(--Border-Danger-Secondary, #C00F0C);
color: white;
border-radius: 5px;
padding: 10px 40px;
font-size: 14px;
font-weight: 600;
}
.UrlInput { position: relative; }
.prefix-label {
position: absolute;
margin-top: 12px;
font-size: 13px;
margin-left: 7px;
}
#input-ARN{
padding-left:40px;
width: 257px;
}
button {
background: #ffffff;
height: 40px;
border: 0;
border-radius: 5px;
color: #000000;
padding: 0 15px;
cursor: pointer;
}
.popup-enter-text{
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
dialog {
width: 300px;
max-height: 400px;
padding: 30px;
border: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 15px;
position: absolute;
}
.button-section{
margin-top: 20px;
}
dialog button {
/* position: absolute; */
bottom: 20px;
right: 30px;
background: #E92629;
color: #ffffff;
}
p {
color: #aaa;
/* padding-bottom: 10px; */
/* line-height: 2; */
font-size: 14px;
}
.container {
/* background-color: rgba(30, 30, 30, 0.8); */
/* padding: 40px 40px 87px 30px; */
/* border-radius: 16px; */
/* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); */
/* text-align: center; */
backdrop-filter: blur(10px);
/* border: 1px solid rgba(255, 255, 255, 0.1); */
max-width: 400px;
width: 100%;
}
#validation-class{
margin: inherit;
font-size: 14px;
text-align: left;
color: #fa3246;
font-weight: 400;
}
h1 {
margin-bottom: 1.5rem;
color: black;
font-weight: 600;
font-size: 2rem;
}
p {
/* margin-bottom: 2rem; */
color: #b0b0b0;
font-weight: 300;
}
.mob-no-text{
color: #b0b0b0;
font-weight: 300;
font-size: 12px;
margin: 5px 0px;
}
.otp-input {
display: flex;
justify-content: center;
margin-bottom: 10px;
margin-top: 20px;
}
/* .otp-input input {
width: 50px;
height: 50px;
margin: 0 8px;
text-align: center;
font-size: 1.5rem;
border: 2px solid #6665F1;
border-radius: 12px;
background-color: rgba(42, 42, 42, 0.8);
color: #ffffff;
transition: all 0.3s ease;
} */
.otp-input input {
width: 25px;
height: 35px;
margin: 0 8px;
text-align: center;
font-size: 14px;
/* border: 2px solid #6665F1; */
border-radius: 5px;
/* background-color: rgba(42, 42, 42, 0.8); */
color: gray;
/* transition: all 0.3s ease; */
border: 1px solid gray;
}
/* .otp-input input:focus {
border-color: #A556F6;
box-shadow: 0 0 0 2px rgba(166, 86, 246, 0.3);
outline: none;
} */
.otp-input input::-webkit-outer-spin-button,
.otp-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* .otp-input input[type=number] {
-moz-appearance: textfield;
} */
button {
background: linear-gradient(135deg, #6665F1, #A556F6);
color: white;
/* border: 2px solid #6665F1; */
padding: 10px 70px;
font-size: 1rem;
border-radius: 25px;
cursor: pointer;
margin: 5px;
/* transition: all 0.3s ease; */
font-weight: 500;
letter-spacing: 0.5px;
width: 100%;
}
/* button:hover {
background: linear-gradient(135deg, #A556F6, #6665F1);
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(166, 86, 246, 0.3);
} */
button:disabled {
background: #cccccc;
border-color: #999999;
color: #666666;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
#timer {
font-size: 12px;
color: darkgray;
font-weight: bold;
margin: 5px 15px;
}
.timer-div{
text-align: end;
/* display: flex; */
/* flex-direction: row-reverse; */
/* margin: -11px -13px -14px -30px; */
}
#invalid-otp-msg{
font-size: 12px;
font-weight: bold;
color: red;
}
#new-partner-msg{
font-size: 14px;
font-weight: bold;
/* color: red; */
}
@keyframes pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.expired {
/* animation: pulse 2s infinite; */
color: #ff4444;
margin: 0px !important;
}
.resend-text {
margin-top: 2px;
font-size: 12px;
color: #b0b0b0;
}
.resend-link {
color: #6665F1;
text-decoration: none;
cursor: pointer;
transition: color 0.3s ease;
}
.resend-link:hover {
color: #A556F6;
text-decoration: underline;
}
#email {
color: #A556F6;
font-weight: 500;
}
.arn-non-arn{
color: #0050A1;
text-decoration: underline;
font-weight: 600;
}
@media screen and (max-width: 480px) {
.campaign-page{
margin: 10px;
} #input-ARN{
width: 284px;
}
.prefix-label {
margin-top: 10px;
}
.side-banner{
margin-top: 10px;
}
.css-1xzxck5 .lp-form-react__group {
width: 100% !important;
}
.head-text {
font-size: 14px;
padding-top: 10px;
}
.sub-text {
margin: 10px 0px;
font-size: 12px;
font-weight: 400;
}
.right-side-text{
font-size: 14px;
}
.n-logo{
height: 40px;
}
.d-block{
display: block;
}
.banner {
width: 100%;
height: 100%;
}
#dialogOne{
margin-top: 100% !important;
}
.css-1xzxck5 .lp-form-react__label {
font-size: 12px !important;
}
}
</style>
<script>
function SendWelcomeMail(email) {
var myHeaders = new Headers();
myHeaders.append("mmApiKey", "TATPNVJ-CA2M859-GD8JG55-AX18V60");
myHeaders.append("Content-Type", "application/json");
var raw = JSON.stringify({
subject: "Welcome to Nivesh.com",
email: email,
});
var requestOptions = {
method: "POST",
headers: myHeaders,
body: raw,
redirect: "follow",
};
fetch(
"https://api.mailmodo.com/api/v1/triggerCampaign/ce43293f-89cf-4470-8d59-aa55ed062063",
requestOptions
)
.then((response) => response.text())
.then((result) => console.log(result))
.catch((error) => console.log("error", error));
}
</script>
</head>
<body>
<div id="registernow"></div>
<div class="campaign-page">
<!-- <div class="nivesh-logo"><img src="https://webassets.nivesh.com/Content/images/logo-transparent.png" alt="logo"/></div> -->
<div class="nivesh-logo">
<img class="n-logo" src="https://webassets.nivesh.com/Content/images/logo-transparent.png" alt="logo" height="70px" />
</div>
<div class="head-text text-center">
Boost Your <span class="text-danger"> Wealth Management Business</span> with
Our Easy-to-Use Digital Solutions
</div>
<div class="row d-block">
<div class="col-6">
<div class="side-banner">
<img class="banner" src="https://webassets.nivesh.com/Content/images/WealthBanner.jpg" alt="logo" />
</div>
</div>
<div class="col-6">
<div class="right-side-text">
Take Your Wealth Management Business to New Heights with Profit-Boosting
System!
</div>
<div class="sub-text">
Just One Step Away from a successful Business! Fill the Form Below.
</div>
<hr />
<div class="composite flex__item--md-12 flex__item--xs-12 css-8x0d4x">
<div>
<form action="" data-backup-host="https://optin-snf-dot-lead-pages.appspot.com" data-form-version="2" method="POST"
accept-charset="UTF-8" target="_top">
<div class="widget-column flex__item--md-12 flex__item--xs-12">
<div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div data-widget-id="406c2845-cebe-0298-9b52-3fab2a01f711" class="widget">
<style data-emotion-css="1xzxck5">
.css-1xzxck5 .confirm-existence {
display: none;
}
.css-1xzxck5 .error-prompt {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #4c515d;
border-radius: 3px;
color: #4c515d;
display: none;
margin-bottom: 12px;
padding: 18px;
}
.css-1xzxck5 .error-prompt .error-prompt__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 0 0 48px;
-ms-flex: 0 0 48px;
flex: 0 0 48px;
}
.css-1xzxck5 .error-prompt .error-prompt__icon .disabled-checkout {
height: 30px;
width: 48px;
}
.css-1xzxck5 .error-prompt .error-prompt__details {
margin-left: 12px;
}
.css-1xzxck5 .error-prompt .error-prompt__details .error-title {
color: inherit;
font-weight: 700;
}
.css-1xzxck5 .error-prompt .error-prompt__details .error-description {
color: inherit;
}
.css-1xzxck5 .error-prompt.error-prompt--invalid {
color: #fa3246;
border-color: #fa3246;
background-color: #fee0e3;
}
.css-1xzxck5 .error-prompt.error-prompt--invalid .error-prompt__icon {
-webkit-flex-basis: 16px;
-ms-flex-preferred-size: 16px;
flex-basis: 16px;
}
.css-1xzxck5 .error-prompt.error-prompt--invalid .error-prompt__icon .error-line {
width: 16px;
height: 16px;
}
.css-1xzxck5 .error-prompt.error-prompt--invalid .error-prompt__icon .error-line path {
fill: #fa3246;
}
.css-1xzxck5 .cc-input-container {
position: relative;
}
.css-1xzxck5 .cc-input-container .fa-lock,
.css-1xzxck5 .cc-input-container .cc-icons {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.css-1xzxck5 .cc-input-container .fa-lock {
color: #4c515d;
left: 0.5em;
}
.css-1xzxck5 .cc-input-container .cc-icons {
right: 0.5em;
}
.css-1xzxck5 .cc-input-container .cc-icons .cc-icons__svg {
display: inline-block;
width: 100%;
max-width: 1.5em;
/* float: right; */
margin-right: 0.5em;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease,
max-width 0.3s ease, margin 0.3s ease;
transition: opacity 0.2s ease, max-width 0.3s ease,
margin 0.3s ease;
}
.css-1xzxck5 .cc-input-container .cc-icons .cc-icons__svg:first-of-type {
margin-right: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.americanexpress-card-match svg {
margin-right: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.americanexpress-card-match svg:not(.cc-icons__svg--americanexpress) {
max-width: 0;
opacity: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.americanexpress-card-match .cc-icons__svg--americanexpress {
opacity: 1;
}
.css-1xzxck5 .cc-input-container .cc-icons.discover-card-match svg {
margin-right: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.discover-card-match svg:not(.cc-icons__svg--discover) {
max-width: 0;
opacity: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.discover-card-match .cc-icons__svg--discover {
opacity: 1;
}
.css-1xzxck5 .cc-input-container .cc-icons.mastercard-card-match svg {
margin-right: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.mastercard-card-match svg:not(.cc-icons__svg--mastercard) {
max-width: 0;
opacity: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.mastercard-card-match .cc-icons__svg--mastercard {
opacity: 1;
}
.css-1xzxck5 .cc-input-container .cc-icons.visa-card-match svg {
margin-right: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.visa-card-match svg:not(.cc-icons__svg--visa) {
max-width: 0;
opacity: 0;
}
.css-1xzxck5 .cc-input-container .cc-icons.visa-card-match .cc-icons__svg--visa {
opacity: 1;
}
.css-1xzxck5 .cc-input-container .lp-form-react__input {
padding-left: 1.5em;
}
.css-1xzxck5 .form-field {
margin-bottom: 12px;
}
.css-1xzxck5 .form-field.last-visible {
margin-bottom: 0;
}
.css-1xzxck5 .form-field.input-hidden {
display: none;
}
.css-1xzxck5 .lp-form-field .lp-form-field__field-block-title {
font-weight: 700;
}
.css-1xzxck5 .lp-form-react__group {
width: 50%;
}
.css-1xzxck5 .lp-form-react__group.is-success {
-webkit-animation: animation-1dcx35r 1s;
animation: animation-1dcx35r 1s;
}
.css-1xzxck5 .lp-form-react__group.js-required {
margin-bottom: 12px;
}
.css-1xzxck5 .lp-form-react__group.js-required .lp-form-react__input {
border: 1px solid #fa3246;
/* box-shadow: #fa3246 0 0 1.5px 1px; */
}
.css-1xzxck5 .lp-form-react__group.js-required .lp-form-react__error--required {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-1xzxck5 .lp-form-react__group.js-invalid .lp-form-react__input {
border: 1px solid #fa3246;
/* box-shadow: #fa3246 0 0 1.5px 1px; */
}
.css-1xzxck5 .lp-form-react__group.js-invalid .lp-form-react__error--invalid {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-1xzxck5 .lp-form-react__label {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.css-1xzxck5 .lp-form-react__input {
display: block;
width: 100%;
height: 2em;
margin: 0;
padding: 0 0.5em;
line-height: inherit;
border-radius: 3px;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
}
.css-1xzxck5 .lp-form-react__textarea {
padding: 0.5em;
height: auto;
resize: none;
}
.css-1xzxck5 .lp-form-react__error {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
width: 100%;
font-size: 0.75em;
text-align: left;
color: #fa3246;
font-weight: 400;
-webkit-text-decoration: none;
text-decoration: none;
font-style: normal;
margin: 0;
height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.css-1xzxck5 .lp-form-react__error i {
margin-right: 6px;
}
.css-1xzxck5 .lp-form-react-radio-container,
.css-1xzxck5 .lp-form-react-checkbox-container {
line-height: 1;
margin-bottom: 6px;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.css-1xzxck5 .lp-form-react-radio-container:first-of-type,
.css-1xzxck5 .lp-form-react-checkbox-container:first-of-type {
margin-top: 6px;
}
.css-1xzxck5 .lp-form-react-radio-container:last-of-type,
.css-1xzxck5 .lp-form-react-checkbox-container:last-of-type {
margin-bottom: 12px;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio {
opacity: 0;
width: 0;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio:focus+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 0.6;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label {
cursor: pointer;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0 6px 0 0;
cursor: pointer;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked,
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked path,
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked path {
fill: #4c515d;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked {
z-index: 1;
opacity: 1;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
z-index: 0;
opacity: 0;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 0.6;
}
.css-1xzxck5 input[type="radio"].lp-form-react-radio:checked+label .lp-form-react-radio-button .lp-form-react-radio-button__checked,
.css-1xzxck5 input[type="radio"].lp-form-react-radio:checked+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 1;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"] {
display: none;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label {
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:hover span svg,
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:focus span svg,
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:active span svg {
opacity: 1;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox {
height: 16px;
margin: 0;
-webkit-transition: background-color 0.3s ease,
border-color 0.3s ease;
transition: background-color 0.3s ease,
border-color 0.3s ease;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .lp-form-react__checkbox-label-container {
position: relative;
width: 20px;
height: 20px;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__unchecked,
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__checked {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__unchecked path,
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__checked path {
fill: #4c515d;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__unchecked {
z-index: 1;
opacity: 1;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__checked {
z-index: 0;
opacity: 0;
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]:checked+label .checkbox .checkbox__checked,
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]:checked+label:hover .checkbox .checkbox__checked {
opacity: 1;
}
@media (hover: hover) {
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:hover .checkbox .checkbox__checked {
opacity: 0.6;
}
}
.css-1xzxck5 select.lp-form-react-select {
height: 2em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
background-color: #fff;
}
.css-1xzxck5 .flex-container {
margin-left: -12px;
margin-right: -12px;
}
.css-1xzxck5 .flex.flex-form [class*="flex__item--"] {
padding-left: 12px;
padding-right: 12px;
}
.css-1xzxck5 .labels-are-inside input::-webkit-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 .labels-are-inside input::-moz-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 .labels-are-inside input:-ms-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 .labels-are-inside input::placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 .labels-are-inside textarea::-webkit-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 .labels-are-inside textarea::-moz-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 .labels-are-inside textarea:-ms-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 .labels-are-inside textarea::placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1xzxck5 input.lp-form-react__input::-webkit-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 input.lp-form-react__input::-moz-placeholder {
font-size: 1em;
}
.css-1xzxck5 input.lp-form-react__input:-ms-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 input.lp-form-react__input::-webkit-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 input.lp-form-react__input::-moz-placeholder {
font-size: 1em;
}
.css-1xzxck5 input.lp-form-react__input:-ms-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 input.lp-form-react__input::placeholder {
font-size: 1em;
}
.css-1xzxck5 textarea.lp-form-react__textarea::-webkit-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 textarea.lp-form-react__textarea::-moz-placeholder {
font-size: 1em;
}
.css-1xzxck5 textarea.lp-form-react__textarea:-ms-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 textarea.lp-form-react__textarea::-webkit-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 textarea.lp-form-react__textarea::-moz-placeholder {
font-size: 1em;
}
.css-1xzxck5 textarea.lp-form-react__textarea:-ms-input-placeholder {
font-size: 1em;
}
.css-1xzxck5 textarea.lp-form-react__textarea::placeholder {
font-size: 1em;
}
.css-1xzxck5 .lp-form-react__input {
border: 1px solid rgba(76, 81, 93, 1);
color: #020020;
font-size: inherit;
border-radius: 8px;
height: 35px;
}
.css-1xzxck5 .lp-form-react__input:focus {
border: 1px solid rgba(76, 81, 93, 1);
/* box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px; */
outline: 0;
}
.css-1xzxck5 .lp-form-react__input::-webkit-input-placeholder {
color: #b1bacc;
}
.css-1xzxck5 .lp-form-react__input::-moz-placeholder {
color: #b1bacc;
}
.css-1xzxck5 .lp-form-react__input:-ms-input-placeholder {
color: #b1bacc;
}
.css-1xzxck5 .lp-form-react__input::placeholder {
color: #b1bacc;
}
.css-1xzxck5 .lp-form-react__label {
color: #828282;
font-weight: 500;
font-size: 14px;
}
.css-1xzxck5 .labels-are-inside .lp-form-react__input {
color: #020020;
}
.css-1xzxck5 .labels-are-inside .lp-form-react__input::-webkit-input-placeholder {
color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 .labels-are-inside .lp-form-react__input::-moz-placeholder {
color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 .labels-are-inside .lp-form-react__input:-ms-input-placeholder {
color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 .labels-are-inside .lp-form-react__input::placeholder {
color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 .lp-form-react-radio+label {
color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 .lp-form-react-radio+label .lp-form-react-radio-button__unchecked path,
.css-1xzxck5 .lp-form-react-radio+label .lp-form-react-radio-button__checked path {
fill: rgba(76, 81, 93, 1);
}
.css-1xzxck5 .lp-form-field__field-block-title {
color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 select.lp-form-react-select {
border: 1px solid rgba(76, 81, 93, 1);
}
.css-1xzxck5 select.lp-form-react-select:focus {
outline-color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label {
color: rgba(76, 81, 93, 1);
}
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox__unchecked path,
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox__checked path {
fill: rgba(76, 81, 93, 1);
}
.css-1xzxck5 .lp-form-react__description {
color: rgba(76, 81, 93, 1);
font-size: 0.875rem;
}
.css-1xzxck5 .lp-form-react__privacy-link {
color: rgba(76, 81, 93, 1);
-webkit-text-decoration: underline;
text-decoration: underline;
padding: 10px 0;
}
.css-1xzxck5 .lp-form-react__privacy-link a {
color: inherit;
}
.css-1xzxck5 .lp-form-react__confirm label {
font-size: 0.875rem;
}
#dialogTwo{
margin-top: -396px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
</style>
<div class="lp-form-react w-406c2845-cebe-0298-9b52-3fab2a01f711 css-1xzxck5" data-widget-type="LpInputReact">
<div class="error-prompt error-prompt--disabled">
<div class="error-prompt__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
<path style="fill: #656a78"
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
</path>
<path style="fill: #fa5a6a"
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
</path>
</svg>
</div>
<div class="error-prompt__details">
<p class="error-title"></p>
<p class="error-description"></p>
</div>
</div>
<div class="error-prompt error-prompt--invalid">
<div class="error-prompt__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="error-line">
<g data-name="Layer 2">
<g data-name="Layer 1">
<path
d="M50 10a39.9 39.9 0 0 1 15.3 2.9 40.1 40.1 0 0 1 12.9 8.8 40.1 40.1 0 0 1 8.8 12.9A39.7 39.7 0 0 1 90 50a39.9 39.9 0 0 1-2.9 15.3 40.2 40.2 0 0 1-8.8 12.9 40.3 40.3 0 0 1-13 8.8A39.6 39.6 0 0 1 50 90a39.9 39.9 0 0 1-15.3-2.9 39.8 39.8 0 0 1-12.9-8.8 40.4 40.4 0 0 1-8.8-12.9A39.6 39.6 0 0 1 10 50a40 40 0 0 1 2.9-15.3 39.8 39.8 0 0 1 8.8-12.9 40.1 40.1 0 0 1 12.9-8.8A39.8 39.8 0 0 1 50 10ZM50 0A48.4 48.4 0 0 0 14.7 14.7 48.4 48.4 0 0 0 0 50 48.4 48.4 0 0 0 14.7 85.3 48.3 48.3 0 0 0 50 100 48.4 48.4 0 0 0 85.3 85.3 48.3 48.3 0 0 0 100 50 48.4 48.4 0 0 0 85.3 14.7 48.3 48.3 0 0 0 50 0h0Z">
</path>
<path d="M55 55V24.8H45V55Zm0 20.3V65.1H45V75.3Z"></path>
</g>
</g>
</svg>
</div>
<div class="error-prompt__details">
<p class="error-description"></p>
</div>
</div>
<div data-input-container="true" class="form-field font-scale-4">
<div class="lp-form-react__group js-form-group" id="Name-Block">
<label for="Name" class="lp-form-react__label"><span>Name <span class="is-required">*</span></span><input type="text" autocomplete="given-name" onkeydown="return /[a-z, ]/i.test(event.key)"
autocomplete=false class="lp-form-react__input js-input-mapping" id="input-Name" data-url="" maxlength="500" placeholder="Name"
name="input-Name" required="" value="" /></label><label for="Name"
class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
enter your Name</span></label><label for="Name" class="lp-form-react__error lp-form-react__error--invalid"><i
class="fa fa-exclamation-circle"></i><span>Please enter a valid Name</span></label>
</div>
</div>
<div data-input-container="true" class="form-field font-scale-4">
<div class="lp-form-react__group js-form-group" id="Phone-Block">
<div class="flex-container">
<div class="flex flex-form flex--12">
<div class="flex__item--xs-12">
<label for="cc5e02aa1d7740abc3a88f85ac0fb0c5-p65ZzSydG9jKNmj4eF8a4A" class="lp-form-react__label"><span>Phone
Number <span class="is-required">*</span></span>
<input type="number" type="tel"onKeyPress="if(this.value.length==10) return false;" autocomplete="tel" class="lp-form-react__input js-input-mapping" id="input-PhoneNo"
data-url="" placeholder="Phone Number" name="input-PhoneNo" required="" value="" /></label><label
for="" class="lp-form-react__error lp-form-react__error--required"><i
class="fa fa-exclamation-circle"></i><span>Please enter your valid Phone
Number</span></label><label for="" class="lp-form-react__error lp-form-react__error--invalid"><i
class="fa fa-exclamation-circle"></i><span>Please enter a valid Phone
Number</span></label>
</div>
</div>
</div>
</div>
</div>
<div data-input-container="true" class="form-field font-scale-4">
<div class="lp-form-react__group js-form-group" id="Email-Block">
<label for="email" class="lp-form-react__label"><span>Email <span class="is-required">*</span></span><input type="text" autocomplete="given-name"
class="lp-form-react__input js-input-mapping" id="input-Email" data-url="" maxlength="500" placeholder="Email"
name="input-Email" required="" value="" /></label><label for="Email"
class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
enter your Email Id</span></label><label for="Email"
class="lp-form-react__error lp-form-react__error--invalid"><i class="fa fa-exclamation-circle"></i><span>Please
enter a valid email</span></label>
</div>
</div>
<div><span class="show-arn-msg arn-non-arn"
onclick="handlehideARN()"
style="cursor: pointer;font-size: 13px; display: none;">
Click here if you have ARN Number
</span></div>
<div class="arn-class">
<div data-input-container="true" class="form-field font-scale-4">
<div class="lp-form-react__group js-form-group" id="ARN-Block">
<label for="email" class="lp-form-react__label"><span>ARN Number <span class="is-required">*</span></span>
<div class="UrlInput">
<label class="prefix-label">ARN-</label>
<input type="text" autocomplete="given-name"
class="lp-form-react__input js-input-mapping" id="input-ARN" data-url="" maxlength="500"
placeholder="ARN Number" name="input-ARN" required="" value="" />
</div>
</label><label for="ARN_No"
class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
enter ARN Number</span></label><label for="ARN_No" class="lp-form-react__error lp-form-react__error--invalid"><i
class="fa fa-exclamation-circle"></i><span>Please enter a valid arn number</span></label>
</div>
</div>
<div class="arn-non-arn" onclick="handlehideARN()" style="cursor: pointer;font-size: 13px;margin-bottom: 5px;">Click here if you don’t have ARN Number</div>
</div>
<span id="validation-class"></span>
<!-- <div
data-input-container="true"
class="form-field font-scale-4 input-hidden"
>
<div
class="lp-form-react__group js-form-group"
id="input-09be2ce7826f29ca5999b04a6caeebe9-p65ZzSydG9jKNmj4eF8a4A"
>
<label class="lp-form-react__label"
><span>action</span
><textarea
class="lp-form-react__input lp-form-react__textarea js-input-mapping"
id="TypeRequest"
data-url=""
rows="4"
placeholder=""
name="TypeRequest"
value="LeadPartnerForm"
>
LeadPartnerForm</textarea
></label
><label
for=""
class="lp-form-react__error lp-form-react__error--required"
><i class="fa fa-exclamation-circle"></i
><span>Please enter your action</span></label
>
</div>
</div> -->
<!-- <div class="confirm-existence">
<label
class="confirm-existence__label"
for="confirm-existence"
>If you are human, leave this blank.<input
type="text"
class="confirm-existence__input"
name="confirm-existence"
/></label>
</div> -->
</div>
</div>
</div>
</div>
<!-- <div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div
data-widget-id="ffad907a-5316-436f-a913-cf01bc87dbbc"
class="widget"
>
<div
class="lp-button-react-wrapper css-1yltisf"
data-widget-type="LpButtonReact"
>
<style data-emotion-css="1idrav">
.css-1idrav {
display: inline-block;
border-style: solid;
border-width: 1px;
text-align: center;
text-shadow: none;
-webkit-transition: color 0.2s linear,
background 0.2s linear, border-color 0.2s linear,
text-shadow 0.2s linear;
transition: color 0.2s linear, background 0.2s linear,
border-color 0.2s linear, text-shadow 0.2s linear;
-webkit-text-decoration: none;
text-decoration: none;
width: 100%;
font-weight: bold;
padding: 12px;
border-radius: 10000px;
}
.css-1idrav::before {
border-radius: 10000px;
}
.css-1idrav,
.css-1idrav:focus,
.css-1idrav:active {
border-color: rgb(237, 31, 36);
background: rgb(237, 31, 36);
color: rgba(255, 255, 255, 1);
}
.css-1idrav:hover {
background-color: rgb(186, 24, 28);
border-color: rgb(186, 24, 28);
color: rgba(255, 255, 255, 1);
}
.css-disabledbtn {
display: inline-block;
border-style: solid;
border-width: 1px;
text-align: center;
text-shadow: none;
width: 100%;
font-weight: bold;
padding: 12px;
border-radius: 10000px;
}
.css-disabledbtn::before {
border-radius: 10000px;
}
.css-disabledbtn,
.css-disabledbtn:focus,
.css-disabledbtn:active {
border-color: rgb(200, 200, 200);
background: rgb(200, 200, 200);
color: rgba(50, 50, 50, 1);
}
.css-disabledbtn:hover {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
color: rgba(50, 50, 50, 1);
}
</style>
<!--Extra-->
<!-- <div
id="was"
style="
display: block;
float: left;
text-align: left;
margin-bottom: 14px;
color: gray;
"
>
<p
style="
text-align: left;
font-size: 14px;
color: gray;
font-weight: 600;
"
>
We will contact you from time to time to give you
updated information on products, investment options
via WhatsApp, Email, SMS, phone..
</p>
<input
type="radio"
id="readytooptin"
name="consentform"
checked
style="margin-top: 10px; margin-left: 25px"
/>
<label style="font-size: 13.5px" for="readytooptin"
>Yes, I would like keep myself updated</label
>
<br />
<input
type="radio"
id="notreadytooptin"
name="consentform"
style="margin-top: 10px; margin-left: 25px"
/>
<label style="font-size: 13.5px" for="notreadytooptin"
>No, I prefer to remain ignorant of new
updates.</label
>
</div> -->
<!--ENdof-->
<!--form-->
<div class="button-section text-center">
<input style="cursor: pointer;" id="grow-income" name="grow-income" value="JOIN NIVESH" type="button"
class="input-button lp-button-react w-ffad907a-5316-436f-a913-cf01bc87dbbc lp-button-react--full is-bold lp-button-react--small lp-button-react--flat lp-btn-flat font-scale-5 line-height-scale-4 css-1idrav"
formtarget="_top" onclick="formSubmit(event)" />
</div>
<!--I Want to Increase My Profit Now!</button>-->
</div>
</div>
</div>
</div>
</div>
</form>
<div class="form-errors"></div>
</div>
<button style="display: none;" class="dialog-button" data-dialog="dialogOne">Open dialogOne</button>
<dialog id="dialogOne">
<div class="container">
<div class="popup-enter-text">We sent a code to your mobile number </div>
<div style="text-align: center;">
<div class="mob-no-text">Enter the 6-digit verification code sent to <div>+91 <span id="contact-det"></span>
<span style="cursor: pointer;" onclick="handleClosePopUp()" id="change">change</span></div></div>
<div class="otp-input">
<input type="number" min="0" max="9" required>
<input type="number" min="0" max="9" required>
<input type="number" min="0" max="9" required>
<input type="number" min="0" max="9" required>
<input type="number" min="0" max="9" required>
<input type="number" min="0" max="9" required>
</div>
<div class="timer-div">
<span id="invalid-otp-msg"></span>
<!-- <p id="timer"></p> -->
</div>
<div class="timer-div">
<!-- <span id="invalid-otp-msg"></span> -->
<p id="timer"></p>
</div>
<button onclick="verifyOTP()">SUBMIT</button>
<div class="resend-text">
This session will end in 02 minutes.
</div>
<div style="display: none;" style="display: flex; justify-content: center;"id="otp-not-found" class="resend-text">
Didn't receive the code?
&nbsp;<span class="resend-link" onclick="resendOTP()">Resend OTP</span>
</div>
</div>
</div>
<button style="display: none;" class="closeDialog">Close dialog</button>
</dialog>
<dialog style="display: none;" id="dialogTwo">
<div class="container">
<div style="text-align: center;">
<div class="show-new-msg">
<span id="new-partner-msg"></span>
</div>
<button style="margin-top: 25px;" onclick="handleNewConfirm()">Okay</button>
</div>
</div>
<button style="display: none;" class="closeDialog">Close dialog</button>
</dialog>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
function handleNewConfirm() {
console.log("ArnNew-Flow");
setTimeout(() => {
window.location.reload()
}, 500);
}
// function handleOTPform() {
const inputs = document.querySelectorAll('.otp-input input');
const timerDisplay = document.getElementById('timer');
const resendLink = document.querySelector('.otp-not-found');
// 2 minutes in seconds
// let timeLeft = 120; // 2 minutes in seconds
// function TimerClock() {
var timerId;
let canResend = true;
function startTimer() {
let timeLeft = 120;
timerId = setInterval(() => {
if (timeLeft <= 0) {
clearInterval(timerId);
timerDisplay.textContent = "Code expired";
timerDisplay.classList.add('expired');
// inputs.forEach(input => input.disabled = true);
$("#otp-not-found").css("display","block")
// canResend = false;
} else {
const minutes = Math.floor(timeLeft / 60);
const seconds = timeLeft % 60;
timerDisplay.textContent = `(${minutes}:${seconds.toString().padStart(2, '0')})`;
timeLeft--;
}
}, 1000);
}
// }
function resendOTP() {
if (canResend) {
// alert("New OTP sent!");
let timeLeft = 120;
inputs.forEach(input => {
input.value = '';
input.disabled = false;
});
inputs[0].focus();
// clearInterval(timerId);
timerDisplay.classList.remove('expired');
sendOTP()
// startTimer();
} else {
alert("Cannot resend code. Time has expired.");
}
}
inputs.forEach((input, index) => {
input.addEventListener('input', (e) => {
if (e.target.value.length > 1) {
e.target.value = e.target.value.slice(0, 1);
}
if (e.target.value.length === 1) {
if (index < inputs.length - 1) {
inputs[index + 1].focus();
}
}
});
input.addEventListener('keydown', (e) => {
if (e.key === 'Backspace' && !e.target.value) {
if (index > 0) {
inputs[index - 1].focus();
}
}
if (e.key === 'e') {
e.preventDefault();
}
});
});
function verifyOTP() {
const otp = Array.from(inputs).map(input => input.value).join('');
if (otp.length === 6) {
handleVerifyOTP(otp)
// if (timeLeft > 0) {
// // alert(`Verifying OTP: ${otp}`);
// } else {
// const invalidMsg = document.getElementById('invalid-otp-msg');
// invalidMsg.textContent = 'OTP has expired. Please request a new one.'
// // alert('OTP has expired. Please request a new one.');
// }
} else {
const invalidMsg = document.getElementById('invalid-otp-msg');
invalidMsg.textContent = 'Please enter a 6-digit OTP'
// alert('Please enter a 4-digit OTP');
}
}
// }
function sendOTP() {
// TimerClock()
var name = $("#input-Name").val();
var phoneno = $("#input-PhoneNo").val();
var email = $("#input-Email").val();
var ARNNo = $("#input-ARN").val()
var jsonData = {};
jsonData["ProductId"] = 1;
jsonData["AMCID"] = "";
jsonData["UserRole"] = !!ARNNo?3:4;
jsonData["UserId"] = "";
jsonData["Mode"] = "sms";
jsonData["CommunicationValue"] = phoneno;
jsonData["Name"] = "";
jsonData["MsgState"] = "PartnerRegistrationOTP";
data = JSON.stringify(jsonData);
// return false
//SendWelcomeMail(emailid)
$.ajax({
type: "POST",
headers: { 'AccessKey': 'JwZhr6MK4b' },
url: "https://stagingapi.nivesh.com/api/Partner/SendOTP",
data: data,
processData: false,
contentType: "application/json",
success: function (data) {
const invalidMsg = document.getElementById('invalid-otp-msg');
invalidMsg.textContent = ''
$("#otp-not-found").css("display","none")
startTimer();
},
error: function () {
//alert('There was an error submitting the form');
element.classList.remove("css-disabledbtn");
element.classList.add("css-1idrav");
element.disabled = false;
//window.location.assign("https://app.nivesh.com/thank-you");
//return false;
},
async: true,
});
}
function handleWebLead() {
var name = $("#input-Name").val();
var phoneno = $("#input-PhoneNo").val();
var typerequest = $("#TypeRequest").val();
var ARNNo = $("#input-ARN").val();
var email = $("#input-Email").val();
let userReadyToOptinResponse = 1;
var payload = {};
payload["Name"] = name.trim();
payload["Email"] =email;
payload["PhoneNo"] = phoneno;
payload["Message"] = "";
payload["ARNNo"] = ARNNo;
payload["IsDistributor"] = !!ARNNo? 1:0;
payload["TypeRequest"] =
"LeadPartnerForm" +
"|" +
"NEW-MODEL-Video-SAFAL-ARN-Campaign" +
"|" +
"IsARNHolder:1" +
"|" +
"ConsentByUser:" +
userReadyToOptinResponse;
var settings = {
url: "https://api.ipify.org/",
method: "GET",
};
$.ajax(settings).done(function (response) {
payload["IPAddress"] = response;
});
data = JSON.stringify(payload);
$.ajax({
type: "POST",
url: "https://alphaapi.nivesh.com/api/webaddlead",
data: data,
processData: false,
contentType: "application/json",
success: function () {
// element.value = "Thank you!";
// element.style.webkitTransform = element.style.webkitTransform;
//$('#grow-income').text("Thank You");
//$('#grow-income').prop("disabled", false);
// fbq("track", "Lead");
// var t = new Date().getTime();
// while (new Date().getTime() < t + 2000);
// window.location.assign(
// "https://app.nivesh.com/partner_onboarding/sign_in?MobileNo=" +
// phoneno +
// "&RoleId=3"
// );
//window.location.assign("https://lead.nivesh.com/thank-you-nivesh");
//window.location.href = "https://app.nivesh.com/thank-you";
},
error: function () {
//alert('There was an error submitting the form');
element.classList.remove("css-disabledbtn");
element.classList.add("css-1idrav");
element.disabled = false;
//window.location.assign("https://app.nivesh.com/thank-you");
//return false;
},
async: true,
});
}
function formSubmit(e) {
e.preventDefault(); //This will prevent the default click action.
var iserror = 0;
let validationMsg = document.getElementById('validation-class');
validationMsg.textContent = ""
var params = new URLSearchParams(window.location.search);
var element = document.getElementById("grow-income");
// element.value = "Processing...";
// element.disabled = true;
element.classList.remove("css-1idrav");
element.classList.add("css-disabledbtn");
element.style.webkitTransform = element.style.webkitTransform;
$("div.js-required").removeClass("js-required");
var name = $("#input-Name").val();
if (name == "") {
$("#Name-Block").addClass("js-required");
$("#input-Name").focus();
iserror = 1;
}
var phoneno = $("#input-PhoneNo").val();
var re = /^[7-9][0-9]{9}$/;
if (phoneno == "" || !re.test(phoneno)) {
$("#Phone-Block").addClass("js-required");
$("#input-PhoneNo").focus();
iserror = 1;
}
var email = $("#input-Email").val();
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
if (email == "") {
$("#Email-Block").addClass("js-required");
$("#input-Email").focus();
iserror = 1;
} else if (!re.test(email)) {
$("#Email-Block").addClass("js-invalid");
$("#input-Email").focus();
iserror = 1;
}
var ARNNo = $("#input-ARN").val();
if (ARNNo == "" && $('.arn-class').css('display')!='none') {
$("#ARN-Block").addClass("js-required");
$("#input-ARN").focus();
iserror = 1;
}
var typerequest = $("#TypeRequest").val();
//https://nivesh.lpages.co/partner-prp-awr/?utm_source=Facebook&utm_medium=Facebook&utm_campaign=Partner-PRP-AMFI-AWR_80&utm_content=Partner-PRP-AMFI
if (!params.get("utm_campaign")) {
typerequest = typerequest;
} else {
typerequest =
typerequest +
"|" +
params.get("utm_campaign") +
"|" +
params.get("utm_content") +
"|" +
params.get("utm_medium") +
"|" +
params.get("utm_source");
}
if (iserror == 1) {
//$('#grow-income').prop("disabled", false);
//$('#grow-income').addClass('css-1idrav');
element.classList.remove("css-disabledbtn");
element.classList.add("css-1idrav");
// element.value = "Fill the form";
element.disabled = false;
return false;
}
$("#grow-income").disabled = true;
element.value = "Please Wait";
//CaptureConsentForm
let userReadyToOptinResponse = 1;
// const readyToOptin = document.getElementById("readytooptin");
// if (readyToOptin.checked === false) {
// userReadyToOptinResponse = 0;
// }
var jsonData = {};
jsonData["Name"] = name.trim();
jsonData["Email"] = email;
jsonData["Mobile"] = phoneno;
jsonData["ARN"] = ARNNo;
data = JSON.stringify(jsonData);
//SendWelcomeMail(emailid)
$.ajax({
type: "POST",
headers: { 'AccessKey': 'JwZhr6MK4b' },
url: "https://stagingapi.nivesh.com/api/Partner/V1.0/ValidatePartner",
data: data,
processData: false,
contentType: "application/json",
success: function (data) {
element.value = "JOIN NIVESH";
element.style.webkitTransform = element.style.webkitTransform;
let{Message,Result,Status}=data
if(Status=="error"){
let validationMsg = document.getElementById('validation-class');
validationMsg.textContent = Message
}
else {
//$('#grow-income').text("Thank You");
//$('#grow-income').prop("disabled", false);
handleWebLead()
sendOTP()
// Simulating an email for demonstration
const emailSpan = document.getElementById('contact-det');
emailSpan.textContent = $("#input-PhoneNo").val();
$(document).ready(function () {
$(".dialog-button").trigger("click");
});
// fbq("track", "Lead");
var t = new Date().getTime();
while (new Date().getTime() < t + 2000);
}
},
error: function () {
//alert('There was an error submitting the form');
element.classList.remove("css-disabledbtn");
element.classList.add("css-1idrav");
element.disabled = false;
//window.location.assign("https://app.nivesh.com/thank-you");
//return false;
},
async: true,
});
//return false; // Returning false will stop page from reloading.
}
function handleVerifyOTP(inputOtp=null) {
var name = $("#input-Name").val();
var phoneno = $("#input-PhoneNo").val();
var email = $("#input-Email").val();
var ARNNo = $("#input-ARN").val()
var partnerRequest = {};
partnerRequest["Name"] = name.trim();
partnerRequest["Email"] = email;
partnerRequest["Mobile"] = phoneno;
partnerRequest["ARN"] = ARNNo||"";
var jsonData = {partnerRequest};
jsonData["OTP"] = inputOtp;
jsonData["Mode"] = "sms";
jsonData["CommunicationValue"] = phoneno;
jsonData["ExpiryTimeInMinute"] = 1;
data = JSON.stringify(jsonData);
// return false
//SendWelcomeMail(emailid)
$.ajax({
type: "POST",
headers: { 'AccessKey': 'JwZhr6MK4b' },
url: "https://stagingapi.nivesh.com/api/Partner/V1.0/VerifyOTP",
data: data,
processData: false,
contentType: "application/json",
success: function (data) {
let {Message ,Result ,Status }=data
if(Status=="error"){
const invalidMsg = document.getElementById('invalid-otp-msg');
invalidMsg.textContent = Message
}else{
const invalidMsg = document.getElementById('invalid-otp-msg');
invalidMsg.textContent = ""
if(!!Result?.URL){
window.location.replace(Result?.URL)
}else{
const newMsg = document.getElementById('new-partner-msg');
newMsg.textContent = data?.Message
// $("#dialogOne").css("display", "none")
let element = document.getElementById("dialogOne")
element.remove()
$("#dialogTwo").css("display", "block")
}
}
},
error: function () {
//alert('There was an error submitting the form');
element.classList.remove("css-disabledbtn");
element.classList.add("css-1idrav");
element.disabled = false;
//window.location.assign("https://app.nivesh.com/thank-you");
//return false;
},
async: true,
});
}
function handlePopUp() {
document.querySelectorAll("[data-dialog]").forEach(button => {
button.addEventListener("click", () => {
const dialog = document.querySelector(`#${button.dataset.dialog}`);
dialog.showModal();
document.body.style.overflow = "hidden";
document.documentElement.style.overflow = "hidden";
dialog.querySelector(".closeDialog").addEventListener("click", () => {
dialog.close();
document.body.style.removeProperty("overflow");
document.documentElement.style.removeProperty("overflow");
})
})
})
}
function handleClosePopUp() {
// $(document).ready(function () {
const invalidMsg = document.getElementById('invalid-otp-msg');
invalidMsg.textContent = ''
inputs.forEach(input => {
input.value = '';
});
clearInterval(timerId);
$(".closeDialog").trigger("click");
// });
}
function handlehideARN() {
document.getElementById("input-ARN").value = ''
$('.arn-class').toggle();
$('.show-arn-msg').toggle();
}
handlePopUp()
// $(document).ready(function () {
// $(".dialog-button").trigger("click");
// });
// handleOTPform()
</script>
</html>

Powered by TurnKey Linux.