https://abtgroups.com/_next/static/chunks/708.593451b1ce7574d9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[708],{25708:(e,a,l)=>{"use strict";l.r(a),l.d(a,{CloneIdeaForm:()=>H});var n=l(95155),s=l(1854),i=l(98968),t=l.n(i),c=l(69606),r=l(47334),o=l(15228),d=l(67914),m=l(86739),h=l(16586),u=l(12115),p=l(4617),b=l.n(p),N=l(19567),_=l(47650),g=l(53052),x=l(89500),j=l(31781),v=l(78898),f=l(20435),y=l(86876),S=l(52696),F=l(21455),w=l.n(F),C=l(82015),k=l(36857),E=l.n(k),A=l(914),q=l(5565);let z=e=>{let{errorMsg:a,label:l,className:s,fieldName:i,required:t,options:c,value:r,onChange:o}=e;return(0,n.jsxs)("div",{className:b()(E().input,s),children:[l&&(0,n.jsx)("label",{className:b()("mb-2 mt-2",t&&"required"),htmlFor:i,children:l}),(0,n.jsx)("div",{children:c.map((e,a)=>(0,n.jsxs)("button",{onClick:()=>null==o?void 0:o(e),children:[(0,n.jsx)(q.default,{height:16,width:16,src:e.value===(null==r?void 0:r.value)?"/icons/checked.png":"/icons/uncheck-gray.png",alt:e.label,className:"mr-2"}),e.label]},a))}),a&&(0,n.jsx)(A.K,{className:"mt-3",children:a})]})},P=e=>{var a;let{label:l,required:s,fieldName:i,defaultValue:t,onChange:r,...o}=e,{register:d,formState:{errors:m},watch:h,setValue:p}=(0,c.xW)(),b=null===(a=m[i])||void 0===a?void 0:a.message;return d(i,{required:s?"Vui l\xf2ng nhập đủ th\xf4ng tin":""}),(0,u.useEffect)(()=>{t&&p(i,t)},[]),(0,n.jsx)(z,{label:l,fieldName:i,required:s,errorMsg:b,value:h(i),onChange:e=>{p(i,e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0}),null==r||r(e)},...o})},T=["X\xe2y mới","Cải tạo","Kh\xe1c"].map(e=>({label:e,value:e})),H=e=>{let{closePopup:a,centerModal:l}=e,i=(0,x.F)(),p=(0,c.mN)(),[F,,k]=(0,j.C)(!1),E=async e=>{var a;(0,m.Cs)();let l="<br> Họ v\xe0 t\xean: ".concat(e[v.F.FullName]," \n    <br> Số điện thoại: ").concat(e[v.F.Phone]," \n    <br> Email: ").concat(e[v.F.Email]," \n    <br> T\xean dự \xe1n: ").concat(e[v.F.ProjectName]," \n    <br> Diện t\xedch: ").concat(e[v.F.Area]," \n    <br> Số ph\xf2ng ngủ: ").concat(e[v.F.BedroomCount]," \n    <br> Số ph\xf2ng vệ sinh: ").concat(e[v.F.WcCount]," \n    <br> Mục đ\xedch thiết kế: ").concat(null===(a=e[v.F.DesignTarget])||void 0===a?void 0:a.value," \n    <br> Ghi ch\xfa: ").concat(e[v.F.Note]),n={signup_page:location.href,info:l,source:"KH gửi y\xeau cầu từ Url page: ".concat(location.href," <br> Ứng dụng: Haizz App <br> Thời điểm gửi y\xeau cầu: ").concat(w()().format(C.B.FULL_TABLE))};try{await N.A.forwardPost({url:f.N.SUBSCRIBE_CLONE_IDEA,isRawResponse:!0,params:n});let a={campaign_name:window.location.href,full_name:e[v.F.FullName],customer_email:e[v.F.Email],info:l};await N.A.forwardPost({url:f.N.CTA_THANKS_YOU_USING_SERVICES,params:a,isRawResponse:!0}),k()}catch(e){console.error(e),(0,y.f)("Đã có l\xf4̃i xảy ra, vui lòng thử lại sau")}(0,m.bD)()};return(0,u.useEffect)(()=>{let e=window.innerHeight,a=e=>{document.querySelectorAll("[data-hide-on-input]").forEach(a=>{a.style.display=e})},l=()=>{a(window.innerHeight<e?"none":"block")};return window.addEventListener("resize",l),()=>{a("block"),window.removeEventListener("resize",l)}},[]),(0,_.createPortal)((0,n.jsx)("div",{className:t().container,onClick:e=>{e.stopPropagation()},onMouseMove:e=>e.stopPropagation(),children:(0,n.jsxs)("div",{className:b()(t().modal,(0,S.r)()&&!l&&t().appView),onMouseMove:e=>e.stopPropagation(),onClick:e=>{e.stopPropagation()},children:[(0,n.jsx)(h.A,{onClick:a,className:t().close}),!F&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h3",{className:"text-center pt-8 pb-4 text-2xl font-bold capitalize",children:"Sao ch\xe9p \xfd tưởng"}),(0,n.jsx)("div",{className:"px-4 pb-5",children:(0,n.jsxs)(c.Op,{...p,children:[(0,n.jsxs)("div",{className:b()(t().inputContainer,"pt-4 pb-8"),children:[(0,n.jsx)(r.b,{fieldName:v.F.FullName,required:!0,placeholder:"Nhập họ v\xe0 t\xean của bạn",label:"Họ v\xe0 t\xean",inputSize:"small",className:b()("mb-4",t().input)}),(0,n.jsx)(r.b,{fieldName:v.F.Phone,required:!0,placeholder:"Nhập số điện thoại",label:"Số điện thoại",inputSize:"small",pattern:d.c.phone,className:b()("mb-4",t().input)}),(0,n.jsx)(r.b,{fieldName:v.F.Email,required:!0,placeholder:"Nhập Email của bạn",label:"Email",inputSize:"small",pattern:d.c.email,className:b()("mb-4",t().input)}),(0,n.jsx)("h1",{children:"Th\xf4ng tin dự \xe1n"}),(0,n.jsx)(r.b,{fieldName:v.F.ProjectName,required:!0,placeholder:"vd:  địa chỉ hoặc t\xean c\xf4ng tr\xecnh",label:"T\xean dự \xe1n",inputSize:"small",className:b()("mb-4",t().input)}),(0,n.jsx)(r.b,{fieldName:v.F.Area,required:!0,placeholder:"Nhập diện t\xedch vd: 90m2",label:"Diện t\xedch",inputSize:"small",className:b()("mb-4",t().input)}),(0,n.jsxs)("div",{className:"grid grid-cols-2 gap-8",children:[(0,n.jsx)(r.b,{fieldName:v.F.BedroomCount,required:!0,placeholder:"0",label:"Số Ph\xf2ng Ngủ",inputSize:"small",className:b()("mb-4",t().input),pattern:d.c.number}),(0,n.jsx)(r.b,{fieldName:v.F.WcCount,required:!0,placeholder:"0",label:"Số Ph\xf2ng Vệ Sinh",inputSize:"small",className:b()("mb-4",t().input),pattern:d.c.number})]}),(0,n.jsx)(P,{options:T,label:"Mục đ\xedch thiết kế",required:!0,fieldName:v.F.DesignTarget,className:t().radio}),(0,n.jsx)(r.b,{fieldName:v.F.Note,placeholder:"vd: tone m\xe0u kem,...",label:"Ghi ch\xfa",inputSize:"small",className:b()("mb-4",t().input)})]}),(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(o.A,{className:b()(t().ok,"capitalize"),onClick:p.handleSubmit(E),children:"Gửi y\xeau cầu"})})]})})]}),F&&(0,n.jsxs)("div",{className:"py-5 px-9",children:[(0,n.jsx)("div",{className:"flex justify-center mb-9",children:(0,n.jsx)(s.Image,{src:"/images/success.png",width:182,height:150,alt:"success",className:"ml-2"})}),(0,n.jsxs)("p",{className:"pt-3 mb-4 text-center",children:["Hệ thống ch\xednh đ\xe3 nhận được y\xeau cầu ",(0,n.jsx)("b",{children:"“Sao ch\xe9p \xfd tưởng”"}),". Kết quả sẽ được trả về sớm nhất cho bạn.",(0,n.jsx)("br",{})," Ngo\xe0i ra, hệ thống sẽ th\xf4ng b\xe1o cho bạn sau khi qu\xe1 tr\xecnh xử l\xfd ho\xe0n tất."]}),(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(o.A,{className:t().ok,onClick:a,children:"OK"})})]})]})}),(0,g.UZ)(i)||document.body)}},98968:e=>{e.exports={container:"styles_container__OJjxS",modal:"styles_modal__pASZE",option:"styles_option__IARrI",selected:"styles_selected__CsJcD",submit:"styles_submit__Sqg2j",close:"styles_close__Y2vSv",inputContainer:"styles_inputContainer__Bu_dv",appView:"styles_appView__8G4h8",banner:"styles_banner__LfH1A",input:"styles_input__mctbc",dropdown:"styles_dropdown__O4fSt",radio:"styles_radio__QSNts",ok:"styles_ok__L5ymb"}},36857:()=>{}}]);