https://staticweb6.jiosaavn.com/web6/jioindw/dist/1790247351/_s/Th…nts-container-Login.b85d07a606dcf2ec40b1.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2224],{41763:(e,t,a)=>{a.d(t,{Qj:()=>n,Xq:()=>i,tH:()=>o});var r=a(13806);const n=(0,r.P1)([e=>e.login],e=>e),o=(0,r.P1)([e=>e.user],e=>e),i=(0,r.P1)([e=>e.thirdPartyLogin.partners_logo],e=>e)},85475:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var r=a(89526),n=a(12384),o=a(83277),i=a(56753),s=a(31406),c=a(22877),l=a(34726),m=a(50997),d=a(41763);const u=e=>{const{loginState:t,thirdPartyPartner:a,handleEmailLoginDispatch:o,handleFbLogin:u,handleEventLog:p,handleFormSelection:h,handleClickEventLog:g}=e,[b,f]=(0,r.useState)({email:"",password:"",captcha:!1,hide_captcha:!1,didSubmit:!1,recaptcha_response:"",error:{message:"",field:""}}),[y,E]=(0,r.useState)(!0),_=(0,n.v9)(d.Xq),v=e=>{e.preventDefault(),g("Continue");return b.email?/(?:[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/gi.test(b.email)?b.password?b.captcha?b.email.toLowerCase()==b.password.toLowerCase()?f(e=>({...e,didSubmit:!0,error:{message:"Email cannot be similar to the password",field:""}})):void(b.captcha&&(o(b.email,b.password,b.recaptcha_response,b.hide_captcha,"/third-party-authorization?partner="+a),t.captcha_bypass_key?f(e=>({...e,didSubmit:!0,captcha:!0,hide_captcha:!0,recaptcha_response:t.captcha_bypass_key,error:{message:"",field:""}})):f(e=>({...e,didSubmit:!0,captcha:!1,error:{message:"",field:""}})))):f(e=>({...e,didSubmit:!0,error:{message:"Please solve the CAPTCHA",field:""}})):f(e=>({...e,didSubmit:!1,error:{message:"",field:"password"}})):f(e=>({...e,didSubmit:!0,error:{message:"Please enter a valid email",field:"email"}})):f(e=>({...e,didSubmit:!1,error:{message:"",field:"email"}}))},x=e=>{let t=e.target.name,a="email"==t?e.target.value.toLowerCase():e.target.value,r=/(?:[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/gi;if(b.error.field){if("email"===t&&"email"===b.error.field&&r.test(a))return f(e=>({...e,[t]:a,didSubmit:!1,error:{message:"",field:""}}));if("password"===t&&"password"===b.error.field&&a.length>=1)return f(e=>({...e,[t]:a,didSubmit:!1,error:{message:"",field:""}}))}f(e=>({...e,[t]:a,didSubmit:!1}))},w=e=>{f(null!=e?t=>({...t,recaptcha_response:e,captcha:!0}):e=>({...e,recaptcha_response:"",captcha:!1}))};(0,r.useEffect)(()=>{y&&S(),t.captcha_bypass_key&&(b.captcha=!0,b.hide_captcha=!0,b.recaptcha_response=t.captcha_bypass_key)},[]);const S=()=>{E(!1);let e=(0,m.P7)({bot_src:{screen_name:l.j2.THIRD_PARTY_LOGIN_SCREEN,entity_name:"Email Login",entity_id:(0,m.uM)("Email Login")},event_type:l.oH});e.extraInfo={partner:a},p(e)},{didSubmit:N,error:C}=b;return r.createElement("section",{className:"u-margin-top@sm u-margin-bottom-huge@sm"},r.createElement("header",{className:"u-align-center"},r.createElement("img",{src:_,alt:"partners logo",className:"third-party-image-url"}),r.createElement("h1",{className:"u-h2 u-margin-bottom-none@sm u-align-left@lg u-padding-top@sm"},"Log in to link with ",r.createElement("span",{className:"third-party-partners-name"},a)),r.createElement("p",null,"Log in with your email address.")),r.createElement("div",{className:N&&!t.isAttempting&&(C.message||t.error)?"o-message o-message--standalone o-message--error active":"o-message o-message--standalone o-message--error"},C.message||t.error),(()=>{const{error:e}=b;return r.createElement("form",{action:"#",autoComplete:"off",onSubmit:v,noValidate:!0},r.createElement("fieldset",{className:"u-margin-bottom-none@sm"},r.createElement("div",{className:"field"},r.createElement("input",{className:e.field&&"email"===e.field?"input-large u-align-center error":"input-large u-align-center",required:!0,id:"email",type:"email",name:"email",placeholder:"Email Address",value:b.email,onChange:x})),r.createElement("div",{className:"field"},r.createElement("input",{className:e.field&&"password"===e.field?"input-large u-align-center error":"input-large u-align-center",required:!0,id:"password",type:"password",name:"password",placeholder:"Password",onChange:x})),t.captcha_bypass_key?"":r.createElement("div",{className:"field field--recaptcha"},r.createElement(i.Z,{ref:window.customRecaptchaRef,sitekey:"6Le9sZgUAAAAAAfj57Wzph8NhqLcWPePWbt0oOL6",onChange:w})),r.createElement("div",{className:"field u-margin-bottom@sm"},r.createElement("button",{type:"submit",className:"c-btn c-btn--primary c-btn--wide"},"Continue")),r.createElement("div",{className:"field u-margin-bottom-none@lg u-clearfix"},r.createElement("div",{className:"o-layout o-layout--middle"},r.createElement("div",{className:"o-layout__item u-margin-bottom-small@sm u-margin-bottom@lg u-align-center"},r.createElement(c.Z,{className:"u-color-js-green-for-link u-align-center u-text-underline u-text-underline-green",to:"/third-party-forgot-password?partner="+a,screen_name:l.j2.THIRD_PARTY_FORGOT_PASSWORD_SCREEN,title:"Forgot password?"},"Forgot password?"))))))})(),r.createElement("p",{className:"u-centi u-color-js-gray"},r.createElement("em",null,"By selecting ‘Continue’, you agree to JioSaavn’s ",r.createElement("a",{className:"u-color-js-nav

