https://www.makeoverforall.com/_next/static/chunks/pages/auth/social-verify-otp-73a6e38e967960ea.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1746],{3807:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/social-verify-otp",function(){return n(86790)}])},22142:function(e,t,n){"use strict";var r=n(85893),i=n(23048),o=n(38227);t.Z=e=>{let{modal:t,hide:n,onClickButton:s}=e;return(0,r.jsx)(o.u,{id:"verify-mobile",isShowing:t,hide:n,overlay:!0,className:"modal-sm",title:"YOU’VE REACHED MAX. attempt",text:"You’ve entered wrong code for 5 times. Please try using the same mobile number in 1 hour.",children:(0,r.jsx)(i.z,{variant:"secondary",onClick:()=>s(),children:"I understand"})})}},71076:function(e,t,n){"use strict";n.d(t,{Z:function(){return SimpleLayout}});var r=n(85893),i=n(11163),o=n(41664),s=n.n(o),a=n(25675),l=n.n(a);function SimpleLayout(e){let{children:t}=e,n=(0,i.useRouter)();return(0,r.jsxs)("div",{className:"simple-layout",children:[(0,r.jsx)("div",{className:"navbar-checkout",children:(0,r.jsx)(l(),{src:"/logo/logo-mo-white.png",onClick:()=>n.push("/"),className:"img-fluid",alt:"Make Over","aria-hidden":"true",style:{cursor:"pointer",width:"auto"},width:224,height:100,priority:!0})}),t,(0,r.jsx)("div",{className:"footer-checkout",children:(0,r.jsx)(s(),{href:"/help",children:"Make Over Help"})})]})}},32101:function(e,t,n){"use strict";n.d(t,{Z:function(){return verify_mobile_number}});var r=n(85893),i=n(67294);n(31955);let getReturnValues=e=>[Math.floor(e/864e5),Math.floor(e%864e5/36e5),Math.floor(e%36e5/6e4),Math.floor(e%6e4/1e3)],useCountdownTimer=e=>{let t=new Date(e).getTime(),[n,r]=(0,i.useState)(t-new Date().getTime());return(0,i.useEffect)(()=>{let e=setInterval(()=>{r(t-new Date().getTime())},1e3);return()=>clearInterval(e)},[t]),getReturnValues(n)},addMinutes=(e,t)=>new Date(e.getTime()+6e4*t).toISOString();var o=n(23048),countdown_timer=e=>{let{resend:t}=e,[n,s]=(0,i.useState)(!0),[a,l]=(0,i.useState)(new Date().getTime()+12e4),[c,u,d,m]=useCountdownTimer(a);return(0,i.useEffect)(()=>{m<1&&s(!1)},[m]),(0,r.jsx)("div",{className:"d-flex justify-content-center",children:(0,r.jsxs)(o.z,{variant:"link",className:"text-center py-4 text-uppercase",disabled:m>0,onClick:n?()=>{}:()=>{l(new Date().getTime()+12e4),t()},children:["resend code"," ",m>0?"in 0".concat(d,":").concat(m<10?"0":"").concat(m):null]})})},s=n(12440),a=n(91444),verify_mobile_number=e=>{let{phone:t,verify:n,resend:o}=e,l=(0,i.useRef)(),[c,u]=(0,i.useState)(!1),[d,m]=(0,i.useState)(""),[p,h]=(0,i.useState)(!1),[v,f]=(0,i.useState)(null),[y,g]=(0,i.useState)(!1),handleComplete=e=>{m(e),h(!1),6===e.length&&(g(!0),n(e,e=>{g(!1),e&&(h(!0),m(!1))}))},handleResend=async()=>{g(!0),o(e=>{g(!1),e?a.Am.error("Oops, Something Wrong..."):a.Am.success("New OTP already send to your phone number")})},w=(0,i.useMemo)(()=>(0,r.jsx)(countdown_timer,{resend:handleResend}));return(0,i.useEffect)(()=>{f(addMinutes(new Date,1))},[]),(0,i.useEffect)(()=>{l&&l.current.focus()},[]),(0,r.jsxs)("section",{className:"sc-auth-verify py-main",children:[y?(0,r.jsx)("div",{className:"otp-loading",children:(0,r.jsx)(s.s5,{strokeColor:"pink",strokeWidth:"5",animationDuration:"0.75",width:"60",visible:!0})}):null,(0,r.jsxs)("div",{className:"container mw-sm mt-5",children:[(0,r.jsx)("h1",{children:"VERIFY MOBILE NUMBER"}),(0,r.jsxs)("p",{children:["Please enter 6 digits code sent to ",(0,r.jsx)("b",{children:t})]}),(0,r.jsxs)("div",{className:"py-3",children:[(0,r.jsx)("div",{className:"input-otp position-relative",onClick:()=>l.current.focus(),children:(0,r.jsx)("div",{className:"row row-0",children:[...Array(6)].map((e,t)=>(0,r.jsx)("div",{className:"col-2 d-flex justify-content-around",children:(0,r.jsx)("div",{className:"number-wrapper ".concat(d[t]&&"active"," ").concat(p&&"error"," ").concat(c&&d.length===t&&"focus"),children:(0,r.jsx)("p",{className:"number-input",children:d[t]})})},t))})}),(0,r.jsx)("input",{ref:l,className:"input-hidden",value:d,onChange:e=>handleComplete(e.target.value),onFocus:()=>u(!0),onBlur:()=>u(!1),type:"number",pattern:"[0-9]*",min:"0"})]}),p?(0,r.jsx)("p",{className:"text-center mt-3 text-uppercase text-danger",children:"Wrong OTP. Try again."}):null,v?(0,r.jsx)(r.Fragment,{children:w}):null]})]})}},87452:function(e,t,n){"use strict";var r=n(85893),i=n(67294),o=n(9008),s=n.n(o),a=n(11163),l=n(45697),c=n.n(l),u=n(14734),d=n(35447);let SEO=e=>{let{title:t="",description:n,keywords:i,image:o,url:l,fbId:c,twitterId:m,noindex:p=!1,isArticle:h=!1,publishedTime:v,author:f}=e,isiAtau=(e,t)=>"string"==typeof e&&""!==e.trim()?e:t,y=isiAtau(n,"Beauty Beyond Compare - Make Over is a professional makeup with the most extensive complexion shades. Wins Best Foundation & Lip Color at Popbela Beauty Awards 2023, Best Eyeliner & Lipstick at Cosmo Reader’s Choice Award 2023 & Best Cushion & Eyeliner at Sociolla Award 2022."),g=(Array.isArray(i)?i:[i]).filter(e=>"string"==typeof e&&""!==e.trim()).map(e=>e.trim()).join(", "),w=t&&t.trim()?"".concat(t," | Make Over"):"Make Over",x=(0,u.GR)(isiAtau(o,"richlink.jpg")),{asPath:j}=(0,a.useRouter)(),b="string"==typeof l&&/^https?:\/\//i.test(l.trim())?l.trim():(0,u.HR)(j),_=h?(0,d.v4)(v):void 0;return(0,r.jsxs)(s(),{children:[(0,r.jsx)("title",{children:w}

