https://fastlance.vn/_next/static/chunks/4105.54078553ec36569f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4105],{2650:(e,a,n)=>{n.d(a,{Sh:()=>i,gQ:()=>t});var i=["image/jpeg","image/png","image/webp"],t=function(e){return 1048576*e}},35385:(e,a,n)=>{n.d(a,{JL:()=>i,cG:()=>t});var i=function(e){var a=e.target.value;a.match(/^\d+$/)?e.target.value=a:e.target.value=a.slice(0,-1)},t=function(e){var a=e.target;"string"==typeof a.value&&a.value&&(a.value=a.value.trim())}},44105:(e,a,n)=>{n.d(a,{k:()=>k});var i=n(37876),t=n(80481),r=n(50075),s=n(85102),l=n(2911),o=n(67684),u=n(62701),d=n(20294),c=n(14678),m=n(13810),h=n(56557),f=n.n(h),g=n(14232),v=n(88992),p=n(65549),y=n(35385),b=n(97744),x=n(25612),j=n(16927),_=n(4902),w=n(42604),C=n(10997),N=n(2650);function S(e){return e*Math.PI/180}var E=function(e){var a,n=function(){if(null==p?void 0:p.current){var e;p.current.value="",null==p||null==(e=p.current)||e.click()}},s=e.setTempImageFile,l=(0,v.xW)(),o=l.setValue,u=l.setError,m=l.clearErrors,h=l.formState.errors,f=l.watch,p=(0,g.useRef)(null),y=(0,r.j1)(),b=(0,r.Bd)(t.yP).t,x=(0,d._)((0,g.useState)(""),2),w=x[0],C=x[1],E=(0,d._)((0,g.useState)(null),2),L=E[0],V=E[1],k=f("image");return(0,i.jsxs)("div",{className:"profile-image-section",children:[(0,i.jsxs)("div",{className:"_dp-g _jtfit-ct",children:[(0,i.jsxs)("div",{className:"profile-image",children:[(0,i.jsxs)("div",{className:"image-container",onClick:function(){return n()},children:[k?(0,i.jsx)("img",{src:k,alt:"profile image"}):(0,i.jsx)(M,{}),(0,i.jsx)(I,{})]}),(0,i.jsx)("input",{type:"file",className:"_dp-n",onChange:function(e){return(0,j._)(function(){var a,n;return(0,_.YH)(this,function(i){if(e.target.files&&e.target.files.length>0){if((a=e.target.files[0]).size>(0,N.gQ)(5))return[2,u("image",{message:"basic-info.profile-image.validate.exceed"})];(n=new FileReader).addEventListener("load",function(){s(a),C(n.result),m("image"),y.onOpen()},!1),n.readAsDataURL(a)}return[2]})})()},accept:N.Sh.join(", "),ref:p})]}),(null==(a=h.image)?void 0:a.message)&&(0,i.jsx)("small",{children:b(h.image.message)})]}),(0,i.jsx)(A,{disclosure:y,onConfirmImage:function(){return(0,j._)(function(){var e,a;return(0,_.YH)(this,function(n){switch(n.label){case 0:if(n.trys.push([0,2,,3]),!L)return[2];return[4,function(e,a){return(0,j._)(function(e,a){var n,i,t,r,s,l,o,u,d,c,m,h=arguments;return(0,_.YH)(this,function(f){var g,v,p;switch(f.label){case 0:return n=h.length>2&&void 0!==h[2]?h[2]:0,i=h.length>3&&void 0!==h[3]?h[3]:{horizontal:!1,vertical:!1},[4,new Promise(function(a,n){var i=new Image;i.addEventListener("load",function(){return a(i)}),i.addEventListener("error",function(e){return n(e)}),i.setAttribute("crossOrigin","anonymous"),i.src=e})];case 1:if(t=f.sent(),!(s=(r=document.createElement("canvas")).getContext("2d"))||(l=S(n),g=t.width,v=t.height,u=(o={width:Math.abs(Math.cos(p=S(n))*g)+Math.abs(Math.sin(p)*v),height:Math.abs(Math.sin(p)*g)+Math.abs(Math.cos(p)*v)}).width,d=o.height,r.width=u,r.height=d,s.translate(u/2,d/2),s.rotate(l),s.scale(i.horizontal?-1:1,i.vertical?-1:1),s.translate(-t.width/2,-t.height/2),s.drawImage(t,0,0),!(m=(c=document.createElement("canvas")).getContext("2d"))))return[2,null];return c.width=a.width,c.height=a.height,m.drawImage(r,a.x,a.y,a.width,a.height,0,0,a.width,a.height),[2,new Promise(function(e){c.toBlob(function(a){e(a)},"image/jpeg")})]}})}).apply(this,arguments)}(w,L,0)];case 1:return(e=n.sent())&&((a=new FileReader).readAsDataURL(e),a.onload=function(e){var a;o("image",(null==e||null==(a=e.target)?void 0:a.result)||"",{shouldDirty:!0,shouldValidate:!0})}),y.onClose(),[3,3];case 2:return n.sent(),c.y8.error({text:"ระบบไม่รองรับนามสกุลไฟล์ที่ท่านเลือก"}),[3,3];case 3:return[2]}})})()},onCropComplete:function(e,a){V(a)},onReset:function(){(null==p?void 0:p.current)&&(p.current.value=""),C(""),o("image","",{shouldValidate:!0}),y.onToggle(),n()},originalImage:w})]})},A=function(e){var a=e.disclosure,n=e.originalImage,s=e.onReset,l=e.onConfirmImage,o=e.onCropComplete,u=a.isOpen,m=a.onClose,h=(0,r.Bd)(t.yP).t,f=(0,d._)((0,g.useState)({x:0,y:0}),2),v=f[0],p=f[1],y=(0,d._)((0,g.useState)(1),2),b=y[0],x=y[1];return(0,i.jsxs)(C.aF,{isShown:u,onClickToClose:m,className:"profile-image-modal",children:[(0,i.jsx)("div",{className:"header",children:h("basic-info.profile-image.label")}),(0,i.jsxs)("div",{className:"body",children:[(0,i.jsx)(w.Ay,{image:n,crop:v,zoom:b,as

