https://fastlance.vn/_next/static/chunks/3287.9e030d667b884685.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3287],{25269:(e,n,t)=>{t.d(n,{W:()=>k});var a=t(37876),s=t(80481),r=t(50075),o=t(85102),l=t(20294),i=t(14678),c=t(14232),d=t(2911),u=t(67684),m=t(62701),p=t(13810),f=t(88992),v=t(97744),h=t(25612),_=function(){var e,n,t,o=(0,r.Bd)(s.yP).t,_=(0,d.HR)().data,b=(0,f.mN)({resolver:(0,p.u)(h.Vc),defaultValues:{country:null!=(t=null==_||null==(e=_.address)?void 0:e.country)?t:""}}),g=b.register,x=b.handleSubmit,j=b.formState,y=j.errors,N=j.isDirty,C=b.setError,S=(0,d.xR)(),L=S.mutate,R=S.isLoading,O=(0,r.zy)("aboard"),w=(0,v.o)(),E=w.enableLossDataFormWarning,V=w.disableLossDataFormWarning;return(0,c.useEffect)(function(){N&&E()},[N]),(0,a.jsxs)("form",{onSubmit:x(function(e){L({data:(0,m._)((0,u._)({},e),{is_abroad:!0})},{onError:function(e){var n=e.data,t=n.error.detail,a=n.error.code;"string"!=typeof t&&"SCHEMA_VALIDATION_ERROR"===a&&Object.entries(t).map(function(e){var n=(0,l._)(e,2),t=n[0],a=n[1];C(t,{message:null==a?void 0:a[0]})})},onSuccess:function(){V()}})}),children:[(0,a.jsxs)(i.l6,(0,m._)((0,u._)({},g("country")),{info:o(null==y||null==(n=y.country)?void 0:n.message),variant:(null==y?void 0:y.country)?"negative":"primary",className:"_w-100pct",children:[(0,a.jsx)("option",{value:"",disabled:!0,children:o("contact.location.abroad.placeholder")}),O.map(function(e){return(0,a.jsx)("option",{value:e,children:e},e)})]})),(0,a.jsx)("div",{className:"submit-wrapper",children:(0,a.jsx)(i.$n,{type:"submit",isLoading:R,children:o("submit")})})]})},b=t(16927),g=t(65699),x=t(4902),j=t(15039),y=t.n(j),N=t(64987),C=t(53688),S=t(35385),L=t(66523),R=function(){var e,n,t,o,_,b,g,x,j,y,N,C,S,L,R,w,E,V,k,F,H=(0,r.Bd)(s.yP).t,I=(0,d.HR)().data,P=(0,f.mN)({resolver:(0,p.u)(h.LP),defaultValues:{address:null!=(R=null==I||null==(e=I.address)?void 0:e.address)?R:"",subdistrict:null!=(w=null==I||null==(n=I.address)?void 0:n.subdistrict)?w:"",district:null!=(E=null==I||null==(t=I.address)?void 0:t.district)?E:"",province:null!=(V=null==I||null==(o=I.address)?void 0:o.province)?V:"",country:null!=(k=null==I||null==(_=I.address)?void 0:_.country)?k:"",postal_code:null!=(F=null==I||null==(b=I.address)?void 0:b.postal_code)?F:""}}),A=P.register,M=P.handleSubmit,D=P.setError,B=P.formState,$=B.errors,T=B.isDirty,W=(0,d.xR)(),z=W.mutate,q=W.isLoading,Y=(0,v.o)(),J=Y.enableLossDataFormWarning,G=Y.disableLossDataFormWarning;return(0,c.useEffect)(function(){T&&J()},[T]),(0,a.jsx)(f.Op,(0,m._)((0,u._)({},P),{children:(0,a.jsxs)("form",{onSubmit:M(function(e){z({data:(0,m._)((0,u._)({},e),{is_abroad:!1})},{onError:function(e){var n=e.data,t=n.error.detail,a=n.error.code;"string"!=typeof t&&"SCHEMA_VALIDATION_ERROR"===a&&Object.entries(t).map(function(e){var n=(0,l._)(e,2),t=n[0],a=n[1];D(t,{message:null==a?void 0:a[0]})})},onSuccess:function(){G()}})}),children:[(0,a.jsxs)("div",{className:"local-address-form",children:[(0,a.jsx)(i.pd,(0,m._)((0,u._)({label:H("contact.address.address.label"),placeholder:H("contact.address.address.placeholder")},A("address")),{info:H(null==(g=$.address)?void 0:g.message),variant:(null==(x=$.address)?void 0:x.message)?"negative":"primary"})),(0,a.jsxs)("div",{className:"grid-row",children:[(0,a.jsx)(O,{}),(0,a.jsx)(i.pd,(0,m._)((0,u._)({label:H("contact.address.subdistrict.label"),placeholder:H("contact.address.subdistrict.placeholder")},A("subdistrict")),{info:H(null==(j=$.subdistrict)?void 0:j.message),variant:(null==(y=$.subdistrict)?void 0:y.message)?"negative":"primary"}))]}),(0,a.jsxs)("div",{className:"grid-row",children:[(0,a.jsx)(i.pd,(0,m._)((0,u._)({label:H("contact.address.district.label"),placeholder:H("contact.address.district.placeholder")},A("district")),{info:H(null==(N=$.district)?void 0:N.message),variant:(null==(C=$.district)?void 0:C.message)?"negative":"primary"})),(0,a.jsx)(i.pd,(0,m._)((0,u._)({label:H("contact.address.province.label"),placeholder:H("contact.address.province.placeholder")},A("province")),{info:H(null==(S=$.province)?void 0:S.message),variant:(null==(L=$.province)?void 0:L.message)?"negative":"primary"}))]})]}),(0,a.jsx)("div",{className:"submit-wrapper",children:(0,a.jsx)(i.$n,{type:"submit",isLoading:q,children:H("submit")})})]})}))},O=function(){var e,n=(0,r.Bd)(s.yP).t,t=(0,f.xW)(),o=t.register,p=t.setValue,v=t.formState.errors,h=t.getValues,_=(0,l._)((0,c.useState)(function(){var e;return null!=(e=h("postal_code"))?e:""}),2),g=_[0],j=_[1];return(0,L.uN)({th:(0,a.jsx)(f.xI,{name:"postal_code",render:function(e){var t=e.field;return(0,a.jsxs)("div",{className:y()("trb-field",{"is-variant-negative":!!v.postal_code}),children:[(0,a.jsx)("label",{children:n("contact.address.postal-code.label")}),(0,a.jsx)(C.A,{formatCreateLabel:function(e){return(null==e?void 0:e.length)>=2?"".concat(n("contact.address.postal-code.create"),': "').concat(e,'"'):n("contact.address.postal-code.min-length")},onCreateOption:function(e){return(null==e?void 0:e.length)>=2&&(t.onChange({label:e,value:e,address:{subdistrict:"",district:"",province:"",postal_code:e}}),p("postal_code",e,{shouldValidate:!0})),!1},inputValue:g,onInputChange:function(e,n){["set-value","input-change"].includes(n.action)&&(p("postal_code",e,{shouldValidate:!0}),j(E(e))),["input-blur"].includes(n.action)&&h("postal_code").length<5&&(p("postal_code","",{shouldValidate:!0}),j(""))},onChange:function(e){var n,a,s,r;t.onChange(e),(null==e?void 0:e.address)?(p("subdistrict",(null==(n=e.address)?void 0:n.subdistrict)||"",{shouldValidate:!0}),p("district",(null==(a=e.address)?void 0:a.district)||"",{shouldValidate:!0}),p("province",(null==(s=e.address)?void 0:s.province)||"",{shouldValidate:!0}),p("postal_code",(null==(r=e.address)?void 0:r.postal_code)||"",{shouldValidate:!0})):p("postal_code","",{shouldValidate:!0})},cacheOptions:!0,defaultOptions:!0,openMenuOnClick:!0,isClearable:!0,placeholder:n("c

