https://prod-website-cdn-2.talabat.com/16cdec22ae1ebf1a0f19868301c…/pages/reset-password-2999e6decdc0a585.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8006],{85103:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/reset-password",function(){return t(18552)}])},18552:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return C}});var r=t(47568),s=t(97582),a=t(85893),o=t(828),i=t(11163),c=t(67294),d={START_SUBMIT:"START_SUBMIT",PASSWORD_RESET_SUCCESS:"PASSWORD_RESET_SUCCESS",PASSWORD_RESET_FAILED:"PASSWORD_RESET_FAILED",SET_APP_LINK:"SET_APP_LINK"},u=t(26042),l=t(69396),p={resetError:null,isLoading:!1,isSucccess:!1,appLink:""},m=function(n,e){switch(e.type){case d.START_SUBMIT:return(0,l.Z)((0,u.Z)({},n),{isLoading:!0,isSucccess:!1});case d.PASSWORD_RESET_SUCCESS:return(0,l.Z)((0,u.Z)({},n),{isLoading:!1,isSucccess:!0});case d.SET_APP_LINK:return(0,l.Z)((0,u.Z)({},n),{appLink:e.payload});case d.PASSWORD_RESET_FAILED:return(0,l.Z)((0,u.Z)({},n),{isLoading:!1,isSucccess:!1,resetError:e.payload});default:return n}},f=t(25617),h=t(64298),w=t(69553),x=t(7297),v=t(87379);function b(){var n=(0,x.Z)(["\n              left: 4px;\n            "]);return b=function(){return n},n}function g(){var n=(0,x.Z)(["\n              right: 4px;\n            "]);return g=function(){return n},n}function _(){var n=(0,x.Z)(["\n  .password-input {\n    position: relative;\n    .showPassword {\n      position: absolute;\n      top: 9px;\n      ",";\n    }\n    &.input-error {\n      input {\n        &.border-0 {\n          border-bottom: 1px solid var(--danger120) !important;\n        }\n      }\n    }\n  }\n"]);return _=function(){return n},n}var S=v.ZP.div.withConfig({componentId:"sc-d3710f1c-0"})(_(),function(n){return n.theme.isRTL?(0,v.iv)(b()):(0,v.iv)(g())}),P=function(n){var e=n.elementRef,t=n.name,r=n.placeholder,s=n.errors,o=n.border,i=n.dataTest,d=(0,w.$G)().t,u=(0,c.useState)(!1),l=u[0],p=u[1];return(0,a.jsx)(S,{children:(0,a.jsxs)("div",{className:"password-input "+(s?"input-error":""),children:[(0,a.jsx)("input",{"data-testid":i,placeholder:r,className:"form-control w-100 pr-9"+(o?"":"border-0"),type:l?"text":"password",name:t,ref:e}),s&&(0,a.jsx)("p",{"data-testid":"".concat(t,"-error"),className:"error mb-0",children:null==s?void 0:s.message}),(0,a.jsx)("span",{onClick:function(){return p(!l)},className:"f-12 clickable showPassword text-uppercase",children:l?"".concat(d("common:hide.translation")):"".concat(d("common:show.translation"))})]})})},E=t(33611),y=t(41043),j=t(92537);function N(){var n=(0,x.Z)(["\n  .password-input {\n    p {\n      margin-top: 10px;\n    }\n  }\n"]);return N=function(){return n},n}var Z=v.ZP.div.withConfig({componentId:"sc-35aec3c5-0"})(N()),R=t(8547),T=t(11113),A=function(){var n,e=(0,w.$G)().t,t=(0,f.v9)(R.Oe),u=(0,h.cI)(),l=u.handleSubmit,x=u.watch,v=u.register,b=u.errors,g=(0,o.Z)(c.useReducer(m,p),2),_=g[0],S=g[1],N=(0,i.useRouter)().query,T=N.encryptedID,A=N.encryptedCustID,I=N.email,k=N.countrySlug,C=(0,f.v9)(R.l7),L=C.android,O=C.ios,D=k||"uae",U=RegExp(y.mL.email).test(I),M=(0,c.useRef)({});M.current=x("password","");var W=(n=(0,r.Z)(function(n){var e,t;return(0,s.__generator)(this,function(r){switch(r.label){case 0:return S({type:d.START_SUBMIT}),e={tokenId:T,tokenCustId:A,password:n.password,confirmPassword:n.confirmPassword},[4,j.Z.resetPassword(e)];case 1:return"success"===(t=r.sent().result)?(S({type:d.PASSWORD_RESET_SUCCESS}),y.zO[D].appRedirection||setTimeout(function(){window.location.href="/"},1e3)):S({type:d.PASSWORD_RESET_FAILED,payload:t}),[2]}})}),function(e){return n.apply(this,arguments)}),q=function(){L?S({type:d.SET_APP_LINK,payload:y.l5.talabat.android}):O&&S({type:d.SET_APP_LINK,payload:y.l5.talabat.ios})};return(0,c.useEffect)(function(){q()},[]),(0,a.jsx)(Z,{children:(0,a.jsx)("div",{className:"mt-4","data-testid":"reset-password-component",children:(0,a.jsx)(E.A,{children:(0,a.jsx)("div",{className:"align-items-start my-12",children:(0,a.jsxs)("div",{className:"card w-100",children:[(0,a.jsx)("div",{className:"card-header py-2 px-3",children:(0,a.jsx)("h3",{"data-testid":"reset-password-heading",className:"my-2 primary-text",children:e("common:resetPasswordHeading.translation")})}),(0,a.jsx)("div",{className:"card-body",children:_.isSucccess?(0,a.jsxs)("div",{className:"password-change-success text-center pa-3 mt-3",children:[(0,a.jsx)("img",{className:"mr-3",src:"/assets/images/greenCheck.png",alt:""}),(0,a.jsx)("span",{className:"f-500 f-18","data-testid":"reset-success",children:e("common:resetPassword_success.translation")}),(0,a.jsx)("div",{className:"text-center mt-3",children:y.zO[D].appRedirection?(0,a.jsx)("a",{"data-testid":"app-redirect-link",href:_.appLink,className:"btn btn-secondary-outline",children:e("common:resetPassword_continue_toApp.translation")}):(0,a.jsx)("a",{"data-testid":"dashboard-redirect-link",href:"".concat(t,"/my-account"),className:"btn btn-secondary-outline",children:e("common:resetPassword_continue.translation")})})]}):(0,a.jsxs)("form",{onSubmit:l(W),children:[U&&(0,a.jsxs)("div",{className:"row mb-3",children:[(0,a.jsx)("label",{id:"lblEmail",className:"control-label col-sm-5 pt-2 f-14",children:e("common:email.translation")}),(0,a.jsx)("div",{className:"col-sm-11",children:(0,a.jsx)("input",{type:"text",className:"form-control",readOnly:!0,name:"email",value:I,"data-testid":"email-input"})})]}),(0,a.jsxs)("div",{className:"row mb-3",children:[(0,a.jsx)("label",{id:"lblNewPassword",className:"control-label col-sm-5 pt-2 f-14",children:e("common:newPassword.translation")}),(0,a.jsx)("div",{className:"col-sm-11",children:(0,a.jsx)(P,{elementRef:v({required:e("common:newPassword_requiredMessage.translation"),pattern:{value:RegExp(y.mL.passwordWithOneSymbolAndCaseSensetive),message:e("common:password_patternMessage.translation")}}),name:"password",placeholder:"",errors:b.password,border:!0,dataTest:"password-1"})})]}),(0,a.jsxs)("div",{className:"row mb-3",children:[(0,a.jsx)("label",{id:"lblNewPassword",className:"control-label col-sm-5 pt-2 f-14",children:e("common:retypePassword.translation")}),(0,a.jsx)("div",{className:"col-sm-11",children:(0,a.jsx)(P,{elementRef:v({required:e("common:retypePassword_requiredMessage.translation"),pattern:{value:RegExp(y.mL.passwordWithOneSymbolAndCaseSensetive),message:e("common:password_patternMessage.translation")},validate:function(n){return n===M.current||e("common:retypePassword_matchErrorMessage.translation")}}),name:"confirmPassword",placeholder:"",errors:b.confirmPassword,border:!0,dataTest:"password-2"})})]}),(0,a.jsx)("div",{className:"row mb-3 justify-content-end",children:(0,a.jsxs)("div",{className:"col-sm-11 ",children:[_.resetError&&(0,a.jsx)("p",{"data-testid":"reset-error",className:"error mb-2",children:_.resetError}),(0,a.jsx)("button",{"data-testid":"submit-btn",type:"submit",disabled:_.isLoading,className:"btn btn-secondary btn-block py-1 px-6 text-uppercase",children:e("common:resetPassword_button.translation")})]})})]})})]})})})})})},I=(0,T.Z)(A,y.MP.resetPasswordPage),k=function(){return(0,a.jsx)(I,{})};k.getInitialProps=(0,r.Z)(function(){return(0,s.__generator)(this,function(n){return[2,{namespacesRequired:(0,w.Dj)([])}]})});var C=k},11113:function(n,e,t){"use strict";t.d(e,{Z:function(){return f}});var r=t(47568),s=t(40872),a=t(26042),o=t(97582),i=t(85893),c=t(67294),d=t(8547),u=t(25617),l=t(85110),p=t(74322),m=t(17563);function f(n,e,t){return function(f){var h=(0,s.Z)({},f);(0,u.I0)();var w,x=(0,u.v9)(d.ts),v=(0,u.v9)(d.lt);(0,c.useEffect)(function(){p.jU&&b()},[]);var b=(w=(0,r.Z)(function(){return(0,o.__generator)(this,function(n){return l.Z.init(m.parse(window.location.search)),g(),t&&l.Z[t](h.gtmEventData),[2]})}),function(){return w.apply(this,arguments)}),g=function(){var n=!!(x&&Object.keys(x).length>0);l.Z.visit(e,window.location.href,n,v.slug,!1,null,null,x||{})};return(0,i.jsx)(n,(0,a.Z)({},h))}}},13830:function(n,e,t){"use strict";t.d(e,{aD:function(){return u},kz:function(){return d}});var r=t(7297),s=t(87379),a=t(18334);function o(){var n=(0,r.Z)(["\n  margin: 0 auto;\n  max-width: 1000px;\n  background: #fff;\n  height: 100%;\n  box-shadow: 0 0 5px 0 #aba9ab;\n  margin-bottom: 20px;\n  overflow: auto;\n  min-height: calc(100vh - 250px);\n\n  .mm3 & {\n    box-shadow: none;\n  }\n\n  @media "," {\n    padding: 0 10px;\n  }\n"]);return o=function(){return n},n}function i(){var n=(0,r.Z)(["\n  margin: 0 auto;\n  max-width: 1000px;\n  overflow: auto;\n\n  @media "," {\n    padding: 0 16px;\n  }\n\n  @media "," {\n    padding: 0 10px;\n  }\n"]);return i=function(){return n},n}function c(){var n=(0,r.Z)(["\n  display: ",";\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999999;\n  width: 100%;\n  height: 100%;\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n  }\n  .spinner {\n    background-color: #fff;\n    position: fixed;\n    left: 50%;\n    top: 50%;\n    border-radius: 5px;\n    width: 120px;\n    text-align: center;\n    justify-content: center;