1y u-text-underline",href:"https://www.jiosaavn.com/corporate/terms/",target:"_blank"},"Terms of Service")," and ",r.createElement("a",{className:"u-color-js-navy u-text-underline",href:"https://www.jiosaavn.com/corporate/privacy/",target:"_blank"},"Privacy Policy"),".")),r.createElement("hr",{className:"o-rule o-rule--text u-color-js-white-alt u-margin-bottom@sm","data-text":"or connect with"}),r.createElement("div",{className:"o-layout o-layout--small@sm"},r.createElement("div",{className:"o-layout__item u-1/2@lg u-margin-bottom-small@sm"},r.createElement("span",{onClick:()=>h("phone"),className:"c-btn c-btn--quaternary c-btn--short c-btn--wide"},"Mobile Number")),r.createElement("div",{className:"o-layout__item u-1/2@lg"},r.createElement(s.Z,{handleFbLogin:u}))))};a(73961);var p=a(24470),h=a(52066),g=a(31844),b=a(93376),f=a(58917),y=a(2248),E=a(88404),_=a(78206);const v=e=>{const{step:t,loginState:a,thirdPartyPartner:u,handleGetOtp:v,handleSubmitOtpDispatch:x,handleFbLogin:w,handleEventLog:S,handleFormSelection:N,handleClickEventLog:C}=e,[L,P]=(0,r.useState)({code:"",phone_number:"",customCaptchaSolved:!1,hide_captcha:!1,recaptcha_response:"",isFirebaseCaptchaRendered:!1,isCustomCaptchaRendered:!1,didSubmit:!1,error:{message:"",field:""}}),[R,k]=(0,r.useState)(!0),[A]=(0,r.useState)((0,g.ZF)(_.qe)),j=(0,o.s0)(),z=(0,f.Z)(t),F=(0,r.useRef)(null),D=(0,n.v9)(d.Xq);(0,r.useEffect)(()=>{R&&Z(),a.captcha_bypass_key&&P(e=>({...e,customCaptchaSolved:!0,hide_captcha:!0,recaptcha_response:a.captcha_bypass_key}))},[]),(0,r.useEffect)(()=>{t!==z&&P(e=>({...e,error:{message:"",field:""},didSubmit:!1})),""!=L.phone_number&&"verify"!=t&&z!=t&&((0,y.JV)(L.phone_number)&&!L.isFirebaseCaptchaRendered?(I(),P(e=>({...e,isFirebaseCaptchaRendered:!0,isCustomCaptchaRendered:!1})),F.current.unmount()):(0,y.JV)(L.phone_number)||L.isCustomCaptchaRendered||(a.captcha_bypass_key||T(),P(e=>({...e,isFirebaseCaptchaRendered:!1,isCustomCaptchaRendered:!0})),O()))},[t]);const T=()=>{const e=(0,p.s)(document.getElementById("custom-recaptcha-container"));F.current=e,e.render(r.createElement(i.Z,{ref:window.customRecaptchaRef,sitekey:"6Le9sZgUAAAAAAfj57Wzph8NhqLcWPePWbt0oOL6",onChange:W}))},I=()=>{O();const e=(0,b.v0)(A);window.recaptchaVerifier=new b.lI("recaptcha-container",{},e),window.recaptchaVerifier.render().then(e=>{window.recaptchaWidgetId=e})},O=()=>{if(window.recaptchaVerifier)try{window.recaptchaVerifier.clear()}catch(e){}},Z=()=>{k(!1);let e=(0,m.P7)({bot_src:{screen_name:l.j2.THIRD_PARTY_LOGIN_SCREEN,entity_name:"Phone Login",entity_id:(0,m.uM)("Phone Login")},event_type:l.oH});e.extraInfo={partner:u},S(e)},V=e=>{let t=e.target.name,a=e.target.value;P(e=>({...e,[t]:a,didSubmit:!1}))},H=e=>{L.error.field&&"phone_number"===L.error.field&&(0,h.tm)(e)&&P(e=>({...e,error:{message:"",field:""},didSubmit:!1})),e&&(0,y.JV)(e)&&!L.isFirebaseCaptchaRendered?(I(),P(e=>({...e,isFirebaseCaptchaRendered:!0,isCustomCaptchaRendered:!1,didSubmit:!1})),F.current&&F.current.unmount()):!e||(0,y.JV)(e)||L.isCustomCaptchaRendered||(a.captcha_bypass_key||T(),P(e=>({...e,isFirebaseCaptchaRendered:!1,isCustomCaptchaRendered:!0,didSubmit:!1})),O()),P(t=>({...t,phone_number:e,didSubmit:!1}))},q=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];(arguments.length>1?arguments[1]:void 0).preventDefault(),C("Continue");let t=L.phone_number;if(!t)return P(e=>({...e,error:{message:"",field:"phone_number"},didSubmit:!1}));if(t&&!(0,y.JV)(t))return L.customCaptchaSolved||e?(v(t,L.recaptcha_response,e,L.hide_captcha,"/third-party-authorization?partner="+u),P(e=>({...e,customCaptchaSolved:!1,recaptcha_response:"",isCustomCaptchaRendered:!1,error:{message:"",field:""},didSubmit:!0}))):P(e=>({...e,error:{message:"Please solve the CAPTCHA",field:""},didSubmit:!0}));if(t&&(0,y.JV)(t)){if(e)return j(-1),P(e=>({...e,error:{message:"",field:""},didSubmit:!1}));var a=grecaptcha.getResponse(window.recaptchaWidgetId);return a?(v(t,a,e,L.hide_captcha),P(e=>({...e,isFirebaseCaptchaRendered:!1,error:{message:"",field:""},didSubmit:!0}))):P(e=>({...e,error:{message:"Please solve the CAPTCHA",field:""},didSubmit:!0}))}},J=e=>{e.preventDefault(),C("Submit OTP");const{code:t}=L;return t?(x(L.code),P(e=>({...e,error:{message:"",field:""},didSubmit:!0}))):P(e=>({...e,error:{message:"",field:"code"},didSubmit:!1}))},W=e=>{P(null!=e?t=>({...t,recaptcha_response:e,customCaptchaSolved:!0}):e=>({...e,recaptcha_response:"",customCaptchaSolved:!1}))},{didSubmit:M,error:B}=L;return"verify"===t&&0==a.verification_id.length&&j("/third-party-login?redirect="+(0,y.Ph)("redirect")),r.createElement("section",{className:"u-margin-top@sm u-margin-bottom-huge@sm"},t&&"verify"===t?r.createElement("header",{className:"u-align-center"},r.createElement("img",{src:D,alt:"partners logo",className:"third-party-image-url"}),r.createElement("h1",{id:"otp-heading-thirdparty-login",className:"u-h2 u-margin-bottom-none@sm u-align-center u-padding-top@sm"},"Enter your 6-digit code."),r.createElement("p",null,"We’ve sent your co

