HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/.next/static/chunks/pages/
Current File : //home/htlwork.com/www/.next/static/chunks/pages/account-settings-35c67311fcd6cd53.js
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[453],{74496:function(e,n,s){"use strict";var r;n.Z=void 0;var t=(0,((r=s(65129))&&r.__esModule?r:{default:r}).default)("M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z","InformationOutline");n.Z=t},26997:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account-settings",function(){return s(42430)}])},42430:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return Ae}});var r=s(14924),t=s(85893),a=s(67294),o=s(87357),i=s(66242),l=s(30298),c=s(55050),d=s(45670),u=s(11496),h=s(40044),x=s(99642),m=s(41036),Z=s(74496),f=s(26042),j=s(86886),p=s(63366),w=s(87462),g=s(86010),v=s(94780),P=s(41796),b=s(21964),C=s(71657),y=s(88169),S=(0,y.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),k=(0,y.Z)((0,t.jsx)("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked");const N=(0,u.ZP)("span")({position:"relative",display:"flex"}),R=(0,u.ZP)(S)({transform:"scale(1)"}),A=(0,u.ZP)(k)((({theme:e,ownerState:n})=>(0,w.Z)({left:0,position:"absolute",transform:"scale(0)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeIn,duration:e.transitions.duration.shortest})},n.checked&&{transform:"scale(1)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.shortest})})));var M=function(e){const{checked:n=!1,classes:s={},fontSize:r}=e,a=(0,w.Z)({},e,{checked:n});return(0,t.jsxs)(N,{className:s.root,ownerState:a,children:[(0,t.jsx)(R,{fontSize:r,className:s.background,ownerState:a}),(0,t.jsx)(A,{fontSize:r,className:s.dot,ownerState:a})]})},D=s(98216),W=s(35893);var I=a.createContext(void 0);var F=s(1588),V=s(34867);function z(e){return(0,V.Z)("MuiRadio",e)}var _=(0,F.Z)("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary"]);const E=["checked","checkedIcon","color","icon","name","onChange","size","className"],G=(0,u.ZP)(b.Z,{shouldForwardProp:e=>(0,u.FO)(e)||"classes"===e,name:"MuiRadio",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:s}=e;return[n.root,n[`color${(0,D.Z)(s.color)}`]]}})((({theme:e,ownerState:n})=>(0,w.Z)({color:(e.vars||e).palette.text.secondary},!n.disableRipple&&{"&:hover":{backgroundColor:e.vars?`rgba(${"default"===n.color?e.vars.palette.action.activeChannel:e.vars.palette[n.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:(0,P.Fq)("default"===n.color?e.palette.action.active:e.palette[n.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"default"!==n.color&&{[`&.${_.checked}`]:{color:(e.vars||e).palette[n.color].main}},{[`&.${_.disabled}`]:{color:(e.vars||e).palette.action.disabled}})));const T=(0,t.jsx)(M,{checked:!0}),B=(0,t.jsx)(M,{});var U=a.forwardRef((function(e,n){var s,r;const o=(0,C.Z)({props:e,name:"MuiRadio"}),{checked:i,checkedIcon:l=T,color:c="primary",icon:d=B,name:u,onChange:h,size:x="medium",className:m}=o,Z=(0,p.Z)(o,E),f=(0,w.Z)({},o,{color:c,size:x}),j=(e=>{const{classes:n,color:s}=e,r={root:["root",`color${(0,D.Z)(s)}`]};return(0,w.Z)({},n,(0,v.Z)(r,z,n))})(f),P=a.useContext(I);let b=i;const y=(0,W.Z)(h,P&&P.onChange);let S=u;var k,N;return P&&("undefined"===typeof b&&(k=P.value,b="object"===typeof(N=o.value)&&null!==N?k===N:String(k)===String(N)),"undefined"===typeof S&&(S=P.name)),(0,t.jsx)(G,(0,w.Z)({type:"radio",icon:a.cloneElement(d,{fontSize:null!=(s=B.props.fontSize)?s:x}),checkedIcon:a.cloneElement(l,{fontSize:null!=(r=T.props.fontSize)?r:x}),ownerState:f,classes:j,name:S,checked:b,onChange:y,ref:n,className:(0,g.Z)(j.root,m)},Z))})),L=s(10315),O=s(83321),H=s(22224),$=s(50135),Y=s(40476),q=s(47312);function J(e){return(0,V.Z)("MuiFormGroup",e)}(0,F.Z)("MuiFormGroup",["root","row","error"]);var K=s(74423),X=s(15704);const Q=["className","row"],ee=(0,u.ZP)("div",{name:"MuiFormGroup",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:s}=e;return[n.root,s.row&&n.row]}})((({ownerState:e})=>(0,w.Z)({display:"flex",flexDirection:"column",flexWrap:"wrap"},e.row&&{flexDirection:"row"})));var ne=a.forwardRef((function(e,n){const s=(0,C.Z)({props:e,name:"MuiFormGroup"}),{className:r,row:a=!1}=s,o=(0,p.Z)(s,Q),i=(0,K.Z)(),l=(0,X.Z)({props:s,muiFormControl:i,states:["error"]}),c=(0,w.Z)({},s,{row:a,error:l.error}),d=(e=>{const{classes:n,row:s,error:r}=e,t={root:["root",s&&"row",r&&"error"]};return(0,v.Z)(t,J,n)})(c);return(0,t.jsx)(ee,(0,w.Z)({className:(0,g.Z)(d.root,r),ownerState:c,ref:n},o))})),se=s(51705),re=s(22627),te=s(27909);const ae=["actions","children","defaultValue","name","onChange","value"];var oe=a.forwardRef((function(e,n){const{actions:s,children:r,defaultValue:o,name:i,onChange:l,value:c}=e,d=(0,p.Z)(e,ae),u=a.useRef(null),[h,x]=(0,re.Z)({controlled:c,default:o,name:"RadioGroup"});a.useImperativeHandle(s,(()=>({focus:()=>{let e=u.current.querySelector("input:not(:disabled):checked");e||(e=u.current.querySelector("input:not(:disabled)")),e&&e.focus()}})),[]);const m=(0,se.Z)(n,u),Z=(0,te.Z)(i),f=a.useMemo((()=>({name:Z,onChange(e){x(e.target.value),l&&l(e,e.target.value)},value:h})),[Z,l,x,h]);return(0,t.jsx)(I.Provider,{value:f,children:(0,t.jsx)(ne,(0,w.Z)({role:"radiogroup",ref:m},d,{children:r}))})})),ie=s(44267),le=s(94054),ce=s(37058),de=s(50480),ue=s(9198),he=s.n(ue),xe=s(25463),me=(0,a.forwardRef)((function(e,n){return(0,t.jsx)($.Z,(0,f.Z)({inputRef:n,label:"Birth Date",fullWidth:!0},e))})),Ze=function(){var e=(0,a.useState)(null),n=e[0],s=e[1];return(0,t.jsx)(ie.Z,{children:(0,t.jsx)("form",{children:(0,t.jsxs)(j.ZP,{container:!0,spacing:7,children:[(0,t.jsx)(j.ZP,{item:!0,xs:12,sx:{marginTop:4.8},children:(0,t.jsx)($.Z,{fullWidth:!0,multiline:!0,label:"Bio",minRows:2,placeholder:"Bio",defaultValue:"The name\u2019s John Deo. I am a tireless seeker of knowledge, occasional purveyor of wisdom and also, coincidentally, a graphic designer. Algolia helps businesses across industries quickly create relevant \ud83d\ude0e, scalable \ud83d\ude00, and lightning \ud83d\ude0d fast search and discovery experiences."})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsx)(xe.Z,{children:(0,t.jsx)(he(),{selected:n,showYearDropdown:!0,showMonthDropdown:!0,id:"account-settings-date",placeholderText:"MM-DD-YYYY",customInput:(0,t.jsx)(me,{}),onChange:function(e){return s(e)}})})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsx)($.Z,{fullWidth:!0,type:"number",label:"Phone",placeholder:"(123) 456-7890"})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsx)($.Z,{fullWidth:!0,label:"Website",placeholder:"https://example.com/",defaultValue:"https://themeselection.com/"})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsxs)(le.Z,{fullWidth:!0,children:[(0,t.jsx)(q.Z,{children:"Country"}),(0,t.jsxs)(L.Z,{label:"Country",defaultValue:"USA",children:[(0,t.jsx)(H.Z,{value:"USA",children:"USA"}),(0,t.jsx)(H.Z,{value:"UK",children:"UK"}),(0,t.jsx)(H.Z,{value:"Australia",children:"Australia"}),(0,t.jsx)(H.Z,{value:"Germany",children:"Germany"})]})]})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsxs)(le.Z,{fullWidth:!0,children:[(0,t.jsx)(q.Z,{id:"form-layouts-separator-multiple-select-label",children:"Languages"}),(0,t.jsxs)(L.Z,{multiple:!0,defaultValue:["English"],id:"account-settings-multiple-select",labelId:"account-settings-multiple-select-label",input:(0,t.jsx)(ce.Z,{label:"Languages",id:"select-multiple-language"}),children:[(0,t.jsx)(H.Z,{value:"English",children:"English"}),(0,t.jsx)(H.Z,{value:"French",children:"French"}),(0,t.jsx)(H.Z,{value:"Spanish",children:"Spanish"}),(0,t.jsx)(H.Z,{value:"Portuguese",children:"Portuguese"}),(0,t.jsx)(H.Z,{value:"Italian",children:"Italian"}),(0,t.jsx)(H.Z,{value:"German",children:"German"}),(0,t.jsx)(H.Z,{value:"Arabic",children:"Arabic"})]})]})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsxs)(le.Z,{children:[(0,t.jsx)(Y.Z,{sx:{fontSize:"0.875rem"},children:"Gender"}),(0,t.jsxs)(oe,{row:!0,defaultValue:"male","aria-label":"gender",name:"account-settings-info-radio",children:[(0,t.jsx)(de.Z,{value:"male",label:"Male",control:(0,t.jsx)(U,{})}),(0,t.jsx)(de.Z,{value:"female",label:"Female",control:(0,t.jsx)(U,{})}),(0,t.jsx)(de.Z,{value:"other",label:"Other",control:(0,t.jsx)(U,{})})]})]})}),(0,t.jsxs)(j.ZP,{item:!0,xs:12,children:[(0,t.jsx)(O.Z,{variant:"contained",sx:{marginRight:3.5},children:"Save Changes"}),(0,t.jsx)(O.Z,{type:"reset",variant:"outlined",color:"secondary",onClick:function(){return s(null)},children:"Reset"})]})]})})})},fe=s(15861),je=(0,u.ZP)("img")((function(e){var n=e.theme;return{width:120,height:120,marginRight:n.spacing(6.25),borderRadius:n.shape.borderRadius}})),pe=(0,u.ZP)(O.Z)((function(e){var n=e.theme;return(0,r.Z)({},n.breakpoints.down("sm"),{width:"100%",textAlign:"center"})})),we=(0,u.ZP)(O.Z)((function(e){var n=e.theme;return(0,r.Z)({marginLeft:n.spacing(4.5)},n.breakpoints.down("sm"),{width:"100%",marginLeft:0,textAlign:"center",marginTop:n.spacing(4)})})),ge=function(){var e=(0,a.useState)(!0),n=(e[0],e[1],(0,a.useState)("/images/avatars/1.png")),s=n[0],r=n[1];return(0,t.jsx)(ie.Z,{children:(0,t.jsx)("form",{children:(0,t.jsxs)(j.ZP,{container:!0,spacing:7,children:[(0,t.jsx)(j.ZP,{item:!0,xs:12,sx:{marginTop:4.8,marginBottom:3},children:(0,t.jsxs)(o.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,t.jsx)(je,{src:s,alt:"Profile Pic"}),(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(pe,{component:"label",variant:"contained",htmlFor:"account-settings-upload-image",children:["Upload New Photo",(0,t.jsx)("input",{hidden:!0,type:"file",onChange:function(e){var n=new FileReader,s=e.target.files;s&&0!==s.length&&(n.onload=function(){return r(n.result)},n.readAsDataURL(s[0]))},accept:"image/png, image/jpeg",id:"account-settings-upload-image"})]}),(0,t.jsx)(we,{color:"error",variant:"outlined",onClick:function(){return r("/images/avatars/1.png")},children:"Reset"}),(0,t.jsx)(fe.Z,{variant:"body2",sx:{marginTop:5},children:"Allowed PNG or JPEG. Max size of 800K."})]})]})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsx)($.Z,{fullWidth:!0,label:"Username",placeholder:"johnDoe",defaultValue:"johnDoe"})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsx)($.Z,{fullWidth:!0,label:"Name",placeholder:"John Doe",defaultValue:"John Doe"})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsx)($.Z,{fullWidth:!0,type:"email",label:"Email",placeholder:"johnDoe@example.com",defaultValue:"johnDoe@example.com"})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsxs)(le.Z,{fullWidth:!0,children:[(0,t.jsx)(q.Z,{children:"Role"}),(0,t.jsxs)(L.Z,{label:"Role",defaultValue:"admin",children:[(0,t.jsx)(H.Z,{value:"admin",children:"Admin"}),(0,t.jsx)(H.Z,{value:"author",children:"Author"}),(0,t.jsx)(H.Z,{value:"editor",children:"Editor"}),(0,t.jsx)(H.Z,{value:"maintainer",children:"Maintainer"}),(0,t.jsx)(H.Z,{value:"subscriber",children:"Subscriber"})]})]})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsxs)(le.Z,{fullWidth:!0,children:[(0,t.jsx)(q.Z,{children:"Status"}),(0,t.jsxs)(L.Z,{label:"Status",defaultValue:"active",children:[(0,t.jsx)(H.Z,{value:"active",children:"Active"}),(0,t.jsx)(H.Z,{value:"inactive",children:"Inactive"}),(0,t.jsx)(H.Z,{value:"pending",children:"Pending"})]})]})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsx)($.Z,{fullWidth:!0,label:"Company",placeholder:"ABC Pvt. Ltd.",defaultValue:"ABC Pvt. Ltd."})}),(0,t.jsxs)(j.ZP,{item:!0,xs:12,children:[(0,t.jsx)(O.Z,{variant:"contained",sx:{marginRight:3.5},children:"Save Changes"}),(0,t.jsx)(O.Z,{type:"reset",variant:"outlined",color:"secondary",children:"Reset"})]})]})})})},ve=s(69396),Pe=s(67720),be=s(93946),Ce=s(87109),ye=s(95898),Se=s(42218),ke=function(){var e,n=(0,a.useState)({newPassword:"",currentPassword:"",showNewPassword:!1,confirmNewPassword:"",showCurrentPassword:!1,showConfirmNewPassword:!1}),s=n[0],i=n[1];return(0,t.jsxs)("form",{children:[(0,t.jsx)(ie.Z,{sx:{paddingBottom:0},children:(0,t.jsxs)(j.ZP,{container:!0,spacing:5,children:[(0,t.jsx)(j.ZP,{item:!0,xs:12,sm:6,children:(0,t.jsxs)(j.ZP,{container:!0,spacing:5,children:[(0,t.jsx)(j.ZP,{item:!0,xs:12,sx:{marginTop:4.75},children:(0,t.jsxs)(le.Z,{fullWidth:!0,children:[(0,t.jsx)(q.Z,{htmlFor:"account-settings-current-password",children:"Current Password"}),(0,t.jsx)(ce.Z,{label:"Current Password",value:s.currentPassword,id:"account-settings-current-password",type:s.showCurrentPassword?"text":"password",onChange:(e="currentPassword",function(n){i((0,ve.Z)((0,f.Z)({},s),(0,r.Z)({},e,n.target.value)))}),endAdornment:(0,t.jsx)(Ce.Z,{position:"end",children:(0,t.jsx)(be.Z,{edge:"end","aria-label":"toggle password visibility",onClick:function(){i((0,ve.Z)((0,f.Z)({},s),{showCurrentPassword:!s.showCurrentPassword}))},onMouseDown:function(e){e.preventDefault()},children:s.showCurrentPassword?(0,t.jsx)(ye.Z,{}):(0,t.jsx)(Se.Z,{})})})})]})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,sx:{marginTop:6},children:(0,t.jsxs)(le.Z,{fullWidth:!0,children:[(0,t.jsx)(q.Z,{htmlFor:"account-settings-new-password",children:"New Password"}),(0,t.jsx)(ce.Z,{label:"New Password",value:s.newPassword,id:"account-settings-new-password",onChange:function(e){return function(n){i((0,ve.Z)((0,f.Z)({},s),(0,r.Z)({},e,n.target.value)))}}("newPassword"),type:s.showNewPassword?"text":"password",endAdornment:(0,t.jsx)(Ce.Z,{position:"end",children:(0,t.jsx)(be.Z,{edge:"end",onClick:function(){i((0,ve.Z)((0,f.Z)({},s),{showNewPassword:!s.showNewPassword}))},"aria-label":"toggle password visibility",onMouseDown:function(e){e.preventDefault()},children:s.showNewPassword?(0,t.jsx)(ye.Z,{}):(0,t.jsx)(Se.Z,{})})})})]})}),(0,t.jsx)(j.ZP,{item:!0,xs:12,children:(0,t.jsxs)(le.Z,{fullWidth:!0,children:[(0,t.jsx)(q.Z,{htmlFor:"account-settings-confirm-new-password",children:"Confirm New Password"}),(0,t.jsx)(ce.Z,{label:"Confirm New Password",value:s.confirmNewPassword,id:"account-settings-confirm-new-password",type:s.showConfirmNewPassword?"text":"password",onChange:function(e){return function(n){i((0,ve.Z)((0,f.Z)({},s),(0,r.Z)({},e,n.target.value)))}}("confirmNewPassword"),endAdornment:(0,t.jsx)(Ce.Z,{position:"end",children:(0,t.jsx)(be.Z,{edge:"end","aria-label":"toggle password visibility",onClick:function(){i((0,ve.Z)((0,f.Z)({},s),{showConfirmNewPassword:!s.showConfirmNewPassword}))},onMouseDown:function(e){e.preventDefault()},children:s.showConfirmNewPassword?(0,t.jsx)(ye.Z,{}):(0,t.jsx)(Se.Z,{})})})})]})})]})}),(0,t.jsx)(j.ZP,{item:!0,sm:6,xs:12,sx:{display:"flex",marginTop:[7.5,2.5],alignItems:"center",justifyContent:"center"},children:(0,t.jsx)("img",{width:183,alt:"avatar",height:256,src:"/images/pages/pose-m-1.png"})})]})}),(0,t.jsx)(Pe.Z,{sx:{margin:0}}),(0,t.jsx)(ie.Z,{children:(0,t.jsxs)(o.Z,{sx:{mt:11},children:[(0,t.jsx)(O.Z,{variant:"contained",sx:{marginRight:3.5},children:"Save Changes"}),(0,t.jsx)(O.Z,{type:"reset",variant:"outlined",color:"secondary",onClick:function(){return i((0,ve.Z)((0,f.Z)({},s),{currentPassword:"",newPassword:"",confirmNewPassword:""}))},children:"Reset"})]})})]})},Ne=(s(18698),(0,u.ZP)(h.Z)((function(e){var n,s=e.theme;return n={},(0,r.Z)(n,s.breakpoints.down("md"),{minWidth:100}),(0,r.Z)(n,s.breakpoints.down("sm"),{minWidth:67}),n}))),Re=(0,u.ZP)("span")((function(e){var n=e.theme;return(0,r.Z)({lineHeight:1.71,fontSize:"0.875rem",marginLeft:n.spacing(2.4)},n.breakpoints.down("md"),{display:"none"})})),Ae=function(){var e=(0,a.useState)("account"),n=e[0],s=e[1];return(0,t.jsx)(i.Z,{children:(0,t.jsxs)(d.ZP,{value:n,children:[(0,t.jsxs)(l.Z,{onChange:function(e,n){s(n)},"aria-label":"account-settings tabs",sx:{borderBottom:function(e){return"1px solid ".concat(e.palette.divider)}},children:[(0,t.jsx)(Ne,{value:"account",label:(0,t.jsxs)(o.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,t.jsx)(x.Z,{}),(0,t.jsx)(Re,{children:"Account"})]})}),(0,t.jsx)(Ne,{value:"security",label:(0,t.jsxs)(o.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,t.jsx)(m.Z,{}),(0,t.jsx)(Re,{children:"Security"})]})}),(0,t.jsx)(Ne,{value:"info",label:(0,t.jsxs)(o.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,t.jsx)(Z.Z,{}),(0,t.jsx)(Re,{children:"Info"})]})})]}),(0,t.jsx)(c.Z,{sx:{p:0},value:"account",children:(0,t.jsx)(ge,{})}),(0,t.jsx)(c.Z,{sx:{p:0},value:"security",children:(0,t.jsx)(ke,{})}),(0,t.jsx)(c.Z,{sx:{p:0},value:"info",children:(0,t.jsx)(Ze,{})})]})})}}},function(e){e.O(0,[886,39,911,273,4,774,888,179],(function(){return n=26997,e(e.s=n);var n}));var n=e.O();_N_E=n}]);