1ontact.address.postal-code.placeholder"),components:{SingleValue:w},noOptionsMessage:function(){return n("contact.address.postal-code.min-length")},loadingMessage:function(){return(0,a.jsx)(i.aH,{})},loadOptions:function(e){var n;return n=E(e),(0,b._)(function(){var e;return(0,x.YH)(this,function(t){switch(t.label){case 0:if(!((null==n?void 0:n.length)>=2))return[3,5];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,(0,d.ME)(n)];case 2:return[2,null==(e=t.sent())?void 0:e.map(function(e){var n=e.subdistrict,t=e.district,a=e.province,s=e.postal_code;return{label:"".concat(n," ").concat(t," ").concat(a," ").concat(s),value:s,address:e}})];case 3:return t.sent(),[2,[]];case 4:return[3,6];case 5:return[2,[]];case 6:return[2]}})})()},styles:{noOptionsMessage:function(e){return(0,m._)((0,u._)({},e),{fontSize:"12px"})},input:function(e){return(0,m._)((0,u._)({},e),{color:"var(--color-black-100)",fontFamily:"var(--font-family-primary)",fontWeight:400})},control:function(e){return(0,m._)((0,u._)({},e),{borderColor:v.postal_code?"var(--color-negative-300)":"var(--color-neutral-300)",height:"40px",borderRadius:"var(--form-element-border-radius)"})},container:function(e){return(0,m._)((0,u._)({},e),{zIndex:9,maxHeight:"500px",fontSize:"14px",color:"var(--color-black-100)"})},option:function(e){return(0,m._)((0,u._)({},e),{fontSize:"12px",cursor:"pointer"})}}}),v.postal_code&&(0,a.jsx)("div",{className:"info",children:n(v.postal_code.message)})]})}}),default:(0,a.jsx)(i.pd,(0,m._)((0,u._)({label:n("contact.address.postal-code.label"),placeholder:n("contact.address.postal-code.placeholder")},o("postal_code",{onChange:S.JL})),{variant:v.postal_code?"negative":"primary",info:n(null==(e=v.postal_code)?void 0:e.message)}))})},w=function(e){e.children;var n,t=(0,g._)(e,["children"]);return(0,a.jsx)(N.c.SingleValue,(0,m._)((0,u._)({},t),{children:null==t||null==(n=t.data)?void 0:n.value}))};function E(e){return e.match(/^\d+$/)?e:e.slice(0,-1)}var V=function(){var e,n=(0,r.Bd)(s.yP).t,t=(0,d.HR)().data,o=(0,l._)((0,c.useState)(null==t||null==(e=t.address)?void 0:e.is_abroad),2),u=o[0],m=o[1];return(0,a.jsxs)("div",{className:"_dp-g _gg-24px",children:[(0,a.jsxs)("div",{className:"trb-field",children:[(0,a.jsx)("label",{htmlFor:"",children:n("contact.location.label")}),(0,a.jsxs)("div",{className:"location-type-wrapper",children:[(0,a.jsx)(i.a,{id:"local",label:n("contact.location.local"),value:"local",onChange:function(){return m(function(e){return!e})},name:"locationType",checked:!u}),(0,a.jsx)(i.a,{id:"abroad",label:n("contact.location.abroad"),value:"abroad",onChange:function(){return m(function(e){return!e})},name:"locationType",checked:u})]})]}),u?(0,a.jsx)(_,{}):(0,a.jsx)(R,{})]})},k=function(){var e=(0,r.Bd)(s.yP).t;return(0,a.jsx)(o.g,{title:e("contact.address.title"),subtitle:e("contact.address.subtitle"),children:(0,a.jsx)(V,{})})}},35385:(e,n,t)=>{t.d(n,{JL:()=>a,cG:()=>s});var a=function(e){var n=e.target.value;n.match(/^\d+$/)?e.target.value=n:e.target.value=n.slice(0,-1)},s=function(e){var n=e.target;"string"==typeof n.value&&n.value&&(n.value=n.value.trim())}},96091:(e,n,t)=>{t.d(n,{c:()=>w});var a=t(37876),s=t(80481),r=t(50075),o=t(85102),l=t(16927),i=t(67684),c=t(62701),d=t(20294),u=t(4902),m=t(14678),p=t(13810),f=t(15039),v=t.n(f),h=t(14232),_=t(88992),b=t(51802),g=t(33048),x=t(10997),j=function(e){var n=e.title,t=e.description,o=e.iconClass,l=e.disclosure,c=e.onConfirm,u=e.onResendPassCode,p=e.errorMessage,f=e.isLoading,_=l.isOpen,b=l.onClose,j=(0,d._)((0,h.useState)(""),2),y=j[0],N=j[1],C=(0,r.Bd)(s.yP).t,S=(0,r.lF)({value:60}),L=S.countDown,R=S.onCountDown,O=S.reset,w=function(){(null==y?void 0:y.length)>=6&&c(y)},E=function(){N(""),O()};return(0,h.useEffect)(function(){y&&w()},[y]),(0,h.useEffect)(function(){_||E()},[_]),(0,h.useEffect)(function(){_&&R()},[_]),(0,a.jsxs)(x.aF,{isShown:_,onClickToClose:b,className:"modal-confirm-base",children:[(0,a.jsxs)("div",{className:"_dp-f _alit-ct _fdrt-cl _g-8px _jtfit-ct _mgv-40px",children:[(0,a.jsx)(x.hh,{size:72,children:(0,a.jsx)("i",{className:o})}),(0,a.jsx)("div",{className:"_tal-ct _fs-500 _ffml-secondary _fw-600",children:n}),(0,a.jsx)("p",{className:"_tal-ct _cl-text-default-200 _wsp-pl _fs-300",children:t}),(0,a.jsxs)("div",{className:"_dp-g _gg-8px _jtfit-ct _mgt-8px",children:[(0,a.jsx)(g.A,{value:y,onChange:function(e){N(e)},shouldAutoFocus:!0,numInputs:6,inputStyle:{width:"100%"},inputType:"number",containerStyle:{gap:"8px"},renderInput:function(e){return(0,a.jsx)("div",{className:v()("trb-field",{"is-variant-negative":!!p}),children:(0,a.jsx)("div",{className:"trb-input",style:{aspectRatio:"1/1"},children:(0,a.jsx)("input",(0,i._)({},e))})})}}),p&&(0,a.jsx)("small",{className:"_cl-negative-300 _fs-200 _tal-ct",children:p})]})]}),(0,a.jsxs)("div",{className:"_dp-f _jtfct-fe _gg-8px",children:[(0,a.jsxs)(m.$n,{variant:"ghost",onClick:function(){R(),u()},disabled:L>0||f,children:[C("contact.resend")," ",L>0&&(0,a.jsxs)(a.Fragment,{children:["(",L,")"]})]}),(0,a.jsx)(m.$n,{isLoading:f,variant:"primary",onClick:w,children:C("contact.confirm")})]})]})},y=t(2911),N=function(){var e,n,t,o=(0,d._)((0,h.useState)(!1),2),f=o[0],g=o[1],x=(0,r.Bd)(s.yP).t,j=(0,y.HR)().data,N=(0,r.j1)(),S=(0,_.mN)({defaultValues:{email:j.email},resolver:(0,p.u)(b.Ik({email:b.Yj().min(1,"validate.required").email("contact.email.validate.format")}))}

