https://fpt.vn/shop/vue3-v5/smarthomeRegister-hAsu2_5Z.js

1import{u as Ne,b as H,w as T,B as be,e as ve,o as u,c as g,a as e,g as o,z as b,n as V,f as L,D as ae,v as se,t as N,x as F,d as Je,p as P,h as q,K as Ke,y as Oe,l as fe,m as nt,aq as it}from"./main-BMgC90kc.js";import{u as at,a as Ge,b as st}from"./useModalConfirm-Cs7WlaZU.js";import{g as ke,h as Ee,i as qe}from"./useFields-BQMBF85m.js";import{u as Pe}from"./useTrackingAction-Cxhz4wmu.js";import{a as Se,b as lt,_ as rt}from"./Layout-C89TAZrY.js";import{_ as Te}from"./Select2-C8cVrI6I.js";import{u as Xe}from"./mixins-Dls10kYM.js";import{u as ct}from"./useModalLocationConsolidate-BIVHifb2.js";import{S as ut}from"./SaleEmail-BXNoepIA.js";import{_ as je}from"./TextRegister-i5RjsEID.js";import{u as dt}from"./useSeo-CX70hemM.js";import"./vi-BRPjUxAQ.js";import"./saleplatform-DEz4GbI9.js";import"./useApiPlatform-B7CTM92a.js";import"./useFields-CAAW-A6L.js";import"./saleplatform-D4BmUcT5.js";import"./useFields-CPQcqdyG.js";import"./saleplatform-C0fssHBt.js";import"./useFields-CY5wUIZk.js";const mt={ref:"childCustomer"},vt={class:"register-customer"},pt={key:0,class:"headline-wrap"},ht=e("h3",{class:"headline"},"Thông tin đăng ký",-1),_t=[ht],gt={class:"row"},ft={class:"col-md-12"},bt={class:"row gx-3 row-padding-fields"},kt={class:"form-group col-md-6 pb-16"},St=e("label",{for:"name",class:"form-label"},[F("Số điện thoại "),e("span",{class:"clo-red"},"*")],-1),yt=["src"],wt={class:"invalid-feedback"},$t={__name:"registerCustomer",setup(Q){const{isNumber:p}=at(),{windowWidth:s,updateWidth:w}=Se(),C=Ne(),{dataQuery:d}=Pe(),{errors_fields:D,validateBtnNext:X}=Ee(),{updateFieldUnfocus:le,showDeleteInp:K,showDeletePhone:A}=ke(),O=C.fields,k=H(!0);function Y(v){v.preventDefault()}T(()=>s.value,()=>{s.value>767&&(k.value=!0)}),be(()=>{window.removeEventListener("resize",w)}),ve(()=>{setTimeout(()=>{var v,h;d.value&&(sessionStorage.dataFields&&sessionStorage.dataFields!=="undefined"||(v=d.value)!=null&&v.phonenumber&&(O.phonenumber=(h=d.value)==null?void 0:h.phonenumber))},0),window.addEventListener("resize",w)}),T(()=>O.phonenumber,()=>{X(),K("phone")});function j(v){switch(v){case"phone":O.phonenumber="",le("phone");break}}function m(){s.value>767||(k.value=!k.value)}function Z(v,h){switch(h){case"phone":O.phonenumber=v.target.value;break}}return(v,h)=>{var ee,S,r;return u(),g("section",mt,[e("div",vt,[o(s)>767?(u(),g("div",pt,_t)):b("",!0),e("div",gt,[e("div",ft,[e("a",{onClick:h[0]||(h[0]=B=>m())},[e("h4",{class:V([k.value?"":"rotate-180","icon-drop--mob sub-headline"])},"Thông tin cá nhân",2)])])]),L(e("div",bt,[e("div",kt,[St,e("div",{class:V(["custom---input",(ee=o(D))!=null&&ee.phonenumber?"is-invalid":""])},[L(e("input",{type:"text",inputmode:"numeric",placeholder:"Nhập số điện thoại",maxlength:"10",onKeypress:h[1]||(h[1]=B=>o(p)(B,"number")),onWheel:Y,class:V([(S=o(D))!=null&&S.phonenumber?"is-invalid":"","form-control"]),"onUpdate:modelValue":h[2]||(h[2]=B=>o(O).phonenumber=B),onFocusout:h[3]||(h[3]=B=>o(le)("phone")),onFocus:h[4]||(h[4]=B=>o(K)("phone")),onInput:h[5]||(h[5]=B=>Z(B,"phone"))},null,34),[[se,o(O).phonenumber]]),o(A)?(u(),g("a",{key:0,onClick:h[6]||(h[6]=B=>j("phone")),href:"javascript:;",class:"clear---input"},[e("img",{src:v.asset_fpt("/html-2025-dkol-flow-net/html/assets/images/close-circle.png"),alt:""},null,8,yt)])):b("",!0)],2),e("div",wt,N((r=o(D))==null?void 0:r.phonenumber),1)])],512),[[ae,k.value]])])],512)}}},It={class:"row"},Ct={class:"col-md-12"},xt={class:"tag-register"},Lt=["src"],Tt=e("span",{style:{"font-size":"14px"}},"Thời gian giao hàng dự kiến từ 3 đến 7 ngày.",-1),Nt={class:"row gx-3 row-padding-fields"},Dt=e("i",{class:"icon-location"},null,-1),Bt={class:"row gx-3"},Mt={class:"form-group col-md-6"},Vt=e("label",{for:"name",class:"form-label"},[F("Tỉnh/Thành phố "),e("span",{class:"clo-red"},"*")],-1),Ot={class:"invalid-feedback"},Et={class:"form-group col-md-6"},Pt=e("label",{for:"name",class:"form-label"},[F("Phường/Xã "),e("span",{class:"clo-red"},"*")],-1),Rt={class:"invalid-feedback"},Ft={class:"form-group col-md-6"},At=e("label",{for:"name",class:"form-label"},[F("Tên đường "),e("span",{class:"clo-red"},"*")],-1),Ut={class:"invalid-feedback"},Ht={class:"form-group col-12"},Qt={class:"radio-list"},Wt={class:"form-control"},zt={class:"form-control"},Kt={class:"row gx-3"},jt={class:"form-group col-12"},Jt=e("label",{for:"name",class:"form-label"},[F("Số nhà "),e("span",{class:"clo-red"},"*")],-1),Gt={class:"invalid-feedback"},qt={class:"row gx-3"},Xt={class:"form-group col-12"},Yt=e("label",{for:"name",class:"form-label"},[F("Tên chung cư "),e("span",{class:"clo-red"},"*")],-1),Zt={class:"invalid-feedback"},eo={class:"form-group col-md-4"},to=e("label",{for:"name",class:"form-label"},"Tòa nhà",-1),oo={class:"form-group col-md-4"},no=e("label",{for:"name",class:"form-label"},[F("Số tầng "),e("span",{class:"clo-red"},"*")],-1),io={class:"invalid-feedback"},ao={class:"form-group col-md-4"},so=e("label",{for:"name",class:"form-label"},[F("Số phòng "),e("span",{class:"clo-red"},"*")],-1),lo={class:"invalid-feedback"},ro={class:"row gx-3"},co={class:"form-group col-12 mb-0"},uo=e("label",{for:"name",class:"form-label"},"Ghi chú",-1),mo={__name:"registerLocation",props:{isBlur:{type:Boolean,default:!0}},emits:["update-blur"],setup(Q,{emit:p}){const s=Ne(),{dataQuery:w}=Pe(),{windowWidth:C,updateWidth:d}=Se(),D=Je(),X=P(()=>s.fields),{getCookie:le,getTrackingID:K,getSaleTeamId:A,sessionSet:O}=Xe(),{updateLocationUnSelectSmartHome:k,updateLocationContract:Y}=ke(),{clearValLocationChangeType:j,errors_location:m,errors_fields:Z,val

1idateBtnNext:v,validateHousenumber:h}=Ee(),{apiLocation:ee,apiDistrict:S,apiStreetid:r,apiBuilding:B,listLocation:pe,listDistrict:J,listStreet:W,listBuilding:he,isFirstLoadBuilding:De,dataLocation:t,isFirstLoad:te,showNotiPriceChange:Be}=qe(),{getLoginContract:ye}=Ge(),{showModalLocationConsolidate:_e}=ct(),z=H(!0),$=Q;be(()=>{window.removeEventListener("resize",d)});const ge=p,f=()=>{$.isBlur=!1,ge("update-blur",$.isBlur)},re=()=>{$.isBlur=!0,ge("update-blur",$.isBlur),k("housenumber")};ve(()=>{setTimeout(()=>{var a,n,l,R,ne,U,x,de,me;w.value,((l=Object.keys((n=(a=D==null?void 0:D.currentRoute)==null?void 0:a.value)==null?void 0:n.query))==null?void 0:l.length)>0&&((R=w.value)!=null&&R.locationid&&(t.value.locationid=(ne=w.value)==null?void 0:ne.locationid),(U=w.value)!=null&&U.districtid&&(t.value.districtid=(x=w.value)==null?void 0:x.districtid),(de=w.value)!=null&&de.wardid&&(t.value.wardid=(me=w.value)==null?void 0:me.wardid)),ye(ce)},0),window.addEventListener("resize",d)});function ce(a,n,l){var R,ne;if(a&&n.data){const{LocationId:U,DistrictId:x,WardId:de,LocationName:me,WardName:Fe,DistrictName:Ve}=n.data.location||{},{phone:$e,contractName:Ie}=n.data||{};(!((R=t.value)!=null&&R.locationid)||((ne=t.value)==null?void 0:ne.locationid)==0)&&(t.value.locationid=U||t.value.locationid,t.value.districtid=x||t.value.districtid,t.value.wardid=de||t.value.wardid,t.value.locationname=me||t.value.locationname,t.value.districtname=Ve||t.value.districtname),X.value.phonenumber||s.setFields(Ie,$e)}ee(),S(t.value.locationid),r(t.value.mainlocationid,t.value.districtid,t.value.wardid),t.value.locationtype=="2"&&B(A(),t.value.mainlocationid,t.value.districtid,t.value.wardid)}const ue=P(()=>{var a;return(a=J.value)==null?void 0:a.find(n=>(n==null?void 0:n.id)==t.value.districtid)});T(()=>t.value.locationid,()=>{var a,n;v(),!te.value&&(pe.value&&((a=pe.value)==null?void 0:a.length)>0&&(t.value.locationname=(n=pe.value.filter(l=>parseInt(l.id)==t.value.locationid)[0])==null?void 0:n.text),J.value=[],W.value=[],t.value.districtid="",t.value.wardid="",t.value.streetid="",t.value.districtname="",t.value.streetname="",t.value.buildingid="",t.value.buildingname="",S(t.value.locationid))}),T(()=>t.value.districtid,()=>{var a,n,l,R;v(),!te.value&&(J.value&&((a=J.value)==null?void 0:a.length)>0&&(t.value.districtname=(n=ue.value)==null?void 0:n.text),W.value=[],t.streetid="",t.value.streetname="",t.value.wardid=((l=ue.value)==null?void 0:l.ward_id)||0,t.value.mainlocationid=((R=ue.value)==null?void 0:R.location_id)||0,t.value.buildingid="",t.value.buildingname="")}),T(()=>[t.value.wardid,t.value.mainlocationid],([a,n],[l,R])=>{v(),!te.value&&(a!=l&&(W.value=[],t.value.streetid="",t.value.streetname="",t.value.buildingid="",t.value.buildingname=""),r(t.value.mainlocationid,t.value.districtid,t.value.wardid))}),T(()=>t.value.streetid,()=>{var a,n;v(),!te.value&&W.value&&((a=W.value)==null?void 0:a.length)>0&&(t.value.streetname=(n=W.value.filter(l=>parseInt(l.id)==t.value.streetid)[0])==null?void 0:n.text)}),T(()=>t.value.locationtype,a=>{v(),a=="1"?oe():t.value.housenumber="",k(),j(t.value.locationtype)});const we=P(()=>t.value.locationtype=="2"?t.value.wardid+t.value.mainlocationid:"");T(()=>we.value,a=>{oe(),a&&B(A(),t.value.mainlocationid,t.value.districtid,t.value.wardid)}),T(()=>t.value.buildingid,()=>{var n;v(),k(),t.value.buildingname=((n=he.value.filter(l=>parseInt(l.id)==t.value.buildingid)[0])==null?void 0:n.text)||"";const a=["block","floor","room"];for(let l of a)t.value[l]=""}),T(()=>t.value.housenumber,()=>{v()}),T(()=>t.value.floor,()=>{v()}),T(()=>t.value.room,()=>{v()});function oe(){if(!De.value){const a=["buildingname","block","floor","room","note"];for(let n of a)t.value[n]="";t.value.buildingid=0,he.value=[]}}function Me(){C.value>767||(z.value=!z.value)}T(()=>C.value,()=>{C.value>767&&(z.value=!0)});function y(){return!!(t.value.locationid&&t.value.locationid!=0)}function Re(a){te.value=!0,t.value.districtid!=(a==null?void 0:a.DistrictId)&&(t.value.mainlocationid=0,t.value.buildingid="",t.value.buildingname=""),t.value.locationid=a==null?void 0:a.LocationId,t.value.locationname=a==null?void 0:a.LocationNameVN,t.value.districtid=a==null?void 0:a.DistrictId,t.value.districtname=a==null?void 0:a.DistrictNameVN,t.value.wardid=a==null?void 0:a.WardId,t.value.streetid=a==null?void 0:a.StreetId,t.value.streetname=a==null?void 0:a.StreetNameVN,k("dchc"),ee(),S(t.value.locationid)}return(a,n)=>(u(),g("section",null,[e("div",{class:V(["register-bill",z.value?"":"mb-0"])},[e("div",It,[e("div",Ct,[e("a",{onClick:n[0]||(n[0]=l=>Me())},[e("h4",{class:V([z.value?"":"rotate-180 mb-0","icon-drop--mob sub-headline"])},"Địa chỉ lắp đặt",2)])])]),e("div",xt,[e("img",{src:a.asset_fpt("/html-2025-dkol-flow-net/html/assets/images/info-clock.png"),alt:""},null,8,Lt),Tt]),L(e("div",Nt,[e("div",{class:"consolidate-title",onClick:n[1]||(n[1]=l=>{o(_e)(Re)})},[Dt,F("Địa chỉ hành chính cũ")]),e("div",null,[e("div",Bt,[e("div",Mt,[Vt,q(Te,{placeholder:"Chọn tỉnh/thành phố",modelValue:o(t).locationid,"onUpdate:modelValue":n[2]||(n[2]=l=>o(t).locationid=l),locationKey:"location",options:o(pe),class:V(o(m).location?"is-invalid":"")},null,8,["modelValue","options","class"]),e("div",Ot,N(o(m).location),1)]),L(e("div",Et,[Pt,q(Te,{placeholder:"Chọn phường/xã",locationKey:"district",modelValue:o(t).districtid,"onUpdate:modelValue":n[3]||(n[3]=l=>o(t).districtid=l),options:o(J),class:V(o(m).district?"is-invalid":"")},null,8,["modelValue","options","class"]),e("div",Rt,N(o(m).district),1)],512),[[ae,y()]]),L(e("div",Ft,[At,q(Te,{placeholder:"Chọn tên đường",locationKey:"street",modelValue:o(t).streetid,"onUpdate:modelValue":n[4]||(n[4]=l=>o(t).streetid=l),class:V(o(m).street?"is-invalid":""),options:o(W)},null,8,["modelValue","class","options"]),e("div",Ut,N(o(m).street),1)],512),[[ae,y()]])]),L(e("div",Ht,[e("div",Qt,[e("label",Wt,[

1L(e("input",{"onUpdate:modelValue":n[5]||(n[5]=l=>o(t).locationtype=l),value:"1",type:"radio",name:"radio"},null,512),[[Ke,o(t).locationtype]]),F(" Nhà riêng ")]),e("label",zt,[L(e("input",{"onUpdate:modelValue":n[6]||(n[6]=l=>o(t).locationtype=l),value:"2",type:"radio",name:"radio"},null,512),[[Ke,o(t).locationtype]]),F(" Chung cư ")])])],512),[[ae,y()]]),L(e("div",Kt,[e("div",jt,[Jt,L(e("input",{type:"text",placeholder:"Nhập số nhà",class:V([o(m).housenumber?"is-invalid":"","form-control"]),locationKey:"housenumber",maxlength:"100",onFocus:f,"onUpdate:modelValue":n[7]||(n[7]=l=>o(t).housenumber=l),onFocusout:re},null,34),[[se,o(t).housenumber]]),e("div",Gt,N(o(m).housenumber),1)])],512),[[ae,o(t).locationtype=="1"&&y()]]),L(e("div",qt,[e("div",Xt,[Yt,q(Te,{placeholder:"Chọn Chung cư",locationKey:"building",modelValue:o(t).buildingid,"onUpdate:modelValue":n[8]||(n[8]=l=>o(t).buildingid=l),options:o(he)},null,8,["modelValue","options"]),e("div",Zt,N(o(m).building),1)]),e("div",eo,[to,L(e("input",{type:"text",placeholder:"Nhập tên toà nhà",onFocusout:n[9]||(n[9]=l=>o(k)("block")),maxlength:"10",class:"form-control","onUpdate:modelValue":n[10]||(n[10]=l=>o(t).block=l)},null,544),[[se,o(t).block]])]),e("div",oo,[no,L(e("input",{type:"text",placeholder:"Nhập số tầng",locationKey:"floor",maxlength:"10",class:V([o(m).floor?"is-invalid":"","form-control"]),"onUpdate:modelValue":n[11]||(n[11]=l=>o(t).floor=l),onFocusout:n[12]||(n[12]=l=>o(k)("floor"))},null,34),[[se,o(t).floor]]),e("div",io,N(o(m).floor),1)]),e("div",ao,[so,L(e("input",{type:"text",placeholder:"Nhập số phòng",class:V([o(m).room?"is-invalid":"","form-control"]),onFocusout:n[13]||(n[13]=l=>o(k)("room")),locationKey:"room",maxlength:"10","onUpdate:modelValue":n[14]||(n[14]=l=>o(t).room=l)},null,34),[[se,o(t).room]]),e("div",lo,N(o(m).room),1)])],512),[[ae,o(t).locationtype=="2"&&y()]]),e("div",ro,[e("div",co,[uo,L(e("textarea",{maxlength:"100","onUpdate:modelValue":n[15]||(n[15]=l=>o(t).note=l),class:V([o(m).note?"is-invalid":"","mob-dis--none"]),name:"",id:"",placeholder:"Gọi cho tôi trước 30 phút nhé!"},null,2),[[se,o(t).note]]),L(e("input",{type:"text",placeholder:"Gọi cho tôi trước 30 phút nhé!",class:V([o(m).note?"is-invalid":"","form-control desk-dis--none"]),maxlength:"100","onUpdate:modelValue":n[16]||(n[16]=l=>o(t).note=l)},null,2),[[se,o(t).note]])])])])],512),[[ae,z.value]])],2)]))}},vo={class:"tab tab-info"},po=e("input",{type:"checkbox",name:"accordion-1",id:"cb1",checked:""},null,-1),ho=e("label",{for:"cb1",class:"tab__label"},"Thông tin khách hàng",-1),_o={class:"tab__content"},go={class:"pb-0"},fo={class:"tab__content-1_r"},bo=e("span",{class:"tab__c_1 clor_neutral-4"},"Số điện thoại",-1),ko={class:"tab__c_2 clor_neutral-0"},So={key:0},yo={class:"tab__content-1_r"},wo=e("span",{class:"tab__c_1 clor_neutral-4"},"Địa chỉ",-1),$o={class:"tab__c_2 clor_neutral-0 break-word"},Io={__name:"registerInstallation",setup(Q){const{updateFieldUnfocus:p,updateLocationUnSelectSmartHome:s,fieldPhone:w,fieldLocation:C,isShowAddress:d}=ke();return ve(()=>{p(),s()}),(D,X)=>(u(),g("section",null,[e("div",vo,[po,ho,e("div",_o,[e("ul",go,[e("li",null,[e("span",fo,[bo,e("span",ko,N(o(w)||"-"),1)])]),o(d)?(u(),g("li",So,[e("span",yo,[wo,e("span",$o,N(o(C)||"-"),1)])])):b("",!0)])])])]))}},Co={key:0,class:"tab tab-payment-method register-tab--li"},xo=e("input",{type:"checkbox",name:"accordion-1",id:"cb3",checked:""},null,-1),Lo=e("label",{for:"cb3",class:"tab__label"},"Thông tin thanh toán",-1),To={class:"tab__content"},No={class:"tab__content-1_i"},Do={class:"tab__content-1_r"},Bo={key:0,class:"tab__c_1 clor_neutral-4"},Mo={key:1},Vo=e("span",{class:"sk-loading sk-loading--text is-loading ms-auto"},null,-1),Oo=[Vo],Eo={key:2,class:"tab__c_2 clor_neutral-0 break-word"},Po={key:0,class:"promotion-note"},Ro={key:1,class:"promotion-note"},Fo={key:0,class:"tab__content-footer temp-price-ap"},Ao=e("div",{class:"label"},[e("span",null,"Tạm tính")],-1),Uo={class:"price"},Ho={key:0},Qo=e("span",{class:"sk-loading sk-loading--text is-loading ms-auto"},null,-1),Wo=[Qo],zo={key:1},Ko={__name:"registerPayment",setup(Q){const p=Ne(),{smarthomeQty:s}=ke(),{windowWidth:w,updateWidth:C}=Se(),d=P(()=>p.selectedPackage),D=P(()=>p.isSkeletonLoading);return ve(()=>{window.addEventListener("resize",C)}),be(()=>{window.removeEventListener("resize",C)}),(X,le)=>{var K,A,O,k,Y,j,m,Z,v;return u(),g("section",null,[d.value?(u(),g("div",Co,[xo,Lo,e("div",To,[e("ul",null,[e("li",No,[e("span",Do,[d.value.DataCms?(u(),g("span",Bo,N(d.value.DataCms.package_name+" - "+o(s)+" cái"),1)):b("",!0),D.value?(u(),g("span",Mo,Oo)):b("",!0),!D.value&&d.value.RealPromotionMonth?(u(),g("span",Eo,N(o(Oe)(d.value.RealPromotionMonth*o(s))+"đ"),1)):b("",!0)]),(K=d.value)!=null&&K.HasPolicy&&((O=(A=d.value)==null?void 0:A.DataCms)!=null&&O.policy_discount_price)?(u(),g("div",Po,N((Y=(k=d.value)==null?void 0:k.DataCms)==null?void 0:Y.policy_discount_price),1)):(m=(j=d.value)==null?void 0:j.DataCms)!=null&&m.cms_discount_price?(u(),g("div",Ro,N((v=(

1Z=d.value)==null?void 0:Z.DataCms)==null?void 0:v.cms_discount_price),1)):b("",!0)])])]),q(ut),o(w)>767?(u(),g("div",Fo,[Ao,e("div",Uo,[D.value?(u(),g("span",Ho,Wo)):b("",!0),!D.value&&d.value.RealPromotionMonth?(u(),g("span",zo,N(o(Oe)(d.value.RealPromotionMonth*o(s))+"đ"),1)):b("",!0)])])):b("",!0)])):b("",!0)])}}},jo={class:"col-content col-order-info"},Jo={key:0,class:"headline-wrap"},Go=e("h3",{class:"headline"},"Thông tin đơn hàng",-1),qo=[Go],Xo={class:"accordion-list"},Yo={class:"row mob-dis--none"},Zo={class:"col-md-12 d-flex align-items-center"},en=["disabled"],tn={__name:"registerDetail",props:{onSubmit:{type:Function,required:!0},isDisabledNext:{type:Boolean,default:!1}},setup(Q){const{windowWidth:p,updateWidth:s}=Se();return ve(()=>{window.addEventListener("resize",s)}),be(()=>{window.removeEventListener("resize",s)}),(w,C)=>(u(),g("div",{class:V(["col-12 col-md-5 col-right",o(p)<=768?"mb-140":""])},[e("div",jo,[o(p)>767?(u(),g("div",Jo,qo)):b("",!0),e("div",Xo,[o(p)>767?(u(),fe(Io,{key:0})):b("",!0),q(Ko),e("div",Yo,[e("div",Zo,[e("button",{disabled:Q.isDisabledNext,onClick:C[0]||(C[0]=(...d)=>Q.onSubmit&&Q.onSubmit(...d)),class:"custom-btn custom-btn--next ms-auto",style:{width:"100%"},type:"button"},"Tiếp tục",8,en)])]),o(p)>767?(u(),fe(je,{key:1,class:"agreement-gap__2"})):b("",!0)])]),o(p)<=768?(u(),fe(je,{key:0,class:"agreement-gap__1"})):b("",!0)],2))}},on={class:"ct-block ct-block--info ct-block--step-register"},nn={class:"container gx-_5 gx-lg-4"},an={key:0,class:"row gx-4"},sn={class:"col-12 epl-banner-top"},ln=["href"],rn=["srcset"],cn=["src"],un={class:"row gx-4"},dn={class:"col-12 col-md-7 col-left"},mn={class:"col-content col-cus-info"},vn={class:"tab__content-footer-mob"},pn={class:"content--top"},hn=e("div",{class:"label"},[e("span",null,"Tạm tính")],-1),_n={class:"price"},gn={key:0},fn=e("span",{class:"sk-loading sk-loading--text is-loading ms-auto"},null,-1),bn=[fn],kn={key:1},Sn={class:"content--bottom"},yn=["disabled"],wn={key:1,class:"row gx-4"},$n={class:"col-12 epl-banner-bottom"},In=["href"],Cn=["srcset"],xn=["src"],Ln="Bán cho người tiêu dùng",Jn={__name:"smarthomeRegister",setup(Q){var Ie,Ae,Ue,He,Qe,We;const p=Je(),s=Ne(),{formatAddress:w,smarthomeQty:C,setQtySmartHome:d,isShowAddress:D}=ke(),{validateAll:X,scrollToError:le,validateBtnNext:K,isDisabledNext:A}=Ee(),{showModalConfirmBackHome:O,closeModal:k}=lt(),{getListSeo:Y,setMetaSeoByService:j}=dt(),{getService:m,getCreateOrder:Z,getSaleTeamInfo:v,getSaleTeamSetting:h,getOrderDetail:ee}=Ge(),{showModalNoti:S}=st(),{dataLocation:r,updateShowNotiPriceChange:B}=qe(),{getCookie:pe,getTrackingID:J,getSaleTeamId:W,sessionSet:he,getLatestCookieValue:De,backHome:t,getUTM:te}=Xe(),{trackingAction:Be}=Pe(),ye=P(()=>s.fields),_e=P(()=>s.selectedPackage),z=P(()=>s.isSkeletonLoading),$=H(null),ge=H(0),f=H(null),re=P(()=>{var c,i,I;return((I=(i=(c=f==null?void 0:f.value)==null?void 0:c.DataCms)==null?void 0:i.banner)==null?void 0:I.header)||null}),ce=P(()=>{var c,i,I;return((I=(i=(c=f==null?void 0:f.value)==null?void 0:c.DataCms)==null?void 0:i.banner)==null?void 0:I.footer)||null}),ue=H(!1),we=H(!1),oe=H(0),Me=H(!0),y=H(29),{windowWidth:Re,updateWidth:a}=Se(),n=P(()=>{var c;return((c=_e.value)==null?void 0:c.RealPromotionMonth)||0}),l=P(()=>C.value*n.value);s.setStep(1),s.setIsPage("smart-home"),localStorage.removeItem("clearedSession"),Y(),ve(()=>{var c;te(),j(),K();try{const i=JSON.parse(sessionStorage.getItem("smarthomeSessionData")??"{}"),I=JSON.parse(sessionStorage.getItem("smarthomeQty")??"{}"),_=parseInt(((c=i==null?void 0:i.selectedPackage)==null?void 0:c.Qty)||I);!isNaN(_)&&_>0&&d(_)}catch{}Be("RegisterPage","View",0,"View Register Home"),ge.value=Date.now(),window.addEventListener("resize",a)});function R(){const c=sessionStorage.getItem("isConfirmBackHome");c&&c!=="undefined"?t():O()}if(be(()=>{window.removeEventListener("resize",a),k()}),(Ue=(Ae=(Ie=p==null?void 0:p.currentRoute)==null?void 0:Ie.value)==null?void 0:Ae.params)!=null&&Ue.servicecode?($.value=(We=(Qe=(He=p==null?void 0:p.currentRoute)==null?void 0:He.value)==null?void 0:Qe.params)==null?void 0:We.servicecode,sessionStorage.serviceCode=$.value):sessionStorage.serviceCode&&($.value=sessionStorage.serviceCode),y.value=sessionStorage.SaleTeamId&&sessionStorage.SaleTeamId!="undefined"?JSON.parse(sessionStorage.SaleTeamId):29,T(()=>[r.value.wardid,r.value.mainlocationid],()=>{!r.value.wardid||!r.value.mainlocationid||r.value.locationtype=="2"&&!r.value.buildingid||($.value?(s.setLoading(!0),s.setSkeletonLoading(!0),m(U,r.value,$.value,y.value)):S("ico ico--notice","Thông báo","Quý khách vui lòng chọn lại sản phẩm/ dịch vụ",!1,"Đồng ý","","",x))}),T(()=>r.value.buildingid,()=>{r.value.buildingid&&($.value?(s.setLoading(!0),s.setSkeletonLoading(!0),m(U,r.value,$.value,y.value)):S("ico ico--notice","Thông báo","Quý khách vui lòng chọn lại sản phẩm/ dịch vụ",!1,"Đồng ý","","",x))}),T(()=>r.value.locationtype,()=>{if(r.value.locationtype)if($.value){if(s.setLoading(!0),r.value.locationtype==1)r.value.buildingid=0,r.value.buildingname="";else return;

1s.setLoading(!0),s.setSkeletonLoading(!0),m(U,r.value,$.value,y.value)}else S("ico ico--notice","Thông báo","Quý khách vui lòng chọn lại sản phẩm/ dịch vụ",!1,"Đồng ý","","",x)}),$.value){s.setLoading(!0);let c=sessionStorage.extra_tracking&&sessionStorage.extra_tracking!=="undefined"?JSON.parse(sessionStorage.extra_tracking):{};if(J()||Object.keys(c).length>0){let i={TrackingId:J()||"",PhoneSMS:c.ctv||""};v(ne,i)}else s.setLoading(!0),s.setSkeletonLoading(!0),m(U,r.value,$.value,y.value)}else S("ico ico--notice","Thông báo","Quý khách vui lòng chọn lại sản phẩm/ dịch vụ",!1,"Đồng ý","","",x);function ne(c,i,I){var _,M;s.setLoading(!1),c&&i.error===0&&(y.value=((_=i.data)==null?void 0:_.SaleTeamId)||29,sessionStorage.SaleTeamId=y.value||29,s.setSaleEmail(((M=i.data)==null?void 0:M.Email)||"")),s.setLoading(!0),s.setSkeletonLoading(!0),m(U,r.value,$.value,y.value)}function U(c,i,I){var M,E,G,ie,Ce,xe,Le;s.setLoading(!1),s.setSkeletonLoading(!1);const _=(E=(M=i==null?void 0:i.data)==null?void 0:M.PackageServices)==null?void 0:E[0];if(!c||(G=i==null?void 0:i.data)!=null&&G.HasPolicy&&(_==null?void 0:_.ServiceId)!==9&&(_==null?void 0:_.SubServiceTypeId)!==32){S("ico ico--notice","Thông báo","Quý khách vui lòng chọn lại sản phẩm/ dịch vụ",!1,"Đồng ý","","",x);return}if(i.error==0){if(f.value=i.data,(y.value==31||y.value==208)&&((Ce=(ie=f.value)==null?void 0:ie.DataCms)==null?void 0:Ce.is_ecom)==1){S("ico ico--notice","Thông báo","Hiện tại chưa có gói đăng ký nào được hiển thị. Quý khách vui lòng thử lại sau.",!1,"Đồng ý","","back-home",x);return}if(s.setSelectedPackage(f.value),d(Math.max(((xe=f.value)==null?void 0:xe.FromQty)||0,Math.min(((Le=f.value)==null?void 0:Le.ToQty)||1,C.value))),oe.value==0){oe.value=f.value.RealMonth;return}oe.value!=f.value.RealMonth&&(B(!0),oe.value=f.value.RealMonth)}else S("ico ico--notice","Thông báo",i.message,!1,"Đồng ý","","",x)}function x(c){c=="back-home"&&t()}function de(c,i,I){var _,M,E,G,ie;if(s.setLoading(!1),!c){S("ico ico--notice","Thông báo","Đã có lỗi trong quá trình xử lý. Vui lòng thử lại!",!1,"Đồng ý","","",x);return}if(i.error==0)sessionStorage.setItem("orderid",i.data.OrderInfo.OrderId),sessionStorage.setItem("ordercode",i.data.OrderInfo.OrderCode),sessionStorage.setItem("orderidFinish",i.data.OrderInfo.OrderCode),sessionStorage.setItem("Appointment",i.data.Appointment.Enable),s.setAppointment(i.data.Appointment.Enable),he("ordercode20",i.data.OrderInfo.OrderCode,20),ee(me,W()||29,(_=f.value)==null?void 0:_.PackageServices,((E=(M=f.value)==null?void 0:M.DataCms)==null?void 0:E.route_name)||"");else{if((G=i.data)!=null&&G.session_expired&&((ie=i.data)==null?void 0:ie.session_expired)==1){S("ico ico--notice","Thông báo",i.message,!1,"Đồng ý","","back-home",x);return}S("ico ico--notice","Thông báo",i.message,!1,"Đồng ý","","",x)}}function me(c,i,I){s.setLoading(!1),c||s.setListCateDetail(null),i.error==0?(s.setListCateDetail(i.data),h(Fe,y.value||29)):s.setListCateDetail(null),window.scrollTo({top:0,behavior:"smooth"}),p.push({name:it.payment}).catch(()=>{})}function Fe(c,i,I){var _,M;if(c)if(i.error==0){const E=(M=(_=i==null?void 0:i.data)==null?void 0:_[0])!=null&&M.Value?JSON.parse(i.data[0].Value):null;E&&(sessionStorage.settingASAPOption=JSON.stringify(E),s.setSettingASAPOption(E))}else s.setLoading(!1),S("ico ico--notice","Thông báo",i.message,!1,"Đồng ý","","back-home",x)}function Ve(c){Me.value=c}function $e(){var c,i,I,_,M,E,G;if(X(ye.value.phonenumber,r.value)){s.setLoading(!0);const ie={CusTypeId:0,CusTypeL2Id:0,ObjectTypeId:0,FullName:Ln,IDCardType:1,IDCard:"",PhoneSMS:ye.value.phonenumber||"",Gender:1,LocationIdMain:parseInt(r.value.mainlocationid),DistrictIdMain:parseInt(r.value.districtid),WardIdMain:parseInt(r.value.wardid),StreetIdMain:parseInt(r.value.streetid)||0,AddressNoMain:((i=(c=r.value)==null?void 0:c.housenumber)==null?void 0:i.trim())||"",TypeHouseMain:r.value.locationtype,BuildingIdMain:r.value.buildingid||0,NoteAddress:r.value.note?r.value.note.trim():"",BuildingNameMain:r.value.buildingname,FloorMain:r.value.floor,BlockMain:r.value.block,RoomMain:r.value.room,BillingAddress:w(),AddressType:1},Ce={Id:sessionStorage.getItem("orderid")?parseInt(sessionStorage.getItem("orderid")):0,ObjId:0,SaleChannelId:0,SaleTeamId:y.value,OrderType:1,AccountId:0,AccountName:"",AccountBranchId:0,AccountLocationId:0,RefId:0,RefCode:"",RefSource:0},xe=((I=f.value)==null?void 0:I.PackageServices)||null,Le={route_name:((M=(_=f.value)==null?void 0:_.DataCms)==null?void 0:M.route_name)||""},ze=sessionStorage.extra_tracking&&sessionStorage.extra_tracking!=="undefined"?JSON.parse(sessionStorage.extra_tracking):{},Ye={...Le,...ze},Ze={TrackingID:De("_aff_sid")||"",CampInfo:{CampSource:sessionStorage.utm_source||"",CampMedium:sessionStorage.utm_medium||"",CampName:sessionStorage.utm_campaign||"",CampTerm:sessionStorage.utm_term||"",CampContent:sessionStorage.utm_content||"",CampExtra:JSON.stringify(Ye)},ReferralCode:"",ReferralContract:"",WebDomainName:"",IP:"",GuestId:""},et=((G=(E=f.value)==null?void 0:E.DataCms)==null?void 0:G.route_name)||"",tt={LatLng:(sessionStorage.latitude||"")+";"+(sessionStorage.longitude||"")},ot={CustomerInfo:ie,OrderInfo:Ce,ServiceInfo:xe,ExtendedProperties:null,ExtraOrderInfo:Ze,BookportDto:tt,RouteName:et,ServiceType:"smart-home"};s.setLocation(r.value),s.setDataFields(),Z(de,ot),Be("RegisterPage","Click",Date.now()-ge.value,"Click Register Smart Home")}else le()}return(c,i)=>(u(),fe(rt,null,{default:nt(()=>[e("section",on,[e("div",nn,[re.value&&!ue.value?(u(),g("div",an,[e("div",sn,[e("a",{href:re.value.link||"#",target:"_blank"},[e("picture",null,[e("source",{media:"(min-width: 767px)",srcset:re.value.image_desktop_url},null,8,rn),e("img",{src:re.value.image_mobile_url,alt:"",onError:i[0]||(i[0]=I=>ue.value=!0)},null,40,cn)])],8,ln)])])):b("",!0),e("div",un,[e("div",dn,[e("div",mn,[q($t),o(D)?(u(),fe(mo,{key:0,onUpdateBlur:Ve})):b("",!0)]),e("div",{class:"row mob-dis--none mb-4"},[e("div",{class:"col-md-6 d-flex align-items-center"},[e("button",{onClick:R,class:"custom-btn--back",type:"button"},"Quay lại")])])]),q(tn,{"on-submit":$e,"is-disabled-next":o(A)},null,8,["is-disabled-next"]),e("div",vn,[e("div",pn,[hn,e("div",_n,[z.value?(u(),g("span",gn,bn)):b("",!0),!z.value&&_e.value&&_e.value.RealMonth?(u(),g("span",kn,N(o(Oe)(l.value)+"đ"),1)):b("",!0)])]),e("div",Sn,[e("button",{disabled:o(A),onClick:$e,class:"custom-btn custom-btn--next",type:"button"},"Tiếp tục",8,yn)])])]),ce.value&&!we.value?(u(),g("div",wn,[e("div",$n,[e("a",{href:ce.value.link||"#",target:"_blank"},[e("picture",null,[e("source",{media:"(min-width: 767px)",srcset:ce.value.image_desktop_url},null,8,Cn),e("img",{src:ce.value.image_mobile_url,alt:"",onError:i[1]||(i[1]=I=>we.value=!0)},null,40,xn)])],8,In)])])):b("",!0)])])]),_:1}))}};export{Jn as default};