generate-authcode response is in wrong format

HI Team,

Wrong Response is coming when I test from postman:

Request:

https://api-t1.fyers.in/api/v3/generate-authcode?client_id=MYCLIENTID&redirect_uri=https://trade.fyers.in/api-login/redirect-uri/index.html&response_type=code&state=abcdef

Gave actual client id in place of MYCLIENTID

Response:

<!doctype html>

<html>

<head>

<title>FYERS - Trading, Simplified</title>

rel="stylesheet">

integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">

</head>

<small class="text-body">By proceeding, I agree to the <a href="https://fyers.in/terms-and-conditions/"

target="_blank" rel="noopener" class="text-body"><u>T&C</u></a> and <a

href="https://fyers.in/privacy-policy/" target="_blank" rel="noopener"

class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</div>

</section>

</div>

</div>

<h4>Let's begin!</h4>

<p>You may use a one-time-password or TOTP to sign in based on your preferences set on My Account.

</p>

<input type="tel" id="mobile-code" name="mobile-code" width="100%"

class="form-control text-uppercase mt-md-3 validate" placeholder="Mobile Number"

autocomplete="off" minlength="7" maxlength="15">

<label alt="mobile-code" class="mobile-label mobile-label-position" for="mobile-code" id="placeholder4">Mobile Number</label>

</div>

<a class="d-block" href="#" id="login_client_id"> Login with client ID </a>

<button id="mobileNumberSubmit" type="submit"

class="btn btn-primary btn-block mt-4"

>Continue</button>

<div class="mt-2">Don't have an account? <a href="#" class="registerNow"

taget="_blank" >Register now</a>

</div>

</form>

</div>

<small class="text-body">By proceeding, I agree to the <a href="https://fyers.in/terms-and-conditions/"

target="_blank" rel="noopener" class="text-body"><u>T&C</u></a> and <a

href="https://fyers.in/privacy-policy/" target="_blank" rel="noopener"

class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<h4>Let's begin!</h4>

<p>You may use a one-time-password or TOTP to sign in based on your preferences set on My Account.

</p>

<input type="text" id="fy_client_id" name="fy_client_id" width="100%"

class="form-control text-uppercase mt-md-3 validate client_id" placeholder="Client ID"

autocomplete="off">

<label alt="Client ID" for="fy_client_id" id="placeholder4">Client ID</label>

</div>

<a class="d-block" href="#" id="back_to_mobile_login">Login with Mobile number</a>

<button id="clientIdSubmit" type="submit" class="btn btn-primary btn-block mt-4"

>Continue</button>

<div class="mt-2">Don't have an account? <a href="#" class="registerNow"

taget="_blank" rel="noopener">Register now</a></div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<div id="select-client-id"

class="align-items-baseline d-flex text-dark client-back text-decoration-none">

<h4 class="pl-3">Select client ID

</h4>

</div>

<p>You have multiple accounts registered on this mobile number. Please select one Client ID to

proceed.

</p>

</ul>

</div>

</form>

</div>

</section>

</div>

</div>

<h4>You are offline!</h4>

<div>Please check your internet connection. Trying again in <u><a href="#"><span

id="timer0"></span></a></u> seconds.

</div>

<button id="offlineSubmit" type="submit" class="btn btn-primary btn-block mt-4">Try

Now</button>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/"

class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

</div>

<h4>Server doesn’t respond!</h4>

<div>It may be a temporal glitch.

</div>

<button id="serverNoResSubmit" type="submit" class="btn btn-primary btn-block mt-4">Try

Now</button>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

We have sent a one-time password (OTP) to your email and registered mobile number <span

id="client_mno"></span>.

</div>

Enter a 6 digit TOTP generated on your authenticator app.

</div>

<div id="otp-container"

class="d-flex justify-center justify-content-center mt-3 mx-auto otp-container">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline otp-field"

type="number" id="first" maxlength="1" pattern="\d*" autocomplete="off" data-next="second"

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline otp-field"

type="number" data-next="third" data-previous="first" id="second" maxlength="1"

pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline otp-field"

type="number" data-next="fourth" data-previous="second" id="third" maxlength="1"

pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline otp-field"

type="number" data-next="fifth" data-previous="third" id="fourth" maxlength="1"

pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline otp-field"

type="number" data-next="sixth" data-previous="fourth" id="fifth" maxlength="1"

pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline otp-field"

type="number" id="sixth" data-previous="fifth" maxlength="1" pattern="\d*"

autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

</div>

