https://j2proxy.vn/_next/static/chunks/5188.1fa91327e0711ee5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5188],{12774:(e,t,r)=>{r.d(t,{v:()=>v});var n=r(95155),l=r(13744),s=r(20865),a=r(15653);let i=a.z.object({firstName:a.z.string().min(1,"Họ l\xe0 bắt buộc"),lastName:a.z.string().min(1,"T\xean l\xe0 bắt buộc"),email:a.z.string().optional(),phone:a.z.string().optional(),userName:a.z.string().optional(),password:a.z.string().optional(),oldPassword:a.z.string().optional(),confirmPassword:a.z.string().optional()}).refine(e=>!e.password||!(e.password.trim().length>0)||e.oldPassword&&e.oldPassword.trim().length>0,{message:"Vui l\xf2ng nhập mật khẩu cũ khi thay đổi mật khẩu",path:["oldPassword"]}).refine(e=>{if(e.password&&e.password.trim().length>0){var t;return 0===(null!=(t=e.confirmPassword)?t:"").length||e.password===e.confirmPassword}return!0},{message:"X\xe1c nhận mật khẩu kh\xf4ng khớp",path:["confirmPassword"]}),o={incorrectOldPassword:"Mật khẩu cũ kh\xf4ng ch\xednh x\xe1c",duplicateUserName:"T\xean đăng nhập đ\xe3 tồn tại",duplicateEmail:"Email đ\xe3 được sử dụng",duplicatePhone:"Số điện thoại đ\xe3 được sử dụng"};var d=r(66942),c=r(60919),u=r(61362),p=r(52056),m=r(96199),x=r(12115),h=r(22544),f=r(18720);function v(e){let{initialData:t,onSuccess:r}=e,{data:a}=(0,m.wV)(),[v,b]=(0,x.useState)("info"),[g,w]=(0,x.useState)(!1),j=(0,x.useMemo)(()=>{var e,r,n,l,s;return{firstName:null!=(e=null==t?void 0:t.firstName)?e:"",lastName:null!=(r=null==t?void 0:t.lastName)?r:"",email:null!=(n=null==t?void 0:t.email)?n:"",phone:null!=(l=null==t?void 0:t.phone)?l:"",userName:null!=(s=null==t?void 0:t.userName)?s:"",password:"",oldPassword:"",confirmPassword:""}},[null==t?void 0:t.firstName,null==t?void 0:t.lastName,null==t?void 0:t.email,null==t?void 0:t.phone,null==t?void 0:t.userName]),N=(0,h.mN)({resolver:(0,d.u)(i),values:j}),{formState:{isSubmitting:y}}=N;async function k(e){var t,i,d,m,x;let h=!!((null==(t=e.password)?void 0:t.trim())&&(null==(i=e.oldPassword)?void 0:i.trim()));try{let t={firstName:e.firstName,lastName:e.lastName};if(h&&(t.password=e.password,t.oldPassword=e.oldPassword),await l.A.patchApi("/api/v1/auth/me",t,null==a||null==(d=a.user)?void 0:d.accessToken),h){f.toast.success("Đổi mật khẩu th\xe0nh c\xf4ng. Vui l\xf2ng đăng nhập lại.",{duration:3e3,icon:(0,n.jsx)(u.A,{className:"h-4 w-4 text-green-600"})}),setTimeout(()=>(0,s.CI)({callbackUrl:"/"}),2e3);return}f.toast.success("Cập nhật th\xf4ng tin th\xe0nh c\xf4ng",{duration:5e3,icon:(0,n.jsx)(u.A,{className:"h-4 w-4 text-green-600"})}),null==r||r(e)}catch(e){if(e instanceof c.pe){let t=null==(m=e.response)?void 0:m.data;(null==t?void 0:t.message)?f.toast.error("Cập nhật th\xf4ng tin lỗi",{description:null!=(x=null==o?void 0:o[t.message])?x:t.message,duration:5e3,icon:(0,n.jsx)(p.A,{className:"h-4 w-4 text-red-500"})}):(null==t?void 0:t.errors)&&l.A.handleFormErrorFromResponse(N,t.errors,o)}else f.toast.error("Cập nhật th\xf4ng tin lỗi",{description:"Lỗi kết nối đến m\xe1y chủ.",duration:5e3,icon:(0,n.jsx)(p.A,{className:"h-4 w-4 text-red-500"})})}}return{form:N,onSubmit:k,isSubmitting:y,activeTab:v,setActiveTab:b,openChangePassword:g,setOpenChangePassword:w}}},20865:(e,t,r)=>{r.d(t,{CI:()=>c,IL:()=>o,Jv:()=>d,LN:()=>i,mD:()=>a});var n=r(96199),l=r(75746),s=r(69715);function a(){return window.location.host}function i(){let e="true"===sessionStorage.getItem("preview_mode")?new URLSearchParams(window.location.search).get("previewTemplate"):null;return e?"/?previewTemplate=".concat(e):"/"}function o(){return"true"===sessionStorage.getItem("preview_mode")}function d(e,t){return o()?(l.k.getState().setUser(s._o),Promise.resolve({code:null,error:null})):(0,n.Jv)(e,t)}function c(e){return o()?(l.k.getState().clearUser(),Promise.resolve(void 0)):(0,n.CI)(e)}},24316:(e,t,r)=>{r.d(t,{s:()=>a});var n=r(13744),l=r(96199),s=r(85400);function a(){let{data:e,status:t}=(0,l.wV)(),{data:r,mutate:a}=(0,s.Ay)("authenticated"===t?"/api/v1/auth/me":null,t=>n.A.fetchApi(t,null==e?void 0:e.accessToken).then(e=>