1pect:1,onCropChange:p,onCropComplete:o,onZoomChange:x,cropShape:"rect",cropSize:{width:200,height:200},objectFit:"cover",style:{containerStyle:{position:"relative",width:200,height:200,margin:"auto"},cropAreaStyle:{borderRadius:"50%"}}}),(0,i.jsx)("input",{type:"range",min:"1",max:"3",step:.1,defaultValue:1,onChange:function(e){x(Number(e.target.value||1))},style:{width:"200px",marginInline:"auto"},value:b})]}),(0,i.jsxs)("div",{className:"_dp-f footer",children:[(0,i.jsx)(c.$n,{className:"_wsp-nw",variant:"secondary",type:"button",onClick:function(){s(),setTimeout(function(){p({x:0,y:0}),x(1)},100)},children:h("basic-info.profile-image.change")}),(0,i.jsx)(c.$n,{isFluid:!0,variant:"primary",type:"button",onClick:function(){l(),setTimeout(function(){p({x:0,y:0}),x(1)},100)},children:h("basic-info.profile-image.confirm")})]})]})},M=function(){return(0,i.jsx)("div",{className:"placeholder",children:(0,i.jsx)(C.hh,{size:48,children:(0,i.jsx)("i",{className:"fa-light fa-image-portrait"})})})},I=function(){return(0,i.jsx)("div",{className:"edit-button",role:"button",children:(0,i.jsx)(C.hh,{size:24,children:(0,i.jsx)("i",{className:"fa-light fa-pen-to-square"})})})},L=function(e){var a,n,s,h,j,_,w,C,N,S,A,M=e.defaultValues,I=(0,d._)((0,g.useState)(),2),L=I[0],k=I[1],F=(0,r.Bd)(t.yP).t,O=(0,v.mN)({resolver:(0,m.u)(x.qO),defaultValues:V(M)}),R=O.register,D=O.handleSubmit,Y=O.formState,z=Y.errors,B=Y.dirtyFields,P=Y.isDirty,T=O.setError,H=O.setValue,$=O.reset,G=(0,l.Hu)(),U=(0,l.Yz)(),W=(0,b.o)(),q=W.enableLossDataFormWarning,Q=W.disableLossDataFormWarning,J=function(e){U.mutate({data:e},{onError:function(e){var a=e.data,n=a.error.detail,i=a.error.code;"string"!=typeof n&&"SCHEMA_VALIDATION_ERROR"===i&&Object.entries(n).map(function(e){var a=(0,d._)(e,2),n=a[0],i=a[1];T(n,{message:null==i?void 0:i[0]})})},onSuccess:function(){$(void 0,{keepValues:!0}),Q()}})};(0,g.useEffect)(function(){P&&q()},[P]);var Z=z.day||z.month||z.year;return(0,i.jsx)(v.Op,(0,u._)((0,o._)({},O),{children:(0,i.jsxs)("form",{onSubmit:D(function(e){var a=e.day,n=e.month,i=e.year,t={username:e.username,display_name:e.display_name,date_of_birth:"".concat(i,"-").concat(n.padStart(2,"0"),"-").concat(a.padStart(2,"0"))};B.image&&L?G.mutate({data:(0,p.wi)(e.image||""),params:{fileName:L.name},contentType:(0,p.dN)(e.image||"")},{onSuccess:function(e){t.image=e.url,t.image_file_id=e.id,H("image",e.url),J(t)},onError:function(){c.y8.error({text:F("basic-info.toast.error")})}}):J(t)}),children:[(0,i.jsxs)("div",{className:"basic-info",children:[(0,i.jsx)(E,{setTempImageFile:k}),(0,i.jsx)(c.pd,(0,u._)((0,o._)({label:F("basic-info.username.label"),prefix:F("basic-info.username.prefix"),placeholder:F("basic-info.username.placeholder")},R("username",{onChange:y.cG})),{variant:(null==(j=z.username)?void 0:j.message)?"negative":"primary",info:F(null==(_=z.username)?void 0:_.message)})),(0,i.jsx)(c.pd,(0,u._)((0,o._)({label:F("basic-info.display-name.label"),description:F("basic-info.display-name.description"),placeholder:F("basic-info.display-name.placeholder")},R("display_name",{onBlur:y.cG})),{variant:(null==(w=z.display_name)?void 0:w.message)?"negative":"primary",info:F(null==(C=z.display_name)?void 0:C.message)})),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"date-wrapper trb-field",children:[(0,i.jsx)("label",{children:F("basic-info.birthday.label")}),(0,i.jsxs)(c.l6,(0,u._)((0,o._)({},R("day")),{variant:(null==(N=z.day)?void 0:N.message)?"negative":"primary",defaultValue:"",children:[(0,i.jsx)("option",{value:"",disabled:!0,children:F("basic-info.birthday.day.placeholder")}),Array(31).fill("").map(function(e,a){return(0,i.jsx)("option",{value:String(a+1),children:String(a+1)},a)})]})),(0,i.jsxs)(c.l6,(0,u._)((0,o._)({},R("month")),{variant:(null==(S=z.month)?void 0:S.message)?"negative":"primary",defaultValue:"",children:[(0,i.jsx)("option",{value:"",disabled:!0,children:F("basic-info.birthday.month.placeholder")}),Array.from(Array(12).keys()).map(function(e){var a=f()(f()().month(e));return(0,i.jsx)("option",{value:e+1,children:a.format("MMMM")},e+1)})]})),(0,i.jsxs)(c.l6,(0,u._)((0,o._)({},R("year")),{variant:(null==(A=z.year)?void 0:A.message)?"negative":"primary",defaultValue:"",children:[(0,i.jsx)("option",{value:"",disabled:!0,children:F("basic-info.birthday.year.placeholder")}),Array(100).fill(new Date().getFullYear()).map(function(e,a){return(0,i.jsx)("option",{value:e-a,children:e-a},e-a)})]}))]}),Z&&(0,i.jsx)("div",{className:"date-error",children:(h=(null==(a=z.day)?void 0:a.message)||(null==(n=z.month)?void 0:n.message)||(null==(s=z.year)?void 0:s.message))?F(h):null})]})]}),(0,i.jsx)("div",{className:"submit-wrapper",children:(0,i.jsx)(c.$n,{type:"submit",isLoading:G.isLoading||U.isLoading,children:F("basic-info.submit")})})]})}))},V=function(e){var a="",n="",i="";if((null==e?void 0:e.date_of_birth)&&"0001-01-01"!==e.date_of_birth){var t=f()(e.date_of_birth,"YYYY-MM-DD",!0);a=String(t.date()),n=String(t.month()+1||"1"),i=String(t.year()||"0")}

1return{username:(null==e?void 0:e.username)||"",display_name:(null==e?void 0:e.display_name)||"",image:(null==e?void 0:e.image)||"",image_file_id:(null==e?void 0:e.image_file_id)||"",day:a,month:n,year:i}},k=function(){var e=(0,l.Bb)().data,a=(0,r.Bd)(t.yP).t;return(0,i.jsx)(s.g,{title:a("basic-info.title"),subtitle:a("basic-info.subtitle"),children:(0,i.jsx)(L,{defaultValues:e})})}},65549:(e,a,n)=>{function i(e){for(var a=e.split(",")[1],n=window.atob(a),i=new ArrayBuffer(n.length),t=new Uint8Array(i),r=0;r<n.length;r++)t[r]=n.charCodeAt(r);return i}function t(e){return e.substring(e.indexOf(":")+1,e.indexOf(";"))}n.d(a,{dN:()=>t,vH:()=>r,wi:()=>i});var r=function(e){return new Promise(function(a){var n=new Image;n.addEventListener("load",function(){return a(!1)}),n.addEventListener("error",function(){return a(!0)}),n.setAttribute("crossOrigin","anonymous"),n.src=e})}}}]);