https://lifepal.co.id/_next/static/chunks/pages/account/login-711bd7e92d6262288b9b.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[58],{Dyna:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/login",function(){return n("PimT")}])},PimT:function(e,t,n){"use strict";n.r(t),n.d(t,"__N_SSP",(function(){return ie}));var a=n("vJKn"),r=n.n(a),i=n("rg98"),s=n("xvhg"),o=n("jT3O"),c=n("q1tI"),u=n.n(c),l=n("g4pe"),p=n.n(l),f=n("20a2"),d=n.n(f),g=n("UYTu"),m=n("pZLH"),b=n("/MKj"),O=n("GGqY"),v=n("OXVQ"),h=n.n(v),j=n("p46w"),w=n.n(j),_=n("cpVT"),y=n("Vvt1"),S=n.n(y),k=n("cr+I"),N=n.n(k),T=n("TSYQ"),x=n.n(T),A=n("sRr9"),E=n("tXIn"),P=n("iqJH"),L=n("vHuw"),B=n("rt/5"),C=n("voyn"),I=n("lCZi"),M=n("KYPV"),R=n("gZ1G"),q=(n("x0f4"),u.a.createElement),D=Object(M.d)({mapPropsToValues:function(){return{phonenumber:""}},validationSchema:I.object().shape({phonenumber:I.string().test("phonenumber","Nomor Telepon tidak valid.",(function(e){return!e||Object(R.c)(e)})).required("Wajib Diisi")}),handleSubmit:function(e,t){return t.props.handleSubmit(e)}})((function(e){var t=e.isLoading,n=e.errors,a=e.touched,r=e.setFieldValue,i=e.handleBlur;return q(M.b,null,q("div",{className:"form__wrapper"},q("div",{className:"form__wrapper--full"},q("div",{className:"form__wrapper--group"},q(M.a,{name:"phonenumber"},(function(e){e.field;return q(u.a.Fragment,null,q(A.Input,{type:"tel",onChange:function(e){e.persist();var t=e.target.value;isNaN(t)||(t=Object(R.a)(t,!0)),r("phonenumber",t)},placeholder:"Nomor Handphone",inputMode:"number",name:"phonenumber",size:"md",error:a&&n.phonenumber,onBlur:i,maxLength:"16"}))})))),q("div",{className:"form__wrapper--full pt-0"},q(A.Button,{type:"submit",className:"mt-2",variant:"primary",size:"lg",id:"firebase-otp-login",onClick:function(){},loading:t,disabled:t,isBlock:!0},"Selanjutnya")),q("div",{className:"form__wrapper--full"},q("fieldset",null,q("legend",null,"atau")))))})),F=n("z7pX"),V=n("jWlQ"),$=(n("An4E"),u.a.createElement),U=function(e){var t=e.resendOTP,n=e.phoneNumber,a=e.handleSubmit,r=e.isOTPVerified,i=e.isOTPSubmitting,o=e.resendOTPHandler,c=u.a.useState(Object(F.a)(new Array(6))),l=Object(s.a)(c,2),p=l[0],f=l[1],d=u.a.useState(!1),g=Object(s.a)(d,2),m=g[0],b=g[1],O=u.a.useState(!1),v=Object(s.a)(O,2),h=v[0],j=v[1],w=Object(V.a)(m,30,"decrement"),_=Object(s.a)(w,2),y=_[0],S=_[1],k=function(e){e.persist();var t=e.nativeEvent.target.id,n=p;n[t-1]=e.target.value,f(n),8!==e.keyCode&&t<6&&document.getElementById(Number(t)+1).focus()};return u.a.useEffect((function(){0===y&&(b(!1),j(!0))}),[y]),u.a.useEffect((function(){b(t)}),[t]),u.a.useEffect((function(){return function(){S(30),b(!1),j(!1)}}),[]),$("div",{className:"verify__otp"},r?$(u.a.Fragment,null,$("div",{className:"verify__otp--success"},$("span",{className:"lifepal-check"})),$("h2",{className:"verify__otp--title heading-xl-m text-center mb-3"},"OTP Verifikasi Sukses")):$(u.a.Fragment,null,$("h2",{className:"verify__otp--title heading-xl-m text-center mb-3"},"Verifikasi Nomor Telepon"),$("p",{className:"text-center title__info"},"Masukkan 6-digit code yang dikirim ke"),$("p",{className:"mt-2 title__info text-left"},"+62 ",n),$("div",{className:"verify__otp--field"},Object(F.a)(new Array(6)).map((function(e,t){return $("div",{key:t,className:"field__number mt-2"},$("input",{className:"otp__input",type:"text",pattern:"\\d*",maxLength:1,id:"".concat(t+1),onKeyUp:k}))}))),t&&$("div",{className:"verify__otp--countdown"},h?$("span",{className:"countdown__button",onClick:function(){o({phonenumber:n},!0),j(!h)},id:"firebase-otp-login"},"Tidak menerima kode verifikasi?",$("span",{className:"resend__otp--text"},"Kirim Ulang")):$("span",{className:"countdown__info mt-2"},"Kirim ulang OTP ",y<10?"0".concat(y):y," Detik lagi"))),!r&&$(A.Button,{type:"button",className:"verify__otp--button mt-4",variant:"primary",size:"lg",disabled:i,onClick:function(){var e=p.join("");a(e)}},"Verifikasi"))},G=n("Bdpz"),H=n("tWqx"),z=n("Dedd"),K=u.a.createElement;function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function W(){var e=Object(o.a)(["\n    mutation firebaseLoginByUid($uid: String!) {\n      firebaseLoginByUid(uid: $uid) {\n        access\n        refresh\n      }\n    }\n  "]);return W=function(){return e},e}var J=function(e){var t=e.query,n=e.loginConfig,a=e.isApplicationMode,o=u.a.useState(!1),c=Object(s.a)(o,2),l=c[0],p=c[1],b=u.a.useState(""),v=Object(s.a)(b,2),j=v[0],y=v[1],S=u.a.useState(!1),k=Object(s.a)(S,2),T=k[0],x=k[1],A=u.a.useState(!1),P=Object(s.a)(A,2),I=P[0],M=P[1],R=u.a.useState(!0),q=Object(s.a)(R,2),F=q[0],V=q[1],$=u.a.useState(""),J=Object(s.a)($,2),Q=J[0],Y=(J[1],Object(E.b)()),Z=Y.setAuthenticated,ee=Y.setMe,te=Y.setAuthToken,ne=Y.setAgent,ae=Y.setTSOSupervisor,re=Object(f.useRouter)(),ie=Object(g.a)(W()),se=Object(m.a)(ie),oe=Object(s.a)(se,1)[0],ce=function(e){if(Object(z.a)(e)&&e.access){var n=e.access,a=h()(n),r=a.groups.includes("internal-agents");if(n&&r)O.c.warn("Tolong gunakan aplikasi asli");else{var i="/";ee(a),te(n),w.a.set("token",n),localStorage.setItem("isAutoStarted",!1),Object(G.H)(a.groups)?(w.a.set("mode","agent"),ne(!0),H.a.getAgentByToken(n).isTSOSupervisor?(ae(!0),i="/agents/status"):(ae(!1),i="/agents")):(ne(!1),t&&t.next&&(i=t.next),"/application"===re.pathname&&(i="/application/?".concat(N.a.stringify(t)))),Z(!0),d.a.push(i)}}else Z(!1)},ue=function(){B.a.apps.length?B.a.app():Object(L.a)(n.FIREBASE_CONFIG),le()},le=function(){var e=Object(C.b)();window.recaptchaVerifier=new C.a("firebase-otp-login",{size:"invisible",callback:function(e){}},e)}

