1"use strict";(globalThis.webpackChunkdls_client||=[]).push([[1421],{90799(e,n,t){t.d(n,{A:()=>l});t(65043);var r=t(73421),a=t(70579);function l(e){let{title:n,children:t,className:l}=e;return(0,a.jsxs)(a.Fragment,{children:[n&&(0,a.jsx)(r.A,{title:n}),(0,a.jsx)("div",{className:`form-inputs align-items-top row ${l}`,children:t})]})}},7013(e,n,t){t.d(n,{A:()=>o});t(65043);var r=t(72052),a=t(98595),l=t(70579);function o(e){let{title:n,required:t,formik:o,name:s,countryCodeFieldName:i="phoneCountryCode",operatorFieldName:c="phoneOperator",numberFieldName:u="phoneRest",disabled:d=!1,allowLandPhone:p=!1,landPhoneOnly:m=!1,containerClassName:f=""}=e;const h=(e,n,t)=>`${e}${n}${t}`;return(0,l.jsxs)("div",{className:`field col-lg-6 col-md-6 col-xs-12 py-2 mb-0 ${f}`,children:[n&&(0,l.jsxs)("label",{className:"block text-xs fm-kufi-regular text-form-label",children:[n," ",t&&!d&&(0,l.jsx)("span",{className:"text-danger",children:"*"})]}),(0,l.jsxs)("div",{className:"p-inputgroup w-100",dir:"ltr",style:{gap:"8px"},children:[(0,l.jsx)(r.S,{className:(d?"bg-disabled-color":"")+" py-1 px-2",style:{maxWidth:"90px"},placeholder:"00962",name:i,value:o.values[i]||"",onChange:e=>{const n=e.target.value.replace(/\D/g,"");o.setFieldValue(i,n);const t=h(n,o.values[c]||"",o.values[u]||"");o.setFieldValue(s,t)},onBlur:o.handleBlur,disabled:d,maxLength:6,keyfilter:"pnum"}),(0,l.jsx)(r.S,{className:(d?"bg-disabled-color":"")+" py-1 px-2",style:{maxWidth:"70px"},placeholder:m?"6":p?"6 / 77":"77",name:c,value:o.values[c]||"",onChange:e=>{const n=e.target.value.replace(/\D/g,"");o.setFieldValue(c,n);const t=h(o.values[i]||"",n,o.values[u]||"");o.setFieldValue(s,t)},onBlur:o.handleBlur,disabled:d,maxLength:m?1:2,keyfilter:"pnum"}),(0,l.jsx)(r.S,{className:(d?"bg-disabled-color":"")+" py-1 px-2",placeholder:"1234567",name:u,value:o.values[u]||"",onChange:e=>{const n=e.target.value.replace(/\D/g,"");o.setFieldValue(u,n);const t=h(o.values[i]||"",o.values[c]||"",n);o.setFieldValue(s,t)},onBlur:o.handleBlur,disabled:d,maxLength:7,keyfilter:"pnum"})]}),o&&(0,a.AH)(o,s)]})}},73421(e,n,t){t.d(n,{A:()=>l});t(65043);var r=t(70579);function a(e){let{size:n,children:t,...a}=e;switch(n){case 1:return(0,r.jsx)("h1",{...a,children:t});case 2:return(0,r.jsx)("h2",{...a,children:t});case 3:return(0,r.jsx)("h3",{...a,children:t});case 4:return(0,r.jsx)("h4",{...a,children:t});case 5:return(0,r.jsx)("h5",{...a,children:t});case 6:return(0,r.jsx)("h6",{...a,children:t});default:return(0,r.jsx)("p",{...a,children:t})}}function l(e){let{title:n,icon:t,afterText:l}=e;return(0,r.jsxs)("div",{className:"d-flex mt-2 align-items-center",children:[(0,r.jsx)(a,{className:"fm-kufi-bold text-sm ms-2",children:t}),(0,r.jsx)("span",{className:"fm-kufi-bold text-sm mx-1 my-2",children:n}),l?(0,r.jsx)("span",{class:"fm-kufi-bold text-sm mx-1 my-2",dir:"ltr",children:l}):null]})}},11421(e,n,t){t.r(n),t.d(n,{default:()=>y});var r=t(77627),a=t(72018),l=t(38564),o=t(4504),s=(t(65043),t(49092)),i=t(73103),c=t(73216),u=t(35475),d=t(9255),p=t(90799),m=t(7013),f=t(52082),h=t(98595),g=t(75357),x=t(82113),b=t(57751),w=t(97980);const v=b.Ay.div` 2 .ant-input-affix-wrapper { 3 border: none; 4 border-bottom: 1px solid #afacac; 5 border-radius: 0; 6 background: transparent !important; 7 box-shadow: none !important; 8 input { 9 background: transparent; 10 } 11 } 12 .ant-input-prefix { 13 width: 34px; 14 svg { 15 padding: 0 5px; 16 margin: 0; 17 } 18 } 19 .aside-login { 20 background: transparent url(${w}) 0% 0% no-repeat padding-box; 21 background-size: cover; 22 background-position: center; 23 position: sticky; 24 top: 0; 25 // height: 100%; 26 height: 100vh !important; 27 padding: 0; 28 & > .wrapper-aside { 29 padding: 0; 30 margin: 0; 31 width: 100%; 32 display: flex; 33 justify-content: center; 34 align-items: center; 35 & > h3 { 36 color: white; 37 text-align: center; 38 text-warp: warp; 39 } 40 } 41 } 42 .aside-login-mobile { 43 background: transparent url(${w}) 0% 0% no-repeat padding-box; 44 background-size: cover; 45 background-position: center; 46 // margin-top: -27px; 47 height: 40vh; 48 position: relative; 49 padding: 0; 50 & > .wrapper-aside { 51 padding:20px; 52 margin: 0; 53 width: 100%; 54 height: 100%; 55 display: flex; 56 justify-content: center; 57 align-items: center; 58 & > h3 { 59 color: white; 60 text-align: center; 61 text-warp: warp; 62 } 63 } 64 } 65 .submit-btn { 66 float: left; 67 width: 30%; 68 min-width: 100px; 69 background: #036822; 70 color: white; 71 border-radius: 5px; 72 height: 40px; 73 border: none; 74 box-shadow: none; 75 } 76 .register-btn { 77 float: left; 78 width: 30%; 79 min-width: 100px; 80 background: #ffffff; 81 color: #036822; 82 border-radius: 5px; 83 height: 40px; 84 border: solid 1px #036822; 85 box-shadow: none; 86 } 87 .register-section { 88 padding: 30px 0; 89 & > p { 90 // font-size:18px; 91 letter-spacing: 0px; 92 color: #000000; 93 } 94 & > a { 95 color: #036822; 96 // font-size:22px; 97 } 98 } 99 100 form { 101 margin-top: 1.5rem; 102 } 103 .field { 104 margin-bottom: 1.5rem; 105 .password-input-ar { 106 input { 107 padding: 0.75rem; 108 } 109 i { 110 right: unset; 111 left: 0; 112 } 113 } 114 } 115 .p-float-label > label { 116 right: 3rem; 117 color: #6c757d; 118 transition-duration: 0.2s; 119 } 120 @media (min-width: 1024px) { 121 .login-form{ 122 // overflow: scroll; 123 // max-height: 100vh; 124 padding-top: 20px; 125 padding-bottom: 20px; 126 } 127 } 128 .login-form-container{ 129 border: solid 1px var(--main-color); 130 border-radius: 10px; 131 padding: 30px; 132 133 h6{ 134 font-size: 14px; 135 margin: 0; 136 margin-top: 1.5rem; 137 } 138 139 .login-tabs{ 140 justify-content: center; 141 gap: 10px; 142 margin-bottom: 20px; 143 button{ 144 background-color: transparent; 145 width: 50%; 146 padding: 10px; 147 color: var(--main-color); 148 border: solid 2px var(--main-color); 149 border-top-left-radius: 10px; 150 border-top-right-radius: 10px; 151 border-bottom: none; 152 transition-duration: 0.3s; 153 font-weight: bold; 154 &:hover, &.selected-tab{ 155 color: #ffffff; 156 background-color: var(--main-color); 157 } 158 } 159 border-bottom: solid 2px var(--main-color); 160 } 161 } 162 // .p-input-icon-left > i, 163 // .p-input-icon-right > i, 164 // .p-input-icon-left > svg, 165 // .p-input-icon-right > svg, 166 // .p-input-icon-left > .p-input-prefix, 167 // .p-input-icon-right > .p-input-suffix { 168 // position: absolute; 169 // top: 50%; 170 // margin-top: -0.5rem;
171 // left: 3rem; 172 // } 173 .p-input-icon-right > i:last-of-type, 174 .p-input-icon-right > svg:last-of-type, 175 .p-input-icon-right > .p-input-suffix { 176 // left: 0.75rem !important; 177 color: #6c757d !important; 178 } 179 .login-lang-switch{ 180 position: absolute; 181 top: 20px; 182 &.right{ 183 right: 20px; 184 } 185 &.left{ 186 left: 20px; 187 } 188 } 189`;var N=t(70579);const y=()=>{const e=(0,c.Zp)(),n=(0,i.wA)(),{t:t,i18n:b}=(0,s.B)(),w=(0,r.Wx)({initialValues:{nationalId:"",currentPassword:"",newPassword:"",confirmNewPassword:"",phoneNumber:"",phoneCountryCode:"00962",phoneAreaCode:"",phoneRest:""},validate:e=>{let n={};return e.nationalId||(n.nationalId=t("errors.required")),e.checkCode||(n.checkCode=t("errors.required")),e.newPassword?e.newPassword!==e.confirmNewPassword&&(n.newPassword=t("errors.unmatchedPasswords")):n.newPassword=t("errors.required"),e.confirmNewPassword||(n.confirmNewPassword=t("errors.required")),e.phoneNumber?(0,h.IE)(e.phoneNumber)||(n.phoneNumber=t("errors.invalidPhone")):n.phoneNumber=t("errors.required"),n},onSubmit:async r=>{console.log(r);try{await(0,x.xw)({UserMob:r.phoneNumber,MOBILE_NO_CC:r.phoneCountryCode,MOBILE_NO_AC:r.phoneAreaCode,MOBILE_NO:r.phoneRest,UserId:r.nationalId,New_Password:r.newPassword,Confirm_Password:r.confirmNewPassword,Otp:r.checkCode}),n((0,g.Te)(t("common.passwordHasBeenChanged"))),setTimeout(()=>{n((0,g.Te)(""))},3e3),w.resetForm(),e("/login")}catch(a){}}});return(0,N.jsxs)(v,{className:"row align-items-center align-items-lg-start d-flex",children:[(0,N.jsx)("div",{className:"col-lg-5 d-lg-flex d-none col-xs-0 aside-login",children:(0,N.jsx)("div",{className:"wrapper-aside",children:(0,N.jsx)("h3",{children:t("login.welcome")})})}),(0,N.jsx)("div",{className:"d-flex align-items-start d-lg-none aside-login-mobile mb-5",children:(0,N.jsx)("div",{className:"wrapper-aside",children:(0,N.jsx)("h3",{children:t("login.welcome")})})}),(0,N.jsxs)("div",{className:"col-lg-7 col-xs-12 bg-white login-form d-flex",children:[(0,h.nG)()&&(0,N.jsx)("div",{className:"login-lang-switch "+("ar"===b.language?"left":"right"),children:(0,N.jsx)(f.A,{color:"black",login:!0})}),(0,N.jsxs)("div",{className:"col-11 m-auto login-form-container",children:[(0,N.jsx)("h6",{className:"fm-kufi-bold m-0",children:t("header.changePassword")}),(0,N.jsxs)("form",{onSubmit:w.handleSubmit,className:"p-fluid",children:[(0,N.jsx)(p.A,{children:(0,N.jsx)(d.A,{title:t("realtySelling.nationalId"),required:!0,double:!0,name:"nationalId",value:w.values.nationalId,onChange:e=>{w.handleChange(e)},onBlur:w.handleBlur,keyfilter:"pnum",maxLength:10,formik:w,containerClassName:"mb-0"})}),(0,N.jsxs)(p.A,{children:[(0,N.jsxs)("div",{className:"field col-lg-6 col-md-6 col-xs-12 py-2 mb-0",children:[(0,N.jsxs)("label",{htmlFor:"newPassword",className:(0,o.xW)({"block text-xs fm-kufi-regular text-form-label false":!0}),children:[t("profile.newPassword")," ",(0,N.jsx)("span",{className:"text-danger",children:"*"})]}),(0,N.jsx)("span",{className:"p-float-label",children:(0,N.jsx)(l._,{autoComplete:"off",name:"newPassword",value:w.values.newPassword,feedback:!1,placeholder:t("profile.newPassword"),onChange:w.handleChange,toggleMask:!0,autoFocus:!0,panelClassName:"p-input-ico",inputClassName:"text-sm px-2 py-2",className:(0,o.xW)({"password-input-ar":"ar"===b.language,"p-input-icon-left":"ar"===b.language})})}),(0,h.AH)(w,"newPassword")]}),(0,N.jsxs)("div",{className:"field col-lg-6 col-md-6 col-xs-12 py-2 mb-0",children:[(0,N.jsxs)("label",{htmlFor:"confirmNewPassword",className:(0,o.xW)({"block text-xs fm-kufi-regular text-form-label false":!0}),children:[t("profile.confirmNewPassword")," ",(0,N.jsx)("span",{className:"text-danger",children:"*"})]}),(0,N.jsx)("span",{className:"p-float-label",children:(0,N.jsx)(l._,{autoComplete:"off",name:"confirmNewPassword",value:w.values.confirmNewPassword,feedback:!1,placeholder:t("profile.confirmNewPassword"),onChange:w.handleChange,toggleMask:!0,autoFocus:!0,panelClassName:"p-input-ico",inputClassName:"text-sm px-2 py-2",className:(0,o.xW)({"password-input-ar":"ar"===b.language,"p-input-icon-left":"ar"===b.language})})}),(0,h.AH)(w,"confirmNewPassword")]})]}),(0,N.jsx)(p.A,{children:(0,N.jsx)(m.A,{title:t("signup.phoneNumber"),required:!0,formik:w,name:"phoneNumber",countryCodeFieldName:"phoneCountryCode",operatorFieldName:"phoneAreaCode",numberFieldName:"phoneRest",disabled:!1})}),(0,N.jsx)(p.A,{children:(0,N.jsx)(d.A,{title:t("signup.checkCode"),formik:w,required:!0,double:!0,name:"checkCode",value:w.values.checkCode,onChange:e=>{w.setFieldValue("checkCode",e.target.value)},onBlur:w.handleBlur,disabled:!1,maxLength:10,containerClassName:"mb-0",afterButton:{label:t("signup.requestCheckCode"),disabled:!(w.values.phoneNumber&&(0,h.IE)(w.values.phoneNumber)),onClick:()=>(async()=>{try{await(0,x.Ep)({UserMob:w.values.phoneNumber,MOBILE_NO_CC:w.values.phoneCountryCode,MOBILE_NO_AC:w.values.phoneAreaCode,MOBILE_NO:w.values.phoneRest}),n((0,g.Te)(t("common.otpSent"))),setTimeout(()=>{n((0,g.Te)(""))},3e3)}catch(e){console.log(e)}})()}})}),(0,N.jsxs)("div",{className:"align-items-center justify-content-center",children:[(0,N.jsx)("div",{className:"block",children:(0,N.jsx)(a.$,{type:"submit",label:t("common.edit"),className:"submit-btn p-button-success fm-kufi-regular d-md-flex justify-content-center align-items-center w-100"})}),(0,N.jsx)("div",{className:"block my-2",children:(0,N.jsx)(u.N_,{to:"/login",children:(0,N.jsx)(a.$,{type:"button",label:t("common.back"),
189className:"register-btn p-button-success fm-kufi-regular d-md-flex justify-content-center align-items-center w-100 mt-3"})})})]})]})]})]})]})}},38564(e,n,t){t.d(n,{_:()=>f});var r=t(65043),a=t(84052),l=t(73316),o=t(2028),s=t(72052),i=t(9988),c=t(48794),u=t(4504);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l,o,s=[],i=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(r=l.call(t)).done)&&(s.push(r.value),s.length!==n);i=!0);}catch(u){c=!0,a=u}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return s}}(e,n)||function(e,n){if(e){if("string"===typeof e)return p(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?p(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var f=r.memo(r.forwardRef(function(e,n){var t=e.promptLabel||(0,a.WP)("passwordPrompt"),p=e.weakLabel||(0,a.WP)("weak"),h=e.mediumLabel||(0,a.WP)("medium"),g=e.strongLabel||(0,a.WP)("strong"),x=m(r.useState(!1),2),b=x[0],w=x[1],v=m(r.useState(null),2),N=v[0],y=v[1],k=m(r.useState(t),2),j=k[0],C=k[1],E=m(r.useState(!1),2),P=E[0],A=E[1],B=m(r.useState(!1),2),F=B[0],O=B[1],S=r.useRef(null),I=r.useRef(null),R=r.useRef(e.inputRef),L=r.useRef(new RegExp(e.mediumRegex)),_=r.useRef(new RegExp(e.strongRegex)),M=F?"text":"password",T=m((0,o.ct)({target:S,overlay:I,listener:function(e,n){
189n.valid&&U()},when:b}),2),V=T[0],W=T[1],$=R.current&&R.current.value,q=r.useMemo(function(){return u.BF.isNotEmpty(e.value)||u.BF.isNotEmpty(e.defaultValue)||u.BF.isNotEmpty($)},[e.value,e.defaultValue,$]),z=function(n){e.feedback&&i.s.emit("overlay-click",{originalEvent:n,target:S.current})},D=function(){O(function(e){return!e})},H=function(){!function(){if(N){var e=null;switch(N.strength){case"weak":e=p;break;case"medium":e=h;break;case"strong":e=g}e&&j!==e&&C(e)}else j!==t&&C(t)}(),w(!0)},U=function(){w(!1)},Z=function(){u.Q$.set("overlay",I.current,a.Ay.autoZIndex,a.Ay.zIndex.overlay),R.current&&u.DV.alignOverlay(I.current,R.current.parentElement,e.appendTo||a.Ay.appendTo)},J=function(){V(),e.onShow&&e.onShow()},K=function(){W()},X=function(){u.Q$.clear(I.current),e.onHide&&e.onHide()},Q=function(e){return _.current.test(e)?3:L.current.test(e)?2:e.length?1:0};r.useImperativeHandle(n,function(){return{props:e,getElement:function(){return S.current},getOverlay:function(){return I.current},getInput:function(){return R.current}}}),r.useEffect(function(){u.BF.combinedRefs(R,e.inputRef)},[R,e.inputRef]),r.useEffect(function(){L.current=new RegExp(e.mediumRegex)},[e.mediumRegex]),r.useEffect(function(){_.current=new RegExp(e.strongRegex)},[e.strongRegex]),r.useEffect(function(){!q&&u.DV.hasClass(S.current,"p-inputwrapper-filled")&&u.DV.removeClass(S.current,"p-inputwrapper-filled")},[q]),(0,o.l0)(function(){u.Q$.clear(I.current)});var G=(0,u.xW)("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":q,"p-inputwrapper-focus":P,"p-input-icon-right":e.toggleMask},e.className),Y=(0,u.xW)("p-password-input",e.inputClassName),ee=u.BF.findDiffKeys(e,f.defaultProps),ne=function(){if(e.toggleMask){var n=F?"pi pi-eye-slash":"pi pi-eye",t=r.createElement("i",{className:n,onClick:D});if(e.icon){var a={onClick:D,className:n,element:t,props:e};t=u.BF.getJSXElement(e.icon,a)}return t}return null}(),te=function(){var n=(0,u.xW)("p-password-panel p-component",e.panelClassName),t=N||{strength:"",width:"0%"},a=t.strength,o=t.width,s=u.BF.getJSXElement(e.header,e),i=u.BF.getJSXElement(e.footer,e),d=e.content?u.BF.getJSXElement(e.content,e):r.createElement(r.Fragment,null,r.createElement("div",{className:"p-password-meter"},r.createElement("div",{className:"p-password-strength ".concat(a),style:{width:o}})),r.createElement("div",{className:"p-password-info ".concat(a)},j)),p=r.createElement(l.B,{nodeRef:I,classNames:"p-connected-overlay",in:b,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntered:J,onExit:K,onExited:X},r.createElement("div",{ref:I,className:n,style:e.panelStyle,onClick:z},s,d,i));return r.createElement(c.Z,{element:p,appendTo:e.appendTo})}();return r.createElement("div",{ref:S,id:e.id,className:G,style:e.style},r.createElement(s.S,d({ref:R,id:e.inputId},ee,{type:M,className:Y,style:e.inputStyle,onFocus:function(n){A(!0),e.feedback&&H(),e.onFocus&&e.onFocus(n)},onBlur:function(n){A(!1),e.feedback&&U(),e.onBlur&&e.onBlur(n)},onKeyUp:function(n){var r=n.keyCode||n.which;if(e.feedback){var a=n.target.value,l=null,o=null;switch(Q(a)){case 1:l=p,o={strength:"weak",width:"33.33%"};break;case 2:l=h,o={strength:"medium",width:"66.66%"};break;case 3:l=g,o={strength:"strong",width:"100%"};break;default:l=t,o=null}y(o),C(l),r&&!b&&H()}e.onKeyUp&&e.onKeyUp(n)},onInput:function(n,t){e.onInput&&e.onInput(n,t),e.onChange||(u.BF.isNotEmpty(n.target.value)?u.DV.addClass(S.current,"p-inputwrapper-filled"):u.DV.removeClass(S.current,"p-inputwrapper-filled"))},tooltip:e.tooltip,tooltipOptions:e.tooltipOptions})),ne,te)}));f.displayName="Password",f.defaultProps={__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null}},97980(e,n,t){e.exports=t.p+"static/media/login-aside-img-2.b3e16eef7366f7ed48a8.jpg"}}]); 190//# sourceMappingURL=1421.1155eda6.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.