https://jba.org/_next/static/chunks/pages/view/settings/profile-7a91a0eeca85c32e.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="ace636f2-8542-5973-be31-ca35c7ab33c8")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47,8271],{3126:(e,t,r)=>{"use strict";r.d(t,{g:()=>f});var a=r(45023),n=r(51949),i=r.n(n);r(36439);var o=r(84354),c=r(21863),l=r(25008),s=r.n(l),d=r(85121);let u={position:"absolute",top:"13px",left:"5px"},m={position:"absolute",top:"13px",right:"5px"};function f(e){let{showBackButton:t=!0,text:r,vertMenus:n=[],noTranslation:l=!1}=e;return(0,a.FD)(a.FK,{children:[(0,a.FD)("section",{"data-cy":"bordered-text-header",className:"jsx-6abab344f0058e3a header pt-4 pb-3 text-center position-relative",children:[t&&(0,a.Y)("span",{style:u,className:"jsx-6abab344f0058e3a",children:(0,a.Y)(o.o,{})}),(0,a.Y)("span",{className:"jsx-6abab344f0058e3a "+(s()({title:!0,[d.B_]:l})||""),children:r}),n.length>0&&(0,a.Y)("span",{style:m,className:"jsx-6abab344f0058e3a",children:(0,a.Y)(c.$,{children:e=>(0,a.Y)("div",{className:"jsx-6abab344f0058e3a",children:n.map((t,r)=>(0,a.Y)(c.E,{label:t.label,handleClick:()=>{t.onClick(),e()}},r))})})})]}),(0,a.Y)(i(),{id:"6abab344f0058e3a",children:".position-relative.jsx-6abab344f0058e3a{position:relative;background-color:white}.header.jsx-6abab344f0058e3a{display:flex;justify-content:center;border-bottom:3px solid#f0f0f0}.title.jsx-6abab344f0058e3a{font-size:20px;font-weight:bold;word-break:break-word;margin:0 50px}.group-members.jsx-6abab344f0058e3a{margin-left:10px;font-size:10px}.group-members-text.jsx-6abab344f0058e3a{margin-left:5px}"})]})}},10320:(e,t,r)=>{"use strict";r.d(t,{d:()=>c});var a=r(45023),n=r(51949),i=r.n(n),o=r(78201);function c({text:e,"data-cy":t,...r}){return(0,a.FD)(o.o5,{className:l.className,variant:"caption","data-cy":t,...r,children:[e,l.styles]})}let l={styles:(0,a.Y)(i(),{id:"74723f765a0b9bb7",children:".MuiTypography-root.jsx-74723f765a0b9bb7{white-space:pre-wrap;overflow-wrap:anywhere}"}),className:"jsx-74723f765a0b9bb7"}},13384:(e,t,r)=>{"use strict";r.d(t,{Z:()=>l});var a=r(45023),n=r(36439),i=r(90524),o=r(816),c=r(22884);let l=e=>{let{t}=(0,i.B)(["components/atoms"]),r=(0,n.useId)(),l=e.id??r,s=e.staticLabel?(0,a.Y)("label",{className:"mb-1",style:e.labelStyle,htmlFor:l,children:t("Username ({{min}}–{{max}} alphanumeric characters)",{min:o.default.ACCOUNT_NAME_MIN_LENGTH,max:o.default.ACCOUNT_NAME_MAX_LENGTH})}):(0,a.Y)(a.FK,{});return(0,a.FD)(a.FK,{children:[s,(0,a.Y)(c.b,{...e,id:l,type:"text",label:e.staticLabel?"":t("Username ({{min}}–{{max}} alphanumeric characters)",{min:o.default.ACCOUNT_NAME_MIN_LENGTH,max:o.default.ACCOUNT_NAME_MAX_LENGTH}),maxLength:o.default.ACCOUNT_NAME_MAX_LENGTH})]})}},21635:(e,t,r)=>{"use strict";r.d(t,{Cn:()=>o,i2:()=>c,y:()=>i});var a=r(70442),n=r(41471);let i={disableCommunityCopilot:"disableCommunityCopilot",disableCommunityDataLab:"disableCommunityDataLab",disableEmailNotification:"disableEmailNotification",disableProfileIconEdit:"disableProfileIconEdit",disableUserIntroduction:"disableUserIntroduction",enableForYouRecommend:"enableForYouRecommend",enableMultiFactorAuthenticationByBrand:"enableMultiFactorAuthenticationByBrand",enableSecuritySettings:"enableSecuritySettings"},o=e=>{let{data:t}=(0,a.s3)(`/launchdarklyBrandEnabled/${e}`);return t?.value??!1},c=e=>{let t=(0,n.useSelector)(e=>e.app.brand.id),{data:r}=(0,a.s3)(`/launchdarklyBrandEnabledWithoutAuth/${e}/${t}`);return r?.value??!1}},21863:(e,t,r)=>{"use strict";r.d(t,{$:()=>u,E:()=>d});var a=r(45023),n=r(51949),i=r.n(n),o=r(36439),c=r(66337),l=r(33634),s=r(78201);let d=o.forwardRef(({label:e,disabled:t,handleClick:r},n)=>(0,a.Y)(s.Dr,{"data-cy":"vert-menu-item",ref:n,key:e,disabled:t,onClick:r,children:e}));function u({size:e=26,children:t}){let[r,n]=(0,o.useState)(null),d=`vert-menu-${(0,o.useId)()}`,m=()=>{n(null)},f={styles:(0,a.Y)(i(),{id:"e98fae63e4038589",dynamic:[c.A.BLACK],children:`*.__jsx-style-dynamic-selector{color:${c.A.BLACK}}`}),className:i().dynamic([["e98fae63e4038589",[c.A.BLACK]]])},p={styles:(0,a.Y)(i(),{id:"95e308410ad53422",dynamic:[e],children:`*.__jsx-style-dynamic-selector{font-size:${e}px}`}),className:i().dynamic([["95e308410ad53422",[e]]])};return(0,a.FD)("div",{className:f.className,children:[(0,a.Y)(s.K0,{"data-cy":"vert-menu