1,pe=function(e,n){n&&ue(),x(!0),y(e.phonenumber);var r=window.recaptchaVerifier,i=Object(C.b)();Object(C.c)(i,"+62".concat(e.phonenumber.split(" ").join("")),r).then((function(e){if(x(!1),window.confirmationResult=e,n)V(!1);else{var r=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){Object(_.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({view:"otp",step:1},a&&{next:"/application/?".concat(N.a.stringify(t))});p(!l),d.a.push({pathname:"/account/login/",query:r})}})).catch((function(e){O.c.error(e&&e.message?e.message.replaceAll("Firebase:",""):"Something went wrong, pls try later"),x(!1),!n&&p(!1),window.recaptchaVerifier.render().then((function(e){grecaptcha.reset(e)}))}))};return u.a.useEffect((function(){!l&&n.FIREBASE_CONFIG&&Object.keys(n.FIREBASE_CONFIG).length&&ue()}),[l,n]),u.a.useEffect((function(){p("otp"===t.view)}),[t]),K(u.a.Fragment,null,l?K(U,{phoneNumber:j,isOTPVerified:I,isOTPSubmitting:T,handleSubmit:function(e){window.confirmationResult.confirm(e).then(function(){var e=Object(i.a)(r.a.mark((function e(t){var n,a,i;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x(!0),M(!0),n=t.user,e.next=5,oe({variables:{uid:n.uid}});case 5:a=e.sent,i=a.data,ce(i&&i.firebaseLoginByUid);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(e){x(!1),O.c.error("Kode Verifikasi yang anda masukkan salah")}))},resendOTPHandler:pe,resendOTP:F,errorMessage:Q}):K(D,{handleSubmit:pe,isLoading:T}))},Q=n("v48E"),Y=u.a.createElement;function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function ee(){var e=Object(o.a)(["\n    mutation googleLogin($authCode: String!, $redirectUri: String!) {\n      googleLogin(authCode: $authCode, redirectUri: $redirectUri) {\n        access\n        refresh\n      }\n    }\n  "]);return ee=function(){return e},e}function te(){var e=Object(o.a)(["\n    mutation login($username: String!, $password: String!) {\n      login(credential: { username: $username, password: $password }) {\n        access\n        refresh\n      }\n    }\n  "]);return te=function(){return e},e}var ne=function(e){var t=e.query,a=Object(f.useRouter)(),o=u.a.useState(""),c=Object(s.a)(o,2),l=c[0],p=c[1],b=u.a.useState(!1),v=Object(s.a)(b,2),j=v[0],y=v[1],k=u.a.useState(!1),T=Object(s.a)(k,2),L=T[0],B=T[1],C=Object(E.b)(),I=C.setAuthenticated,M=C.setMe,q=C.setAuthToken,D=C.setAgent,F=C.setTSOSupervisor,V=Object(g.a)(te()),$=Object(g.a)(ee()),U=Object(m.a)($),K=Object(s.a)(U,1)[0],X=Object(m.a)(V),W=Object(s.a)(X,1)[0],ne=function(){var e=Object(i.a)(r.a.mark((function e(){var t,n;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(l){e.next=6;break}return e.next=3,Object(Q.a)({path:"/api/accounts/login-config/",method:"GET"});case 3:t=e.sent,n=t.data,p(n);case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),ae=function(e){if(Object(z.a)(e)&&e.access){var n=e.access,r=h()(n),i=r.groups.includes("internal-agents");if(n&&i)O.c.warn("Tolong gunakan aplikasi asli");else{var s="/";M(r),q(n),w.a.set("token",n,{expires:7}),localStorage.setItem("isAutoStarted",!1),Object(G.H)(r.groups)?(w.a.set("mode","agent"),D(!0),H.a.getAgentByToken(n).isTSOSupervisor?(F(!0),s="/agents/status"):(F(!1),s="/agents")):(D(!1),t&&t.next&&(s=t.next),"/application"===a.pathname&&(s="/application/?".concat(N.a.stringify(t)))),I(!0),d.a.push(s)}}else I(!1);y(!1)},re=function(){var e=Object(i.a)(r.a.mark((function e(t){var n,a,i;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=/^\d+$/.test(t.emailOrPhoneNumber)?Object(R.a)(t.emailOrPhoneNumber):t.emailOrPhoneNumber,e.next=4,W({variables:{password:t.password,username:n}});case 4:a=e.sent,i=a.data,ae(i&&i.login);case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),ie=function(){var e=Object(i.a)(r.a.mark((function e(){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!window||!window.gapi){e.next=6;break}

1return y(!0),e.next=4,se();case 4:e.sent.grantOfflineAccess({prompt:"select_account"}).then(function(){var e=Object(i.a)(r.a.mark((function e(t){var n,a;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t||!t.code){e.next=6;break}return e.next=3,K({variables:{authCode:t.code,redirectUri:window.location.origin}});case 3:n=e.sent,a=n.data,ae(a&&a.googleLogin);case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(){return y(!1)}));case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),se=function(){var e;return new Promise((function(t){window.gapi.load("auth2",(function(){e=gapi.auth2.init({client_id:"".concat(l.GOOGLE_OAUTH_CLIENT_ID,".apps.googleusercontent.com"),scope:"email profile"}),t(e)}))}))};return u.a.useEffect((function(){ne()}),[]),u.a.useEffect((function(){a&&a.pathname&&"/application"===a.pathname&&B(!0)}),[a]),Y("div",{className:"lp__login loginRegister__wrapper"},Y("div",{className:"auth__form--wrapper"},Y("div",{className:"loginRegister__wrapper--col"},!L&&Y(u.a.Fragment,null,Y("p",{className:x()("heading-xl-b title",t&&t.step&&1===Number(t.step)&&"icon__offset")},t&&t.step&&1===Number(t.step)?Y("span",{className:"icon__wrapper",role:"button",onClick:function(){return d.a.back()}},Y("i",{className:"lifepal-arrow-left"})):Y(u.a.Fragment,null,"Masuk ke Lifepal"))),Y("div",{className:"loginRegister__body"},Y(u.a.Fragment,null,Y(P.a,{URLList:[{url:"https://apis.google.com/js/client:platform.js",id:"google-sign-in-server-side"}]}),t&&"otp"===t.view||t&&!t.view?Y(J,{query:t,loginConfig:l,isApplicationMode:L}):Y((function(){var e=S()((function(){return n.e(110).then(n.bind(null,"qBMi"))}),{loadableGenerated:{webpack:function(){return["qBMi"]},modules:["./Login/LoginWithPasswordForm"]}});return Y(e,{handleSubmit:re})}),null),(!t||t&&!t.step)&&Y("div",{className:"form__wrapper"},Y("div",{className:"form__wrapper--full"},Y(A.Button,{type:"button",variant:"ghost",size:"md",onClick:function(){var e=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){Object(_.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({view:"password",step:1},L&&{next:"/application/?".concat(N.a.stringify(t))});d.a.push({pathname:"/account/login",query:e})},className:"icon__button",isBlock:!0},Y("div",{className:"image__wrapper"},Y("i",{className:"lifepal-mail"})),Y("span",null,"Masuk menggunakan Email")),Y(A.Button,{type:"button",variant:"ghost",size:"md",onClick:ie,isLoading:j,loaderColor:"#1D66DD",className:"icon__button",isBlock:!0},Y("div",{className:"image__wrapper"},Y(A.Avatar,{src:"/static/images/icons/google_icon.svg",alt:"icon"})),Y("span",null,"Masuk menggunakan Gmail")))))))))},ae=(n("dzxI"),u.a.createElement);function re(){var e=Object(o.a)(["\n    mutation login($username: String!, $password: String!) {\n      login(credential: { username: $username, password: $password }) {\n        access\n        refresh\n      }\n    }\n  "]);return re=function(){return e},e}var ie=!0;t.default=Object(b.b)((function(e){return{token:e.account.token,error:e.account.error,loading:e.account.loading,errorMessage:e.account.errorMessage}}))((function(e){var t=e.error,n=e.errorMessage,a=e.loading,r=e.query,i=Object(E.b)(),o=i.setAuthenticated,c=i.setMe,l=i.setAuthToken,f=i.setAgent,b=i.setTSOSupervisor,v=Object(g.a)(re()),j=Object(m.a)(v),_=(Object(s.a)(j,1)[0],function(e){if(Object(z.a)(e)&&e.access){var t=e.access,n=h()(t),a=n.groups.includes("internal-agents");if(t&&!a){var i="/";c(n),l(t),w.a.set("token",t),localStorage.setItem("isAutoStarted",!1),Object(G.H)(n.groups)?(w.a.set("mode","agent"),f(!0),H.a.getAgentByToken(t).isTSOSupervisor?(b(!0),i="/agents/status/"):(b(!1),i="/agents/")):(f(!1),r.next&&(i=r.next)),o(!0),d.a.push(i)}else O.c.warn("Tolong gunakan aplikasi asli")}else o(!1)});return ae(u.a.Fragment,null,ae("style",null,"\n            .loginRegister__wrapper--col {\n              min-height: auto;\n              top: 5px;\n            }\n          "),ae(p.a,null,ae("title",null,"Login - Lifepal"),ae("meta",{name:"viewport",content:"initial-scale=1.0, width=device-width"})),ae("div",{className:"login__wrapper"},ae(ne,{isLoading:a,isError:t,error:n,nextUrl:r.next,processLoginResponse:_,query:r})))}))},jWlQ:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n("q1tI"),r=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"increment",r=Object(a.useState)(t),i=r[0],s=r[1];return Object(a.useEffect)((function(){if(e){var t=setInterval((function(){s((function(e){return"increment"===n?e+1:e-1}))}),1e3);return function(){return clearInterval(t)}}}),[e]),[i,s]}},tXIn:function(e,t,n){"use strict";n.d(t,"a",(function(){return b})),n.d(t,"b",(function(){return O}));var a=n("vJKn"),r=n.n(a),i=n("rg98"),s=n("q1tI"),o=n.n(s),c=n("OXVQ"),u=n.n(c),l=n("Bdpz"),p=n("tWqx"),f=n("p46w"),d=n.n(f),g=o.a.createElement,m=Object(s.createContext)({isAuthenticated:!1,setAuthenticated:function(){},isLoading:!0,authToken:"",me:{},isAgent:!1,setAgent:function(){},isOfflineLeader:!1,setMe:function(){},setAuthToken:function(){},isTSOSupervisor:!1,setTSOSupervisor:function(){},isRegistered:!1,setRegistered:function(){}}),b=function(e){var t=e.children,n=d.a.get("token"),a=Object(s.useState)(!1),o=a[0],c=a[1],f=Object(s.useState)(!1),b=f[0],O=f[1],v=Object(s.useState)(!0),h=v[0],j=v[1],w=Object(s.useState)({}),_=w[0],y=w[1],S=Object(s.useState)(!1),k=S[0],N=S[1],T=Object(s.useState)(!1),x=T[0],A=T[1],E=Object(s.useState)(n),P=E[0],L=E[1],B=function(){var e=Object(i.a)(r.a.mark((function e(){var t,n,a;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("/api/auth/");case 2:return e.next=4,e.sent.json();case 4:t=e.sent,n=d.a.get("token"),a=u()(n),c(t.isAuthenticated||n&&n.length>0),L(n),y(a),a&&Object(l.H)(a.groups)&&(O(!0),p.a.getAgentByToken(n).isTSOSupervisor&&N(!0)),j(!1);case 12:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(s.useEffect)((function(){B()}),[]),g(m.Provider,{value:{isAuthenticated:o,isLoading:h,setAuthenticated:c,authToken:P,me:_,isAgent:b,setAgent:O,setMe:y,setAuthToken:L,isTSOSupervisor:k,setTSOSupervisor:N,isRegistered:x,setRegistered:A}},t)},O=function(){var e=Object(s.useContext)(m);if(void 0===e)throw new Error("useAuth must be used within an AuthProvider");return e}}},[["Dyna",1,2,41,3,4,5,6,8,7,10,11,13,12,20,26,0]]]);
2//# sourceMappingURL=login-711bd7e92d6262288b9b.js.map