1\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    height: 110px;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    img {\n      margin-bottom: 10px;\n    }\n    p {\n      font-size: 14px;\n      margin: 0;\n    }\n  }\n"]);return c=function(){return n},n}var d=s.ZP.div.withConfig({componentId:"sc-c559449f-0"})(o(),a.Uh.mobile),u=s.ZP.div.withConfig({componentId:"sc-c559449f-1"})(i(),a.Uh.tablet,a.Uh.mobile);s.ZP.div.withConfig({componentId:"sc-c559449f-2"})(c(),function(n){return n.isLoading?"block":"none"})},33611:function(n,e,t){"use strict";t.d(e,{A:function(){return a}});var r=t(85893);t(67294);var s=t(13830),a=function(n){var e=n.children,t=n.cssClass;return(0,r.jsx)(s.kz,{className:"px-4 ".concat(t||""),children:e})}},92537:function(n,e,t){"use strict";t.d(e,{Z:function(){return u}});var r,s,a,o,i=t(47568),c=t(51438),d=t(97582),u=function n(){(0,c.Z)(this,n)};u.logout=(0,i.Z)(function(){return(0,d.__generator)(this,function(n){throw Error("Authentication flow has been removed.")})}),u.changePassword=(r=(0,i.Z)(function(n){return(0,d.__generator)(this,function(n){throw Error("Authentication flow has been removed.")})}),function(n){return r.apply(this,arguments)}),u.updateUserInfo=(s=(0,i.Z)(function(n){return(0,d.__generator)(this,function(n){throw Error("Authentication flow has been removed.")})}),function(n){return s.apply(this,arguments)}),u.forgotPassword=(a=(0,i.Z)(function(n){return(0,d.__generator)(this,function(n){throw Error("Authentication flow has been removed.")})}),function(n){return a.apply(this,arguments)}),u.resetPassword=(o=(0,i.Z)(function(n){return(0,d.__generator)(this,function(n){throw Error("Authentication flow has been removed.")})}),function(n){return o.apply(this,arguments)})},40872:function(n,e,t){"use strict";function r(){return(r=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function s(){return r.apply(this,arguments)}t.d(e,{Z:function(){return s}})}},function(n){n.O(0,[4298,9774,2888,179],function(){return n(n.s=85103)}),_N_E=n.O()}]);