<button class="btn btn-primary btn-block mt-4" id="confirmOtpSubmit" type="submit"

class="btn btn-primary btn-block mt-md-4"

>Confirm

OTP</button>

<div class="mt-2" id="timer-otp">Didn't receive the code? <a class="resend_otp"

id="resend_otp_timer" href="" aria-disabled="">

</div>

<div class="mt-2" id="timer-totp"> Problem with TOTP?

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

</div>

<h4>Check Your Email/SMS</h4>

<div>We have sent the Client ID to your registered email and mobile number.

</div>

<a class="back_to_login" id="back_to_login" href="#">Back to login</a>

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<div>

Enter your four-digit PIN

</div>

<div id="pin-container"

class="d-flex justify-center justify-content-center mt-3 mx-auto pin-container">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline pin-field fy-secure-input"

type="number" id="first" data-next="second" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off"

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline pin-field fy-secure-input"

type="number" id="second" data-next="third" data-previous="first" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline pin-field fy-secure-input"

type="number" id="third" data-next="fourth" data-previous="second" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline pin-field fy-secure-input"

type="number" id="fourth" data-previous="third" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off" data-autosubmit="true"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

</div>

<a class="d-block mt-2" id="fogot_pin" href="#">Forgot PIN?</a>

<button id="verifyPinSubmit" type="submit" class="btn btn-primary btn-block mt-md-4 mt-3" >Sign

In</button>

<div class="mt-2"><strong>Note:</strong> Do not save the PIN on a public

computer.</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<h4>Forgot Client ID?</h4>

<input type="text" id="fy_reg_email" name="fy_reg_email" width="100%"

class="form-control mt-md-3 validate" placeholder="Registered Email" autocomplete="on">

<label alt="Client ID" for="fy_reg_email" id="placeholder">Registered Email</label>

</div>

<input type="text" id="pan_or_yob" name="pan_or_yob" width="100%"

class="form-control text-uppercase mt-md-3 validate" placeholder="PAN" maxlength="10"

autocomplete="on">

</div>

<div>

<button class=" btn btn-primary btn-block mt-4" id="forgotClientIDSubmit" type="submit">Send

OTP</button>

</div>

<a class="back_to_login" id="back_to_login" href="#">Back to login</a>

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<h4>Create PIN</h4>

<div>

<small class="mt-2">Note: Your YOB isn’t a secure PIN.</small>

</div>

<div id="create-pin-container"

class="d-flex justify-center justify-content-center mt-3 mx-auto create-pin-container">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline c-pin-field"

type="number" id="first" data-next="second" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline c-pin-field"

type="number" id="second" data-next="third" data-previous="first" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline c-pin-field"

type="number" id="third" data-next="fourth" data-previous="second" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

<input

class="text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline c-pin-field"

type="number" id="fourth" data-previous="third" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" />

</div>

<button id="createPinSubmit" type="submit" class="btn btn-primary btn-block mt-4">Confirm

PIN</button>

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<h4>Forgot PIN?</h4>

<input type="text" id="fy_client_id" name="fy_client_id" width="100%"

class="form-control text-uppercase mt-md-3 validate" placeholder="Client ID"

autocomplete="on">

<label alt="Client ID" for="fy_client_id" id="placeholder">Client ID</label>

</div>

<input type="text" id="pan_or_yob" name="pan_or_yob" width="100%"

class="form-control text-uppercase mt-md-3 validate" placeholder="PAN / Year of birth"

maxlength="10" autocomplete="on">

<label alt="PAN / Year of birth" for="pan-or-yob" id="placeholder1">PAN / Year of

birth</label>

</div>

<div>

<button class=" btn btn-primary btn-block mt-4" id="forgotPinSubmit" type="submit">Send

OTP</button>

</div>

<a class="back_to_login" id="back_to_login" href="#">Back to login</a>

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<small class="mt-2">Your account is blocked. To unblock it, please confirm your PAN/

Year

of Birth.</small>

<input type="text" id="pan_or_yob" name="pan_or_yob" width="100%"

class="form-control text-uppercase mt-md-3 validate" placeholder="PAN / Year of birth"

maxlength="10" autocomplete="off">

<label alt="PAN / Year of birth" for="pan-or-yob" id="placeholder">PAN / Year of

birth</label>

</div>

<div>

<button class=" btn btn-primary btn-block mt-4" id="accBlockSubmit" type="submit">Send

OTP</button>

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

It is your first time, and we are as excited as you are! Firstly,

let’s make your account secure.