1null!=e?e:null).catch(()=>null),{revalidateOnFocus:!1});return{user:null!=r?r:null,mutate:a}}},39180:(e,t,r)=>{r.d(t,{r:()=>l});var n=r(68019);let l=(0,r(25959).v)((e,t)=>({config:null,affiliateProgram:null,setConfig:t=>{var r,l;return e({config:{...t,theme:(null==t?void 0:t.theme)?{...t.theme,textmarquee:null!=(l=null!=(r=t.theme.textmarquee)?r:t.theme.textMarquee)?l:"",...t.theme.logo&&{logo:(0,n.V)(t.theme.logo,t.hostName)},...t.theme["logo-l"]&&{"logo-l":(0,n.V)(t.theme["logo-l"],t.hostName)}}:t.theme}})},setAffiliateProgram:t=>e({affiliateProgram:t}),getRotateUrl:()=>{var e,r;return null==(r=t().config)||null==(e=r.theme)?void 0:e.rotateUrl}}))},39509:(e,t,r)=>{r.d(t,{D:()=>s});var n=r(95155),l=r(64269);let s=e=>{let{title:t,description:r,as:s="h1",className:a}=e,i=(0,n.jsx)(s,{className:(0,l.cn)("text-sm leading-[130%] font-semibold text-[#000E43] sm:text-base 2xl:text-[18px]",a),children:t});return r?(0,n.jsxs)("div",{className:"flex w-full flex-col gap-3",children:[i,(0,n.jsx)("p",{className:"text-muted-foreground text-sm",children:r})]}):i}},41052:(e,t,r)=>{r.d(t,{C5:()=>b,MJ:()=>f,Rr:()=>v,eI:()=>x,lR:()=>h,lV:()=>d,zB:()=>u});var n=r(95155),l=r(12115),s=r(32467),a=r(22544),i=r(64269),o=r(76444);let d=a.Op,c=l.createContext({}),u=e=>{let{...t}=e;return(0,n.jsx)(c.Provider,{value:{name:t.name},children:(0,n.jsx)(a.xI,{...t})})},p=()=>{let e=l.useContext(c),t=l.useContext(m),{getFieldState:r}=(0,a.xW)(),n=(0,a.lN)({name:e.name}),s=r(e.name,n);if(!e)throw Error("useFormField should be used within <FormField>");let{id:i}=t;return{id:i,name:e.name,formItemId:"".concat(i,"-form-item"),formDescriptionId:"".concat(i,"-form-item-description"),formMessageId:"".concat(i,"-form-item-message"),...s}},m=l.createContext({});function x(e){let{className:t,...r}=e,s=l.useId();return(0,n.jsx)(m.Provider,{value:{id:s},children:(0,n.jsx)("div",{"data-slot":"form-item",className:(0,i.cn)("grid gap-2",t),...r})})}function h(e){let{className:t,...r}=e,{error:l,formItemId:s}=p();return(0,n.jsx)(o.J,{"data-slot":"form-label","data-error":!!l,className:(0,i.cn)("data-[error=true]:text-destructive",t),htmlFor:s,...r})}function f(e){let{...t}=e,{error:r,formItemId:l,formDescriptionId:a,formMessageId:i}=p();return(0,n.jsx)(s.DX,{"data-slot":"form-control",id:l,"aria-describedby":r?"".concat(a," ").concat(i):"".concat(a),"aria-invalid":!!r,...t})}function v(e){let{className:t,...r}=e,{formDescriptionId:l}=p();return(0,n.jsx)("p",{"data-slot":"form-description",id:l,className:(0,i.cn)("text-muted-foreground text-sm",t),...r})}function b(e){var t;let{className:r,...l}=e,{error:s,formMessageId:a}=p(),o=s?String(null!=(t=null==s?void 0:s.message)?t:""):l.children;return o?(0,n.jsx)("p",{"data-slot":"form-message",id:a,className:(0,i.cn)("text-destructive text-sm",r),...l,children:o}):null}},54591:(e,t,r)=>{r.d(t,{p:()=>i});var n=r(95155);r(12115);var l=r(64269),s=r(12108),a=r(24033);function i(e){let{className:t,type:r,useCustomStepper:i=!1,disabled:o=!1,...d}=e,c="number"===r;return c&&i?(0,n.jsxs)("div",{className:"group relative",children:[(0,n.jsx)("input",{type:r,"data-slot":"input",disabled:o,className:(0,l.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 text-normal flex h-10 w-full min-w-0 bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","placeholder:text-icon placeholder:text-sm placeholder:font-normal","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive","border-border-input gap-2 rounded-lg border px-3 py-2.5 shadow-none","focus-visible:border-primary focus-visible:ring-primary/20 hover:border-primary/50 focus-visible:ring-[3px]","[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",c&&"w-full",t),...d}),c&&!1===o&&(0,n.jsxs)("div",{className:(0,l.cn)("pointer-events-none absolute top-1/2 right-1.5 flex -translate-y-1/2 flex-col items-center justify-center opacity-0 transition-opacity duration-150","group-hover:pointer-events-auto group-hover:opacity-100"),children:[(0,n.jsx)("button",{type:"button",className:"hover:text-icon/110 text-icon h-4 w-4 translate-y-1 transition-colors",onClick:e=>{var t;let r=null==(t=e.currentTarget.parentElement)?void 0:t.previousElementSibling;r.stepUp(),r.dispatchEvent(new Event("change",{bubbles:!0}))},children:(0,n.jsx)(s.A,{className:"h-4 w-4",strokeWidth:3})}),(0,n.jsx)("button",{type:"button",className:"hover:text-icon/110 text-icon h-4 w-4 -translate-y-1 transition-colors",onClick:e=>{var t;let r=null==(t=e.currentTarget.parentElement)?void 0:t.previousElementSibling;r.stepDown(),r.dispatchEvent(new Event("change",{bubbles:!0}))},children:(0,n.jsx)(a.A,{className:"h-4 w-4",strokeWidth:3})})]})]}):(0,n.jsx)("input",{type:r,"data-slot":"input",disabled:o,className:(0,l.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 text-normal flex h-10 w-full min-w-0 bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed md:text-sm","placeholder:text-icon placeholder:text-sm placeholder:font-normal","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive","border-border-input gap-2 rounded-lg border px-3 py-2.5 shadow-none","focus-visible:border-primary focus-visible:ring-primary/20 hover:border-primary/50 focus-visible:ring-[3px]","truncate overflow-hidden text-ellipsis whitespace-nowrap",t),...d})}},66215:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var n=r(95155),l=r(94231),s=r(7007),a=r(41052),i=r(54591),o=r(12774),d=r(15239),c=r(39509);function u(e){return(0,n.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,n.jsx)("path",{d:"M10 2.5H4.16667C3.72464 2.5 3.30072 2.67559 2.98816 2.98816C2.67559 3.30072 2.5 3.72464 2.5 4.16667V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5H15.8333C16.2754 17.5 16.6993 17.3244 17.0118 17.0118C17.3244 16.6993 17.5 16.2754 17.5 15.8333V10",stroke:"#1B56D6","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"}),(0,n.jsx)("path",{d:"M15.3132 2.18574C15.6447 1.85422 16.0944 1.66797 16.5632 1.66797C17.0321 1.66797 17.4817 1.85422 17.8132 2.18574C18.1447 2.51726 18.331 2.96689 18.331 3.43574C18.331 3.90458 18.1447 4.35421 17.8132 4.68574L10.3024 12.1974C10.1045 12.3951 9.86007 12.5398 9.59156 12.6182L7.1974 13.3182C7.12569 13.3391 7.04968 13.3404 6.97732 13.3219C6.90496 13.3033 6.83892 13.2657 6.7861 13.2129C6.73328 13.16 6.69564 13.094 6.6771 13.0216C6.65856 12.9493 6.65981 12.8733 6.68073 12.8016L7.38073 10.4074C7.4595 10.1391 7.60451 9.89495 7.8024 9.6974L15.3132 2.18574Z",stroke:"#1B56D6","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"})]})}function p(e){let{initialData:t,onSuccess:r}=e,{form:l,onSubmit:s,isSubmitting:p}=(0,o.v)({initialData:t,onSuccess:r}),m=l.watch("lastName"),x=l.watch("firstName");return(0,n.jsxs)("div",{className:"flex w-full max-w-[var(--template-4-content-max-width,100%)] flex-col gap-4",children:[(0,n.jsx)(c.D,{title:"Th\xf4ng tin c\xe1 nh\xe2n"}),(0,n.jsxs)("div",{className:"flex w-full items-center justify-between rounded-[8px] bg-white p-[16px]",children:[(0,n.jsxs)("div",{className:"flex items-center gap-[16px]",children:[(0,n.jsx)(d.default,{src:"/images/images-Template3/userTemplate3.svg",alt:"Avatar",width:48,height:48,className:"size-[48px] shrink-0 rounded-full object-cover"}),(0,n.jsx)("h2",{className:"text-primary min-w-0 truncate text-[18px] leading-[1.3] font-semibold uppercase",children:[m,x].filter(

1Boolean).join(" ")||"NGUYỄN VĂN A"})]}),(0,n.jsx)("button",{type:"button",className:"flex size-[40px] shrink-0 cursor-pointer items-center justify-center rounded-[4px] bg-[#dff6ff] p-[10px]",children:(0,n.jsx)(u,{className:"size-[20px]"})})]}),(0,n.jsx)("div",{className:"flex w-full flex-col gap-[12px] rounded-[8px] bg-white p-[16px]",children:(0,n.jsx)(a.lV,{...l,children:(0,n.jsxs)("form",{onSubmit:l.handleSubmit(s),className:"flex flex-col gap-[12px]",children:[(0,n.jsx)(a.zB,{control:l.control,name:"firstName",render:e=>{let{field:t}=e;return(0,n.jsxs)(a.eI,{children:[(0,n.jsx)(a.lR,{className:"text-[14px] leading-normal font-semibold text-black",children:"Họ"}),(0,n.jsx)(a.MJ,{children:(0,n.jsx)(i.p,{placeholder:"Nhập họ",className:"h-auto rounded-[4px] border-[#e8e8e9] p-[12px] text-[14px] font-normal text-[#171717] focus-visible:border-[#3976f9] focus-visible:ring-0",...t})}),(0,n.jsx)(a.C5,{})]})}}),(0,n.jsx)(a.zB,{control:l.control,name:"lastName",render:e=>{let{field:t}=e;return(0,n.jsxs)(a.eI,{children:[(0,n.jsx)(a.lR,{className:"text-[14px] leading-normal font-semibold text-black",children:"T\xean"}),(0,n.jsx)(a.MJ,{children:(0,n.jsx)(i.p,{placeholder:"Nhập t\xean",className:"h-auto rounded-[4px] border-[#e8e8e9] p-[12px] text-[14px] font-normal text-[#171717] focus-visible:border-[#3976f9] focus-visible:ring-0",...t})}),(0,n.jsx)(a.C5,{})]})}}),(0,n.jsx)(a.zB,{control:l.control,name:"phone",render:e=>{let{field:t}=e;return(0,n.jsxs)(a.eI,{children:[(0,n.jsx)(a.lR,{className:"text-[14px] leading-normal font-semibold text-black",children:"Số điện thoại"}),(0,n.jsx)(a.MJ,{children:(0,n.jsx)(i.p,{disabled:!0,placeholder:"Nhập số điện thoại",className:"h-auto rounded-[4px] border-[#e8e8e9] p-[12px] text-[14px] font-normal text-[#171717] focus-visible:border-[#3976f9] focus-visible:ring-0 disabled:opacity-100",...t})}),(0,n.jsx)(a.C5,{})]})}}),(0,n.jsx)(a.zB,{control:l.control,name:"email",render:e=>{let{field:t}=e;return(0,n.jsxs)(a.eI,{children:[(0,n.jsx)(a.lR,{className:"text-[14px] leading-normal font-semibold text-black",children:"Email"}),(0,n.jsx)(a.MJ,{children:(0,n.jsx)(i.p,{disabled:!0,placeholder:"Nhập email",type:"email",className:"h-auto rounded-[4px] border-[#e8e8e9] p-[12px] text-[14px] font-normal text-[#171717] focus-visible:border-[#3976f9] focus-visible:ring-0 disabled:opacity-100",...t})}),(0,n.jsx)(a.C5,{})]})}}),(0,n.jsx)("button",{type:"submit",disabled:p,className:"flex h-[40px] w-full cursor-pointer items-center justify-center rounded-[4px] bg-[#1b56d6] text-[14px] leading-[1.3] font-semibold whitespace-nowrap text-white shadow-[0px_2px_2px_0px_rgba(0,0,0,0.15)] hover:bg-[#1b56d6]/90 disabled:cursor-not-allowed disabled:opacity-50",children:"Cập nhật th\xf4ng tin"})]})})})]})}var m=r(80264);function x(e){return(0,n.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,n.jsx)("path",{d:"M10 2.5H4.16667C3.72464 2.5 3.30072 2.67559 2.98816 2.98816C2.67559 3.30072 2.5 3.72464 2.5 4.16667V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5H15.8333C16.2754 17.5 16.6993 17.3244 17.0118 17.0118C17.3244 16.6993 17.5 16.2754 17.5 15.8333V10",stroke:"#1B56D6","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"}),(0,n.jsx)("path",{d:"M15.3132 2.18574C15.6447 1.85422 16.0944 1.66797 16.5632 1.66797C17.0321 1.66797 17.4817 1.85422 17.8132 2.18574C18.1447 2.51726 18.331 2.96689 18.331 3.43574C18.331 3.90458 18.1447 4.35421 17.8132 4.68574L10.3024 12.1974C10.1045 12.3951 9.86007 12.5398 9.59156 12.6182L7.1974 13.3182C7.12569 13.3391 7.04968 13.3404 6.97732 13.3219C6.90496 13.3033 6.83892 13.2657 6.7861 13.2129C6.73328 13.16 6.69564 13.094 6.6771 13.0216C6.65856 12.9493 6.65981 12.8733 6.68073 12.8016L7.38073 10.4074C7.4595 10.1391 7.60451 9.89495 7.8024 9.6974L15.3132 2.18574Z",stroke:"#1B56D6","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"})]})}function h(e){let{initialData:t}=e,{form:r,onSubmit:l,isSubmitting:s}=(0,o.v)({initialData:t});return(0,n.jsxs)("div",{className:"flex w-full max-w-[var(--template-4-content-max-width,100%)] flex-col gap-4",children:[(0,n.jsx)(c.D,{title:"Đổi mật khẩu"}),(0,n.jsxs)("div",{className:"flex w-full items-center justify-between rounded-[8px] bg-white p-[16px]",children:[(0,n.jsxs)("div",{className:"flex items-center gap-[16px]",children:[(0,n.jsx)(d.default,{src:"/images/images-Template3/userTemplate3.svg",alt:"Avatar",width:48,height:48,className:"size-[48px] shrink-0 rounded-full object-cover"}),(0,n.jsx)("h2",{className:"text-primary min-w-0 truncate text-[18px] leading-[1.3] font-semibold uppercase",children:[null==t?void 0:t.lastName,null==t?void 0:t.firstName].filter(

1Boolean).join(" ")||"NGUYỄN VĂN A"})]}),(0,n.jsx)("button",{type:"button",className:"flex size-[40px] shrink-0 cursor-pointer items-center justify-center rounded-[4px] bg-[#dff6ff] p-[10px]",children:(0,n.jsx)(x,{className:"size-[20px]"})})]}),(0,n.jsx)("div",{className:"flex w-full flex-col gap-[12px] rounded-[8px] bg-white p-[16px]",children:(0,n.jsx)(a.lV,{...r,children:(0,n.jsxs)("form",{onSubmit:r.handleSubmit(l),className:"flex flex-col gap-[12px]",children:[(0,n.jsx)(a.zB,{control:r.control,name:"oldPassword",render:e=>{let{field:t}=e;return(0,n.jsxs)(a.eI,{children:[(0,n.jsx)(a.lR,{className:"text-[14px] leading-normal font-semibold text-black",children:"Nhập mật khẩu cũ"}),(0,n.jsx)(a.MJ,{children:(0,n.jsx)(m.c,{placeholder:"Mật khẩu cũ",hasValue:!0,hideKeyIcon:!0,className:"h-auto rounded-[4px] border-[#e8e8e9] p-[12px] pr-[40px] pl-[12px] text-[14px] font-normal text-[#171717] focus-visible:border-[#3976f9] focus-visible:ring-0",...t})}),(0,n.jsx)(a.C5,{})]})}}),(0,n.jsx)(a.zB,{control:r.control,name:"password",render:e=>{let{field:t}=e;return(0,n.jsxs)(a.eI,{children:[(0,n.jsx)(a.lR,{className:"text-[14px] leading-normal font-semibold text-black",children:"Nhập mật khẩu mới"}),(0,n.jsx)(a.MJ,{children:(0,n.jsx)(m.c,{placeholder:"Mật khẩu mới",hasValue:!0,hideKeyIcon:!0,className:"h-auto rounded-[4px] border-[#e8e8e9] p-[12px] pr-[40px] pl-[12px] text-[14px] font-normal text-[#171717] focus-visible:border-[#3976f9] focus-visible:ring-0",...t})}),(0,n.jsx)(a.C5,{})]})}}),(0,n.jsx)(a.zB,{control:r.control,name:"confirmPassword",render:e=>{let{field:t}=e;return(0,n.jsxs)(a.eI,{children:[(0,n.jsx)(a.lR,{className:"text-[14px] leading-normal font-semibold text-black",children:"X\xe1c nhận mật khẩu mới"}),(0,n.jsx)(a.MJ,{children:(0,n.jsx)(m.c,{placeholder:"X\xe1c nhận mật khẩu mới",hasValue:!0,hideKeyIcon:!0,className:"h-auto rounded-[4px] border-[#e8e8e9] p-[12px] pr-[40px] pl-[12px] text-[14px] font-normal text-[#171717] focus-visible:border-[#3976f9] focus-visible:ring-0",...t})}),(0,n.jsx)(a.C5,{})]})}}),(0,n.jsx)("button",{type:"submit",disabled:s,className:"flex h-[40px] w-full cursor-pointer items-center justify-center rounded-[4px] bg-[#1b56d6] text-[14px] leading-[1.3] font-semibold whitespace-nowrap text-white shadow-[0px_2px_2px_0px_rgba(0,0,0,0.15)] hover:bg-[#1b56d6]/90 disabled:cursor-not-allowed disabled:opacity-50",children:"Đổi mật khẩu"})]})})})]})}var f=r(20063),v=r(24316);function b(){let e=(0,f.useSearchParams)().get("action"),{user:t,mutate:r}=(0,v.s)();function a(e){t&&r({...t,firstName:e.firstName,lastName:e.lastName},{revalidate:!0})}return(0,n.jsx)(s.A,{scrollable:!0,openMarqueeTop:!0,openMarqueeBottom:!1,children:(0,n.jsx)(l.A,{isDataReady:!!t,minLoadingTime:300,children:(0,n.jsxs)("div",{className:"w-full max-w-[var(--template-4-content-max-width,100%)]",children:[!e&&(0,n.jsx)(p,{initialData:t,onSuccess:a}),"change-password"===e&&(0,n.jsx)(h,{initialData:t,onSuccess:a})]})})})}},68019:(e,t,r)=>{r.d(t,{V:()=>n});let n=(e,t)=>{if(!e||"string"!=typeof e)return"";let r=e.trim();if(r.startsWith("https://")||r.startsWith("http://"))return r.replace("/api/v1","");if((e=>e.startsWith("/api/v1/files")||e.startsWith("/files/")||e.includes("/files/"))(r)){let e="https://api.homeproxy.vn".replace(/\/$/,"");if(e){let t=r.startsWith("/")?r:"/".concat(r);return"".concat(e).concat(t).replace("/api/v1","")}}let n=(t||"https://app.homeproxy.vn").trim().replace(/^https?:\/\//,"").replace(/\/$/,"");return n?r.startsWith("/")?"https://".concat(n).concat(r).replace("/api/v1",""):"https://".concat(n,"/").concat(r).replace("/api/v1",""):r}},75746:(e,t,r)=>{r.d(t,{k:()=>n});let n=(0,r(25959).v)()(e=>({user:null,setUser:t=>e({user:t}),updateCoin:t=>e(e=>({user:e.user?{...e.user,coin:Number(e.user.coin)+t}:null})),clearUser:()=>e({user:null})}))},76444:(e,t,r)=>{r.d(t,{J:()=>a});var n=r(95155);r(12115);var l=r(10489),s=r(64269);function a(e){let{className:t,...r}=e;return(0,n.jsx)(l.b,{"data-slot":"label",className:(0,s.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",t),...r})}},80264:(e,t,r)=>{r.d(t,{c:()=>i});var n=r(95155);r(12115);var l=r(55817),s=r(64269),a=r(76830);function i(e){let{className:t,hideKeyIcon:r=!1,hasValue:i=!1,...o}=e;return(0,n.jsx)("div",{className:"w-full",children:(0,n.jsx)(l.bL,{children:(0,n.jsxs)("div",{className:"relative w-full",children:[!r&&(0,n.jsx)("div",{className:"absolute top-1/2 left-4 !h-5 !w-5 -translate-y-1/2 transition-colors ".concat(i?"text-primary":"text-icon hover:text-icon"),children:(0,n.jsx)(a.F.KeyIcon,{className:"pointer-events-none !h-5 !w-5"})}),(0,n.jsx)(l.pd,{className:(0,s.cn)("placeholder:text-icon selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 gap-2 rounded-lg border bg-transparent px-3 py-2.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-primary focus-visible:ring-primary/20 hover:border-primary/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive","pr-[40px]",!r&&"pl-[56px]","truncate overflow-hidden text-ellipsis whitespace-nowrap",t),...o}),(0,n.jsx)(l.lM,{id:o.id+"btn-toggle",className:"absolute top-1/2 right-4 -translate-y-1/2 text-gray-500 hover:cursor-pointer hover:text-gray-700",children:(0,n.jsx)(l.In,{visible:(0,n.jsx)(a.F.EyeOpenIcon,{className:"text-primary !h-5 !w-5"}),hidden:(0,n.jsx)(a.F.EyeCloseIcon,{className:"text-primary !h-5 !w-5"})})})]})})})}},94231:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(95155),l=r(12115),s=r(64269);function a(e){let{className:t,isDataReady:r=!1,minLoadingTime:a=1e3}=e,[i,o]=(0,l.useState)(0),[d]=(0,l.useState)(()=>Date.now());(0,l.useEffect)(()=>{let e,t=()=>{let n,l=Date.now()-d;o(n=l>=a&&r?100:l<a?l/a*90:90+5*Math.min((l-a)/5e3,1)),n<100&&(e=requestAnimationFrame(t))};return e=requestAnimationFrame(t),()=>{e&&cancelAnimationFrame(e)}},[r,a,d]);let c=0;c=i<=60?i/60*30:30-(i-60)/40*30;let u=10+90*i/100,p=c,m=Math.max(0,100-c-u);return(0,n.jsxs)("div",{className:(0,s.cn)("flex h-full w-full flex-col items-center justify-center gap-8",t),children:[(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsxs)("span",{className:"text-lg font-bold text-[#152752]",children:[Math.round(i),"%"]}),(0,n.jsx)("h2",{className:"text-center text-lg font-bold leading-6 tracking-[0%] text-text-normal-template-4",children:"LOADING..."})]}),(0,n.jsxs)("div",{className:"flex w-full max-w-[512px] gap-1",children:[p>0&&(0,n.jsx)("div",{className:"h-2 rounded-full bg-[#8A92A6] transition-all duration-100",style:{width:"".concat(p,"%")}}),u>0&&(0,n.jsx)("div",{className:"h-2 rounded-full bg-[#152752] transition-all duration-100",style:{width:"".concat(u,"%")}}),m>0&&(0,n.jsx)("div",{className:"h-2 rounded-full bg-[#8A92A6] transition-all duration-100",style:{width:"".concat(m,"%")}})]})]})}function i(e){let{children:t,isDataReady:r,minLoadingTime:s=1e3}=e,[i,o]=(0,l.useState)(!1);return((0,l.useEffect)(()=>

1{if(r){let e=setTimeout(()=>{o(!0)},s);return()=>clearTimeout(e)}},[r,s]),i)?(0,n.jsx)(n.Fragment,{children:t}):(0,n.jsx)(a,{isDataReady:r,minLoadingTime:s})}}}]);