1),L=S.register,R=S.handleSubmit,O=S.setError,w=S.getValues,E=S.formState.errors,V=(0,y.OU)(),k=V.mutate,F=V.isLoading,H=V.data,I=j.email_verified,P=!f&&I;return(0,a.jsxs)(h.Fragment,{children:[(0,a.jsx)("form",{onSubmit:R(function(e){k({data:e},{onSuccess:function(){N.onOpen()},onError:function(e){var n=e.data,t=n.error.detail,a=n.error.code;"string"!=typeof t&&"SCHEMA_VALIDATION_ERROR"===a?Object.entries(t).map(function(e){var n=(0,d._)(e,2),t=n[0],a=n[1];O(t,{message:null==a?void 0:a[0]})}):"string"==typeof t&&O("email",{message:t})}})}),children:(0,a.jsx)("div",{className:"contact-wrapper",children:(0,a.jsxs)("div",{className:v()("trb-field",{"is-variant-negative":!!(null==E?void 0:E.email)}),children:[(0,a.jsx)("label",{htmlFor:"email",children:x("contact.email.label")}),(0,a.jsxs)("div",{className:"trb-input",children:[(0,a.jsx)("input",(0,c._)((0,i._)({},L("email")),{disabled:P,placeholder:x("contact.email.placeholder")})),P?(0,a.jsx)(m.$n,{type:"button",onClick:function(){return(0,l._)(function(){return(0,u.YH)(this,function(e){switch(e.label){case 0:return[4,m.Fc.confirm({title:x("contact.email.alert.title"),text:x("contact.email.alert.body"),confirmLabel:x("contact.email.alert.confirm"),cancelLabel:x("contact.email.alert.cancel"),iconHtml:'<i class="fal fa-envelope _cl-primary-500"></i>'})];case 1:return e.sent().isConfirmed&&g(!0),[2]}})})()},variant:"secondary",className:"_wsp-nw",children:x("contact.change")}):(0,a.jsx)(m.$n,{type:"submit",isLoading:F,className:"_wsp-nw",children:x("contact.confirm")})]}),(null==E||null==(e=E.email)?void 0:e.message)&&(0,a.jsx)("div",{className:"info",children:x(null==E||null==(n=E.email)?void 0:n.message)})]})})}),(0,a.jsx)(C,{disclosure:N,refCode:null!=(t=null==H?void 0:H.reference_code)?t:"",email:w("email"),onResendOtp:function(){k({data:{email:w("email")}})},onSuccess:function(){g(!1),N.onClose()}})]})},C=function(e){var n,t,o,l=e.disclosure,i=e.refCode,c=e.onResendOtp,d=e.email,u=e.onSuccess,m=(0,r.Bd)(s.yP).t,p=(0,y.xq)(),f=p.mutate,v=p.isLoading,h=p.error,_=null!=(o=null==h||null==(t=h.data)||null==(n=t.error)?void 0:n.detail)?o:"";return(0,a.jsx)(j,{title:m("contact.email.otp.title"),description:"".concat(m("contact.email.otp.body")," ").concat(i),iconClass:"fal fa-mailbox _fs-1200 _cl-primary-500",disclosure:l,isLoading:v,onResendPassCode:c,onConfirm:function(e){f({data:{email:d,reference_code:i,verification_code:e}},{onSuccess:u})},errorMessage:_})},S=t(4758),L=t(81645),R=function(){var e,n,t,o=(0,d._)((0,h.useState)(!1),2),f=o[0],g=o[1],x=(0,r.Bd)(s.yP).t,j=(0,y.HR)().data,N=(0,r.j1)(),C=(0,_.mN)({defaultValues:{phone_number:j.phone_number},resolver:(0,p.u)(b.Ik({phone_number:b.Yj().min(1,"contact.phone.validate.required").superRefine(function(e,n){var t=S.Eq.mobilePhoneNumber.validate(e);t.valid||n.addIssue({code:L.eq.custom,message:t.error.details.message})})})),mode:"onChange"}),R=C.register,w=C.handleSubmit,E=C.setError,V=C.getValues,k=C.formState.errors,F=(0,y.e4)(),H=F.mutate,I=F.isLoading,P=F.data,A=j.phone_number&&j.phone_number_verified,M=!f&&A;return(0,a.jsxs)(h.Fragment,{children:[(0,a.jsx)("form",{onSubmit:w(function(e){H({data:e},{onSuccess:function(){N.onOpen()},onError:function(e){var n=e.data,t=n.error.detail,a=n.error.code;"string"!=typeof t&&"SCHEMA_VALIDATION_ERROR"===a?Object.entries(t).map(function(e){var n=(0,d._)(e,2),t=n[0],a=n[1];E(t,{message:null==a?void 0:a[0]})}):"string"==typeof t&&E("phone_number",{message:t})}})}),children:(0,a.jsx)("div",{className:"contact-wrapper",children:(0,a.jsxs)("div",{className:v()("trb-field",{"is-variant-negative":!!(null==k?void 0:k.phone_number)}),children:[(0,a.jsx)("label",{htmlFor:"phone_number",children:x("contact.phone.label")}),(0,a.jsx)("div",{className:"description",children:x("contact.phone.description")}),(0,a.jsxs)("div",{className:"trb-input",children:[(0,a.jsx)("input",(0,c._)((0,i._)({id:"phone_number",inputMode:"tel"},R("phone_number")),{disabled:M,placeholder:x("contact.phone.placeholder")})),M?(0,a.jsx)(m.$n,{type:"button",onClick:function(){return(0,l._)(function(){return(0,u.YH)(this,function(e){switch(e.label){case 0:return[4,m.Fc.confirm({title:x("contact.phone.alert.title"),text:

1x("contact.phone.alert.body"),confirmLabel:x("contact.phone.alert.confirm"),cancelLabel:x("contact.email.alert.cancel"),iconHtml:'<i class="fal fa-mobile-button _cl-primary-500"></i>'})];case 1:return e.sent().isConfirmed&&g(!0),[2]}})})()},variant:"secondary",className:"_wsp-nw",children:x("contact.change")}):(0,a.jsx)(m.$n,{type:"submit",isLoading:I,className:"_wsp-nw",disabled:I,children:x("contact.confirm")})]}),(null==k||null==(e=k.phone_number)?void 0:e.message)&&(0,a.jsx)("div",{className:"info",children:x(null==k||null==(n=k.phone_number)?void 0:n.message)})]})})}),(0,a.jsx)(O,{disclosure:N,refCode:null!=(t=null==P?void 0:P.reference_code)?t:"",phoneNumber:V("phone_number"),onResendOtp:function(){H({data:{phone_number:V("phone_number")}})},onSuccess:function(){g(!1),N.onClose()}})]})},O=function(e){var n,t,o,l=e.disclosure,i=e.refCode,c=e.onResendOtp,d=e.phoneNumber,u=e.onSuccess,m=(0,r.Bd)(s.yP).t,p=(0,y.R4)(),f=p.mutate,v=p.isLoading,h=p.error,_=null!=(o=null==h||null==(t=h.data)||null==(n=t.error)?void 0:n.detail)?o:"";return(0,a.jsx)(j,{title:"".concat(m("contact.phone.otp.title")," ").concat(d),description:"".concat(m("contact.phone.otp.body")," ").concat(i),iconClass:"fal fa-comment-sms _fs-1200 _cl-primary-500",disclosure:l,isLoading:v,onResendPassCode:c,onConfirm:function(e){f({data:{phone_number:d,reference_code:i,verification_code:e}},{onSuccess:u})},errorMessage:_})},w=function(){var e=(0,r.Bd)(s.yP).t;return(0,a.jsx)(o.g,{title:e("contact.title"),subtitle:e("contact.subtitle"),children:(0,a.jsxs)("div",{className:"_dp-g _gg-24px",children:[(0,a.jsx)(N,{}),(0,a.jsx)(R,{})]})})}}}]);