1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8865],{96777:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/me",function(){return t(78919)}])},95745:function(e,a,t){"use strict";var i=t(20567),n=t(14932),r=t(47702),o=t(85893),l=t(45697),s=t.n(l),c=t(86413),d=t.n(c);let u=e=>{var{color:a="primary",className:t="",children:l,block:s=!1,disabled:c=!1,onClick:u}=e,m=(0,r._)(e,["color","className","children","block","disabled","onClick"]);return(0,o.jsx)("span",(0,n._)((0,i._)({className:"\n ".concat(c?d().disabled:"clickable","\n text-").concat(a,"\n ").concat(d().actionLink,"\n ").concat(s?d().block:"","\n ").concat(t,"\n "),onClick:()=>{!c&&u&&u()}},m),{children:l}))};u.propTypes={color:s().string,className:s().string,block:s().bool,disabled:s().bool,onClick:s().func,children:s().node},a.Z=u},39013:function(e,a,t){"use strict";var i=t(85893),n=t(2567),r=t(9117),o=t(9008),l=t.n(o),s=t(11163),c=t(45697),d=t.n(c),u=t(21213);let m=e=>{let{title:a}=e,t=(0,s.useRouter)(),{getGroupSectionFromPathname:o}=(0,n.X)(),{section:c}=o(t.pathname),{i18n:d}=(0,u.$G)();return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(l(),{children:[a?(0,i.jsx)("title",{children:a}):c.title&&(0,i.jsx)("title",{children:c.title?(0,r.x)(c.title,d.language):""}),(0,i.jsx)("link",{rel:"shortcut icon",href:"/favicon-16x16.png",type:"image/png",sizes:"16x16"}),(0,i.jsx)("link",{rel:"shortcut icon",href:"/favicon-32x32.png",type:"image/png",sizes:"32x32"}),(0,i.jsx)("link",{rel:"shortcut icon",href:"/favicon-32x32.png",type:"image/png",sizes:"96x96"})]})})};m.propTypes={title:d().string},a.Z=m},7008:function(e,a,t){"use strict";var i=t(20567),n=t(14932),r=t(47702),o=t(85893),l=t(1162),s=t(80044),c=t(45697),d=t.n(c);function u(e){var{name:a,onSubmit:t,initialValues:c,validationSchema:d,enableReinitialize:u,children:m}=e,p=(0,r._)(e,["name","onSubmit","initialValues","validationSchema","enableReinitialize","children"]);return(0,o.jsx)(s.J9,(0,n._)((0,i._)({},p),{onSubmit:function(){for(var e=arguments.length,i=Array(e),n=0;n<e;n++)i[n]=arguments[n];return(0,l.wk)("request_attempt",a,"BuyingChallenge"!==a?i:null),null==t?void 0:t(...i)},initialValues:c,validationSchema:d,enableReinitialize:u,children:e=>"function"==typeof m?m(e):m}))}u.propTypes={name:d().string.isRequired,onSubmit:d().func,initialValues:d().object,validationSchema:d().any,enableReinitialize:d().bool,children:d().oneOfType([d().node,d().func]).isRequired},a.Z=u},49848:function(e,a,t){"use strict";var i=t(20567),n=t(14932),r=t(47702),o=t(85893),l=t(80044),s=t(45697),c=t.n(s),d=t(87261),u=t(56960);let m=e=>{var{idPrefix:a,name:t,type:s,isEditing:c,options:m,onAfterChange:p,formatter:_,hideError:g,onChangeEnableAddSource:h}=e,f=(0,r._)(e,["idPrefix","name","type","isEditing","options","onAfterChange","formatter","hideError","onChangeEnableAddSource"]);let[b,v]=(0,l.U$)(t),{onChange:x,onBlur:y}=b,{error:j,touched:N,value:I}=v,k=(e,a)=>{e.preventDefault(),x(e),N||e.target.value||y(e),p&&p(e),a&&a()};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(d.Z,(0,n._)((0,i._)({},f),{id:"".concat(a,"_input_").concat(t),type:s,name:t,plaintext:!c,readOnly:!c,invalid:!!N&&!!j,value:_?_(I):I,onChange:e=>k(e,h),onBlur:null,children:m&&m.map(e=>(0,o.jsx)("option",{value:e.value,children:e.label},e.value))})),!g&&j?(0,o.jsx)(u.Z,{id:"".concat(a,"_error_").concat(t),children:j}):null]})};m.propTypes={idPrefix:c().string.isRequired,name:c().string.isRequired,type:c().string.isRequired,isEditing:c().bool,options:c().array,onAfterChange:c().func,formatter:c().func,hideError:c().bool,onChangeEnableAddSource:c().func},a.Z=m},20169:function(e,a,t){"use strict";t.d(a,{$1:function(){return u},CH:function(){return _},Dv:function(){return d},Hu:function(){return c},If:function(){return r},ih:function(){return o},jD:function(){return p},pw:function(){return l},u3:function(){return m}});var i=t(86675);let n="D MMM";function r(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100;return parseFloat(e/a).toLocaleString("en")}function o(e){return parseFloat(e.replace(/,/g,""),10)}let l=e=>{if(!e)return null;let a=e.toString().split(".");return a[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")+(a[1]?"."+a[1]:"")},s=e=>e.get("year")+543;function c(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!e)return null;let r=(0,i.gH)(e).add(t,"day").locale(a);return"th"===a?"".concat(r.format(n)," ").concat(s(r)):r.format("D MMM YYYY")}function d(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!e)return null;let r=(0,i.gH)(e).add(t,"day").locale(a);return"th"===a?"".concat(r.format(n)," ").concat(s(r)):r.format("MMM D, YYYY")}function u(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";if(!e)return null;let t=(0,i.gH)(e).locale(a);return"th"===a?"".concat(t.format(n)," ").concat(s(t),", ").concat(t.format("HH:mm")):t.format("D MMM YYYY, HH:mm")}function m(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return e?e.includes("+66")?e.substring(3,e.length):e.substring(1,e.length):""}function p(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a=String(e).trim().replace(/[\s-]/g,"");return a.startsWith("+66")?"0".concat(a.substring(3)):a.startsWith("66")?"0".concat(a.substring(2)):a}function _(){let e=new Date,[a,t,i,n]=[e.getFullYear(),e.getMonth(),e.getDate(),e.getHours()];
1return"".concat(a).concat(t).concat(i).concat(n)}},57595:function(e,a,t){"use strict";t.d(a,{a:function(){return i}});let i=e=>{let a=String.fromCharCode(e.keyCode||e.which);/\d/.test(a)||e.preventDefault()}},23272:function(e,a,t){"use strict";var i=t(20567),n=t(14932),r=t(47702),o=t(85893),l=t(8827),s=t.n(l);a.Z=e=>{var{children:a}=e,t=(0,r._)(e,["children"]);return(0,o.jsx)("div",(0,n._)((0,i._)({},t),{className:s().page,children:a}))}},78919:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return eK}});var i=t(85893),n=t(39013),r=t(23272),o=t(80028),l=t(53550),s=t(39862),c=t(21203),d=t(51033),u=t(27724),m=t(86675),p=t(77248),_=t(69416),g=t(41609),h=t.n(g),f=t(67294),b=t(21213),v=t(86201),x=t(25675),y=t.n(x),j=t(45697),N=t.n(j),I=t(95719),k=t(60766),C=t(35773),B=t(95305),Z=t(84082),w=t(89657),P=t.n(w);let F=e=>{let{idPrefix:a,isOpen:t,toggle:n}=e,{t:r}=(0,b.$G)();return(0,i.jsx)(I.Z,{isOpen:t,toggle:n,modalClassName:P().customModalStyle,contentClassName:P().contentModal,centered:!0,children:(0,i.jsx)(k.Z,{children:(0,i.jsxs)("div",{children:[(0,i.jsx)(C.Z,{className:P().iconBin,children:(0,i.jsx)("div",{id:"".concat(a,"_image_iconAlert"),className:"my-2",children:(0,i.jsx)(y(),{src:"/images/icNoContent.webp",alt:"",width:60,height:60})})}),(0,i.jsx)(C.Z,{className:"d-flex justify-content-center",children:(0,i.jsx)("p",{id:"".concat(a,"_label_description"),className:"".concat(P().modalDetail," mx-3 text-center mb-"),children:r("me:gamification.quotaReachedModal.description")})}),(0,i.jsx)(C.Z,{className:"d-flex justify-content-center",children:(0,i.jsx)(B.Z,{className:P().dismissButton,children:(0,i.jsx)(Z.Z,{id:"".concat(a,"_button_dismiss"),type:"button",onClick:n,block:!0,color:"primary-new",children:r("common:btn.ok")})})})]})})})};F.propTypes={idPrefix:N().string,isOpen:N().bool,toggle:N().func};var S=t(64209),M=t(66182),D=t(29145),R=t(9178),E=t(51322),T=t(66352);let A="/api/gamification",L=e=>T.ZP.get("".concat(A,"/").concat(e)).then(e=>e),q=(e,a)=>T.ZP.get("".concat(A,"/").concat(e,"/").concat(a)).then(e=>e),O=e=>T.ZP.get("".concat(A,"/").concat(e,"/rewards")).then(e=>e),U=e=>T.ZP.post("".concat(A),e).then(e=>e),H=e=>T.ZP.post("".concat(A,"/").concat(e,"/rewards")).then(e=>e);var G=t(93967),Y=t.n(G),V=t(1852),W=t(2947),z=t(39886),$=t(54610),J=t(11788),Q=t(8975),K=t(68274),X=t(99307),ee=t.n(X);let{RESOURCE_DOES_NOT_EXIST:ea,RESOURCE_ALREADY_EXIST:et,EXCEED_LIMIT_OF_QUOTA:ei,TRUEYOU_EXCEED_LIMIT_OF_QUOTA:en}=s.GAMIFICATION_ERROR_CODE,er=(0,R.O)("NEXT_PUBLIC_GAME_MISSION_ID"),eo=(0,R.O)("NEXT_PUBLIC_GAME_GROUP_ID"),el=e=>{let{publicInfo:a,personalDetail:t,trueyouProfile:n,editMode:r,setEditMode:o}=e,{NEXT_PUBLIC_ENABLE_GAMIFICATION:l,NEXT_PUBLIC_ENABLE_SEE_GAME_DETAIL_BUTTON:s}=(0,D.p)(),d="/images/sources",{t:m}=(0,b.$G)("me"),[p,g]=(0,f.useState)(!1),[h,x]=(0,f.useState)(""),[y,j]=(0,f.useState)("0"),[N,I]=(0,f.useState)(!1),[k,w]=(0,f.useState)(!1),[P,R]=(0,f.useState)(!1),[T,A]=(0,f.useState)(!1),{platform:G,appVersion:X}=(0,u.t)(),el=[c.E5,c.Os].includes(G)&&(0,E.Fc)(X,s),es=(0,V.useMediaQuery)({maxWidth:M.e.xs.max}),ec=async()=>{try{var e,a;let t=await O(er);(null===(e=t.data.data[0])||void 0===e?void 0:e.provision_status)!==!0&&(g(!0),(null===(a=t.data.data[0])||void 0===a?void 0:a.provision_desc.includes("".concat(en)))&&R(!0))}catch(e){g(!1)}},ed=async()=>{try{await U({country_iso2:"th",group_id:eo,mission_id:er});let e=await L(er);x(e.data.data.reward.title.th_en),j("".concat(e.data.data.progress_percentage)),100===e.data.data.progress_percentage?(I(!0),ec()):g(!0),console.log("--> result",e)}catch(t){var e,a;(null===(a=t.response)||void 0===a?void 0:null===(e=a.data)||void 0===e?void 0:e.code)!==et&&g(!1)}},eu=async()=>{try{let e=await L(er);x(e.data.data.reward.title.th_en),j("".concat(e.data.data.progress_percentage)),100===e.data.data.progress_percentage?(I(!0),ec()):g(!0)}catch(t){var e,a;(null===(a=t.response)||void 0===a?void 0:null===(e=a.data)||void 0===e?void 0:e.code)===ea?ed():g(!1)}},em=async()=>{try{let e=await q(er,eo),a=e.data.data.is_active,t=e.data.data.is_expire;!0===a&&!1===t&&eu(),console.log("--> result",e)}catch(e){g(!1)}},ep=(e,a)=>(0,W.Am)((0,i.jsx)(K.Z,{isSuccess:e,description:a}),{position:"bottom-center",autoClose:3e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!1,draggable:!0,closeButton:!1,className:"Toastify__toast-".concat(e?"success":"error")}),e_=async()=>
1{if(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"click",link_type:"gamification_section",link_desc:"collect_reward"}),window.eventHistory=window.eventHistory||[],window.eventHistory.push({event:"click",link_type:"gamification_section",link_desc:"collect_reward"}),P)A(!0);else try{let e=await H(er);console.log("--> result",e),!0===e.data.data.provision_status?(w(!0),ep(!0,m("gamification.toast.success"))):e.data.code===ei?(R(!0),A(!0)):ep(!1,m("gamification.toast.failure"))}catch(e){ep(!1,m("gamification.toast.failure"))}},eg=e=>{l&&!0===e&&em()},eh=async()=>{try{let e=await (0,_.ph)();console.log("--> result",e);let a=e.redemptionEnabled&&e.hasProduct;eg(a)}catch(e){g(!1)}};(0,f.useEffect)(()=>{let{redemptionEnabled:e,hasProduct:a}=n;void 0===e||void 0===a?eh():eg(e&&a)},[a.displayName,a.username,a.bio,a.avatar,a.cover,t.firstName,t.lastName,t.birthday,t.gender]);let ef=(0,Q.sprintf)(m("gamification.description.emptyState"),a.displayName,h),eb=(0,Q.sprintf)(m("gamification.description.complete"),h);return p&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"view_overlay",title:"gamification_section"}),window.eventHistory=window.eventHistory||[],window.eventHistory.push({event:"view_overlay",title:"gamification_section"})),(0,i.jsx)(i.Fragment,{children:p&&!r&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(W.Ix,{}),(0,i.jsx)(F,{idPrefix:"me_gamification",isOpen:T,toggle:()=>{A(!1)}}),(0,i.jsx)(z.Z,{className:"".concat(ee().cardContainer),children:(0,i.jsxs)($.Z,{className:"mx-2",children:[(0,i.jsxs)(C.Z,{className:ee().missionTitle,children:[(0,i.jsxs)("picture",{id:"me_gamification_image_mission",className:"mt-4",children:[(0,i.jsx)("source",{srcSet:"".concat(d,"/[email protected]"),type:"image/webp"}),(0,i.jsx)("source",{srcSet:"".concat(d,"/[email protected]"),type:"image/webp"}),(0,i.jsx)("img",{height:"20px",src:"".concat(d,"/[email protected]"),alt:"Gamification"})]}),(0,i.jsxs)(S.Z,{id:"me_gamification_section_title",className:"".concat(ee().gamificationTitle," ps-0 border-0"),children:["0"===y?m("gamification.title.emptyState"):"100"===y?m("gamification.title.complete"):m("gamification.title.partiallyComplete"),"â\xa0"]}),(0,i.jsx)("p",{id:"me_gamification_text_progress",className:ee().percentageCount,children:"".concat(y,"%")})]}),(0,i.jsx)(J.Z,{id:"me_gamification_progress_completion",className:"".concat(ee().progressBar),value:"".concat(y)}),(0,i.jsx)("p",{id:"me_gamification_text_description",className:"".concat(ee().gamificationDescription),dangerouslySetInnerHTML:{__html:N?"".concat(eb):"".concat(ef)}}),(0,i.jsxs)(C.Z,{className:"mb-0 pb-0",children:[el&&(0,i.jsx)("div",{className:es?"pe-1 col-5":"pe-1 col-3",children:(0,i.jsx)(Z.Z,{id:"me_gamification_button_seeDetail",type:"button",outline:!0,block:!0,onClick:()=>{if([c.E5,c.Os].includes(G)){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"click",link_type:"gamification_section",link_desc:"see_detail"}),window.eventHistory=window.eventHistory||[],window.eventHistory.push({event:"click",link_type:"gamification_section",link_desc:"see_detail"});let e='trueid://acc?{"action":"deeplink","status":"success","handling":"","uri":"https://gamification.trueid.net/mission/'.concat(er,'"}');window.location.href=e}},className:Y()(ee().whiteButton,ee().gameButtonHeight),children:m("gamification.button.seeDetail")})}),(0,i.jsx)(B.Z,{children:N?(0,i.jsx)(v.Z,{id:"me_gamification_button_redeem",type:"submit",block:!0,className:Y()(k?ee().redeemedButton:ee().blackButton,ee().gameButtonHeight),onClick:e_,disabled:k,children:k?m("gamification.button.redeemed"):m("gamification.button.collectReward")}):(0,i.jsx)(Z.Z,{id:"me_gamification_button_edit",type:"button",outline:!0,block:!0,onClick:()=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"click",link_type:"gamification_section",link_desc:"edit_profile"}),window.eventHistory=window.eventHistory||[],window.eventHistory.push({event:"click",link_type:"gamification_section",link_desc:"edit_profile"}),o(!0)},className:Y()(ee().blackButton,ee().gameButtonHeight),children:m("gamification.button.editProfile")})})]}),N&&(0,i.jsx)("div",{id:"me_gamification_text_redeemDescription",className:"".concat(ee().redeemDescription),children:m("gamification.redeem.description")})]})})]})})};el.propTypes={publicInfo:N().shape({displayName:N().string,bio:N().string,avatar:N().string,cover:N().string,username:N().string,nextUsernameUpdateAt:N().number,iconBorder:N().string}
1).isRequired,personalDetail:N().shape({firstName:N().string,lastName:N().string,birthday:N().string,gender:N().number}).isRequired,trueyouProfile:N().object.isRequired,editMode:N().bool.isRequired,setEditMode:N().func.isRequired};var es=t(20567),ec=t(14932),ed=t(7008),eu=t(14867),em=t(21442),ep=t(89163),e_=t(74231),eg=t(95745),eh=t(95892),ef=t(49848),eb=t(565),ev=t(59417),ex=t(96030),ey=t(1162),ej=t(76046),eN=t(55250),eI=t(90327),ek=t(44628),eC=t(54347);let eB=e=>{let{onConfirm:a,errorTitle:t,errorContent:n}=e,{t:r}=(0,b.$G)("me");return(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"py-5",children:(0,i.jsx)(y(),{src:"/images/[email protected]",alt:r("uploading.fail.title"),width:108,height:95})}),(0,i.jsx)("h6",{id:"me_publicInfo_uploadingResultFail_title",className:"text-danger",children:t||r("uploading.fail.title")}),(0,i.jsx)("div",{id:"me_publicInfo_uploadingResultFail_content",className:"text-muted",children:n||r("uploading.fail.content")}),(0,i.jsx)("div",{className:"py-3",children:(0,i.jsx)(C.Z,{className:"justify-content-center",children:(0,i.jsx)(B.Z,{md:"12",lg:"7",xl:"6",children:(0,i.jsx)(Z.Z,{color:"primary",block:!0,onClick:a,children:r("common:btn.retry")})})})})]})};eB.propTypes={onConfirm:N().func,errorTitle:N().string,errorContent:N().string};let eZ=e=>{let{publicInfo:a,onUpdateCallback:t,prefix:n}=e,{t:r}=(0,b.$G)(["me","common"]),{setUserCover:o}=(0,d.s)(),[l,s]=(0,f.useState)(!1),[c,u]=(0,f.useState)(""),[m,p]=(0,f.useState)(!1),[g,h]=(0,f.useState)(!1),[v,x]=(0,f.useState)(!1),[y,j]=(0,f.useState)(!1),N=()=>s(!l),I={cover:"".concat(n,"_image_cover_cropper")},[k,w]=(0,f.useState)("");(0,f.useEffect)(()=>{(null==a?void 0:a.cover)?w(a.cover.startsWith("data:image")?a.cover:(0,eI.Y4)(a.cover,{v:(0,ej.x)(0,1e4)})):w("")},[null==a?void 0:a.cover]);let P=async e=>{let a=e.target,{id:t}=a,i="me_publicInfo_input_file_cover"===t,n=()=>{i&&(u(""),h(!0))};if(a.files.length>0){let e=new FileReader;e.onload=()=>{i&&(u(e.result),j(!0))},e.onerror=e=>{console.log("CoverContainer Error: ",e),n()};let t={file:a.files[0],maxSize:500};try{let a=await (0,eN.t)(t);e.readAsDataURL(a)}catch(e){n()}}};return v||g?(0,i.jsx)(eB,{errorTitle:g?r("me:uploading.validationFail.title"):null,errorContent:g?r("me:uploading.validationFail.content"):null,onConfirm:()=>{h(!1),x(!1)}}):y?(0,i.jsx)("div",{id:I.cover,children:(0,i.jsx)(eh.Z,{name:I.cover,imageData:c,aspect:3.125,onCropped:e=>{null!==e&&(p(!0),j(!1),(0,_.i5)({payload:e}).then(a=>{var t;(null===(t=a.data)||void 0===t?void 0:t.cover)&&(w(e),o(e),(0,ey.wk)("form_success",I.cover))}).catch(e=>{[413].includes(e.response.status)?h(!0):x(!0)}).finally(()=>{setTimeout(()=>{p(!1),t()},1e3*eb.IF)}))},onCancelled:()=>j(!1),onError:e=>{console.log(e),h(!0)}})}):(0,i.jsx)(C.Z,{children:(0,i.jsx)(B.Z,{children:(0,i.jsx)(ep.Z,{children:(0,i.jsx)("div",{children:m?(0,i.jsx)("div",{className:"".concat(ee().coverContainer),children:(0,i.jsx)("div",{className:"rounded-circle",children:(0,i.jsx)("div",{className:ee().avatarLoadingIcon,children:(0,i.jsx)(ex.G,{icon:ev.IJ7,spin:!0})})})}):(0,i.jsxs)("div",{className:"".concat(ee().coverContainer),children:[(0,i.jsx)("img",{id:"me_publicInfo_image_cover",alt:a.displayName,className:"w-100 ".concat(ee().coverImage),src:k||eb.GV}),(0,i.jsx)(Z.Z,{id:"me_publicInfo_button_cover",onClick:N,className:"".concat(ee().cameraButton," ").concat(ee().cameraButtonCenter," ").concat(l?ee().active:""),children:(0,i.jsx)(ex.G,{icon:ev._jT,color:"white"})}),(0,i.jsx)(ek.Z,{trigger:"legacy",placement:"bottom",target:"me_publicInfo_button_cover",isOpen:l,toggle:N,fade:!1,children:(0,i.jsxs)(eC.Z,{className:ee().popoverBody,children:[(0,i.jsx)("div",{children:(0,i.jsxs)(eg.Z,{id:"me_publicInfo_button_uploadPictureCover",color:"secondary",onClick:()=>{document.getElementById("me_publicInfo_input_file_cover").click()},className:ee().popoverItem,children:[(0,i.jsx)("img",{className:"".concat(ee().popoverItemIcon),src:"".concat("/images/profile","/ic-upload.webp"),alt:"Upload profile cover"}),(0,i.jsx)("b",{className:ee().popoverItemText,children:r("me:button.uploadProfileCoverPicture")})]})}),!!k&&k!==eb.GV&&(0,i.jsx)("div",{children:(0,i.jsxs)(eg.Z,{id:"me_publicInfo_button_deletePictureCover",color:"secondary",onClick:()=>{s(!1),p(!0),(0,_.Nz)().then(e=>{var a,t;w(null===(a=e.data)||void 0===a?void 0:a.cover.medium),o(null===(t=e.data)||void 0===t?void 0:t.cover.medium)}).catch(e=>{var a,i;console.log(e),(null==e?void 0:null===(i=e.response)||void 0===i?void 0:null===(a=i.data)||void 0===a?void 0:a.code)===10008&&(w(null),o(null),t())}).finally(()=>{setTimeout(()=>{p(!1),t()},1e3*eb.IF)})},className:ee().popoverItem,children:[(0,i.jsx)(ex.G,{icon:ev.$aW,color:"black",className:"".concat(ee().popoverItemIcon)}),(0,i.jsx)("b",{className:ee().popoverItemText,children:r("me:button.delete")})]})})]})}),(0,i.jsx)(ef.Z,{idPrefix:n,type:"hidden",name:"cover"}),(0,i.jsx)("input",{id:"me_publicInfo_input_file_cover",type:"file",name:"file",className:"d-none",accept:"image/x-png,image/gif,image/jpeg",onChange:P})]})})})})})};eZ.propTypes={publicInfo:N().shape({displayName:N().string,bio:N().string,avatar:N().string,cover:N().string,username:N().string}).isRequired,onUpdateCallback:N().func,prefix:N().string};var ew=t(57595),eP=t(87261),eF=t(63584),eS=t.n(eF);let eM=e=>
1{let{id:a,name:t,value:n,onChange:r,invalid:o=!1,readOnly:l=!1,disabled:s=!1}=e,c=(0,f.useRef)(null),d=(0,f.useRef)(null),[u,m]=(0,f.useState)(!1),[p,_]=(0,f.useState)({date:!1,month:!1,year:!1}),[g,h]=(0,f.useState)(""),[b,v]=(0,f.useState)({date:"",month:"",year:""});(0,f.useEffect)(()=>{let e=n.split("-"),a={date:e[2]||"",month:e[1]||"",year:e[0]||""};b!==a&&v(a),m(!0)},[n]),(0,f.useEffect)(()=>{let e;let{year:a,month:t,date:i}=b;g!==(e=a.length||t.length||i.length?"".concat(a,"-").concat(t,"-").concat(i):"")&&h(e)},[b]),(0,f.useEffect)(()=>{u&&g!==n&&r&&r({persist:()=>{},type:"change",target:{type:"text",id:a,name:t,value:g}})},[g]);let x=(e,a)=>{let t=e.target.value,i=(0,ec._)((0,es._)({},b),{[a]:t});b!==i&&(v(i),"date"===a&&t.length>1?setTimeout(()=>c.current.focus()):"month"===a&&t.length>1?setTimeout(()=>d.current.focus()):"year"===a&&t.length>3&&setTimeout(()=>e.target.blur()))},y=(e,a)=>{e.target.select();let t=(0,ec._)((0,es._)({},p),{[a]:!0});p!==t&&_(t)},j=e=>{let a=(0,ec._)((0,es._)({},p),{[e]:!1});p!==a&&_(a)};return(0,i.jsxs)("div",{className:"".concat(eS().dateInput," ").concat(o?"is-invalid":""),children:[(0,i.jsx)(eP.Z,{type:l?"text":"hidden",id:"".concat(a,"_display"),plaintext:!0,readOnly:!0,value:(()=>{if(!g)return"";let e=g.split("-");return"".concat(e[2],"/").concat(e[1],"/").concat(e[0])})()}),l||(0,i.jsxs)("div",{className:eS().inputForm,children:[(0,i.jsx)(eP.Z,{id:"".concat(a,"_date"),type:"text",pattern:"\\d*",inputMode:"numeric",autoComplete:"off",className:eS().date,placeholder:"DD",value:b.date,onChange:e=>x(e,"date"),disabled:s,maxLength:"2",invalid:o,onKeyPress:ew.a,onFocus:e=>y(e,"date"),onBlur:()=>j("date")}),(0,i.jsx)("p",{className:eS().dateSplit,children:"/"}),(0,i.jsx)(eP.Z,{id:"".concat(a,"_month"),innerRef:c,type:"text",pattern:"\\d*",inputMode:"numeric",autoComplete:"off",className:eS().month,placeholder:"MM",value:b.month,onChange:e=>x(e,"month"),disabled:s,maxLength:"2",invalid:o,onKeyPress:ew.a,onFocus:e=>y(e,"month"),onBlur:()=>j("month")}),(0,i.jsx)("p",{className:eS().dateSplit,children:"/"}),(0,i.jsx)(eP.Z,{id:"".concat(a,"_year"),innerRef:d,type:"text",pattern:"\\d*",inputMode:"numeric",autoComplete:"off",className:eS().year,placeholder:"YYYY",value:b.year,onChange:e=>x(e,"year"),disabled:s,maxLength:"4",invalid:o,onKeyPress:ew.a,onFocus:e=>y(e,"year"),onBlur:()=>j("year")})]})]})};eM.propTypes={id:N().string.isRequired,name:N().string.isRequired,disabled:N().bool,readOnly:N().bool,value:N().string.isRequired,onChange:N().func,invalid:N().bool};var eD=t(3126),eR=t(56960),eE=t(78076);let eT=e=>{let{option:a,editMode:t,setFieldValue:n,values:r}=e,o="me_".concat("personalDetail");return(0,i.jsxs)(ep.Z,{check:!0,className:"form-checkInputBlack mt-0",children:[(0,i.jsx)(eP.Z,{id:"".concat(o,"_input_gender_").concat(a.value),type:"radio",name:"gender",value:a.value,disabled:!t,checked:r.gender===a.value,onChange:()=>n("gender",a.value)}),(0,i.jsx)(eD.Z,{check:!0,for:"me_personalDetail_input_gender_".concat(a.value),id:"".concat(o,"_label_gender_").concat(a.value),
1children:a.label})]},a.value)};eT.propTypes={option:N().shape({value:N().number,label:N().string}).isRequired,editMode:N().bool.isRequired,setFieldValue:N().func.isRequired,values:N().shape({firstName:N().string,lastName:N().string,birthday:N().string,gender:N().number}).isRequired};let eA=e=>{var a;let{readOnlyBirthday:t,personalDetail:n,handleChange:r,errors:o,editMode:l,setFieldValue:s}=e,{t:c}=(0,b.$G)(["me","common"]),d=(0,V.useMediaQuery)({maxWidth:M.e.md.min})?-1:0,u=[{value:1,label:c("me:personalDetail.option.male")},{value:2,label:c("me:personalDetail.option.female")},{value:9,label:c("me:personalDetail.option.ratherNotSay")}],m="me_".concat("personalDetail");return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(B.Z,{md:!l&&{size:8,offset:4},className:"ps-md-0",children:[(0,i.jsxs)(C.Z,{children:[!l&&(0,i.jsx)("div",{className:"".concat(ee().inputForm," mb-2"),children:"Name"}),(0,i.jsx)(B.Z,{lg:"6",children:(0,i.jsxs)(ep.Z,{children:[(0,i.jsx)(eD.Z,{id:"me_personalDetail_label_firstName",for:"me_personalDetail_input_firstName",className:l?ee().inputFormEditMode:ee().nameLable,children:c("me:personalDetail.label.firstName")}),(0,i.jsx)(ef.Z,{idPrefix:m,type:"text",name:"firstName",isEditing:l,className:l?"form-control-lg form-darkTheme":ee().nameInput,placeholder:c("me:personalDetail.placeholder.firstName")})]})}),(0,i.jsx)(B.Z,{lg:"6 ps-lg-0",children:(0,i.jsxs)(ep.Z,{children:[(0,i.jsx)(eD.Z,{id:"me_personalDetail_label_lastName",for:"me_personalDetail_input_lastName",className:l?ee().inputFormEditMode:ee().nameLable,children:c("me:personalDetail.label.lastName")}),(0,i.jsx)(ef.Z,{idPrefix:m,type:"text",name:"lastName",isEditing:l,className:l?"form-control-lg form-darkTheme":ee().nameInput,placeholder:c("me:personalDetail.placeholder.lastName")})]})})]}),(0,i.jsxs)(C.Z,{children:[(0,i.jsx)(B.Z,{lg:"6",children:(0,i.jsxs)(ep.Z,{children:[(0,i.jsx)(eD.Z,{id:"me_personalDetail_label_birthday",for:"me_personalDetail_input_birthday",className:l?ee().inputFormEditMode:ee().inputForm,children:c("me:personalDetail.label.birthday")}),(0,i.jsx)(eM,{id:"me_personalDetail_input_birthday",name:"birthday",onChange:r,value:n.birthday||"",readOnly:t||!l,invalid:!!o.birthday}),(0,i.jsx)(eR.Z,{id:"me_personalDetail_error_birthday",children:o.birthday}),t&&l&&(0,i.jsx)(eE.Z,{id:"me_personalDetail_readOnlyInfo_birthday",color:"danger",children:c("me:personalDetail.text.birthday.readOnly")})]})}),(0,i.jsx)(B.Z,{lg:"6 ps-lg-0",children:(0,i.jsxs)(ep.Z,{children:[(0,i.jsx)(eD.Z,{id:"".concat(m,"_label_gender"),for:"me_personalDetail_input_gender",className:l?ee().inputFormEditMode:ee().inputForm,children:c("me:personalDetail.label.gender")}),l?(0,i.jsxs)(C.Z,{children:[(0,i.jsx)(B.Z,{lg:"6",children:u.filter((e,a)=>a%2===d).map(e=>(0,i.jsx)(eT,{option:e,editMode:l,setFieldValue:s,values:n},e))}),(0,i.jsx)(B.Z,{lg:"6",children:u.filter((e,a)=>a%2!==d).map(e=>(0,i.jsx)(eT,{option:e,editMode:l,setFieldValue:s,values:n},e))})]}):(0,i.jsx)("div",{className:"form-control-plaintext",id:"me_personDetail_text_gender",children:null===(a=u.find(e=>e.value===n.gender))||void 0===a?void 0:a.label})]})})]})]})})};eA.propTypes={readOnlyBirthday:N().bool.isRequired,personalDetail:N().shape({firstName:N().string,lastName:N().string,birthday:N().string,gender:N().number}).isRequired,handleChange:N().func.isRequired,errors:N().object.isRequired,editMode:N().bool.isRequired,setFieldValue:N().func.isRequired};var eL=t(17350),eq=t(47702),eO=t(53637),eU=t(56727),eH=t.n(eU);t(37677);let eG=e=>{var{children:a,isOpen:t=!1,toggle:n,onPick:r}=e,o=(0,eq._)(e,["children","isOpen","toggle","onPick"]);let{t:l}=(0,b.$G)("profile"),{platform:s}=(0,u.t)(),{userProfile:m,setUserAvatarBorder:p,setUserAvatarOriginal:g}=(0,d.s)(),[h,x]=(0,f.useState)([]),[y,j]=(0,f.useState)(m.iconBorder||null),[N,w]=(0,f.useState)(m.iconBorder||null),[P,F]=(0,f.useState)(!1),S=m.avatar;m.avatar&&!m.avatar.startsWith("data:image")&&(S=(0,eI.Y4)(m.avatar,{v:(0,ej.x)(0,1e4)}));let{avatarOriginal:M}=m;m.avatarOriginal&&!m.avatarOriginal.startsWith("data:image")&&(M=(0,eI.Y4)(m.avatarOriginal,{v:(0,ej.x)(0,1e4)}
1));let D=async()=>{try{let e=await (0,_.hK)(),a=[];e.data.forEach(e=>{e.items.forEach(e=>{a.push(e.url)})}),x(a),j(m.iconBorder||null),w(m.iconBorder||null)}catch(e){}},R=(e,a)=>(0,W.Am)((0,i.jsx)(K.Z,{isSuccess:e,description:a}),{position:"bottom-center",autoClose:3e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!1,draggable:!0,closeButton:!1,className:"Toastify__toast-".concat(e?"success":"error")}),E=()=>{[c.E5,c.Os].includes(s)&&(window.location.href='trueid://acc?{"action":"update_profile","status":"success","handling":"refresh_profile","uri":""}')},T=()=>{let e=y.split("/");return e[e.length-2].replace("-default","").trim()+"."+e[e.length-1].replace(".png","").trim()},A=async()=>{F(!0),N!==y&&(null==y?await (0,_.Wq)().then(()=>{g(""),p(""),j(null),w(null),E(),R(!0,l("pickAvatarBorderModal.toast.success"))}).catch(()=>{R(!1,l("pickAvatarBorderModal.toast.failure"))}).finally(()=>{F(!1),n()}):await (0,_.RO)({imageType:"iconborder",fileName:T()||""}).then(e=>{p(e.data.iconborder),j(e.data.iconborder),w(e.data.iconborder),E(),R(!0,l("pickAvatarBorderModal.toast.success"))}).catch(()=>{R(!1,l("pickAvatarBorderModal.toast.failure"))}).finally(()=>{let e=0;null==N&&(e=eb.Ar),setTimeout(()=>{g(S.replace(".png","_ori.png")),F(!1),n()},1e3*e)}))};(0,f.useEffect)(()=>{t&&D()},[t]),(0,f.useEffect)(()=>{j(m.iconBorder||null),w(m.iconBorder||null)},[m.iconBorder]);let L=(e,a)=>null!==e&&e.includes(a);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(W.Ix,{}),(0,i.jsxs)(I.Z,(0,ec._)((0,es._)({isOpen:t,toggle:n,unmountOnClose:!1},o),{className:eH().modalDialog,children:[(0,i.jsxs)(C.Z,{className:"align-items-center ".concat(eH().desktopButtonsContainer),children:[(0,i.jsx)(B.Z,{xs:"12",md:"8",className:eH().pageTitleDesktop,id:"profile_pickBorder_section_title",children:l("pickAvatarBorderModal.section.title")}),(0,i.jsx)(B.Z,{xs:"2",className:eH().desktopButton,children:(0,i.jsx)(Z.Z,{id:"profile_pickBorder_button_cancel",type:"link",className:eH().cancelButton,onClick:()=>{n()},block:!0,disabled:!1,color:"link",children:l("common:btn.cancel")})}),(0,i.jsx)(B.Z,{xs:"2",className:eH().desktopButton,children:(0,i.jsx)(v.Z,{id:"profile_pickBorder_button_select",type:"submit",color:"dark",block:!0,loading:P,disabled:""===y,onClick:A,children:l("common:btn.save")})}),(0,i.jsx)(B.Z,{xs:"12",className:eH().noPadding,children:(0,i.jsxs)("div",{className:eH().bannerContainer,children:[(0,i.jsx)("img",{id:"me_publicInfo_image_cover",alt:"publicInfo.displayName",className:"w-100 ".concat(eH().coverImage),src:m.cover||eb.GV}),(0,i.jsxs)("div",{className:eH().bannerSubContainer,children:[(0,i.jsx)("div",{id:"profile_pickBorder_borderSelected".concat((()=>{let e=h.findIndex(e=>e===y);return -1!==e?e:"None"})()),className:eH().bannerSubContainerAvatar,children:(0,i.jsx)(eL.Z,{avatarId:"profile_pickBorder_avatar",borderIdPrefix:"profile_pickBorder_avatarBorder",avatarSrc:S,avatarOriginalSrc:M,borderSrc:y,alt:m.displayName})}),(0,i.jsx)("div",{className:eH().bannerSubContainerName,children:m.displayName})]})]})})]}),(0,i.jsxs)(k.Z,{className:"p-0 h-100 ".concat(eH().modalAvatarBorderContentBody),children:[(0,i.jsx)(C.Z,{children:(0,i.jsx)(B.Z,{xs:"12",md:"8",className:eH().pageTitleMobile,id:"profile_pickBorder_section_title",children:l("pickAvatarBorderModal.section.title")})}),(0,i.jsxs)(eO.Z,{className:eH().borderFlex,children:[(0,i.jsxs)("div",{className:eH().borderContainer,id:"profile_pickBorder_borderNone".concat(null===y?"_selected":""),onClick:()=>{j(null)},children:[(0,i.jsx)("div",{className:"".concat(eH().subImgBorder," ").concat(null===y?eH().borderSelected:""),alt:"no border selected",children:(0,i.jsx)("div",{className:eH().noneImgBorder,children:l("pickAvatarBorderModal.btn.defaultAvatar")})}),(0,i.jsx)("div",{className:"".concat(eH().borderPickIconContainer," ").concat(null!==N?eH().hideComponent:""),children:(0,i.jsx)(ex.G,{className:eH().borderPickIcon,inverse:!0,icon:ev.LEp,size:"lg"})})]},"border-none"),h.map((e,a)=>(0,i.jsxs)("div",{className:eH().borderContainer,id:"profile_pickBorder_border".concat(a).concat(L(y,e)?"_selected":""),onClick:()=>{j(e)},children:[(0,i.jsx)("img",{src:e,className:"".concat(eH().subImgBorder," ").concat(L(y,e)?eH().borderSelected:""),alt:e}),(0,i.jsx)("div",{className:"".concat(eH().borderPickIconContainer," ").concat(L(N,e)?"":eH().hideComponent),children:(0,i.jsx)(ex.G,{className:eH().borderPickIcon,inverse:!0,icon:ev.LEp,size:"lg"})})]},"border-".concat(a)))]}),(0,i.jsxs)(C.Z,{className:eH().mobileButtonsContainer,children:[(0,i.jsx)(v.Z,{id:"profile_pickBorder_button_select",type:"submit",color:"dark",block:!0,loading:!1,disabled:""===y,onClick:A,children:l("common:btn.save")}),(0,i.jsx)(Z.Z,{id:"profile_pickBorder_button_cancel",type:"button",className:eH().cancelButton,onClick:()=>{j(N),n()},block:!0,disabled:!1,color:"link",children:l("common:btn.cancel")})]})]})]}))]})};
1eG.propTypes={isOpen:N().bool,toggle:N().func,onPick:N().func,children:N().node};var eY=t(20169);let eV=e=>{let{username:a,editMode:t,fieldChange:n,fieldFocus:r,isUsernameValid:o,isCharacterValid:l,isNoSpecialCharacter:s,isLengthValid:c,isEmptyValid:d,prefix:u,isEdit:p,error:_,nextUsernameUpdateAt:g}=e,{i18n:h,t:f}=(0,b.$G)(["me","common"]),v="username",x="";if(null!==_)switch(x="",_.code){case 12008:x=f("me:publicInfo.validation.badWord");break;case 14099:x=f("me:publicInfo.validation.userAlreadyExists");break;default:x=_.message}return(0,i.jsxs)(ep.Z,{className:"form-darkTheme",children:[(0,i.jsx)(eD.Z,{id:"me_publicInfo_label_username",for:"me_publicInfo_input_username",className:t?ee().inputFormEditMode:ee().inputForm,children:f("me:publicInfo.label.username")}),(0,i.jsx)(eP.Z,{id:"".concat(u,"_input_username"),type:"text",name:v,value:a,plaintext:!t,readOnly:!t||!(0,m.yL)(g),onChange:n,onFocus:r,invalid:!o||null!==_,className:"form-control-lg form-darkTheme"}),_?(0,i.jsx)(eR.Z,{id:"".concat(u,"_error_").concat(v),children:x}):null,t&&p&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eW,{isValid:l,title:f("me:publicInfo.validation.charactersEnglish"),name:"character",idPrefix:u}),(0,i.jsx)(eW,{isValid:s,title:f("me:publicInfo.validation.specialCharacters"),name:"specialCharacter",idPrefix:u}),(0,i.jsx)(eW,{isValid:c,title:f("me:publicInfo.validation.charactersLength"),name:"length",idPrefix:u}),(0,i.jsx)(eW,{isValid:d,title:f("me:publicInfo.validation.charactersEmpty"),name:"empty",idPrefix:u})]}),(0,i.jsx)("div",{className:"p-2 ".concat(ee().usernameRemarkContainer),children:(0,i.jsx)("p",{className:ee().remark,id:"me_publicInfo_label_usernameTimeRemark",children:(0,m.yL)(g)?f("me:publicInfo.label.usernameTimeframeRemark"):(0,Q.sprintf)(f("me:publicInfo.label.usernameTimeframeDateRemark"),(0,eY.Hu)(g,h.language,2))})})]})},eW=e=>{let{isValid:a,name:t,title:n,idPrefix:r}=e;return(0,i.jsxs)("div",{className:"mt-2 d-flex align-items-md-center",id:"".concat(r,"_label_validation_").concat(t,"_").concat(a?"success":"error"),children:[(0,i.jsx)(ex.G,{icon:a?ev.f8k:ev.RLE,className:a?ee().success:ee().error}),(0,i.jsx)("p",{className:"mb-0 ms-1 ".concat(a?ee().success:ee().error," ").concat(ee().remark),children:n})]})};eW.propTypes={isValid:N().bool,name:N().string,idPrefix:N().string,title:N().string},eV.propTypes={username:N().string.isRequired,prefix:N().string.isRequired,editMode:N().bool.isRequired,fieldChange:N().func.isRequired,fieldFocus:N().func.isRequired,isUsernameValid:N().bool.isRequired,isCharacterValid:N().bool.isRequired,isNoSpecialCharacter:N().bool.isRequired,isLengthValid:N().bool.isRequired,isEmptyValid:N().bool.isRequired,isEdit:N().bool.isRequired,error:N().shape({code:N().number,message:N().string}),nextUsernameUpdateAt:N().number};let ez=e=>{let{publicInfo:a,onUpdateCallback:t,usernameError:n,clearError:r,editMode:o,username:l,setUsername:c,isUsernameValid:u,isCharacterValid:m,isNoSpecialCharacter:p,isLengthValid:g,isEmptyValid:h,validateUsername:v,isEditUsername:x,setIsEditUsername:y,displayNameLength:j,setDisplayNameLength:N,bioLength:I,setBioLength:k}=e,{t:w}=(0,b.$G)(["me","common"]),{setUserAvatar:P,setUserAvatarBorder:F,setUserAvatarOriginal:S}=(0,d.s)(),{NEXT_PUBLIC_ENABLE_USERNAME:M,NEXT_PUBLIC_PROFILE_AVATAR_BORDER:R}=(0,D.p)(),E="me_publicInfo",T={avatar:"".concat(E,"_image_cropper")},A="/images/profile",[L,q]=(0,f.useState)(!1),[O,U]=(0,f.useState)(""),[H]=(0,f.useState)(""),[G,Y]=(0,f.useState)(""),[V,W]=(0,f.useState)(""),[z,$]=(0,f.useState)(!1),[J,Q]=(0,f.useState)(!1),[K,X]=(0,f.useState)(!1),[ea,et]=(0,f.useState)(!1),[ei,en]=(0,f.useState)(!1),[er,eo]=(0,f.useState)(!1);(0,f.useEffect)(()=>{(null==a?void 0:a.avatar)?Y(a.avatar.startsWith("data:image")?a.avatar:(0,eI.Y4)(a.avatar,{v:(0,ej.x)(0,1e4)})):Y("")},[null==a?void 0:a.avatar]),(0,f.useEffect)(()=>{(null==a?void 0:a.avatarOriginal)?W(a.avatarOriginal.startsWith("data:image")?a.avatarOriginal:(0,eI.Y4)(a.avatarOriginal,{v:(0,ej.x)(0,1e4)})):W("")},[null==a?void 0:a.avatarOriginal]);let el=()=>q(!L),es=async e=>{let a=e.target,{id:t}=a,i="me_publicInfo_input_file_cover"===t,n=()=>{i?H(""):U(""),X(!0)};if(a.files.length>0){let e=new FileReader;e.onload=()=>{i?H(e.result):(U(e.result),Q(!0))},e.onerror=e=>{console.log("PublicInfoForm onImageError: ",e),n()};let t={file:a.files[0],maxSize:500};try{let a=await (0,eN.t)(t);
1e.readAsDataURL(a)}catch(e){n()}}};if(ea||K||ei){let e=null,a=null;return K?(e=w("me:uploading.validationFail.title"),a=w("me:uploading.validationFail.content")):ei&&(e=w("me:uploading.fail.title"),a=w("me:uploading.policyViolationFail.content")),(0,i.jsx)(eB,{errorTitle:e,errorContent:a,onConfirm:()=>{X(!1),et(!1),en(!1),Q(!1)}})}return J?(0,i.jsx)("div",{id:T.avatar,children:(0,i.jsx)(eh.Z,{name:T.avatar,imageData:O,cropShape:"round",onCropped:e=>{null!==e&&($(!0),Q(!1),(0,_.fU)({avatar:e}).then(a=>{var t;(null===(t=a.data)||void 0===t?void 0:t.avatar)&&(Y(e),P(e),S(""),F(null),(0,ey.wk)("form_success",T.avatar))}).catch(e=>{var a,t;let i=null==e?void 0:null===(t=e.response)||void 0===t?void 0:null===(a=t.data)||void 0===a?void 0:a.code;[413].includes(e.response.status)?X(!0):i===s.Yv.POLICY_VIOLATION?en(!0):et(!0)}).finally(()=>{setTimeout(()=>{$(!1),t()},1e3*eb.IF)}))},onCancelled:()=>Q(!1),onError:e=>{console.log(e),X(!0)}})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(C.Z,{children:[(0,i.jsx)(B.Z,{md:"4 text-center",className:"".concat(ee().alignAvatar),children:(0,i.jsx)(ep.Z,{children:(0,i.jsxs)("div",{className:"mx-auto ".concat(ee().avatarContainer),children:[z?(0,i.jsx)("div",{id:"me_publicInfo_uploading_avatar_placeholder",className:ee().avatarLoadingplaceholder,children:(0,i.jsx)("div",{className:"rounded-circle",children:(0,i.jsx)("div",{className:ee().avatarLoadingIcon,children:(0,i.jsx)(ex.G,{icon:ev.IJ7,spin:!0})})})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eL.Z,{avatarId:"me_publicInfo_image_avatar",borderIdPrefix:"me_publicInfo_image_avatarBorder",avatarSrc:G||eb.tU,avatarOriginalSrc:V||eb.je,borderSrc:R?a.iconBorder:"",alt:a.displayName}),(0,i.jsx)(Z.Z,{id:"me_publicInfo_button_avatar",onClick:el,className:"".concat(ee().cameraButton," ").concat(ee().cameraButtonCenter," \n ").concat(L?ee().active:""),children:(0,i.jsx)(ex.G,{icon:ev._jT,color:"white"})}),(0,i.jsx)(ek.Z,{trigger:"legacy",placement:"bottom",target:"me_publicInfo_button_avatar",isOpen:L,toggle:el,fade:!1,children:(0,i.jsxs)(eC.Z,{className:ee().popoverBody,children:[(0,i.jsx)("div",{children:(0,i.jsxs)(eg.Z,{id:"me_publicInfo_button_uploadPicture",color:"secondary",onClick:()=>{document.getElementById("me_publicInfo_input_file").click()},className:ee().popoverItem,children:[(0,i.jsx)("img",{className:"".concat(ee().popoverItemIcon),src:"".concat(A,"/ic-upload.webp"),alt:"Upload profile avatar"}),(0,i.jsx)("b",{children:w("me:button.uploadProfilePicture")})]})}),!!G&&(0,i.jsx)("div",{children:(0,i.jsxs)(eg.Z,{id:"me_publicInfo_button_deletePicture",color:"secondary",onClick:()=>{q(!1),$(!0),(0,_._Q)().then(e=>{var a,t;Y(null===(a=e.data)||void 0===a?void 0:a.avatar),P(null===(t=e.data)||void 0===t?void 0:t.avatar),F(null)}).catch(e=>{var a,i;console.log(e),(null==e?void 0:null===(i=e.response)||void 0===i?void 0:null===(a=i.data)||void 0===a?void 0:a.code)===10008&&(Y(null),P(null),F(null),t())}).finally(()=>{setTimeout(()=>{$(!1),t()},1e3*eb.IF)})},className:ee().popoverItem,children:[(0,i.jsx)(ex.G,{icon:ev.$aW,color:"black",className:"".concat(ee().popoverItemIcon)}),(0,i.jsx)("b",{children:w("me:button.delete")})]})}),R&&G&&(0,i.jsx)("div",{children:(0,i.jsxs)(eg.Z,{id:"me_publicInfo_button_selectAvatarBorder",color:"secondary",onClick:()=>{el(),eo(!0)},className:ee().popoverItem,children:[(0,i.jsx)("img",{className:"".concat(ee().popoverItemIconFixed),src:"".concat(A,"/ic-border.webp"),alt:"Update profile avatar border"}),(0,i.jsx)("b",{children:w("me:button.selectProfileBorderPicture")})]})})]})})]}),(0,i.jsx)(ef.Z,{idPrefix:E,type:"hidden",name:"avatar"}),(0,i.jsx)("input",{id:"me_publicInfo_input_file",type:"file",name:"file",className:"d-none",accept:"image/x-png,image/gif,image/jpeg",onChange:es})]})})}),(0,i.jsxs)(B.Z,{md:"8 ps-md-0",children:[(0,i.jsxs)(ep.Z,{children:[(0,i.jsx)(eD.Z,{id:"me_publicInfo_label_displayName",for:"me_publicInfo_input_displayName",className:o?ee().inputFormEditMode:ee().inputForm,children:w("me:publicInfo.label.displayName")}),(0,i.jsx)(ef.Z,{idPrefix:E,type:"text",name:"displayName",isEditing:o,onAfterChange:e=>{let{target:{value:a}}=e;N(a.length)},className:"form-control-lg form-darkTheme"}
1),o&&(0,i.jsx)("div",{className:ee().inputLength,children:"".concat(j,"/35")})]}),!0===M&&(0,i.jsx)(eV,{username:l,prefix:E,editMode:o,fieldChange:e=>{let{value:a}=e.target;v(a,!0),c(a),null!==n&&r()},fieldFocus:e=>{e.target.select(),y(!0)},isUsernameValid:u,isCharacterValid:m,isNoSpecialCharacter:p,isLengthValid:g,isEmptyValid:h,isEdit:x,error:n,nextUsernameUpdateAt:a.nextUsernameUpdateAt}),(0,i.jsxs)(ep.Z,{children:[(0,i.jsx)(eD.Z,{id:"me_publicInfo_label_bio",for:"me_publicInfo_input_bio",className:o?ee().inputFormEditMode:ee().inputForm,children:w("me:publicInfo.label.bio")}),o?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ef.Z,{idPrefix:E,type:"textarea",name:"bio",className:"".concat(ee().inputFromDarkTheme," form-darkTheme"),isEditing:o,onAfterChange:e=>{let{target:{value:a}}=e;k(a.length)}}),(0,i.jsx)("div",{className:ee().inputLength,children:"".concat(I,"/180")})]}):(0,i.jsx)("p",{id:"me_publicInfo_input_bio",children:a.bio||""})]})]})]}),(0,i.jsx)(eG,{isOpen:er,toggle:()=>eo(!er)})]})};ez.propTypes={publicInfo:N().shape({displayName:N().string,bio:N().string,avatar:N().string,avatarOriginal:N().string,iconBorder:N().string,cover:N().string,username:N().string,nextUsernameUpdateAt:N().number}).isRequired,onUpdateCallback:N().func,usernameError:N().shape({code:N().number,message:N().string}),clearError:N().func,editMode:N().bool.isRequired,username:N().string,setUsername:N().func,isUsernameValid:N().bool.isRequired,isCharacterValid:N().bool.isRequired,isNoSpecialCharacter:N().bool.isRequired,isLengthValid:N().bool.isRequired,isEmptyValid:N().bool.isRequired,validateUsername:N().func.isRequired,isEditUsername:N().bool.isRequired,setIsEditUsername:N().func.isRequired,displayNameLength:N().number.isRequired,setDisplayNameLength:N().func.isRequired,bioLength:N().number.isRequired,setBioLength:N().func.isRequired};let e$=e=>{let{publicInfo:a,personalDetail:t,onUpdate:n,onToggleEditMode:r,onUpdateCallback:o,usernameError:l,clearError:s,editMode:c}=e,{t:d}=(0,b.$G)(["me","common"]),{NEXT_PUBLIC_ENABLE_COVER:u,NEXT_PUBLIC_ENABLE_USERNAME:p}=(0,D.p)(),_=!0===p,g=!!t.birthday,[h,x]=(0,f.useState)(a.username),[y,j]=(0,f.useState)((0,eu.YG)(a.username)),[N,I]=(0,f.useState)(!0),[k,w]=(0,f.useState)(!0),[P,F]=(0,f.useState)(!0),[M,R]=(0,f.useState)(!1),[E,T]=(0,f.useState)(a.displayName?a.displayName.length:0),A=a.bio?a.bio:"",[L,q]=(0,f.useState)(A.length),O=!M||y&&N&&k&&P&&null===l,U=e_.Ry().shape({displayName:e_.Z_().required().max(35).test("specialCharacters",d("me:publicInfo.error.displayName.specialCharacters"),e=>!(0,eu.RC)(e)).test("personalIdentifiers",d("me:publicInfo.error.displayName.personalIdentifiers"),e=>!(0,eu.w6)(e)),bio:e_.Z_().max(100),firstName:e_.Z_().max(50).test("specialCharactersAndNumbers",d("me:personalDetail.error.firstName.specialCharactersAndNumbers"),e=>!(0,eu.RC)(e)&&!(0,eu.Yo)(e)),lastName:e_.Z_().max(50).test("specialCharactersAndNumbers",d("me:personalDetail.error.lastName.specialCharactersAndNumbers"),e=>!(0,eu.RC)(e)&&!(0,eu.Yo)(e)),birthday:g?void 0:e_.Z_().test("date",d("me:personalDetail.error.birthday.date"),e=>!e||(0,eu.S5)(e)).test("age",(0,Q.sprintf)(d("me:personalDetail.error.birthday.age"),(0,m.cQ)().format("DD/MM/YYYY")),e=>{if(!e)return!0;let a=(0,m.cQ)().diff((0,m.Qy)(e),"year");return a>=13&&a<=100})}),H=()=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"click",link_type:"profile_section",link_desc:"edit_profile"}),window.eventHistory=window.eventHistory||[],window.eventHistory.push({event:"click",link_type:"profile_section",link_desc:"edit_profile"}),r(!c)},G=async(e,a)=>{let{setSubmitting:t,setErrors:i}=a,r=e;_&&(r=(0,ec._)((0,es._)({},e),{username:h})),await n(r,{setErrors:i}),t(!1)},V=(e,a)=>{a?(j((0,eu.YG)(e)),I(!(0,eu.RC)(e)),w(e.length>=6&&e.length<=35),F(""!==e)):(j(!0),I(!0),w(!0),F(!0))},W=()=>{H(),x(a.username),R(!1),V(a.username,M),T(a.displayName?a.displayName.length:0),q(a.bio?a.bio.length:0),s()};return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(z.Z,{className:ee().cardContainer,children:(0,i.jsx)($.Z,{className:"ms-2 me-2",children:(0,i.jsx)(ed.Z,{name:"PublicInfo",onSubmit:G,initialValues:{displayName:a.displayName||"",bio:a.bio||"",firstName:t.firstName||"",lastName:t.lastName||"",birthday:t.birthday||"",gender:t.gender||null},validationSchema:c&&U,enableReinitialize:!0,children:e=>{let{handleSubmit:t,handleReset:n,isSubmitting:r,values:m,setFieldValue:p,handleChange:f,errors:b}=e;return(0,i.jsxs)(em.Z,{onSubmit:e=>{e.preventDefault(),_?O&&t():t()},children:[(0,i.jsx)(S.Z,{id:"me_publicInfo_section_title",className:"".concat(ee().sectionTitle," ps-0 border-0"),children:c?d("me:publicInfo.title.editPublicInfo"):d("me:publicInfo.title.publicInfo")}),!0===u&&(0,i.jsx)(eZ,{publicInfo:a,onUpdateCallback:o,prefix:"me_publicInfo"}),(0,i.jsx)(ez,{publicInfo:a,editMode:c,usernameError:l,clearError:s,username:h,setUsername:x,onUpdateCallback:o,isUsernameValid:O,isCharacterValid:y,isNoSpecialCharacter:N,isLengthValid:k,isEmptyValid:P,validateUsername:V,isEditUsername:M,setIsEditUsername:R,displayNameLength:E,setDisplayNameLength:T,bioLength:L,setBioLength:q}),(0,i.jsx)(S.Z,{id:"me_personalDetail_section_title",className:"".concat(ee().sectionTitle," ps-0 border-0"),children:c?d("me:personalDetail.title.editPersonalDetail"):d("me:personalDetail.title.personalDetail")}
1),(0,i.jsx)(eA,{personalDetail:m,handleChange:f,errors:b,editMode:c,setFieldValue:p,readOnlyBirthday:g}),(0,i.jsx)(C.Z,{children:(0,i.jsx)(B.Z,{children:c?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ep.Z,{className:"mb-1",children:(0,i.jsx)(v.Z,{id:"me_profileInfo_button_save",type:"submit",block:!0,loading:r,className:Y()(ee().blackButton,ee().buttonHeight),children:d("common:btn.save")})}),(0,i.jsx)(ep.Z,{className:"text-center",children:(0,i.jsx)(Z.Z,{id:"me_profileInfo_button_cancel",type:"button",onClick:()=>{n(),W()},block:!0,disabled:r,className:Y()(ee().whiteButton,ee().buttonHeight),children:d("common:btn.cancel")})})]}):(0,i.jsx)(ep.Z,{children:(0,i.jsx)(Z.Z,{id:"me_profileInfo_button_edit",type:"button",outline:!0,block:!0,onClick:H,className:Y()(ee().whiteButton,ee().buttonHeight),children:d("me:gamification.button.editProfile")})})})})]})}})})})})};e$.propTypes={publicInfo:N().shape({displayName:N().string,bio:N().string,avatar:N().string,cover:N().string,username:N().string,nextUsernameUpdateAt:N().number,iconBorder:N().string}).isRequired,personalDetail:N().shape({firstName:N().string,lastName:N().string,birthday:N().string,gender:N().number}).isRequired,onUpdate:N().func.isRequired,onToggleEditMode:N().func.isRequired,onUpdateCallback:N().func,usernameError:N().shape({code:N().number,message:N().string}),clearError:N().func,editMode:N().bool.isRequired};let eJ=[10025,10004,14099,12008];var eQ=()=>{let{t:e}=(0,b.$G)("me"),[a,t]=(0,f.useState)(),{platform:n}=(0,u.t)(),{userProfile:r,getUserProfile:o,trueyouProfile:g}=(0,d.s)(),[v,x]=(0,f.useState)(!1),[y,j]=(0,f.useState)(null),N=!!r.birthday;if(a)return(0,i.jsx)(p.default,{children:(0,i.jsx)(l.default,{error:a,buttonText:e("button.backToPublicInfo"),onButtonClick:()=>window.location.reload()})});let I=()=>{[c.E5,c.Os].includes(n)&&(window.location.href='trueid://acc?{"action":"update_profile","status":"success","handling":"refresh_profile","uri":""}')},k={displayName:r.displayName,bio:r.bio,avatar:r.avatar,avatarOriginal:r.avatarOriginal,cover:r.cover,username:r.username,nextUsernameUpdateAt:r.nextUsernameUpdateAt,iconBorder:r.iconBorder},C={firstName:r.firstName,lastName:r.lastName,gender:r.gender,birthday:r.birthday?(0,m.gH)(r.birthday).format(m.s):null};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(el,{publicInfo:k,personalDetail:C,trueyouProfile:g,editMode:v,setEditMode:x}),(0,i.jsx)(e$,{publicInfo:k,personalDetail:C,onToggleEditMode:x,editMode:v,onUpdate:(a,i)=>{let{displayName:n,bio:r,username:l,firstName:c,lastName:d,gender:u,birthday:p}=a,{setErrors:g}=i;return(0,_.tL)({displayName:n,bio:r,username:l,firstName:c,lastName:d,gender:u||void 0,birthday:N?void 0:p.length?(0,m.Qy)(p).format(m.yJ):null}).then(()=>{o(),I(),x(!1)}).catch(a=>{var i,n,r;if(eJ.includes(a.response.data.code))j(a.response.data);else if((null===(n=a.response)||void 0===n?void 0:null===(i=n.data)||void 0===i?void 0:i.code)===s.CJ){let{fields:t}=(null===(r=a.response)||void 0===r?void 0:r.data.errors)||{},i={};t.includes("displayName")&&(i.displayName=e("me:publicInfo.error.badWord")),t.includes("bio")&&(i.bio=e("me:publicInfo.error.badWord")),h()(i)||g(i)}else throw x(!1),t(a.response.data),a})},onUpdateCallback:I,usernameError:y,clearError:()=>{j(null)}})]})},eK=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.Z,{}),(0,i.jsx)(o.Z,{shadow:!1,children:(0,i.jsx)(r.Z,{children:(0,i.jsx)(eQ,{})})})]})},86413:function(e){e.exports={actionLink:"ActionLink_actionLink__bAsFl",block:"ActionLink_block__JTaR9",disabled:"ActionLink_disabled__r9Y1e"}},63584:function(e){e.exports={dateInput:"DateInput_dateInput__p9NUf",date:"DateInput_date__SMOYD",month:"DateInput_month__xaL1e",year:"DateInput_year__W8WPn",dateSplit:"DateInput_dateSplit__y9rmC",inputForm:"DateInput_inputForm__dczu5"}},56727:function(e){e.exports={modalDialog:"PickAvatarBorderModal_modalDialog___nWzy",subImgBorder:"PickAvatarBorderModal_subImgBorder__dZlno",noneImgBorder:"PickAvatarBorderModal_noneImgBorder__MzHQt",borderContainer:"PickAvatarBorderModal_borderContainer__X_udA",borderSelected:"PickAvatarBorderModal_borderSelected__jIQKG",desktopButtonsContainer:"PickAvatarBorderModal_desktopButtonsContainer__C6HIm",desktopButton:"PickAvatarBorderModal_desktopButton__RtB3w",mobileButtonsContainer:"PickAvatarBorderModal_mobileButtonsContainer__nxSD
1B",pageTitleDesktop:"PickAvatarBorderModal_pageTitleDesktop__qDISI",pageTitleMobile:"PickAvatarBorderModal_pageTitleMobile__9TcXU",borderFlex:"PickAvatarBorderModal_borderFlex__9UYrp",borderPickIcon:"PickAvatarBorderModal_borderPickIcon__ltU1I",borderPickIconContainer:"PickAvatarBorderModal_borderPickIconContainer__BSIuL",cancelButton:"PickAvatarBorderModal_cancelButton__s4Wzz",hideComponent:"PickAvatarBorderModal_hideComponent__rWwQo",noPadding:"PickAvatarBorderModal_noPadding__N0NUx",coverImage:"PickAvatarBorderModal_coverImage__siY8b",bannerContainer:"PickAvatarBorderModal_bannerContainer__GRSZh",bannerSubContainer:"PickAvatarBorderModal_bannerSubContainer__LMeZw",bannerSubContainerAvatar:"PickAvatarBorderModal_bannerSubContainerAvatar__4sm_c",bannerSubContainerName:"PickAvatarBorderModal_bannerSubContainerName___1Ic0",modalAvatarBorderContentBody:"PickAvatarBorderModal_modalAvatarBorderContentBody__EEkc_"}},8827:function(e){e.exports={page:"ContentLayout_page__YmmST"}},99307:function(e){e.exports={avatarContainer:"PublicInfoForm_avatarContainer__CU_7K",avatarLoadingplaceholder:"PublicInfoForm_avatarLoadingplaceholder__kz06j",avatarLoadingIcon:"PublicInfoForm_avatarLoadingIcon__YIWWE",coverContainer:"PublicInfoForm_coverContainer__ZW2Eq",coverImg:"PublicInfoForm_coverImg__aZvZL",coverImage:"PublicInfoForm_coverImage__GdbnT",popoverBody:"PublicInfoForm_popoverBody__UoGqa",popoverItemIcon:"PublicInfoForm_popoverItemIcon__ONSkT",popoverItemIconFixed:"PublicInfoForm_popoverItemIconFixed__5H5eY",popoverItem:"PublicInfoForm_popoverItem__ZTdJw",cameraButton:"PublicInfoForm_cameraButton__y215q",active:"PublicInfoForm_active__c2mXv",cameraButtonCenter:"PublicInfoForm_cameraButtonCenter__GcJf_",usernameRemarkContainer:"PublicInfoForm_usernameRemarkContainer__KCnaE",remark:"PublicInfoForm_remark__bvAWo",success:"PublicInfoForm_success__T_MlC",error:"PublicInfoForm_error__bg_s_",displayNameInputForm:"PublicInfoForm_displayNameInputForm__wM5DD",inputLength:"PublicInfoForm_inputLength__1eKjk",inputForm:"PublicInfoForm_inputForm__8IGpg",inputFormEditMode:"PublicInfoForm_inputFormEditMode__8YjoV",sectionTitle:"PublicInfoForm_sectionTitle__C6EDM",nameLable:"PublicInfoForm_nameLable__7LdjW",nameInput:"PublicInfoForm_nameInput__HI6_o",whiteButton:"PublicInfoForm_whiteButton__HiPed",blackButton:"PublicInfoForm_blackButton__MmZdN",buttonHeight:"PublicInfoForm_buttonHeight___PN4G",alignAvatar:"PublicInfoForm_alignAvatar__9fzyi",birthdayInput:"PublicInfoForm_birthdayInput__o_O8g",gamificationTitle:"PublicInfoForm_gamificationTitle__lTTuN",gamificationDescription:"PublicInfoForm_gamificationDescription__e0JSG",redeemDescription:"PublicInfoForm_redeemDescription__H9eT1",gamificatioProgessBar:"PublicInfoForm_gamificatioProgessBar__xcSKT",missionTitle:"PublicInfoForm_missionTitle__zBGJO",percentageCount:"PublicInfoForm_percentageCount__YP9sg",progressBar:"PublicInfoForm_progressBar__AMoev",redeemedButton:"PublicInfoForm_redeemedButton___Tyod",cardContainer:"PublicInfoForm_cardContainer__HrBs5",gameButtonHeight:"PublicInfoForm_gameButtonHeight__kawZ6"}}},function(e){e.O(0,[4976,5006,1167,1852,7760,6033,3010,2584,28,8659,9937,9938,2888,9774,179],function(){return e(e.s=96777)}),_N_E=e.O()}]);
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.