1,"title"),(0,r.jsx)("meta",{name:"description",content:y},"description"),g?(0,r.jsx)("meta",{name:"keywords",content:g},"keywords"):null,(0,r.jsx)("meta",{name:"image",content:x},"image"),(0,r.jsx)("link",{rel:"canonical",href:b},"canonical"),p?(0,r.jsx)("meta",{name:"robots",content:"noindex, nofollow"},"robots"):null,(0,r.jsx)("meta",{property:"og:url",content:b},"og:url"),(0,r.jsx)("meta",{property:"og:type",content:h?"article":"website"},"og:type"),(0,r.jsx)("meta",{property:"og:title",content:w},"og:title"),(0,r.jsx)("meta",{property:"og:description",content:y},"og:description"),(0,r.jsx)("meta",{property:"og:image",content:x},"og:image"),(0,r.jsx)("meta",{property:"fb:app_id",content:c},"fb:app_id"),_?(0,r.jsx)("meta",{property:"article:published_time",content:_},"article:published_time"):null,h&&f?(0,r.jsx)("meta",{name:"author",content:f},"author"):null,h&&f?(0,r.jsx)("meta",{property:"article:author",content:f},"article:author"):null,(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card"),(0,r.jsx)("meta",{name:"twitter:creator",content:m},"twitter:creator"),(0,r.jsx)("meta",{name:"twitter:title",content:w},"twitter:title"),(0,r.jsx)("meta",{name:"twitter:description",content:y},"twitter:description"),(0,r.jsx)("meta",{name:"twitter:image",content:x},"twitter:image")]})};SEO.propTypes={description:c().string,keywords:c().oneOfType([c().string,c().arrayOf(c().string)]),image:c().string,noindex:c().bool,isArticle:c().bool,publishedTime:c().string,author:c().string},t.Z=(0,i.memo)(SEO)},92565:function(e,t,n){"use strict";n.d(t,{c_:function(){return getSendOtp},Rv:function(){return resendOtp},b9:function(){return sendOtp},Mu:function(){return verifyOtp}}),n(62286);var r=n(31955),i=n(87066);n(83454);let async_rest_AsyncRestAPI=async e=>{let t;if("object"!=typeof e)return{errors:{message:"Options parameter must be an object type"}};let{method:n,variables:o,url:s,auth:a,ctx:l}=e;if(a){let e=JSON.parse(r.Z.get("motp_2")).token;t=e}if(!n)return{errors:{message:"Method is REQUIRED etc POST/GET"}};if(!s)return{errors:{message:"URL is required"}};try{let e="https://api-otp-membership.paragon-innovation.com";if((null==n?void 0:n.toLowerCase())==="post"){let{data:n}=await i.Z.post("".concat(e).concat(s),o?{...o}:null,a?{headers:{Authorization:"Bearer ".concat(t)}}:null);return{data:n}}if("get"===n.toLowerCase()){let{data:n}=await i.Z.get("".concat(e).concat(s),a?{headers:{Authorization:"Bearer ".concat(t)}}:null);return{data:n}}return{errors:"Methos must be POST / GET"}}catch(e){return{errors:e}}},sendOtp=async e=>{let{data:t,errors:n}=await async_rest_AsyncRestAPI({method:"POST",url:"/register-user",auth:!1,variables:{phone:e,registerSource:"makeover_bc"}});return{data:t,errors:n}},verifyOtp=async(e,t)=>{let n=await async_rest_AsyncRestAPI({method:"POST",auth:!0,url:"/auth/verify-user/".concat(t),variables:{otpCode:e,otpMethod:"whatsapp"}});return n},resendOtp=async e=>{let t=await async_rest_AsyncRestAPI({method:"POST",url:"/auth/send-otp/".concat(e),variables:{otpMethod:"whatsapp"},auth:!0});return t},getSendOtp=async e=>{let{data:t,errors:n}=await sendOtp(e);t&&(r.Z.set("motp_2",JSON.stringify(null==t?void 0:t.data)),window.location.href="/auth/join-verify")}},86790:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return f},default:function(){return VerifyMobileNumber}});var r=n(85893),i=n(67294),o=n(71076),s=n(87452),a=n(11163),l=n(92565),c=n(6661),u=n(32101),d=n(22142),m=n(31955),p=n(91444),h=n(91318),v=n(78647),f=!0;function VerifyMobileNumber(e){let{myOtp:t,registerData:n}=e,f=(0,a.useRouter)(),[y,g]=(0,i.useState)({isLoading:!1,modal:"",attempt:0}),handleRegister=async e=>{var t,r,i,o,s,a,l,u;try{let l=(0,h.pf)(m.Z.get("cust_token")),u={};if(m.Z.get("social_cred"));else{let e=(0,v.x0)();u={name:null==n?void 0:n.name,email:null==n?void 0:n.email,phone:null==n?void 0:n.phone_number,password:e,password_confirmation:e,dob:"1970-01-01",gender:"female",provider:null==n?void 0:n.provider,provider_id:null==n?void 0:n.provider_id,is_subscribe:(null==n?void 0:n.is_subscribe)?parseInt(1):parseInt(0)},(null==f?void 0:null===(i=f.query)||void 0===i?void 0:i.phone)&&(u={...u,phone:null==f?void 0:null===(o=f.query)||void 0===o?void 0:o.phone})}let{data:d,errors:p}=await l.mutate({mutation:c.wU,variables:{...u}});(null==d?void 0:null===(r=d.register)||void 0===r?void 0:null===(t=r.tokens)||void 0===t?void 0:t.access_token)?(m.Z.remove("motp"),m.Z.remove("motp_2"),e&&e(),m.Z.set("access_token",null==d?void 0:null===(a=d.register)||void 0===a?void 0:null===(s=a.tokens)||void 0===s?void 0:s.access_token),window.location.href="/auth/success-register"):e(p)}catch(t){e(t),p.Am.error(null==t?void 0:null===(u=t.response)||void 0===u?void 0:null===(l=u.data)||void 0===l?void 0:l.errors[0].message),g(e=>({...e,isLoading:!1}))}},handleVerifyOtp=async(e,n)=>{g(e=>({...e,isLoading:!0}));let{data:r,errors:i}=await (0,l.Mu)(e,null==t?void 0:t.id);r?handleRegister(n):(g(e=>({...e,isLoading:!1})),4===y.attempt?g(e=>({...e,modal:"verify-mobile"})):(p.Am.success("Oops, Something wrong..."),g(e=>({...e,attempt:y.attempt+1}))),n(i))},handleResendOtp=async e=>{try{let{data:n,errors:r}=await (0,l.Rv)(null==t?void 0:t.id);n?(p.Am.success("New OTP already send to your phone number"),e()):e(r)}catch(t){e(t)}};return(0,r.jsxs)(o.Z,{children:[(0,r.jsx)(s.Z,{title:"Verify OTP"}),(0,r.jsx)(u.Z,{verify:handleVerifyOtp,resend:handleResendOtp,phone:null==n?void 0:n.phone_number}),(0,r.jsx)(d.Z,{id:"verify-mobile",modal:y.modal,onClickButton:()=>f.push("/auth/register")})]})}}},function(e){e.O(0,[2794,3040,9774,2888,179],function(){return e(e.s=3807)}),_N_E=e.O()}]);