</div>

<input type="text" id="pan_or_yob" name="pan_or_yob" width="100%"

class="form-control text-uppercase mt-md-3 validate" placeholder="PAN / Year of birth"

maxlength="10" autocomplete="off">

<label alt="PAN / Year of birth" for="pan-or-yob" id="placeholder5">PAN / Year of

birth</label>

</div>

<div>

<button class=" btn btn-primary btn-block mt-4" id="newUSerSubmit" type="submit">Send

OTP</button>

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

</div>

</div>

<h4>Create PIN</h4>

<div>

<small class="mt-2">Please create a 4-digit PIN. This will be used for subsequent logins across

your devices.</small>

</div>

</div>

<div id="new-pin-container"

class="d-flex justify-center justify-content-center mt-2 mx-auto new-pin-container">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chn-pin-field"

type="number" data-next="second" id="first" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chn-pin-field"

type="number" data-next="third" data-previous="first" id="second" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chn-pin-field"

type="number" data-next="fourth" data-previous="second" id="third" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

<input

class="text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chn-pin-field"

type="number" id="fourth" data-previous="third" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

</div>

<h7 class="mt-2">Confirm PIN</h7>

</div>

<div id="confirm-pin-container"

class="d-flex justify-center justify-content-center mt-2 mx-auto confirm-pin-container">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chc-pin-field"

type="number" id="first" data-next="second" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chc-pin-field"

type="number" id="second" data-next="third" data-previous="first" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

<input

class="mr-2 text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chc-pin-field"

type="number" id="third" data-next="fourth" data-previous="second" maxlength="1"

placeholder="-" pattern="\d*" autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

<input

class="text-center form-control form-control-solid rounded focus:border-blue-400 focus:shadow-outline chc-pin-field"

type="number" id="fourth" data-previous="third" maxlength="1" placeholder="-" pattern="\d*"

autocomplete="off"

oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">

</div>

<button id="changePinSubmit" type="submit" class="btn btn-primary btn-block mt-4">Continue</button>

</div>

</form>

</div>

<small class="text-body">By proceeding, you agree to the <a

href="https://fyers.in/terms-and-conditions/" target="_blank" rel="noopener"

class="text-body"><u>Terms

Conditions</u></a> and <a href="https://fyers.in/privacy-policy/" target="_blank"

rel="noopener" class="text-body"><u>Privacy Policy</u></a> of FYERS

Securities Pvt. Ltd.</small>

</div>

</section>

window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MMQNQPX7JG');

</script>

let sliderInterval;

let lastVisibleIndex = 0;

let isSwitching = false;