1de to the phone number.",r.createElement("br",null),L.phone_number,"  Didn’t get it? ",r.createElement("a",{href:"#",className:"u-color-js-green-for-link u-text-underline u-text-underline-green",onClick:e=>q(!0,e)},"Resend Code"),".")):r.createElement("header",{className:"u-align-center"},r.createElement("img",{src:D,alt:"partners logo",className:"third-party-image-url"}),r.createElement("h1",{className:"u-h2 u-margin-bottom-none@sm u-align-left@lg u-padding-top@sm"},"Log in to link with ",r.createElement("span",{className:"third-party-partners-name"},u)),r.createElement("p",null,"Login with your mobile number.")),r.createElement("div",{className:M&&!a.isAttempting&&(B.message||a.error)?"o-message o-message--standalone o-message--error active":"o-message o-message--standalone o-message--error"},B.message||a.error),(()=>{const{error:e,phone_number:a}=L;if("verify"===t){var n=document.getElementById("recaptcha-container");return void 0!==n&&null!=n&&(document.getElementById("recaptcha-container").innerHTML=""),r.createElement("form",{action:"#",autoComplete:"off",role:"form",noValidate:!0,onSubmit:J},r.createElement("fieldset",null,r.createElement("div",{className:"field"},r.createElement("input",{"aria-labelledby":"otp-heading-thirdparty-login",className:"code"===e.field?"input-code input-large u-align-center error":"input-code input-large u-align-center",id:"code",type:"password",name:"code",maxLength:6,onChange:V,"data-testid":"phone-input-otp"})),r.createElement("div",{className:"field u-margin-bottom-none@sm"},r.createElement("button",{"data-testid":"phone-otp-submit",type:"submit",className:"c-btn c-btn--primary c-btn--wide"},"Log In"))),r.createElement("p",{className:"u-centi u-color-js-gray"},r.createElement("em",null,"Select ‘Log In’ to give consent to JioSaavn’s ",r.createElement("a",{"aria-label":"Terms of Service opens in a new window",className:"u-color-js-navy u-text-underline",href:"https://www.jiosaavn.com/corporate/terms/",target:"_blank"},"Terms of Service")," and acknowledge that you have read and understood the ",r.createElement("a",{"aria-label":"Privacy Policy opens in a new window",className:"u-color-js-navy u-text-underline",href:"https://www.jiosaavn.com/corporate/privacy/",target:"_blank"},"Privacy Policy"),".")))}return r.createElement("form",{action:"#",autoComplete:"off",noValidate:!0,onSubmit:e=>q(!1,e)},r.createElement("fieldset",null,r.createElement("div",{className:"field"},r.createElement(h.ZP,{"data-testid":"phone-input",className:"phone_number"===e.field?"error":"",placeholder:"Enter your mobile number",defaultCountry:(0,E.D0)().country?(0,E.D0)().country:"IN",value:a,onChange:H})),r.createElement("div",{className:"field field--recaptcha",id:"recaptcha-container"}),r.createElement("div",{className:"field field--recaptcha",id:"custom-recaptcha-container"}),r.createElement("div",{className:"field u-margin-bottom-none@sm"},r.createElement("button",{"data-testid":"phone-input-submit",type:"submit",className:"c-btn c-btn--primary c-btn--wide"},"Continue"))),r.createElement("div",{className:"u-align-center u-margin-bottom-small@sm u-margin-bottom@lg"},r.createElement("span",{className:"u-deci u-margin-right-tiny@sm u-visible-visually@sm"},"Don’t have an account?"),r.createElement(c.Z,{className:"u-color-js-green-for-link",to:`/third-party-signup?partner=${u}`,screen_name:"",title:"Third Party Signup"},"Sign Up")),r.createElement("p",{className:"u-centi u-color-js-gray"},r.createElement("em",null,"Select ‘Continue’ to give consent to JioSaavn’s ",r.createElement("a",{"aria-label":"Terms of Service opens in a new window",className:"u-color-js-navy u-text-underline",href:"https://www.jiosaavn.com/corporate/terms/",target:"_blank"},"Terms of Service")," and acknowledge that you have read and understood the ",r.createElement("a",{"aria-label":"Privacy Policy opens in a new window",className:"u-color-js-navy u-text-underline",href:"https://www.jiosaavn.com/corporate/privacy/",target:"_blank"},"Privacy Policy"),". An SMS may be sent to authenticate your account, and message and data rates may apply.")))})(),"verify"===t?"":r.createElement("hr",{className:"o-rule o-rule--text u-color-js-white-alt u-margin-bottom@sm","data-text":"or connect with"}),"verify"===t?"":r.createElement("div",{className:"o-layout o-layout--small@sm"},r.createElement("div",{className:"o-layout__item u-1/2@lg u-margin-bottom-small@sm"},r.createElement("span",{onClick:()=>N("email"),className:"c-btn c-btn--quaternary c-btn--short c-btn--wide"},"Email")),r.createElement("div",{className:"o-layout__item u-1/2@lg"},r.createElement(s.Z,{handleFbLogin:w}))))};var x=a(3127),w=a(24385);const S=()=>{const e=(0,n.I0)(),[t,a]=(0,r.useState)({type:"phone"}),i=(0,n.v9)(d.Qj,y.Xy),s=(0,o.UO)(),c=(0,o.s0)();var p=(0,y.Ph)("redirect");const[h,g]=(0,r.useState)("");(0,r.useEffect)(()=>{const t=(0,y.Ph)("partner");g(t),e((0,x.Th)(h))},[]);const b=e=>{let t=(0,m.P7)({bot_src:{screen_name:l.j2.THIRD_PARTY_LOGIN_SCREEN,entity_name:e,entity_id:(0,m.uM)(e),entity_type:l.JB},event_type:l.bQ});t.extraInfo={partner:h},S(t)},f=e=>{let t="Email";"phone"==e&&(t="Mobile Number"),b(t),N(e),a({type:e})},E=t=>e((0,x.Vj)(t,p,c)),_=(t,a)=>e((0,x.YT)(t,a,`/third-party-authorization?partner=${h}`,c)),S=t=>e((0,w.Kz)({data:t})),N=t=>e((0,x.Zs)(t)),C=(t,a,r,n,o)=>e((0,x.ZA)(t,a,c,r,n,o)),L=(t,a,r,n,o)=>e((0,x.jM)(t,a,r,c,n,o));return r.createElement("div",{className:"o-layout o-layout--center"},r.createElement("div",{className:"o-layout__item u-400-max"},(()=>{const{type:e}=t;return"phone"===e||"verify"==s.step?r.createElement(v,{step:s.step,loginState:i,thirdPartyPartner:h,handleGetOtp:L,handleSubmitOtpDispatch:E,handleFbLogin:_,handleEventLog:S,handleFormSelection:f,handleClickEventLog:b}):r.createElement(u,{loginState:i,thirdPartyPartner:h,handleEmailLoginDispatch:C,handleFbLogin:_,handleEventLog:S,handleFormSelection:f,handleClickEventLog:b})})()))}},31406:(e,t,a)=>{a.d(t,{Z:()=>c});

1var r=a(89526),n=a(6616),o=a.n(n),i=a(78206);const s=e=>{const{handleFbLogin:t,autoLoadFacebook:a=!1}=e;return r.createElement("div",null,r.createElement(o(),{appId:i.lZ,autoLoad:a,cssClass:`c-btn c-btn--primary c-btn--facebook c-btn--short c-btn--wide u-color-js-white ${a?"account-delete__fb":""} `,textButton:"Facebook",callback:e=>{t("success",e)},disableMobileRedirect:!0,id:"facebook-button"}))},c=(0,r.memo)(s)}}]);