(self.webpackChunkhhgHealthCareV1=self.webpackChunkhhgHealthCareV1||[]).push([[2518],{2245:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/find-my-booking",function(){return t(31283)}])},31283:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return V},default:function(){return X}});var i=t(858),o=t(83776),a=t(2445),r=t(73884),l=t(27516),c=t(50191),s=t(94858),d=t(36814),u=t(73419),f=t(6442),g=t(74029),p=t(59850),b=t(84091),m=t(34767).Xx.getVaccinationDetail,h=function(){var e=(0,i.A)((function(e){var n,t,i,a,r;return(0,o.__generator)(this,(function(o){switch(o.label){case 0:n=e.booking_id,t=e.site_domain,o.label=1;case 1:return o.trys.push([1,4,,5]),[4,(0,b.px)((0,b.fK)(p.R.GET_FIND_MY_BOOKING,{order_id:n,site_domain:t}),"GET")];case 2:if(!(a=o.sent())||!(null===a||void 0===a?void 0:a.data)||!(null===(i=a.data)||void 0===i?void 0:i.snapshot_order))throw new Error("BookingInfo ".concat(JSON.stringify(a)));return[4,m({id:a.data.snapshot_order.product_parent_id,isV4:!0})];case 3:if(!(r=o.sent())||!r.vaccine)throw new Error("VaccineDetail ".concat(JSON.stringify(r)));return[2,{bookingInfo:a.data,vaccinationDetail:(0,g.mQ)(r.vaccine)}];case 4:return o.sent(),[2,{bookingInfo:null,vaccinationDetail:null}];case 5:return[2]}}))}));return function(n){return e.apply(this,arguments)}}(),x=t(38971),k=t(53513),v=t(63538),_=t(24537),y=t(70768),N=t(93935),A=t(72280),Y=t(53100),w=t(27317);function D(){var e=(0,_.A)(["\n  .mantine-Input-input {\n    font-size: 15px !important;\n    font-weight: 500 !important;\n    line-height: 24px !important;\n  }\n"]);return D=function(){return e},e}var F=y.i.TextField,M={input:{fontSize:"15px",letterSpacing:"-0.3px",lineHeight:"20px",fontWeight:500,color:"#111111",":disabled":{backgroundColor:"transparent"}}},C="findMyBookingForm",B={booking:{value:"",error:""}},E=(0,r.forwardRef)((function(e,n){var t=e.initialValues,i=e.loading,o=e.onSubmit,l=e.className,d=e.style,u=(0,r.useRef)(null),g=(0,Y.l)().isMobile,p=(0,f.A)().formatMessage,m=(0,r.useState)(B),h=m[0],_=m[1],y=function(){if(function(){var e=Object.keys(h).find((function(e){return h[e].error||!h[e].touched}));return Object.keys(h).map((function(e){h[e].touched||_((function(n){return(0,v.A)((0,k.A)({},n),(0,x.A)({},e,(0,v.A)((0,k.A)({},n[e]),{value:h[e].value,error:w(e,h[e].value)})))}))})),!e}()){var e=Object.keys(h).reduce((function(e,n){return e[n]=h[n].value,e}),{});null===o||void 0===o||o(e)}},w=function(e,n){return(0,b.tf)(e,n)};return(0,r.useEffect)((function(){_((function(e){var n=(0,k.A)({},e);return Object.keys(n).forEach((function(e){n[e].value=(null===t||void 0===t?void 0:t[e])||""})),(0,k.A)({},n)}))}),[t]),(0,r.useEffect)((function(){u.current&&g&&"virtualKeyboard"in navigator&&setTimeout((function(){var e,n;null===(e=u.current)||void 0===e||e.focus(),null===(n=null===navigator||void 0===navigator?void 0:navigator.virtualKeyboard)||void 0===n||n.show(),_((function(e){return(0,v.A)((0,k.A)({},e),{booking:(0,v.A)((0,k.A)({},e.booking),{touched:!0})})}))}),300)}),[g]),(0,r.useImperativeHandle)(n,(function(){return{getFormData:function(){return h},setError:function(e,n){_((function(t){return(0,v.A)((0,k.A)({},t),(0,x.A)({},e,(0,v.A)((0,k.A)({},t[e]),{error:n})))}))}}})),(0,a.Y)(S,{icon:c.C.getAssetPath("FindMyBooking.png"),title:p({id:"bookingLookup.title",defaultMessage:"Find My Booking"}),description:p({id:"bookingLookup.desc",defaultMessage:"Your booking details are one click away."}),className:l,style:d,children:(0,a.FD)("form",{onSubmit:function(e){e.preventDefault()},children:[(0,a.Y)(F,{shrink:!!h.booking.touched||!!h.booking.value,className:(0,s.A)("w-full",{"pointer-events-none":i}),children:(0,a.Y)(F.Control,{children:(0,a.Y)(A.k,{ref:u,disabled:i,spellCheck:!1,type:"text",id:"booking",value:h.booking.value,required:!0,label:(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-gray700 font-medium",children:p({id:"bookingLookup.input_label_booking_id",defaultMessage:"Booking ID"})}),styles:M,error:h.booking.error?(0,a.Y)("p",{className:"text-[12px] leading-4 text-left",children:p({id:h.booking.error})}):void 0,onChange:function(e){return n="booking",t=e.target.value,void(i||_((function(e){return(0,v.A)((0,k.A)({},e),(0,x.A)({},n,(0,v.A)((0,k.A)({},e[n]),{value:t,touched:!0})))})));var n,t},onBlur:function(){return e="booking",void(i||_((function(n){return(0,v.A)((0,k.A)({},n),(0,x.A)({},e,(0,v.A)((0,k.A)({},n[e]),{error:w(e,n[e].value)})))})));var e}})})}),(0,a.Y)(N.B,{fullWidth:!0,size:"lg",className:(0,s.A)("mt-4 !text-[15px] !leading-6 !font-medium !tracking-[-0.3px]",{"before:hidden":i}),loading:i,onClick:function(){return y()},children:!i&&p({id:"bookingLookup.search_btn"})})]})})})),I=w.Ay.div.withConfig({componentId:"sc-3f196833-0"})(D()),S=function(e){var n=e.icon,t=e.title,i=e.description,o=e.children,r=e.className,l=e.style;return(0,a.FD)(I,{className:(0,s.A)(C,r,"text-center flex flex-col gap-4","py-6 px-4 rounded-2xl bg-[rgba(255,255,255,0.25)] backdrop-blur-[1.4834px]","border-[0.6px] border-[rgba(255,255,255,0.55)] border-solid"),style:l,children:[!!n&&(0,a.Y)("div",{className:"".concat(C,"__icon flex justify-center"),children:(0,a.Y)("img",{src:n,alt:"HHG",className:"w-14 h-14"})}),(0,a.FD)("div",{className:"".concat(C,"__head"),children:[(0,a.Y)("h3",{className:"".concat(C,"__title text-gray1000 text-[22px] leading-8 font-semibold tracking-[-0.6px] m-0"),children:t}),!!i&&(0,a.Y)("p",{className:"".concat(C,"__description text-gray700 text-[13px] leading-5 tracking-[-0.3px] m-0"),children:i})]}),(0,a.Y)("div",{className:"".concat(C,"__body"),children:o})]})},j=function(e){var n=e.customerInfo,t=e.className,i=e.style,o=n.name,r=n.email,l=n.phone,c=n.gender,u=n.age,g=(0,f.A)().formatMessage;return(0,a.FD)(d.a,{"data-testid":"customer_info",className:(0,s.A)(t,"bg-white pt-6 px-4 pb-3"),style:i,children:[(0,a.Y)("h2",{className:"text-[17px] leading-6 tracking-[-0.4px] text-dark font-semibold mb-4",children:g({id:"booking.target.customer.title",defaultMessage:"Customer info"})}),(0,a.FD)(d.a,{"data-testid":"customer_info-name",className:"py-3 flex justify-between border-b border-solid border-neutral100",children:[(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-gray700",children:g({id:"vaccination.payment.field_name"})}),(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-dark font-medium",children:o})]}),(0,a.FD)(d.a,{"data-testid":"customer_info-email",className:"py-3 flex justify-between border-b border-solid border-neutral100",children:[(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-gray700",children:g({id:"vaccination.payment.field_email"})}),(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-dark font-medium",children:r})]}),(0,a.FD)(d.a,{"data-testid":"customer_info-phone",className:"py-3 flex justify-between border-b border-solid border-neutral100",children:[(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-gray700",children:g({id:"vaccination.payment.field_phone"})}),(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-dark font-medium",children:l})]}),(0,a.FD)(d.a,{"data-testid":"customer_info-gender",className:"py-3 flex justify-between border-b border-solid border-neutral100",children:[(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-gray700",children:g({id:"vaccination.payment.field_gender"})}),(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-dark font-medium",children:g({id:"vaccination.payment.field_gender_".concat(c)})})]}),(0,a.FD)(d.a,{"data-testid":"customer_info-age",className:"py-3 flex justify-between",children:[(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-gray700",children:g({id:"vaccination.payment.field_age"})}),(0,a.Y)("p",{className:"text-[13px] leading-5 tracking-[-0.3px] text-dark font-medium",children:u})]})]})},H=t(20394),L=t(72290),O=t(70254),P=t(9655),T=t(12034),R=t(33721),z=(0,s.A)('relative before:content-[""] before:block before:w-full before:h-[max(60vh,135px)] before:absolute before:z-[-1] before:inset-0',"before:bg-gradient-to-b before:from-[#A5D4FF] before:from-[5.43%] before:to-white before:to-[40%]"),K=(0,s.A)('relative before:content-[""] before:block before:w-full before:h-[max(20vh,164px)] before:absolute before:z-[-1] before:inset-0',"before:bg-gradient-to-b before:from-[#A5D4FF] before:from-[0%] before:to-neutral50 before:to-[100%]",'after:content-[""] after:block after:absolute after:min-h-[min(100vh,100%)] after:z-[-2] after:inset-0 after:bg-neutral50'),V=!0;function X(e){var n=e.header,t=e.bookingInfo,g=e.vaccinationDetail,p=(0,f.A)().formatMessage,b=(0,u.$)(),m=b.locale,x=b.replace,k=b.push,v=(0,r.useRef)(),_=(0,r.useState)(!1),y=_[0],N=_[1],A=(0,r.useState)(!1),Y=A[0],w=A[1],D=(0,r.useState)(t),F=D[0],M=D[1],C=(0,r.useState)(g),B=C[0],I=C[1],V=l.y[m],X=function(){var e=(0,i.A)((function(e){return(0,o.__generator)(this,(function(n){return(null===e||void 0===e?void 0:e.booking)?(w(!0),h({booking_id:e.booking,site_domain:V}).then((function(n){var t=n.bookingInfo,i=n.vaccinationDetail;if(!t||!i)throw new Error("no_booking_info");k("/find-my-booking?booking_id=".concat(e.booking,"&site=").concat(V),void 0,{shallow:!0}),M(t),I(i)})).catch((function(){var e;null===(e=v.current)||void 0===e||e.setError("booking",p({id:"bookingLookup.error_order_failed",defaultMessage:"We couldn\u2019t find the booking. Please try again."}))})).finally((function(){return w(!1)})),[2]):[2]}))}));return function(n){return e.apply(this,arguments)}}();if((0,r.useEffect)((function(){M(t),t||g||x("/find-my-booking",void 0,{shallow:!0})}),[t]),(0,r.useEffect)((function(){return function(){w(!1),M(null)}}),[]),!(null===F||void 0===F?void 0:F.id)||!B)return(0,a.Y)(R.K,{title:p({id:"bookingLookup.seo_title",defaultMessage:"Tra c\u1ee9u l\u1ecbch h\u1eb9n b\u1eb1ng m\xe3 Booking - Hello Bacsi"}),description:p({id:"bookingLookup.seo_desc",defaultMessage:"Tra c\u1ee9u l\u1ecbch h\u1eb9n ti\xeam ch\u1ee7ng nhanh ch\xf3ng, an to\xe0n v\xe0 ch\xednh x\xe1c c\xf9ng Hello Bacsi."}),ssrNavMenu:n,children:(0,a.Y)("div",{className:z,children:(0,a.Y)("div",{className:"max-w-[552px] mx-auto p-4",children:(0,a.Y)(E,{ref:v,loading:Y,onSubmit:X})})})});var G=F.transaction.status,W=F.snapshot_order,J=F.user_referral,q=(J||{}).code,Q=(W||{}).customer_info,U="success"===G,$="failed"===G,Z="default"===G;return(0,a.Y)(R.K,{title:p({id:"bookingLookup.seo_title_detail",defaultMessage:"Th\xf4ng tin chi ti\u1ebft l\u1ecbch h\u1eb9n - Hello Bacsi"}),description:p({id:"bookingLookup.seo_desc_detail",defaultMessage:"Xem chi ti\u1ebft l\u1ecbch h\u1eb9n g\u1ed3m d\u1ecbch v\u1ee5, \u0111\u1ecba \u0111i\u1ec3m, giao d\u1ecbch v\xe0 h\u1ed7 tr\u1ee3 kh\xe1ch h\xe0ng c\xf9ng Hello Bacsi."}),ssrNavMenu:n,children:(0,a.Y)(T.Ue,{value:{isOpenPopupCollection:y,setIsOpenPopupCollection:N},children:(0,a.FD)("div",{className:(0,s.A)(K,"flex flex-col gap-3"),children:[(0,a.Y)(S,{icon:c.C.getAssetPath("FindMyBooking.png"),title:p({id:"bookingLookup.title_founded",defaultMessage:"Booking Details"}),className:"!bg-[transparent] !backdrop-blur-0 !border-none !gap-2",children:(0,a.FD)("p",{className:"text-gray600 text-[14px] leading-[22px] tracking-[-0.2px]",children:["#",F.transaction.transaction_id]})}),(0,a.Y)("div",{className:"max-w-[552px] mx-auto md:px-4",children:(0,a.FD)("div",{className:"flex gap-3 flex-col",children:[(0,a.FD)(d.a,{className:"bg-white p-4 pt-6 lg:rounded-t-2xl",children:[(0,a.Y)(O.Ay.Inner,{stepNumber:0,vaccinationDetail:B,className:"mt-0"}),q&&U&&(0,a.Y)(L.A.ReferralCode,{paymentResult:F,vaccinationDetail:B,userReferral:J,className:"mt-4 !px-0"})]}),(0,a.Y)(P.A,{paymentResult:F,vaccinationDetail:B,isFailed:$,isSuccess:U,isPending:Z,className:"pb-3"}),(0,a.Y)(j,{customerInfo:Q}),(0,a.Y)(H.Y,{className:"lg:rounded-b-2xl !pb-6"})]})})]})})})}}},function(e){var n=Promise.all([e.f.consumes||function(e,n){},e.f.remotes||function(e,n){}].reduce((function(e,n){return n("2518",e),e}),[])).then((function(){return e.X(0,[5008,5374,1570,1933,8015,8e3,4117,2532,8887,2571,8652,968,1171,7333,7300,1145,2946,4340,6174,8545,5862,2923,9348,2876,4029,828,636,8792],(function(){return n=2245,e(e.s=n);var n}))}));_N_E=n}]);