function initializeSlider(slides, time) {

const sliderContainer = document.getElementById('slider-container');

const scrollIndicator = document.createElement('div');

scrollIndicator.className = 'scroll-indicator';

sliderContainer.appendChild(scrollIndicator);

lastVisibleIndex = parseInt(localStorage.getItem('sliderIndex'), 10) || 0;

slides.forEach((slide, index) => {

const slideDiv = document.createElement('div');

slideDiv.id = slider-item-${index + 1};

slideDiv.className = 'slider-item';

slideDiv.style.transform = index === lastVisibleIndex ? 'translateY(0)' : 'translateY(100%)';

slideDiv.style.opacity = index === lastVisibleIndex ? '1' : '0';

const img = document.createElement('img');

img.src = slide.image_url;

img.alt = slide.title;

slideDiv.appendChild(img);

if (slide.tag) {

const tagContainer = document.createElement('div');

tagContainer.className = 'd-flex tag-container';

const tagIcon = document.createElement('img');

tagIcon.src = 'https://assets.fyers.in/images/website/icon-star.svg';

tagIcon.className = 'pr-1';

tagContainer.appendChild(tagIcon);

const tagText = document.createElement('p');

tagText.textContent = slide.tag;

tagContainer.appendChild(tagText);

slideDiv.appendChild(tagContainer);

}

if (slide.display_in_login && slide.heading_image_url) {

const headingImg = document.createElement('img');

headingImg.src = slide.heading_image_url;

headingImg.alt = 'Heading Image';

slideDiv.appendChild(headingImg);

headingImg.className = 'heading-img';

}

const heading = document.createElement('h2');

heading.textContent = slide.heading;

slideDiv.appendChild(heading);

const description = document.createElement('p');

description.textContent = slide.description;

description.className = 'img-description';

slideDiv.appendChild(description);

sliderContainer.appendChild(slideDiv);

const dot = document.createElement('div');

dot.className = scroll-dot ${index === lastVisibleIndex ? 'active' : ''};

dot.dataset.index = index;

scrollIndicator.appendChild(dot);

});

const sliderItems = sliderContainer.querySelectorAll('.slider-item');

function switchSlide() {

if (isSwitching) return;

isSwitching = true;

const currentSlide = sliderItems[lastVisibleIndex];

currentSlide.style.transform = 'translateY(-100%)';

currentSlide.style.opacity = '0';

lastVisibleIndex = (lastVisibleIndex + 1) % slides.length;

const nextSlide = sliderItems[lastVisibleIndex];

nextSlide.style.transform = 'translateY(0)';

nextSlide.style.opacity = '1';

localStorage.setItem('sliderIndex', lastVisibleIndex);

setTimeout(() => {

const prevIndex = (lastVisibleIndex - 1 + slides.length) % slides.length;

const prevSlide = sliderItems[prevIndex];

prevSlide.style.transition = 'none';

prevSlide.style.transform = 'translateY(100%)';

prevSlide.style.opacity = '0';

setTimeout(() => {

prevSlide.style.transition = 'transform 1s ease-in-out, opacity 0.5s ease-in-out';

isSwitching = false;

}, 50);

}, 1000);

updateScrollIndicator();

scheduleNextSwitch();

}

function updateScrollIndicator() {

const dots = scrollIndicator.querySelectorAll('.scroll-dot');

dots.forEach((dot, idx) => {

dot.classList.toggle('active', idx === lastVisibleIndex);

});

}

function scheduleNextSwitch() {

sliderInterval = setTimeout(switchSlide, time);

}

function startSlider() {

scheduleNextSwitch();

}

function stopSlider() {

clearTimeout(sliderInterval);

}

const dots = scrollIndicator.querySelectorAll('.scroll-dot');

dots.forEach(dot => {

dot.addEventListener('click', function() {

const newIndex = parseInt(this.dataset.index, 10);

if (newIndex !== lastVisibleIndex && !isSwitching) {

goToSlide(newIndex);

}

});

function goToSlide(newIndex) {

clearTimeout(sliderInterval);

isSwitching = true;

const oldIndex = lastVisibleIndex;

const oldSlide = sliderItems[oldIndex];

oldSlide.style.transform = 'translateY(-100%)';

oldSlide.style.opacity = '0';

lastVisibleIndex = newIndex;

localStorage.setItem('sliderIndex', lastVisibleIndex);

const newSlide = sliderItems[newIndex];

newSlide.style.transform = 'translateY(0%)';

newSlide.style.opacity = '1';

updateScrollIndicator();

setTimeout(() => {

oldSlide.style.transition = 'none';

oldSlide.style.transform = 'translateY(100%)';

oldSlide.style.opacity = '0';

setTimeout(() => {

oldSlide.style.transition = 'transform 1s ease-in-out, opacity 0.5s ease-in-out';

isSwitching = false;

}, 50);

}, 1000);

scheduleNextSwitch();

}

startSlider();

document.addEventListener('visibilitychange', () => {

if (document.hidden) {

stopSlider();

} else {

sliderItems[lastVisibleIndex].style.opacity = '1';

startSlider();

}

});

}

fetch('https://public.fyers.in/messages/loginbanner.json')

.then((response) => response.json())

.then((data) => {

initializeSlider(data.data, data.time);

})

.catch((error) => console.error('Error loading JSON:', error));

</script>

function captchaCallback (id) {

sessionStorage.setItem("fy_captcha_token", id)

$("#mobileNumberSubmit").prop("disabled", false);

$("#clientIdSubmit").prop("disabled", false);

$("#forgotPinSubmit").prop("disabled", false);

$("#forgotClientIDSubmit").prop("disabled", false);

$("#accBlockSubmit").prop("disabled", false);

}

</script>

$(document).ready(function () {

if(sessionStorage.getItem("fy_captcha_token")){

sessionStorage.removeItem("fy_captcha_token")

}

let login = new Login();

window.login = login;

})

document.onreadystatechange = function () {

var state = document.readyState

if (state == 'complete') {

setTimeout(() => {

FyersWidget.notification.callNotificationsOnInterval({ env: "PROD", interval: 300000, width: "container" });

}, 7000)

}

$(".registerNow").click(function(event){

gtag('event', 'cta_register_now', {

'event_category': 'login',

'event_label': 'cta'

});

location.href= "https://signup.fyers.in/"

})

</script>

</body>

</html>