3-button",className:p.className,color:"inherit","aria-label":"menu","aria-owns":r?d:void 0,"aria-haspopup":"true","aria-expanded":!!r,onClick:e=>{n(e.currentTarget)},children:(0,a.Y)(l.A,{fontSize:"inherit",color:"inherit"})}),(0,a.Y)(s.DE,{"data-cy":"vert-menu",id:d,anchorEl:r,open:!!r,onClose:m,children:t(m)}),f.styles,p.styles]})}},22884:(e,t,r)=>{"use strict";r.d(t,{b:()=>i});var a=r(45023),n=r(78201);let i=e=>{let{invalid:t,style:r,type:i,...o}=e;return(0,a.Y)(n.A_,{type:i||"text",style:{...r,display:"block"},error:t,fullWidth:!0,inputProps:{"data-cy":"labeled-text-input"},...o})}},30784:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>et});var a=r(45023),n=r(51949),i=r.n(n),o=r(36439),c=r(96114),l=r(90524),s=r(41471),d=r(66337),u=r(816),m=r(71095),f=r(92362),p=r(27570),h=r(65893),b=r(52107),y=r(38324),g=r(70789),x=r(48060),v=r(21635),N=r(96328),C=r(96058),Y=r(58535),j=r(87512);let _=e=>{let t={objectFit:"cover",objectPosition:"center"};if(!e.files.length)return(0,a.Y)(x.e,{src:g.mQ[0].src,size:e.size,style:t,tabActiveColor:e.tabActiveColor});let r=e.files[0];return(0,a.Y)(x.e,{src:r.preview||"",size:e.size,style:t,tabActiveColor:e.tabActiveColor})},A=(0,s.connect)()(function(e){let t=(0,s.useDispatch)(),r=(0,s.useSelector)(C.Cv),n=(0,v.Cn)(v.y.disableProfileIconEdit),o={position:"relative",display:"block",margin:"0 auto",textAlign:"center",width:e.size,overflow:"hidden"};return(0,a.FD)(a.FK,{children:[n&&!r?(0,a.Y)(_,{files:e.files,size:e.size,tabActiveColor:e.tabActiveColor}):(0,a.Y)(N.A,{accept:"image/*",onDrop:(r,a)=>{let n=r.filter(e=>!e.type||!!e.type.startsWith("image/")).map(e=>Object.assign(e,{preview:URL.createObjectURL(e)}));t(j.Sp.request({successCb:t=>{let a=t.shift();if(!a)return;let n=r.map(e=>(e.name===a.name&&(e.preview=a.preview),e));e.onChange(n)},errorCb:()=>{Y.v.error("profile upload failed.")},images:n})),e.onDrop(n,a)}

3,children:({getRootProps:t,getInputProps:r})=>(0,a.FD)("div",{...t(),style:o,className:"jsx-afd7fc9fa33c724d",children:[(0,a.Y)("input",{...r(),className:"jsx-afd7fc9fa33c724d"}),(0,a.Y)(_,{files:e.files,size:e.size,tabActiveColor:e.tabActiveColor}),(0,a.Y)("i",{className:"jsx-afd7fc9fa33c724d fas fa-camera"}),e.children]})}),(0,a.Y)(i(),{id:"afd7fc9fa33c724d",children:"i.jsx-afd7fc9fa33c724d{font-size:20px;position:absolute;top:20px;left:10px;color:gray}"})]})});var O=r(15739),w=r(13384),k=r(49863),I=r(12960),E=r(89299),D=r(7796),F=r(78201);function Q(e){let{profileObject:t,errors:r}=e;return(0,a.FD)(a.FK,{children:[(0,a.FD)("section",{"data-cy":"profile-object",className:i().dynamic([["20ae286cf5e1211f",[p.Q1.user.foreground.textGray]]]),children:[(0,a.Y)($,{profileObject:t,error:!!r}),T(e),(0,a.Y)("div",{className:i().dynamic([["20ae286cf5e1211f",[p.Q1.user.foreground.textGray]]])+" form-description",children:t.description})]}),(0,a.Y)(i(),{id:"20ae286cf5e1211f",dynamic:[p.Q1.user.foreground.textGray],children:`.form-description.__jsx-style-dynamic-selector{color:${p.Q1.user.foreground.textGray};white-space:pre-wrap;font-size:12px}`})]})}let T=e=>{switch(e.profileObject.answerMethodType){case k.Wl.PULL_DOWN:return(0,a.Y)(P,{name:e.name,control:e.control,defaultValue:e.defaultValue,profileObject:e.profileObject,errors:e.errors});case k.Wl.CHECKBOX:return(0,a.Y)(R,{name:e.name,control:e.control,defaultValue:e.defaultValue,profileObject:e.profileObject,errors:e.errors});case k.Wl.DATE:return(0,a.Y)(M,{name:e.name,control:e.control,defaultValue:e.defaultValue,profileObject:e.profileObject,errors:e.errors,onChangeCapture:e.onChangeCapture});default:return(0,a.Y)(G,{name:e.name,control:e.control,defaultValue:e.defaultValue,profileObject:e.profileObject,errors:e.errors,onChangeCapture:e.onChangeCapture})}};function G({name:e,control:t,defaultValue:r,profileObject:n,errors:i,onChangeCapture:o}){let{t:s}=(0,l.B)(["components/organisms/profile"]),{validationRules:d}=n,u=(0,E.BB)(d,n.isRequired,s),m="id"in r?r.id:void 0,f="description"in r?r.description:"";return(0,a.FD)(a.FK,{children:[m&&(0,a.Y)(c.xI,{name:`${e}.id`,control:t,defaultValue:m,render:({field:e})=>(0,a.Y)("input",{hidden:!0,type:"number",...e})}),(0,a.Y)(c.xI,{name:`${e}.profileObjectId`,control:t,defaultValue:r.profileObjectId,render:({field:e})=>(0,a.Y)("input",{hidden:!0,type:"number",...e})}),(0,a.Y)(c.xI,{name:`${e}.description`,control:t,defaultValue:f,rules:u,render:({field:{value:e,onChange:t,ref:r}})=>(0,a.Y)(y.H,{name:"description",value:e,onChange:t,inputRef:r,"data-cy":"input-profile-object-text",error:!!i?.description,onChangeCapture:o,placeholder:(0,E.Be)(d,s),inputProps:{inputMode:(0,E.Vd)(d)},multiline:d?.charType!=="numeric_only"})}),i?.description?.message&&(0,a.Y)(L,{message:i.description.message})]})}function M({name:e,control:t,defaultValue:r,profileObject:n,errors:i,onChangeCapture:o}){let{t:s}=(0,l.B)(["components/organisms/profile"]),d={required:{value:n.isRequired,message:s("Please select a date")}},u="id"in r?r.id:void 0,m="description"in r?r.description:"";return(0,a.FD)(a.FK,{children:[u&&(0,a.Y)(c.xI,{name:`${e}.id`,control:t,defaultValue:u,render:({field:e})=>(0,a.Y)("input",{hidden:!0,type:"number",...e})}),(0,a.Y)(c.xI,{name:`${e}.profileObjectId`,control:t,defaultValue:r.profileObjectId,render:({field:e})=>(0,a.Y)("input",{hidden:!0,type:"number",...e})}),(0,a.Y)(c.xI,{name:`${e}.description`,control:t,defaultValue:m,rules:d,render:({field:{value:e,onChange:t,ref:r}})=>(0,a.Y)("div",{onChangeCapture:o,children:(0,a.Y)(I.m,{name:"description",value:e,onChange:t,inputRef:r,error:!!i?.description})})}),i?.description?.message&&(0,a.Y)(L,{message:i.description.message})]})}function P({name:e,control:t,defaultValue:r,profileObject:n,errors:i}){let{classes:o}=z(),{t:s}=(0,l.B)(["components/organisms/profile"]),d="questionAnswer"in r?r.questionAnswer?.profileObjectQuestionChoiceId:void 0;return(0,a.FD)(a.FK,{children:[(0,a.Y)(c.xI,{name:`${e}.profileObjectId`,control:t,defaultValue:r.profileObjectId,render:({field:e})=>(0,a.Y)("input",{hidden:!0,type:"number",...e})}),(0,a.Y)(c.xI,{name:`${e}.profileObjectQuestionChoiceId`,control:t,defaultValue:d||"",rules:{validate:e=>n.isRequired&&(0===e||""===e)?s("This field is required"):void 0}

3,render:({field:{value:e,onChange:t,ref:r}})=>(0,a.Y)(F.l6,{value:e,onChange:t,inputRef:r,fullWidth:!0,"data-cy":"input-profile-object-pulldown",MenuProps:{classes:{paper:o.dropdownStyle}},children:n.questionChoices.map(e=>(0,a.Y)(F.Dr,{value:e.id,"data-cy":"input-profile-object-pulldown-choice",className:S.className,children:e.title},e.id))})}),i?.profileObjectQuestionChoiceId?.message&&(0,a.Y)(L,{message:i.profileObjectQuestionChoiceId.message}),S.styles]})}let z=(0,F.n9)()(()=>({dropdownStyle:{maxHeight:400}})),S={styles:(0,a.Y)(i(),{id:"3e35b6acb2b5807c",children:".MuiListItem-root.jsx-3e35b6acb2b5807c{white-space:normal}"}),className:"jsx-3e35b6acb2b5807c"};function R({name:e,control:t,defaultValue:r,profileObject:n,errors:o}){let{t:s}=(0,l.B)(["components/organisms/profile"]),d="questionAnswers"in r?r.questionAnswers.map(e=>e.profileObjectQuestionChoiceId):[],u=o?.profileObjectQuestionChoiceIds;return(0,a.FD)(a.FK,{children:[(0,a.Y)(c.xI,{name:`${e}.profileObjectId`,control:t,defaultValue:r.profileObjectId,render:({field:e})=>(0,a.Y)("input",{hidden:!0,type:"number",...e})}),(0,a.Y)(c.xI,{name:`${e}.profileObjectQuestionChoiceIds`,control:t,defaultValue:d,rules:{validate:e=>n.isRequired&&0===e.length?s("This field is required"):void 0},render:({field:{value:e,onChange:t,ref:r}})=>(0,a.FD)("div",{"data-cy":"input-profile-object-checkbox",className:i().dynamic([["24d9d6193291b4b7",[p.Q1.user.foreground.textGray]]]),children:[(0,a.Y)(F.gE,{children:n.questionChoices.map(({id:n,title:o})=>(0,a.Y)("div",{className:i().dynamic([["24d9d6193291b4b7",[p.Q1.user.foreground.textGray]]])+" checkbox-area",children:(0,a.Y)(F.ip,{control:(0,a.Y)(F.Sc,{checked:e.includes(n),onChange:r=>{r.target.checked?e.includes(n)||t([...e,n]):t(e.filter(e=>e!==n))},inputRef:r,value:n,defaultChecked:d.includes(n),"data-cy":"input-profile-object-checkbox-choice"}),label:o,className:"checkbox-choice-title"})},n))}),(0,a.Y)(i(),{id:"24d9d6193291b4b7",dynamic:[p.Q1.user.foreground.textGray],children:`.checkbox-area.__jsx-style-dynamic-selector{width:100%}.checkbox-choice-title.__jsx-style-dynamic-selector{margin:0;width:fit-content;max-width:100%}.checkbox-choice-title.__jsx-style-dynamic-selector>span.__jsx-style-dynamic-selector:last-child{color:${p.Q1.user.foreground.textGray};margin:auto 0;overflow-wrap:break-word;min-width:0;font-size:inherit;line-height:inherit}`})]})}),u?.message&&(0,a.Y)(L,{message:u.message})]})}function L({message:e}){return(0,a.FD)(a.FK,{children:[(0,a.Y)("span",{"data-cy":"profile-object-error-message",className:"jsx-7f0e484bca99924b error-message",children:e}),(0,a.Y)(i(),{id:"7f0e484bca99924b",children:".error-message.jsx-7f0e484bca99924b{color:var(--md-sys-color-error)}"})]})}function $({profileObject:e,error:t}){let{t:r}=(0,l.B)(["components/organisms/profile"]),n=o.useRef(null),[c,s]=o.useState(!1);return(0,a.FD)("div",{className:i().dynamic([["3c73e0e344de54cd",[p.Q1.user.foreground.textGray]]])+" "+((t?"question-label error-message":"question-label")||""),children:[(0,a.FD)("label",{"data-cy":"profile-object-question-title",className:i().dynamic([["3c73e0e344de54cd",[p.Q1.user.foreground.textGray]]])+" mb-1 w-100",children:[(0,a.Y)("span",{className:i().dynamic([["3c73e0e344de54cd",[p.Q1.user.foreground.textGray]]])+" question-title",children:e.title}),!e.isPublic&&(0,a.FD)(a.FK,{children:[(0,a.Y)("span",{className:i().dynamic([["3c73e0e344de54cd",[p.Q1.user.foreground.textGray]]])+" private-info",children:r("Private")}),(0,a.Y)(D.A,{className:q.className,fontSize:"small",ref:n,onClick:()=>s(!0),"data-cy":"private-info-icon"}),(0,a.Y)(F.AM,{open:c,onClose:()=>s(!1),anchorEl:n.current,anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"},children:(0,a.Y)("div",{"data-cy":"profile-object-popover",className:i().dynamic([["3c73e0e344de54cd",[p.Q1.user.foreground.textGray]]])+" popover-container",children:(0,a.Y)("p",{className:i().dynamic([["3c73e0e344de54cd",[p.Q1.user.foreground.textGray]]])+" popover-message",children:r("Only you and admin can view this answer. The visibility setting is subject to change depending on your community’s policies.")})})})]}),q.styles]}),(0,a.Y)(i(),{id:"3c73e0e344de54cd",dynamic:[p.Q1.user.foreground.textGray],children:`.question-label.__jsx-style-dynamic-selector{color:${p.Q1.user.foreground.textGray}}.question-title.__jsx-style-dynamic-selector{font-weight:bold}.private-info.__jsx-style-dynamic-selector{margin:auto 8px;font-size:12px}.popover-container.__jsx-style-dynamic-selector{width:208px;background-color:#d9d9d9;border-radius:5px}.popover-message.__jsx-style-dynamic-selector{padding:6px 8px;font-size:12px;color:#505050}label.__jsx-style-dynamic-selector{font-size:12px}.error-message.__jsx-style-dynamic-selector{color:var(--md-sys-color-error)}`})]})}let q={styles:(0,a.Y)(i(),{id:"eb39e4e5f3f77e61",children:".MuiSvgIcon-root.jsx-eb39e4e5f3f77e61{font-size:15px;margin-bottom:3px}"}),className:"jsx-eb39e4e5f3f77e61"};var V=r(3126),B=r(72763),H=r(52428),K=r(70442),U=r(1190),W=r(70284),X=r(16737),Z=r(57303),J=r(10320),ee=r(79493);let et=()=>{let e,{t}=(0,l.B)(["pages/view/settings"]),r=(0,s.useDispatch)(),n=(0,U.r)(),g=(0,v.Cn)(v.y.disableUserIntroduction),x=(0,s.use

3Selector)(e=>e.site.common.colors),N=(0,s.useSelector)(e=>e.user.id),[C,Y]=(0,o.useState)(!1),[j,_]=(0,o.useState)(void 0),{data:k,isInitialLoading:I}=(0,K.s3)(`/profileobject/${N}?withPrivate=true`),{data:E}=(0,K.s3)("/profileobject"),D=(e=(0,s.useSelector)(e=>e.user),(0,o.useMemo)(()=>({nickname:e.nickname??"",accountName:e.accountName??"",introduction:e.introduction??"",files:e.iconPath?[{[X.tu]:!0,preview:e.iconPath,type:"image/jpg"}]:[],profileObjects:(E||[]).map(e=>{let t=(k||[]).find(t=>"profileObjectId"in t&&t.profileObjectId===e.id);return(0,Z.i)(e,t)})}),[e,E,k])),[T,G]=(0,o.useState)(D.accountName||""),M=(0,o.useId)(),P=t("Display name ({{max}} characters or less)",{max:u.default.NICKNAME_MAX_LENGTH}),z={NICKNAME:{rules:{required:{value:!0,message:t("This field is required.")},maxLength:{value:u.default.NICKNAME_MAX_LENGTH,message:t("It must be {{max}} characters or less.",{max:u.default.NICKNAME_MAX_LENGTH})}}},INTRODUCTION:{rules:{maxLength:{value:u.default.INTRODUCTION_MAX_LENGTH,message:t("It must be {{max}} characters or less.",{max:u.default.INTRODUCTION_MAX_LENGTH})}}}},{control:S,register:R,handleSubmit:L,reset:$,formState:{errors:q}}=(0,c.mN)({mode:"all",defaultValues:D});(0,o.useEffect)(()=>{$(D)},[D,$]);let{fields:et}=(0,c.jz)({control:S,name:"profileObjects",keyName:"key"}),er=R("nickname",z.NICKNAME.rules),ea=R("introduction",z.INTRODUCTION.rules),en=async e=>{Y(!0);let a=async()=>{_(void 0),Y(!1),r((0,f.gg)(t("Profile has been updated"))),n.back()},i=async(e,r)=>{r?(_(Object.fromEntries(r.map(({key:e,errors:r})=>{let a=r.map(r=>{switch(r){case m.A.RuleViolation:return t("Please enter 4–30 characters using half-width letters and numbers.");case m.A.ProfileObjectRuleViolation:return t("The entered value does not meet the requirements.");case m.A.DenyUrl:return t("Can’t publish. The URL contains potential phishing threats.");case m.A.Required:return t("This field is required.");case m.A.BannedWord:return t("Inappropriate content detected. Please edit to proceed.");case m.A.Duplicated:if("accountName"===e)return t("This username is already used. Please enter a different username.")}});return[e,a.filter(e=>void 0!==e)]}))),ee.ih.info("",t("Failed to save."))):e&&ee.ih.info("",t(e,{ns:"errors"})),Y(!1)};e.accountName=T,e.profileObjects=(e.profileObjects||[]).filter(e=>!("profileObjectQuestionChoiceId"in e)||"number"==typeof e.profileObjectQuestionChoiceId&&0!==e.profileObjectQuestionChoiceId),r(W.Yh.request({successCb:a,errCb:i,data:e}))},ei=(0,o.useCallback)(e=>{let t=e.target.value||"",r=RegExp(u.default.ACCOUNT_NAME_REGEX,"g"),a=r.exec(t)?.[0]??"";a.length>u.default.ACCOUNT_NAME_MAX_LENGTH||G(a)},[]),eo=I?null:(0,a.FD)(a.FK,{children:[(0,a.Y)(V.g,{text:t("Profile")}),C&&(0,a.Y)(F.hZ,{}),(0,a.FD)("form",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" container mb-3",children:[(0,a.Y)("section",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" contentWrap mt-3 text-center",children:(0,a.Y)("div",{style:{width:150},className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" mt-3 mx-auto",children:(0,a.Y)(c.xI,{control:S,name:"files",render:({field:{onChange:e,value:t}})=>(0,a.Y)(A,{size:100,files:t,onChange:t=>{e(t),Y(!1)},onDrop:()=>{Y(!0)},tabActiveColor:x.tabActive.color})})})}),(0,a.FD)("section",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" mt-0",children:[(0,a.Y)("label",{htmlFor:M,className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" "+((q.nickname||j?.nickname?"mb-1 error-message":"mb-1")||""),children:P}),(0,a.Y)(O.k,{id:M,name:"nickname",error:!!q.nickname||!!j?.nickname,inputRef:er.ref,defaultValue:D.nickname,"data-cy":"profile-nickname",onChange:e=>{if(er.onChange(e),j?.nickname){let{nickname:e,...t}=j;_(t)}}}),q.nickname&&(0,a.Y)("div",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" error-message",children:q.nickname.message}),j?.nickname?.map(e=>(0,a.Y)("div",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" error-message",children:e},e))]}),(0,a.Y)("section",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" mt-3",children:(0,a.Y)(w.Z,{name:"accountName",value:T,onChange:ei,"data-cy":"profile-account-name",staticLabel:!0,invalid:!!q.accountName||!!j?.accountName,labelStyle:{color:q.accountName||j?.accountName?"#ce324e":p.Q1.user.foreground.textGray,fontSize:p.Z4[200],fontWeight:"bold"},onChangeCapture:()=>{if(j?.accountName){let{accountName:e,...t}=j;_(t)}},helperText:(0,a.Y)(J.d,{text:j?.accountName?.join("<br />")||"","data-cy":"user-name-guide-text",style:{color:"#ce324e",fontSize:p.Z4[300]}})})}),(0,a.Y)("div",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" question",children:et.map((e,t)=>{let r=E?.[t],n=k?.find(e=>e.profileObjectId===r?.id);if(!r||!n)return null;let i=`profileObjects[${r.id}]`,o=j?.[i]?{description:{message:j?.[i].join("<br />")}}:void 0;return(0,a.Y)(Q,{name:`profileObjects.${t}`,control:S,defaultValue:n,profileObject:r,errors:o??q.profileObjects?.[t],onChangeCapture:()=>{if(j?.[i]){let{[i]:e,...t}=j;_(t)}}},e.key)})}),!g&&(0,a.FD)("section",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" mt-3",children:[(0,a.Y)("label",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" "+((q.introduction||j?.introduction?"mb-1 error-message":"mb-1")||""),children:t("Bio (500 characters or less)")}),(0,a.Y)(y.H,{name:"introduction",error:!!q.introduction||!!j?.introduction,rows:6,maxRows:6,inputRef:ea.ref,defaultValue:D.introduction,"data-cy":"profile-introduction",onChange:e=>{if(ea.onChange(e),j?.introduction){let{introduction:e,...t}=j;_(t)}}}),q.introduction&&(0,a.Y)("div",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" error-message",children:q.introduction.message}),j?.introduction?.map(e=>(0,a.Y)("div",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" error-message",children:e},e))]}),(0,a.Y)("section",{className:i().dynamic([["de2c01c069131598",[p.Q1.user.foreground.textGray]]])+" mt-5 text-center",children:(0,a.Y)(h.a,{className:"w-50",color:d.A.MAIN_BLUE,onClick:L(en),"data-cy":"submit-profile-object",loading:C,children:t("Save")})})]}),(0,a.Y)(i(),{id:"de2c01c069131598",dynamic:[p.Q1.user.foreground.textGray],children:`.container.__jsx-style-dynamic-selector{padding-left:45px;padding-right:45px}.contentWrap.__jsx-style-dynamic-selector{font-size:16px}label.__jsx-style-dynamic-selector{color:${p.Q1.user.foreground.textGray};font-size:12px;font-weight:bold}.error-message.__jsx-style-dynamic-selector{color:var(--md-sys-color-error)}.question.__jsx-style-dynamic-selector{display:flex;flex-direction:column;gap:16px;margin-top:16px}`})]});return(0,a.Y)(H.default,{renderPc:()=>{let e=(0,a.Y)(b.E,{className:"m-3",children:eo});return(0,a.Y)(B.z,{content:e})},renderSp:()=>eo})}},33614:(e,t,r)=>{"use strict";r.d(t,{Z:()=>s});var a=r(45023),n=r(51949),i=r.n(n);r(36439);var o=r(25008),c=r.n(o),l=r(27570);function s({component:e="div",children:t,className:r,...n}){return(0,a.FD)(e,{...n,className:i().dynamic([["7453165d7485d749",[l.Js.user.card,l.Q1.user.border.default]]])+" "+(n&&null!=n.className&&n.className||c()(r,"card-root")||""),children:[t,(0,a.Y)(i(),{id:"7453165d7485d749",dynamic:[l.Js.user.card,l.Q1.user.border.default],children:`.card-root.__jsx-style-dynamic-selector{position:relative;background:#fff;border-radius:${l.Js.user.card};overflow:hidden;border:1px solid ${l.Q1.user.border.default}}`})]})}},33634:(e,t,r)=>{"use strict";var a=r(3396);t.A=void 0;

3var n=a(r(18969)),i=r(2183);t.A=(0,n.default)((0,i.jsx)("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreVert")},44103:(e,t,r)=>{"use strict";r.d(t,{k5:()=>l});var a=r(36439),n={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},i=a.createContext&&a.createContext(n),o=function(){return(o=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},c=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)0>t.indexOf(a[n])&&(r[a[n]]=e[a[n]]);return r};function l(e){return function(t){return a.createElement(s,o({attr:o({},e.attr)},t),function e(t){return t&&t.map(function(t,r){return a.createElement(t.tag,o({key:r},t.attr),e(t.child))})}(e.child))}}function s(e){var t=function(t){var r,n=e.size||t.size||"1em";t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className);var i=e.attr,l=e.title,s=c(e,["attr","title"]);return a.createElement("svg",o({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,i,s,{className:r,style:o({color:e.color||t.color},t.style,e.style),height:n,width:n,xmlns:"http://www.w3.org/2000/svg"}),l&&a.createElement("title",null,l),e.children)};return void 0!==i?a.createElement(i.Consumer,null,function(e){return t(e)}):t(n)}},49802:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/view/settings/profile",function(){return r(30784)}])},52107:(e,t,r)=>{"use strict";r.d(t,{E:()=>s});var a=r(45023),n=r(51949),i=r.n(n);r(36439);var o=r(25008),c=r.n(o),l=r(33614);function s({className:e,children:t}){return(0,a.FD)(a.FK,{children:[(0,a.Y)(l.Z,{className:c()("content-container",e),children:t}),(0,a.Y)(i(),{id:"cefe016afe834216",children:".content-container.jsx-cefe016afe834216{border-radius:4px;overflow:hidden}"})]})}},52428:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>s});var a=r(45023),n=r(36439),i=r(41471),o=r(93998),c=r(53422),l=r(44458);let s=function({renderPc:e,renderSp:t,isPage:r=!0}){let s=(0,i.useSelector)(({user:e})=>e.userAgent),d=(0,l.hD)();return(0,o.c$)(s)&&!d?(0,a.Y)(n.Fragment,{children:e()}):r?(0,a.Y)(c.x,{children:t()}):(0,a.Y)(n.Fragment,{children:t()})}},53422:(e,t,r)=>{"use strict";r.d(t,{x:()=>o});var a=r(45023),n=r(51949),i=r.n(n);function o({children:e}){return(0,a.FD)("div",{className:"jsx-9054149ebbf1082a appPageContainer",children:[e,(0,a.Y)(i(),{id:"9054149ebbf1082a",children:".appPageContainer.jsx-9054149ebbf1082a{padding-bottom:60px}"})]})}r(36439)},57590:(e,t,r)=>{"use strict";r.d(t,{L:()=>l});var a=r(92362),n=r(41471),i=r(14643),o=r(36439);let c=e=>e.app.routeHistory,l=()=>{let e=(0,n.useDispatch)(),t=(0,n.useSelector)(c);return{lastRoute:t[t.length-2]??i.default.VIEW_HOME,handleClick:(0,o.useCallback)(()=>{e((0,a.td)())},[e])}}},71095:(e,t)=>{"use strict";t.A=void 0,t.A={BannedWord:"bannedWord",DenyUrl:"denyUrl",Duplicated:"duplicated",Required:"required",RuleViolation:"ruleViolation",ProfileObjectRuleViolation:"profileObjectRuleViolation"}},72763:(e,t,r)=>{"use strict";r.d(t,{z:()=>u});var a=r(45023),n=r(51949),i=r.n(n),o=r(36439),c=r(47727),l=r(22668),s=r(92270),d=r(73882);function u({content:e,recommendContent:t,handleClickLogo:r,maxWidth:n}){let m=(0,s.K)(),f=o.useRef(null);return(0,a.FD)(o.Fragment,{children:[(0,a.Y)("div",{className:i().dynamic([["63977e5e7da70881",[l.A.MAX_PC_WIDTH]],["b69779d4d0f1bf88",[m,n||688]]])+" one-column-container",children:(0,a.FD)(c.D,{handleClickLogo:r,children:[(0,a.Y)("main",{ref:f,"data-cy":"main-content",className:i().dynamic([["63977e5e7da70881",[l.A.MAX_PC_WIDTH]],["b69779d4d0f1bf88",[m,n||688]]]),children:(0,a.Y)(d._.Provider,{value:f,children:e})}),t]})}),(0,a.Y)(i(),{id:"b69779d4d0f1bf88",dynamic:[m,n||688],children:`.one-column-container.__jsx-style-dynamic-selector{display:flex;flex-direction:column;min-height:100vh - ${m}px}main.__jsx-style-dynamic-selector{flex:1;max-width:${n||688}px;margin:0 auto;width:100%;overflow:visible}`}),(0,a.Y)(i(),{id:"63977e5e7da70881",dynamic:[l.A.MAX_PC_WIDTH],children:`.main-layout{max-width:${l.A.MAX_PC_WIDTH}px;margin:0 auto;width:100%}`})]})}},73882:(e,t,r)=>{"use strict";r.d(t,{J:()=>s,_:()=>l});var a=r(45023),n=r(90524),i=r(40803),o=r(36439),c=r(30915);let l=(0,o.createContext)(null),s=({reactors:e,children:t})=>{let[r,n]=(0,o.useState)(!1),[c,s]=(0,o.useState)(null),m=(0,o.useContext)(l);(0,o.useEffect)(()=>{s(m?.current??null)},[m?.current]);let f=e.length>1?"rich":"plain",p=e.length>50,h=r?e:e.slice(0,50);return(0,a.Y)(i._,{variant:f,collisionBoundary:c,side:"rich"===f?"right":"top",align:"rich"===f?"start":"center",alignOffset:60,sideOffset:0,collisionPadding:{top:32,bottom:32},supportingText:h.length?(0,a.FD)("div",{css:u,children:[h.join(", "),p&&!r&&(0,a.Y)(d,{onClick:()=>n(!r)})]}):void 0,children:t})},d=({onClick:e})=>{let{t}=(0,n.B)(["components/organisms/directmessage/components"]);return(0,a.FD)("button",{css:m,onClick:e,children:["...",t("Show more")]})},u=(0,c.AH)({wordBreak:"keep-all"}),m=(0,c.AH)({cursor:"pointer"})},84354:(e,t,r)=>{"use strict";r.d(t,{o:()=>f});

3var a=r(45023),n=r(30915),i=r(23144),o=r.n(i),c=r(93737),l=r(95550),s=r(57590),d=r(51963),u=r(78201);let m=(0,n.AH)("color:inherit;text-decoration:none;");function f({iconSize:e=26,label:t}){let{lastRoute:r,handleClick:n}=(0,s.L)();return(0,a.Y)(o(),{href:(0,d.Hs)(r),css:m,children:t?(0,a.Y)(u.o5,{onClick:n,"data-cy":"back-button",children:t}):(0,a.Y)(u.K0,{onClick:n,"data-cy":"back-button","aria-label":"Back",children:(0,a.Y)(c._Jj,{size:e,style:{color:`${l.Q}`}})})})}},95550:(e,t,r)=>{"use strict";r.d(t,{Q:()=>a});let a="rgba(0, 0, 0, 0.87)"}},e=>{e.O(0,[51,2136,6569,6328,3830,212,636,6593,8792],()=>e(e.s=49802)),_N_E=e.O()}]);
4//# sourceMappingURL=profile-7a91a0eeca85c32e.js.map
5//# debugId=ace636f2-8542-5973-be31-ca35c7ab33c8