https://app.smartread.jp/static/js/1222.090ebe93.chunk.js

1"use strict";(self.webpackChunksmartread_app=self.webpackChunksmartread_app||[]).push([[1222],{8235:function(n,r,e){e(82483);r.A=e.p+"static/media/arrow-left-back-icon.afd4c288664d8376ec3018841fab45ac.svg"},91222:function(n,r,e){e.r(r),e.d(r,{default:function(){return fn}});var s,i,o,t,a,c=e(64467),d=e(89379),l=e(5544),u=e(57528),p=e(82483),x=e(63839),m=e(82402),h=e(71436),g=e(96328),f=e(88849),w=e(63470),A=e(44633),j=e(76780),b=e(8235),y=e(20890),v=e(56723),k=h.Ay.div(s||(s=(0,u.A)(["\n  display: flex;\n  height: 72px;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 24px;\n  padding-right: 40px;\n  position: sticky;\n  position: -webkit-sticky;\n  top: 0;\n  background-color: ",";\n  z-index: 2;\n"])),j.Wl.white),_=h.Ay.div(i||(i=(0,u.A)(["\n  font-weight: bold;\n  font-size: 24px;\n  color: ",";\n"])),j.Wl.black),C=h.Ay.div(o||(o=(0,u.A)(["\n  display: inline-flex;\n  align-items: center;\n"]))),P=h.Ay.div(t||(t=(0,u.A)(["\n  display: inline-flex;\n  align-items: center;\n  margin-right: 20px;\n  cursor: pointer;\n  font-weight: bold;\n  font-size: 15px;\n  color: ",";\n  img {\n    margin-right: 8px;\n  }\n"])),j.Wl.black),S=h.Ay.div(a||(a=(0,u.A)(["\n  display: inline-flex;\n  align-items: center;

1\n"]))),W=function(n){var r=n.rightContent,e=(0,g.W6)();return(0,v.jsxs)(k,{children:[(0,v.jsxs)(C,{children:[(0,v.jsxs)(P,{id:"btn-back-account",onClick:function(){return e.push("/".concat(y.AQ,"/").concat(y.eu))},children:[(0,v.jsx)("img",{src:b.A,alt:"back"}),(0,v.jsx)(x.sA,{id:"account.edit.back"})]}),(0,v.jsx)(_,{children:(0,v.jsx)(x.sA,{id:"account.edit.title"})})]}),(0,v.jsx)(S,{children:r})]})};W.defaultProps={rightContent:null};var N,U,z,I,E,M,R,q,L,D,F,Q,T,Z,B,G,H=W,K=(e(34551),e(31853)),V=e(63120),X=e(91375),Y=e(66548),J=e(50215),O=h.Ay.div(N||(N=(0,u.A)(["\n  background-color: ",";\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  border-radius: 8px;\n  padding: 40px;\n  overflow: auto;\n"])),j.Wl.white),$=h.Ay.div(U||(U=(0,u.A)(["\n  padding: 40px;\n  background-color: ",";\n  min-height: calc(100vh - 74px);\n"])),j.Wl.background),nn=h.Ay.div(z||(z=(0,u.A)(["\n  border-bottom: 1px solid ",";\n  display: flex;\n  height: ",";\n  margin-top: 15px;\n"])),j.Uv,(function(n){return n.margin||"none"})),rn=h.Ay.div(I||(I=(0,u.A)(["\n  width: 25%;\n  min-width: 200px;\n  font-weight: 600;\n  color: ",";\n"])),j.p6),en=h.Ay.div(E||(E=(0,u.A)(["\n  height: 100%;\n"]))),sn=h.Ay.div(M||(M=(0,u.A)(["\n  color: ",";\n  font-size: 14px;\n  font-weight: 500;\n"])),j.p6),on=h.Ay.span(R||(R=(0,u.A)(["\n  background-color: ",";\n  color: ",";\n  font-size: 10px;\n  border-radius: 2px;\n  padding: 3px 7px;\n  margin-left: 10px;\n"])),j.Wl.errorRed,j.Wl.white),tn=h.Ay.div(q||(q=(0,u.A)(["\n  width: 40%;\n  min-width: 500px;\n  margin-bottom: 20px;\n  ","\n"])),(function(n){return n.customStyles})),an=h.Ay.input(L||(L=(0,u.A)(["\n  background: ",";\n  border: 1px solid #e4e4e4;\n  box-sizing: border-box;\n  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  outline: none;\n  height: 40px;\n  width: 100%;\n  padding-left: 12px;\n  ","\n"])),j.Wl.white,(function(n){return n.customStyles})),cn=h.Ay.div(D||(D=(0,u.A)(["\n  margin-left: 60px;\n  margin-top: 60px;\n"]))),dn=h.Ay.button(F||(F=(0,u.A)(["\n  font-weight: 700;\n  padding: 11px 23px;\n  color: #504a4a;\n  border-radius: 10px;\n  font-size: 15px;\n  align-items: center;\n  background-color: #eee;\n"]))),ln=h.Ay.div(Q||(Q=(0,u.A)(["\n  margin: 10px 0px 10px;\n  color: ",";\n  display: block;\n  font-weight: 400;\n  ","\n"])),j.Wl.errorRed,(function(n){return n.customStyles})),un=h.Ay.button(T||(T=(0,u.A)(["\n  cursor: pointer;\n  margin-left: 18px;\n  height: 90px;\n  &:focus {\n    outline: none;\n  }\n"]))),pn=h.Ay.img(Z||(Z=(0,u.A)(["\n  width: 20px;\n  max-width: none;\n"]))),xn=h.Ay.div(B||(B=(0,u.A)(["\n  margin-right: 5px;\n  cursor: pointer;\n  position: absolute;\n  top: 50%;\n  right: 5px;\n  transform: translateY(-50%);\n  img {\n    width: 18px;\n  }\n"]))),mn=h.Ay.div(G||(G=(0,u.A)(["\n  position: relative;\n"]))),hn={errorUserName:"",errorConfirmPassword:""},gn=function(n){var r=n.name,e=n.email,s=n.role,i=n.groupMembership,o=(0,p.useState)(false),t=(0,l.A)(o,2),a=t[0],u=t[1],h=(0,p.useState)({username:r,new_password:"",confirm_password:""}),A=(0,l.A)(h,2),b=A[0],y=A[1],k=(0,p.useState)(hn),_=(0,l.A)(k,2),C=_[0],P=_[1],S=(0,p.useState)(!1),W=(0,l.A)(S,2),N=W[0],U=W[1],z=(0,p.useState)(!1),I=(0,l.A)(z,2),E=I[0],M=I[1],R=(0,m.wA)(),q=(0,m.d4)((function(n){var r,e;return null===(r=n.myPage)||void 0===r||null===(e=r.messageError)||void 0===e?void 0:e.code})),L=(0,m.d4)((function(n){return n.myPage.isLoading})),D=(0,g.W6)(),F=i.map((function(n){return n.name})),Q=a&&C.errorConfirmPassword||!L&&q&&500!==q,T=(0,p.useState)("password"),Z=(0,l.A)(T,2),B=Z[0],G=Z[1],gn=function(n){y((0,d.A)((0,d.A)({},b),{},(0,c.A)({},n,"")))};(0,p.useEffect)((function(){!N||L||q?500===q&&M(!0):D.goBack()}),[N,L,q]),(0,p.useEffect)((function(){M(!1),R((0,V.pU7)())}),[]),(0,p.useEffect)((function(){(b.username||a&&b.new_password||a&&b.confirm_password)&&P({errorUserName:b.username?"":C.errorUserName,errorNewPassword:b.new_password?"":C.errorNewPassword,errorConfirmPassword:b.confirm_password?"":C.errorConfirmPassword})}),[b.username,b.new_password,b.confirm_password]);

1var fn=function(n){var r={name:n.target.name,value:n.target.value};y((0,d.A)((0,d.A)({},b),{},(0,c.A)({},r.name,r.value)))},wn=function(n){n.preventDefault(),function(){var n=!1,r="",e="";return(!b.username||a&&!b.new_password||a&&!b.confirm_password)&&(n=!0,r=b.username?"":(0,v.jsx)(x.sA,{id:"error.nameIsRequired"}),e=b.confirm_password?"":(0,v.jsx)(x.sA,{id:"error.passwordEmpty"})),b.username.length>50&&(n=!0,r=(0,v.jsx)(x.sA,{id:"error.nameIsTooLong"})),b.confirm_password!==b.new_password&&(n=!0,e=(0,v.jsx)(x.sA,{id:"error.passwordNotMatching"})),P({errorUserName:r,errorConfirmPassword:e}),n}()||(P(hn),R((0,V.ZUW)(b.username,b.new_password)),U(!0))},An=a?(0,v.jsxs)(en,{children:[(0,v.jsxs)("div",{children:[(0,v.jsx)(sn,{children:(0,v.jsx)(x.sA,{id:"account.edit.newPassword"})}),(0,v.jsxs)(mn,{children:[(0,v.jsx)(x.sA,{id:"account.edit.newPlaceholderPassword",children:function(n){return(0,v.jsx)(an,{customStyles:"margin-bottom: 10px; margin-top: 10px",name:"new_password",type:B,value:b.new_password,onChange:function(n){return fn(n)},placeholder:n})}}),b.new_password&&(0,v.jsx)(xn,{onClick:function(){return gn("new_password")},children:(0,v.jsx)("img",{src:J.A,alt:"clear"})})]})]}),(0,v.jsxs)("div",{children:[(0,v.jsx)(sn,{children:(0,v.jsx)(x.sA,{id:"account.edit.confirmPassword"})}),(0,v.jsxs)(mn,{children:[(0,v.jsx)(x.sA,{id:"account.edit.newPlaceholderPassword",children:function(n){return(0,v.jsx)(an,{customStyles:"margin-bottom: 10px; margin-top: 10px",name:"confirm_password",type:B,value:b.confirm_password,onChange:function(n){return fn(n)},placeholder:n})}}),b.confirm_password&&(0,v.jsx)(xn,{id:"btn-confirm-change-password",onClick:function(){return gn("confirm_password")},children:(0,v.jsx)("img",{src:J.A,alt:"clear"})})]}),Q&&(0,v.jsx)(ln,{children:C.errorConfirmPassword||(0,v.jsx)(x.sA,{id:"error.myPage.".concat(q)})})]})]}):(0,v.jsx)("p",{style:{color:"".concat(j.Wl.tegakiGreen)},children:(0,v.jsx)(x.sA,{id:"account.edit.changePassword"})});return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(j._H,{isLoading:L,onSubmit:function(n){return wn(n)},id:"edit-account-section",children:[(0,v.jsx)(H,{rightContent:(0,v.jsx)(w.A,{id:"btn-update-account",isSubmit:!0,buttonType:f.II.primary,size:f.Vp.lg,disabled:E,children:(0,v.jsx)(x.sA,{id:"account.edit.button"})})}),(0,v.jsx)(j.bQ,{padding:"0px",margin:"0px",children:(0,v.jsx)($,{children:(0,v.jsxs)(O,{children:[E&&(0,v.jsxs)(ln,{customStyles:"margin: auto; text-align: center;",children:["Internal error: ",q]}),(0,v.jsxs)(nn,{margin:"65px",children:[(0,v.jsxs)(rn,{children:[(0,v.jsx)(x.sA,{id:"account.name"}),(0,v.jsx)(on,{children:(0,v.jsx)(x.sA,{id:"account.edit.required"})})]}),(0,v.jsxs)(tn,{children:[(0,v.jsxs)(mn,{children:[(0,v.jsx)(an,{value:b.username,name:"username",onChange:function(n){return fn(n)}}),b.username&&(0,v.jsx)(xn,{onClick:function(){return gn("username")},children:(0,v.jsx)("img",{src:J.A,alt:"clear"})})]}),C.errorUserName&&(0,v.jsx)(ln,{children:C.errorUserName})]})]}),(0,v.jsxs)(nn,{children:[(0,v.jsx)(rn,{children:(0,v.jsx)(x.sA,{id:K.oX?"loginId":"account.email"})}),(0,v.jsx)(tn,{children:e})]}),(0,v.jsxs)(nn,{children:[(0,v.jsxs)(rn,{children:[(0,v.jsx)(x.sA,{id:"account.password"}),(0,v.jsx)(on,{children:(0,v.jsx)(x.sA,{id:"account.edit.required"})})]}),(0,v.jsx)(tn,{customStyles:"font-weight: 600; cursor: pointer;",onClick:function(){return u(true)},children:An}),b.new_password||b.confirm_password?(0,v.jsx)(un,{type:"button",onClick:function(){G("text"===B?"password":"text")},children:(0,v.jsx)(pn,{src:"text"===B?Y.A:X.A,alt:"togglePassword"})}):(0,v.jsx)(v.Fragment,{}),a&&(0,v.jsx)(cn,{children:(0,v.jsx)(dn,{id:"btn-cancel-password-edit",onClick:function(){return P(hn),u(!1),U(!1),M(!1),y((0,d.A)((0,d.A)({},b),{},{new_password:"",confirm_password:""})),void R((0,V.pU7)())},children:(0,v.jsx)(x.sA,{id:"account.cancel"})})})]}),(0,v.jsxs)(nn,{children:[(0,v.jsx)(rn,{children:(0,v.jsx)(x.sA,{id:"account.role"})}),(0,v.jsxs)(tn,{children:[" ",(0,v.jsx)(x.sA,{id:"account.role.".concat(s)})]})]}),(0,v.jsxs)(nn,{children:[(0,v.jsx)(rn,{children:(0,v.jsx)(x.sA,{id:"account.group"})}),(0,v.jsxs)(tn,{children:["".concat(F)," "]})]})]})})})]})})};gn.defaultProps={groupMembership:[]};var fn=(0,m.Ng)((function(n){return{name:(0,A.KZ)(n),email:(0,A.b)(n),groupMembership:(0,A.kD)(n),role:(0,A.RM)(n)}}))(gn)}}]);
2//# sourceMappingURL=1222.090ebe93.chunk.js.map