1"use strict";(self.webpackChunkskmd_booking=self.webpackChunkskmd_booking||[]).push([[159,5115],{13115:(e,n,t)=>{t.d(n,{T:()=>o});const o=(e,n)=>e<n?-1:e>n?1:0},24575:(e,n,t)=>{t.d(n,{Z:()=>pe});var o,i,a,r,l=t(68870),s=t(4567),c=t(89164),d=t(4841),p=t(36314),u=t(5849),x=t(72791),m=t(58788),g=t(6044),h=t(30168),f=t(50225),v=t(24874);(0,f.Z)(l.Z)(o||(o=(0,h.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 35px;\n\n .booking-derails-label {\n color: #080133;\n font-size: 24px;\n text-align: center;\n font-weight: normal;\n }\n .booking-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #ffffff;\n box-shadow: 0px 6px 40px rgb(208 208 208 / 20%);\n border-radius: 16px;\n padding-top: 10px;\n margin-top: 20px;\n }\n\n .booking-details-row {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n }\n"]))),(0,f.Z)(l.Z)(i||(i=(0,h.Z)(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n width: calc(50% - 10px);\n margin-left: 10px;\n\n .booking-details-item-label {\n color: ##808080;\n font-size: 18px;\n font-style: normal;\n font-weight: normal;\n margin-top: 20px;\n word-wrap: break-word;\n }\n\n .booking-details-item-value {\n color: #808080;\n font-size: 16px;\n word-wrap: break-word;\n font-style: normal;\n font-weight: normal;\n margin-top: 10px;\n margin-bottom: 8px;\n width: 100%;\n }\n"]))),(0,f.Z)(l.Z)(a||(a=(0,h.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 35px;\n\n .rider-information-label {\n color: #080133;\n font-size: 24px;\n font-style: normal;\n text-align: center;\n font-weight: normal;\n }\n\n .rider-information {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #ffffff;\n box-shadow: 0px 6px 40px rgb(208 208 208 / 20%);\n border-radius: 16px;\n padding-top: 10px;\n margin-top: 30px;\n margin-bottom: 30px;\n }\n\n .rider-information-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: calc(100% - 25px);\n background: #ffffff;\n margin-top: 15px;\n padding-left: 35px;\n\n "," {\n flex-direction: column;\n padding-left: 0;\n }\n }\n\n .rider-information-terms {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n width: calc(100% - 25px);\n background: #ffffff;\n margin-top: 15px;\n margin-left: 25px;\n\n .rider-information-terms-label {\n color: #808080;\n font-size: 14px;\n font-style: normal;\n font-family: Roboto-thin;\n font-weight: 400;\n }\n }\n\n .rider-information-button {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n width: calc(100% - 25px);\n background: #ffffff;\n margin-top: 15px;\n margin-left: 25px;\n margin-bottom: 20px;\n\n .confirm-button {\n font-size: 20px;\n font-weight: 500;\n color: #ffffff;\n height: 60px;\n margin-left: 5px;\n border-radius: 8px;\n box-shadow: 0px 6px 40px #d4d9e8;\n text-transform: capitalize;\n }\n }\n\n .rider-information-error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding-top: 10px;\n margin-top: 20px;\n margin-bottom: 20px;\n color: #ff0000;\n font-size: 16px;\n font-weight: normal;\n }\n"])),(0,v.down)("sm"));const b=f.Z.div(r||(r=(0,h.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 35px;\n"])));var y=t(59973),j=t(88215),k=t(1413),Z=t(33130),w=t(13967),C=t(88588),P=t(13034),N=t(65469),S=t(45363),A=t(88970),z=t(25801),V=t(65639),I=t(89891),T=t(33
1170),E=t(57689),F=t(11087),B=t(14961);const D=(e,n)=>{var t;const[o,i]=(0,x.useState)(!1),[a,r]=(0,x.useState)(""),{company:l,useEnbdCard:s,setUseEnbdCard:c,selectedService:d}=(0,x.useContext)(Z.m),p=Boolean(null===l||void 0===l||null===(t=l.checkoutQuestion)||void 0===t?void 0:t.trim());return{userAgreed:o,setUserAgreed:i,checkBoxHandler:e=>{i(e.target.checked)},checkoutQuestionAnswer:a,setCheckoutQuestionAnswer:r,hasCheckoutQuestion:p,isCheckoutQuestionSatisfied:!p||"yes"===a,company:l,getPaymentText:()=>0!==e||n?!n||"promocode"===(null===n||void 0===n?void 0:n.type)||null!==n&&void 0!==n&&n.valid&&"cartTotalAfterApplyingVoucher"in n&&0!==n.cartTotalAfterApplyingVoucher?"Proceed to Payment":"Book with Package":"Book Now",useEnbdCard:s,setUseEnbdCard:c,selectedService:d}};var R=t(80184);const L=e=>{var n,t,o,i,a,r,l;let{onClick:c,isLoading:d,packageValidationOutput:u,totalPrice:x,error:m,disabled:g,flow:h,selectedSegment:f}=e;const v=(0,w.Z)(),b=(0,E.s0)(),{getPaymentText:j,userAgreed:k,checkBoxHandler:Z,company:L,useEnbdCard:O,setUseEnbdCard:Q,hasCheckoutQuestion:U,checkoutQuestionAnswer:_,setCheckoutQuestionAnswer:M,isCheckoutQuestionSatisfied:W}=D(x,u),H=(null===L||void 0===L?void 0:L.hasNbdDiscount)&&!u&&"booking"===h&&!f,q=null!==(n=null===L||void 0===L?void 0:L.nbdDiscountPercentage)&&void 0!==n?n:30,Y=!k||!W||d||g,G=(e,n)=>t=>{t.preventDefault(),null!==L&&void 0!==L&&L.hasInternalPolicyPages?b("/".concat(n,"?companyId=").concat(null===L||void 0===L?void 0:L.id)):e&&window.open(e,"_blank")};return(0,R.jsxs)(C.Z,{sx:{width:"100%",padding:"24px 20px",borderRadius:"16px",boxShadow:"0 6px 40px rgba(208, 208, 208, 0.2)",marginBottom:"40px"},children:[(0,R.jsxs)(p.Z,{sx:{flexDirection:"row",marginBottom:"17px",width:"100%"},children:[(0,R.jsx)(P.Z,{onChange:Z,id:"terms-checkbox",sx:{"data-testid":"terms-checkbox"}}),(0,R.jsxs)(s.Z,{style:{color:"#808080",fontWeight:500},component:"label",htmlFor:"terms",children:["I agree to"," ",(0,R.jsxs)(s.Z,{sx:{fontWeight:500},component:"span",children:["the"," ",(0,R.jsx)(N.Z,{component:F.rU,to:"".concat(null===L||void 0===L||null===(t=L.footerPagesLinks)||void 0===t?void 0:t.privacy),sx:{color:"#1976d2"},onClick:G((null===L||void 0===L||null===(o=L.footerPagesLinks)||void 0===o?void 0:o.privacy)||"","Privacy"),children:"privacy policy"}),","," ",(0,R.jsx)(N.Z,{component:F.rU,to:"".concat(null===L||void 0===L||null===(i=L.footerPagesLinks)||void 0===i?void 0:i.terms),sx:{color:"#1976d2"},onClick:G((null===L||void 0===L||null===(a=L.footerPagesLinks)||void 0===a?void 0:a.terms)||"","Terms"),children:"terms & conditions"}),null!==L&&void 0!==L&&L.cancellation_policy&&(null===L||void 0===L?void 0:L.cancellation_policy)>0?(0,R.jsxs)(R.Fragment,{children:[","," ",(0,R.jsx)(N.Z,{component:F.rU,to:"".concat(null===L||void 0===L||null===(r=L.footerPagesLinks)||void 0===r?void 0:r.refund),sx:{color:"#1976d2"},onClick:G((null===L||void 0===L||null===(l=L.footerPagesLinks)||void 0===l?void 0:l.refund)||"","Cancellation-policy"),children:"cancellation policy"})]}):(0,R.jsx)(R.Fragment,{children:" "}),null!==L&&void 0!==L&&L.cancellation_policy&&(null===L||void 0===L?void 0:L.cancellation_policy)>0?(0,R.jsxs)("span",{style:{color:v.palette.primary.main},children:["(Bookings can be cancelled online only ",null===L||void 0===L?void 0:L.cancellation_policy," hours prior to the booking date)"]}):(0,R.jsx)(R.Fragment,{})]})]})]}),U&&(0,R.jsxs)(p.Z,{sx:{marginBottom:"17px",width:"100%"},children:[(0,R.jsx)(s.Z,{sx:{color:"#808080",fontWeight:500,marginBottom:"8px"},children:null===L||void 0===L?void 0:L.checkoutQuestion}),(0,R.jsx)(S.Z,{component:"fieldset",children:(0,R.jsxs)(A.Z,{row:!0,value:_,onChange:e=>M(e.target.value),children:[(0,R.jsx)(z.Z,{value:"yes",control:(0,R.jsx)(V.Z,{}),label:"Yes"}),(0,R.jsx)(z.Z,{value:"no",control:(0,R.jsx)(V.Z,{}),label:"No"})]})}),"no"===_&&(null===L||void 0===L?void 0:L.checkoutQuestionNoAnswerText)&&(0,R.jsx)(s.Z,{sx:{color:v.palette.error.main,fontSize:"0.875rem",marginTop:"4px"},children:null===L||void 0===L?void 0:L.checkoutQuestionNoAnswerText})]}),H&&(0,R.jsxs)(p.Z,{direction:"row",alignItems:"center",spacing:2,sx:{mb:2},children:[(0,R.jsx)(I.Z,{checked:O,onChange:e=>Q(e.target.checked),inputProps:{"aria-label":"ENBD cart discount toggle"},color:"primary"}),(0,R.jsxs)(s.Z,{sx:{fontWeight:500,fontSize:"15px"},children:["Unlock ",q,"% discount using your Emirates NBD Credit Card.",(0,R.jsx)("br",{}),(0,R.jsxs)("span",{style:{fontSize:"12px"},children:["Don\u2019t have one?"," ",(0,R.jsx)(N.Z,{component:F.rU,to:"https://www.emiratesnbd.com/en/cards/credit-cards",target:"_blank",sx:{color:"#1976d2"},children:"Apply now."})]})]})]}),O&&(null===L||void 0===L?void 0:L.id)===y.bi?(0,R.jsx)(B.Z,{handleCheckout:c,totalPrice:x,userAgreed:k,canSubmitCheckoutQuestion:W}):(0,R.jsx)(T.Z,{fullWidth:!0,disabled:Y,variant:"contained",id:"checkout-button",onClick:()=>c(),isLoading:d,text:d?"Processing...":j()}),m&&(0,R.jsx)(s.Z,{className:"user-information-error",children:m})]})};var O=t(71554),Q=t(38816);const U=(0,f.Z)(l.Z)((e=>{let{theme:n}=e;const t=n,o=t.palette.primary.main,i=t.palette.primary.dark||o;
1return{width:"100%",padding:"16px",marginBottom:"16px",marginTop:"16px",borderRadius:"12px",backgroundColor:"#ffffff",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.06)",transition:"box-shadow 0.3s ease","&:hover":{boxShadow:"0 4px 12px rgba(0, 0, 0, 0.08)"},"& .form-control-label":{display:"flex",alignItems:"flex-start",width:"100%",padding:"8px 0",marginBottom:"24px",transition:"transform 0.2s ease","&:hover":{transform:"translateX(2px)"},"& .checkbox-container":{width:"24px",height:"24px",marginRight:"12px",position:"relative","& .MuiCheckbox-root":{width:"24px",height:"24px",padding:"0",borderRadius:"6px",color:"rgba(0, 0, 0, 0.38)",transition:"all 0.2s ease","&.Mui-checked":{color:"#1976d2",transform:"scale(1.05)"},"&:hover":{backgroundColor:"rgba(25, 118, 210, 0.04)"}}},"& .label-content":{flex:1,height:"auto",fontSize:(0,Q.QU)(t,16),letterSpacing:"-0.3px",color:"rgba(0, 0, 0, 0.87)",lineHeight:"1.6",fontFamily:"'Roboto', sans-serif",fontWeight:"400",textAlign:"left","& .MuiLink-root":{textDecoration:"none",fontWeight:"500",position:"relative",transition:"color 0.2s ease","&:hover":{color:"#1565c0"}},"& .cancellation-text":{color:"rgba(0, 0, 0, 0.87)",fontWeight:"400"}}},"& .payment-button":{width:"320px",height:"52px",backgroundColor:o,border:"none",borderRadius:"26px",padding:"14px 24px",boxShadow:"0 4px 12px ".concat(o,"33"),display:"flex",alignItems:"center",position:"relative",overflow:"hidden",cursor:"pointer",margin:"0 auto",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{backgroundColor:i,transform:"translateY(-1px)",boxShadow:"0 6px 16px ".concat(o,"40")},"&:active":{transform:"translateY(1px)",boxShadow:"0 2px 8px ".concat(o,"26")},"&:disabled":{backgroundColor:o,opacity:.6,cursor:"not-allowed",transform:"none",boxShadow:"0 2px 8px ".concat(o,"1a"),"&:hover":{backgroundColor:o,transform:"none"},"& .button-content":{opacity:.8}},"& .button-content":{display:"flex",alignItems:"center",width:"100%",justifyContent:"center",gap:"10px",transition:"all 0.3s ease","& .button-text":{color:"#ffffff",fontSize:(0,Q.QU)(t,16),fontFamily:"'Roboto', sans-serif",fontWeight:"500",letterSpacing:"0.2px"},"& .icon-container":{width:"20px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",transition:"transform 0.2s ease"},"& .loading-spinner":{position:"absolute",left:"50%",transform:"translateX(-50%)"}}},"& .error-message":{marginTop:"10px",color:"#d32f2f",fontSize:(0,Q.QU)(t,13),fontFamily:"'Roboto', sans-serif",letterSpacing:"-0.2px",display:"flex",alignItems:"center",gap:"4px",opacity:0,animation:"fadeIn 0.3s ease forwards"},"@keyframes fadeIn":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"translateY(0)"}},"@media (max-width: 600px)":{padding:"12px","& .form-control-label .label-content":{fontSize:(0,Q.QU)(t,15),lineHeight:"1.5"},"& .payment-button":{width:"100%",height:"48px",padding:"12px 20px","& .button-content .button-text":{fontSize:(0,Q.QU)(t,15)}}}}}));var _=t(89429),M=t(87046);const W={default:L,theme1:L,theme2:e=>{var n;let{onClick:t,isLoading:o,packageValidationOutput:i,totalPrice:a,error:r,disabled:l,hasServiceFees:c=!1,flow:d,selectedSegment:u}=e;const x=(0,E.s0)(),{userAgreed:m,company:g,checkBoxHandler:h,getPaymentText:f,useEnbdCard:v,setUseEnbdCard:b,hasCheckoutQuestion:j,checkoutQuestionAnswer:k,setCheckoutQuestionAnswer:Z,isCheckoutQuestionSatisfied:w}=D(a,i),C=(null===g||void 0===g?void 0:g.hasNbdDiscount)&&!i&&"booking"===d&&!u,T=null!==(n=null===g||void 0===g?void 0:g.nbdDiscountPercentage)&&void 0!==n?n:30,L=!m||!w||o||l,Q=(0,M.O)(15),W=(0,M.O)(12),H=(e,n)=>t=>{t.preventDefault(),null!==g&&void 0!==g&&g.hasInternalPolicyPages?x("/".concat(n,"?companyId=").concat(null===g||void 0===g?void 0:g.id)):e&&window.open(e,"_blank")};return(0,R.jsxs)(U,{children:[(0,R.jsxs)("div",{className:"form-control-label",children:[(0,R.jsx)("div",{className:"checkbox-container",children:(0,R.jsx)(P.Z,{checked:m,onChange:h,id:"terms-checkbox","data-testid":"terms-checkbox"})}),(0,R.jsx)(s.Z,{className:"label-content",children:(()=>{var e,n,t,o,i,a,r;const l=(null!==(e=null===g||void 0===g?void 0:g.cancellation_policy)&&void 0!==e?e:0)>0,s={privacy:(0,R.jsx)(N.Z,{underline:"always",component:F.rU,to:"".concat(null===g||void 0===g||null===(n=g.footerPagesLinks)||void 0===n?void 0:n.privacy),sx:{color:"#1976d2"},onClick:H((null===g||void 0===g||null===(t=g.footerPagesLinks)||void 0===t?void 0:t.privacy)||"","Privacy"),children:"privacy policy"},"privacy"),terms:(0,R.jsx)(N.Z,{underline:"always",component:F.rU,to:"".concat(null===g||void 0===g||null===(o=g.footerPagesLinks)||void 0===o?void 0:o.terms),sx:{color:"#1976d2"},onClick:H((null===g||void 0===g||null===(i=g.footerPagesLinks)||void 0===i?void 0:i.terms)||"","Terms"),children:"terms & conditions"},"terms"),cancellation:l?(0,R.jsx)(N.Z,{component:F.rU,to:"".concat(null===g||void 0===g||null===(a=g.footerPagesLinks)||void 0===a?void 0:a.refund),underline:"always",sx:{color:"#1976d2"},onClick:H((null===g||void 0===g||null===(r=g.footerPagesLinks)||void 0===r?void 0:r.refund)||"","Cancellation-policy"),children:"cancellation policy"},"cancellation"):null};return(0,R.jsxs)(R.Fragment,{children:["I agree to the ",s.privacy,", ",s.terms,l&&(0,R.jsxs)(R.Fragment,{children:[", ",s.cancellation," ","(Bookings can be cancelled online only ",null===g||void 0===g?void 0:g.cancellation_policy," hours prior to the booking date)"]})]})})()})]}),j&&(0,R.jsxs)(p.Z,{spacing:1,sx:{mb:2},children:[(0,R.jsx)(s.Z,{className:"label-content",children:null===g||void 0===g?void 0:g.checkoutQuestion}),(0,R.jsx)(S.Z,{component:"fieldset",children:(0,R.jsxs)(A.Z,{row:!0,value:k,onChange:e=>Z(e.target.value),children:[(0,R.jsx)(z.Z,{value:"yes",control:(0,R.jsx)(V.Z,{}),label:"Yes"}),(0,R.jsx)(z.Z,{value:"no",control:(0,R.jsx)(V.Z,{}),label:"No"})]})}),"no"===k&&(null===g||void 0===g?void 0:g.checkoutQuestionNoAnswerText)&&(0,R.jsx)(s.Z,{sx:{color:"error.main",fontSize:"0.875rem"},children:null===g||void 0===g?void 0:g.checkoutQuestionNoAnswerText})]}),C&&(0,R.jsxs)(p.Z,{direction:"row",alignItems:"center",spacing:2,sx:{mb:2},children:[(0,R.jsx)(I.Z,{checked:v,onChange:e=>b(e.target.checked),inputProps:{"aria-label":"ENBD cart discount toggle"},color:"primary"}),(0,R.jsxs)(s.Z,{sx:{fontWeight:500,fontSize:Q},children:["Unlock ",T,"% discount using your Emirates NBD Credit Card.",(0,R.jsx)("br",{}),(0,R.jsxs)("span",{style:{fontSize:W},children:["Don\u2019t have one?"," ",(0,R.jsx)(N.Z,{component:F.rU,to:"https://www.emiratesnbd.com/en/cards/credit-cards",target:"_blank",sx:{color:"#1976d2"},children:"Apply now."})]})]})]}),v&&(null===g||void 0===g?void 0:g.id)===y.bi?(0,R.jsx)(B.Z,{handleCheckout:t,totalPrice:a,userAgreed:m,canSubmitCheckoutQuestion:w}):(0,R.jsx)("button",{className:"payment-button",disabled:L,onClick:()=>t(),children:(0,R.jsx)("div",{className:"button-content",children:o?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(O.Z,{size:24,className:"loading-spinner",sx:{color:"#ffffff"}}),(0,R.jsx)("span",{className:"button-text",children:"Processing..."})]}):(0,R.jsx)(R.Fragment,{children:(0,R.jsxs)("span",{className:"button-text",children:[f(),void 0!==a&&a>0?" - ".concat(a+(c?(0,_.md)(a,g):0)," ").concat((0,_.zC)(null===g||void 0===g?void 0:g.currency)):""]})})})}),r&&(0,R.jsx)(s.Z,{className:"error-message",children:r})]})},marketplaceTheme:L},H=e=>{const{company:n}=(0,x.useContext)(Z.m),t=null===n||void 0===n?void 0:n.theme,o=W[t||"default"];return(0,R.jsx)(o,(0,k.Z)({},e))};var q=t(94721),Y=t(65553),G=t(18386);const K=e=>{let{handleClick:n,isLoading:t,packageValidationOutput:o,selectedSegment:i}=e;const{company:a,bookingCart:r}=(0,x.useContext)(Z.m),c=(null===a||void 0===a?void 0:a.id)===y.vB?"SA":"AE",[d,u]=(0,x.useState)(""),[m,g]=(0,x.useState)(""),[h,f]=(0,x.useState)(""),[v,b]=(0,x.useState)(""),[k,w]=(0,x.useState)(c),[C,P]=(0,x.useState)("");(0,x.useEffect)((()=>{v||w(c)}),[c,v]);const N=(0,x.useMemo)((()=>
1{if(null!==o&&void 0!==o&&o.valid&&"cartTotalAfterApplyingVoucher"in o)return o.cartTotalAfterApplyingVoucher;return r.reduce(((e,n)=>{if(n.addonsPurchases){return e+n.addonsPurchases.reduce(((e,n)=>e+n.paidAmount),0)+n.price*n.quantity}return e}),0)}),[r,o]);return(0,R.jsxs)(p.Z,{spacing:3,children:[(0,R.jsxs)(l.Z,{children:[(0,R.jsx)(s.Z,{variant:"h6",sx:{fontWeight:600,mb:1,color:"text.primary"},children:"Checkout as a Guest"}),(0,R.jsx)(s.Z,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Please fill in your details to complete the booking"}),(0,R.jsxs)(p.Z,{spacing:3,children:[(0,R.jsxs)(l.Z,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",sm:"1fr 1fr"},gap:2},children:[(0,R.jsx)(Y.Z,{id:"first_name",label:"First Name",value:d,setValue:u,isRequired:!0,placeholder:"Enter your first name"}),(0,R.jsx)(Y.Z,{id:"last_name",label:"Last Name",value:m,setValue:g,isRequired:!0,placeholder:"Enter your last name"})]}),(0,R.jsxs)(l.Z,{sx:{display:"grid",gridTemplateColumns:{xs:"1fr",sm:"1fr 1fr"},gap:2},children:[(0,R.jsx)(Y.Z,{id:"email",label:"Email",value:h,setValue:f,isRequired:!0,placeholder:"Enter your email address"}),(0,R.jsx)(G.Z,{phoneNumber:v,setPhoneNumber:b,country:k,setCountry:w})]}),(null===a||void 0===a?void 0:a.id)===y.FC&&(0,R.jsxs)(l.Z,{sx:{mt:2},children:[(0,R.jsx)(s.Z,{variant:"body2",sx:{mb:2,fontWeight:500,color:"text.primary"},children:"Have you registered for the 2025 Spinneys Women's Race?"}),(0,R.jsx)(S.Z,{component:"fieldset",children:(0,R.jsxs)(A.Z,{value:C,onChange:e=>P(e.target.value),sx:{flexDirection:"row",gap:2},children:[(0,R.jsx)(z.Z,{value:"Yes",control:(0,R.jsx)(V.Z,{color:"primary"}),label:"Yes",sx:{"& .MuiFormControlLabel-label":{fontSize:"0.875rem",color:"text.primary"}}}),(0,R.jsx)(z.Z,{value:"Not yet",control:(0,R.jsx)(V.Z,{color:"primary"}),label:"Not yet",sx:{"& .MuiFormControlLabel-label":{fontSize:"0.875rem",color:"text.primary"}}})]})})]})]})]}),(0,R.jsx)(q.Z,{sx:{my:2}}),(0,R.jsx)(l.Z,{children:(0,R.jsx)(H,{onClick:()=>n({firstName:d,lastName:m,email:h,phone:(0,_.un)(v,k),optionalQuestionAnswer:(null===a||void 0===a?void 0:a.id)===y.FC?C:void 0}),packageValidationOutput:o,isLoading:t,disabled:(()=>{const e=0===d.length||0===m.length||0===h.length||0===v.length||!(0,j.vV)(h);return(null===a||void 0===a?void 0:a.id)===y.FC?e||""===C:e})(),selectedSegment:i,totalPrice:N})})]})};var X,J,$,ee,ne,te=t(1999),oe=t(58290),ie=(t(85862),t(66934));const ae=(0,ie.ZP)(l.Z)(X||(X=(0,h.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 35px;\n\n .react-loading-skeleton {\n border-radius: 4px;\n }\n"]))),re=(0,ie.ZP)(l.Z)(J||(J=(0,h.Z)(["\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 16px;\n\n .react-loading-skeleton {\n border-radius: 4px;\n }\n"]))),le=(0,ie.ZP)(l.Z)($||($=(0,h.Z)(["\n background-color: rgba(0, 0, 0, 0.02);\n padding: 16px;\n border-radius: 8px;\n border: 1px solid rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 16px;\n\n .react-loading-skeleton {\n border-radius: 4px;\n }\n"]))),se=(0,ie.ZP)(l.Z)(ee||(ee=(0,h.Z)(["\n display: flex;\n flex-direction: column;\n gap: 24px;\n width: 100%;\n\n .react-loading-skeleton {\n border-radius: 4px;\n }\n"]))),ce=(0,ie.ZP)(l.Z)(ne||(ne=(0,h.Z)(["\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n width: 100%;\n\n @media (max-width: 600px) {\n grid-template-columns: 1fr;\n }\n\n .react-loading-skeleton {\n border-radius: 4px;\n }\n"]))),de=()=>(0,R.jsx)(ae,{children:(0,R.jsx)(c.Z,{sx:{py:4},children:(0,R.jsx)(d.Z,{elevation:2,sx:{borderRadius:3,p:{xs:2,sm:2},backgroundColor:"background.paper"},children:(0,R.jsxs)(p.Z,{spacing:4,children:[(0,R.jsxs)(l.Z,{children:[(0,R.jsxs)(re,{children:[(0,R.jsx)(oe.Z,{width:150,height:32})," "]}),(0,R.jsxs)(le,{children:[(0,R.jsx)(oe.Z,{width:"80%",height:20})," ",(0,R.jsx)(oe.Z,{width:"100%",height:48,borderRadius:8})," "]})]}),(0,R.jsxs)(se,{children:[(0,R.jsx)(oe.Z,{width:200,height:24})," ",(0,R.jsx)(oe.Z,{width:300,height:20})," ",(0,R.jsxs)(ce,{children:[(0,R.jsx)(oe.Z,{width:"100%",height:56,borderRadius:4})," ",(0,R.jsx)(oe.Z,{width:"100%",height:56,borderRadius:4})," "]}),(0,R.jsxs)(ce,{children:[(0,R.jsx)(oe.Z,{width:"100%",height:56,borderRadius:4})," ",(0,R.jsx)(oe.Z,{width:"100%",height:56,borderRadius:4})," "]}),(0,R.jsx)(oe.Z,{width:"100%",height:56,borderRadius:4})," "]})]})})})}),pe=e=>{let{handleClick:n,isLoading:t,isCheckoutProcessing:o=!1,packageValidationOutput:i,totalPrice:a,hasServiceFees:r,forcingAuthentication:h,flow:f,selectedSegment:v}=e;const{user:k}=(0,m.aC)(),{company:w}=(0,x.useContext)(Z.m),[C,P]=(0,x.useState)(!0);return(0,j.i6)(k)?(0,R.jsx)(b,{"data-testid":"checkout-form-wrapper",children:(0,R.jsx)(te.Z,{isLoading:t||!1,skeleton:(0,R.jsx)(de,{}),children:(0,R.jsx)(l.Z,{sx:{width:"100%"},children:(0,R.jsx)(H,{onClick:n,isLoading:o,packageValidationOutput:i,totalPrice:a,hasServiceFees:r,flow:f,selectedSegment:v})})})}):null!==w&&void 0!==w&&w.hasAuthentication?null===w||void 0===w||!w.hasAuthentication||null!==w&&void 0!==w&&w.hasGuestMode&&!h?(0,R.jsx)(b,{"data-testid":"checkout-form-wrapper",children:(0,R.jsx)(te.Z,{isLoading:t||!1,skeleton:(0,R.jsx)(de,{}),children:(0,R.jsx)(c.Z,{sx:{py:4},children:(0,R.jsx)(d.Z,{elevation:2,sx:{borderRadius:3,p:{xs:2,sm:2},backgroundColor:"background.paper"},children:(0,R.jsxs)(p.Z,{spacing:4,children:[(0,R.jsxs)(l.Z,{children:[(0,R.jsx)(s.Z,{variant:"h5",component:"h1",align:"center",gutterBottom:!0,sx:{fontWeight:600,mb:2},children:"Checkout"}),(null===w||void 0===w?void 0:w.hasGuestMode)&&(null===w||void 0===w?void 0:w.hasAuthentication)&&(0,R.jsxs)(l.Z,{sx:{bgcolor:"background.default",p:2,borderRadius:2,border:"1px solid",borderColor:"divider"},children:[(0,R.jsx)(s.Z,{variant:"body1",color:"text.secondary",align:"center",sx:{mb:2},children:C?"Already have an account? Sign in for faster checkout":"Don't want to create an account? Continue as guest"}),(0,R.jsx)(u.Z,{variant:"contained",fullWidth:!0,onClick:()=>P(!C),sx:{borderRadius:2,py:1,textTransform:"none",fontSize:"1rem",fontWeight:500,boxShadow:"none","&:hover":{boxShadow:"none"}},children:C?"Sign in to your account":"Continue as guest"})]})]}),C?(0,R.jsx)(K,{handleClick:n,isLoading:o,packageValidationOutput:i}):(0,R.jsx)(g.default,{registrationStep:y.Nm.Login,redirectToCalendar:!1})]})})})})}):(0,R.jsx)(b,{"data-testid":"checkout-form-wrapper",children:(0,R.jsxs)(te.Z,{isLoading:t||!1,skeleton:(0,R.jsx)(de,{}),children:[(0,R.jsx)(s.Z,{sx:{fontWeight:600},align:"center",gutterBottom:!0,children:"Please sign in to checkout"}),(0,R.jsx)(g.default,{registrationStep:y.Nm.Login,redirectToCalendar:!1})]})}):(0,R.jsx)(b,{"data-testid":"checkout-form-wrapper",children:(0,R.jsx)(te.Z,{isLoading:t||!1,skeleton:(0,R.jsx)(de,{}),children:(0,R.jsx)(K,{handleClick:n,isLoading:o,packageValidationOutput:i})})})}},14961:(e,n,t)=>{t.d(n,{Z:()=>p});var o=t(72791),i=t(80184);const a=()=>(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"card-number",children:"Card number"}),(0,i.jsxs)("div",{className:"input-container card-number",children:[(0,i.jsx)("div",{className:"icon-container",children:(0,i.jsx)("img",{id:"icon-card-number",src:"images/card-icons/card-number.svg",alt:"PAN"})}),(0,i.jsx)("div",{className:"card-number-frame"}),(0,i.jsx)("div",{className:"icon-container payment-method",children:(0,i.jsx)("img",{id:"logo-payment-method",alt:""})}),(0,i.jsx)("div",{className:"icon-container",children:(0,i.jsx)("img",{id:"icon-card-number-error",src:"images/card-icons/error.svg",alt:"Error"})})]})]}),r=()=>(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"expiry-date",children:"Expiry date"}),(0,i.jsxs)("div",{className:"input-container expiry-date",children:[(0,i.jsx)("div",{className:"icon-container",children:(0,i.jsx)("img",{id:"icon-expiry-date",src:"images/card-icons/expiry-date.svg",alt:"Expiry date"})}),(0,i.jsx)("div",{className:"expiry-date-frame"}),(0,i.jsx)("div",{className:"icon-container",children:(0,i.jsx)("img",{id:"icon-expiry-date-error",src:"images/card-icons/error.svg",alt:"Error"})})]})]}),l=()=>(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"cvv",children:"Security code"}),(0,i.jsxs)("div",{className:"input-container cvv",children:[(0,i.jsx)("div",{className:"icon-container",children:(0,i.jsx)("img",{id:"icon-cvv",src:"images/card-icons/cvv.svg",alt:"CVV"})}),(0,i.jsx)("div",{className:"cvv-frame"}),(0,i.jsx)("div",{className:"icon-container",children:(0,i.jsx)("img",{id:"icon-cvv-error",src:"images/card-icons/error.svg",alt:"Error"})})]})]}),s=()=>(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{className:"error-message error-message__card-number"}),(0,i.jsx)("span",{className:"error-message error-message__expiry-date"}),(0,i.jsx)("span",{className:"error-message error-message__cvv"})]});var c=t(58788),d=t(33170);const p=e=>{let{handleCheckout:n,totalPrice:t,userAgreed:p,canSubmitCheckoutQuestion:u=!0}=e;const[x,m]=(0,o.useState)(!1),[g,h]=(0,o.useState)(!1),f=(0,o.useRef)(!1),{user:v}=(0,c.aC)();(0,o.useEffect)((()=>{Frames.init("pk_ymlclsdg52pabnrly6d552ifumr"),Frames.addEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED,b),Frames.addEventHandler(Frames.Events.CARD_VALIDATION_CHANGED,y),Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED,j),Frames.addEventHandler(Frames.Events.PAYMENT_METHOD_CHANGED,k)}),[]);const b=e=>{const n=e.element;e.isValid||e.isEmpty?("card-number"!==n||e.isEmpty||A(null),Z(n),P(n),N(n)):("card-number"===n&&z(null),w(n),C(n),S(n))},y=()=>{m(Frames.isCardValid())},j=e=>{console.error("CARD_TOKENIZATION_FAILED:",e)},k=e=>{const n=e.paymentMethod,t=document.querySelector(".icon-container.payment-method");n?(P("card-number"),A(t,n)):z(t)},Z=e=>{const n=document.getElementById("icon-".concat(e));null===n||void 0===n||n.setAttribute("src","images/card-icons/".concat(e,".svg")),null===n||void 0===n||n.setAttribute("alt","".concat(e," logo"))},w=e=>{const n=document.getElementById("icon-".concat(e));null===n||void 0===n||n.setAttribute("src","images/card-icons/".concat(e,"-error.svg")),null===n||void 0===n||n.setAttribute("alt","".concat(e," error logo"))},C=e=>{const n=document.getElementById("icon-".concat(e,"-error"));null===n||void 0===n||n.style.setProperty("display","block")},P=e=>{const n=document.getElementById("icon-".concat(e,"-error"));null===n||void 0===n||n.style.removeProperty("display")},N=e=>{const n=document.querySelector(".error-message__".concat(e));n&&(n.textContent="")},S=e=>{const n=document.querySelector(".error-message__".concat(e));n&&(n.textContent="Please enter a valid ".concat(e))},A=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";e&&e.classList.add("show");const t=document.getElementById("logo-payment-method");t&&n&&(t.setAttribute("src","images/card-icons/".concat(n.toLowerCase(),".svg")),t.setAttribute("alt",n||"payment method"),t.style.removeProperty("display"))},z=e=>{e&&e.classList.remove("show");const n=document.getElementById("logo-payment-method");n&&n.style.setProperty("display","none")};return(0,i.jsxs)("form",{id:"payment-form",onSubmit:e=>{e.preventDefault(),f.current||(f.current=!0,h(!0),Frames.submitCard().then((async e=>{await n({firstName:null===v||void 0===v?void 0:v.firstName,lastName:null===v||void 0===v?void 0:v.lastName,email:null===v||void 0===v?void 0:v.email,phone:null===v||void 0===v?void 0:v.phoneNumber,token:e.token,issuer:e.issuer},!1)})).catch((function(){h(!1),f.current=!1,Frames.enableSubmitForm(
1)})))},children:[(0,i.jsx)(a,{}),(0,i.jsxs)("div",{className:"date-and-code",children:[(0,i.jsx)(r,{}),(0,i.jsx)(l,{})]}),(0,i.jsx)(d.Z,{fullWidth:!0,disabled:!x||!p||!u||g,id:"pay-button",isLoading:g,type:"submit",text:"PAY AED ".concat(t)}),(0,i.jsx)(s,{})]})}},65553:(e,n,t)=>{t.d(n,{Z:()=>x});var o,i=t(13967),a=t(4567),r=t(77196),l=(t(72791),t(30168)),s=t(50225),c=t(68870),d=t(24874);const p=(0,s.Z)(c.Z)(o||(o=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n flex: 1;\n margin: 8px 0px;\n\n "," {\n width: 100%;\n }\n\n .textfield-label {\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n padding-left: 10px;\n margin-bottom: 8px;\n color: ",";\n\n span {\n color: ",";\n }\n }\n\n .textfield-input {\n border: 1px solid ",";\n box-sizing: border-box;\n border-radius: 8px;\n overflow: hidden;\n margin-top: 4px;\n width: 100%;\n background-color: ",";\n transition: all 0.2s ease-in-out;\n\n &:hover, &:focus {\n border-color: ",";\n }\n\n input {\n padding: 12px 16px;\n font-size: 16px;\n \n &::placeholder {\n color: ",";\n opacity: 0.7;\n }\n }\n\n "," {\n width: 100%;\n }\n }\n"])),(0,d.down)("md"),(e=>{let{theme:n}=e;return n.palette.text.primary}),(e=>{let{theme:n}=e;return n.palette.primary.main}),(e=>{let{theme:n}=e;return n.palette.divider}),(e=>{let{theme:n}=e;return n.palette.background.paper}),(e=>{let{theme:n}=e;return n.palette.primary.main}),(e=>{let{theme:n}=e;return n.palette.text.secondary}),(0,d.down)("md"));var u=t(80184);const x=e=>{let{id:n,value:t,setValue:o,label:l,isRequired:s,placeholder:c}=e;const d=(0,i.Z)();return(0,u.jsxs)(p,{theme:d,children:[(0,u.jsxs)(a.Z,{className:"textfield-label",children:[l," ",s&&(0,u.jsx)("span",{children:"*"})]}),(0,u.jsx)(r.Z,{id:n,value:t,onChange:e=>{o(e.target.value)},placeholder:c,className:"textfield-input"})]})}},18386:(e,n,t)=>{t.d(n,{Z:()=>j});t(72791);var o,i,a=t(1413),r=t(45987),l=t(95946),s=t(13115),c=t(30168),d=t(50225),p=t(68870),u=t(24874);const x=(0,d.Z)(p.Z)(o||(o=(0,c.Z)(["\n display: flex;\n flex-direction: column;\n margin: 15px 0px;\n flex: 1;\n\n span {\n color: #5182ff;\n }\n\n .phone-number-label {\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n padding-left: 10px;\n margin-bottom: 10px;\n }\n\n .input {\n display: flex;\n flex-wrap: nowrap;\n }\n .phone-number-input {\n border-radius: 6px;\n // border: 2px solid #d1d5db;\n margin-left: 10px;\n width: 65%;\n color: #000;\n font-size: 16px;\n font-weight: bold;\n padding-left: 10px;\n\n letter-spacing: 1px;\n }\n\n .select-country-box {\n border: 2px solid #d1d5db;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n width: 25%;\n border-radius: 6px;\n justify-content: center;\n\n "," {\n width: 35%;\n }\n }\n\n .country-flag {\n padding: 15px 10px;\n height: 25px;\n width: 25px;\n }\n\n .country-code {\n color: #171717;\n }\n"])),(0,u.down)("md")),m=d.Z.select(i||(i=(0,c.Z)(["\n width: 20px;\n margin: 10px;\n background: none;\n outline: none;\n border: none;\n"])));var g=t(80184);const h=["value","onChange","labels"],f=e=>{let{value:n,onChange:t,labels:o}=e,i=(0,r.Z)(e,h);const c=(0,l.ox)().sort(((e,n)=>(0,s.T)(o[e],o[n])));return(0,g.jsxs)(m,(0,a.Z)((0,a.Z)({},i),{},{value:n,onChange:e=>t(e),children:[(0,g.jsx)("option",{value:"",children:o.ZZ}),c.map((e=>(0,g.jsx)("option",{value:e,children:o[e]},e)))]}))};var v=t(17919),b=t(4567),y=t(77196);const j=e=>{let{phoneNumber:n,setPhoneNumber:t,country:o,setCountry:i}=e;return(0,g.jsxs)(x,{children:[(0,g.jsxs)(b.Z,{className:"phone-number-label",children:["Phone Number ",(0,g.jsx)("span",{children:"*"})]}),(0,g.jsxs)(p.Z,{className:"input",children:[(0,g.jsxs)(p.Z,{className:"select-country-box",children:[(0,g.jsx)("img",{className:"country-flag",alt:"phone",src:"https://purecatamphetamine.github.io/country-flag-icons/3x2/".concat(o,".svg")}),(0,g.jsx)(b.Z,{className:"country-code",children:(0,l.Gg)(o)}),(0,g.jsx)(f,{labels:v.Z,value:o,onChange:e=>{i(e.target.value)}})]}),(0,g.jsx)(y.Z,{id:"phone_number",value:n,className:"phone-number-input",onChange:e=>{t(e.target.value)}})]})]})}},97603:(e,n,t)=>{t.d(n,{Z:()=>Ze});var o,i=t(72791),a=t(4567),r=t(29181),l=t(1413),s=t(33130),c=t(77196),d=t(5849),p=t(39709),u=t(30168),x=t(50225),m=t(68870);const g=(0,x.Z)(m.Z)(o||(o=(0,u.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 15px;\n\n .package-code-label {\n margin-top: 20px;\n margin-bottom: 10px;\n color: #080133;\n font-style: normal;\n font-weight: 500;\n font-size: 24px;\n line-height: 28px;\n text-align: center;\n }\n\n .package-code-input {\n border: 1px solid #d1d5db;\n box-sizing: border-box;\n border-radius: 6px;\n }\n\n .validation-error {\n color: #ff0000;\n font-style: normal;\n font-size: 13px;\n line-height: 28px;\n text-align: center;\n margin-top: 10px;\n }\n"])));var h=t(11703);const f=function(e,n,t){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"booking";const[a,r]=(0,i.useState)(!1),[l,c]=(0,i.useState)(!1),[d,p]=(0,i.useState)(""),{checkPackageValidity:u,checkPromocodeValidity:x}=(0,h.Z)(),{company:m,bookingCart:g,selectedVoucher:f}=(0,i.useContext)(s.m);return{isValidating:a,isError:l,errorMessage:d,onClickApply:async()=>{try{if(r(!0),c(!1),"booking"===o){const n=await u({companyId:m?m.id:"",cartId:g.length>0?g[0].cartId:"",voucherCode:e});t(n)}else{const n=await x({companyId:m?m.id:"",requestedVoucherId:f?f.id:"",voucherCode:e});t(n)}}catch(n){c(!0),p(n.response.data.message),t(void 0)}r(!1)},onClickCancel:()=>{n(""),t(void 0)}}};
1var v=t(80184);const b=e=>{let{promocode:n,setPromocode:t,validationOutput:o,setPackageValidationOutput:i,type:r}=e;const{isValidating:l,isError:s,errorMessage:u,onClickApply:x,onClickCancel:m}=f(n,t,i);return(0,v.jsxs)(g,{children:[(0,v.jsx)(c.Z,{placeholder:"Enter Promo Code",value:n,onChange:e=>t(e.target.value),className:"package-code-input",endAdornment:null!==o&&void 0!==o&&o.valid?(0,v.jsx)(d.Z,{onClick:m,color:"error",className:"package-code-button",children:"Cancel"}):(0,v.jsx)(p.Z,{onClick:x,color:"primary",loading:l,className:"package-code-button",disabled:!(n.length>0),children:"Apply"})}),s&&(0,v.jsx)(a.Z,{color:"error",children:u})]})};var y,j=t(71554),k=t(38816);const Z=(0,x.Z)(m.Z)(y||(y=(0,u.Z)(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 80%;\n margin-bottom: 12px;\n background-color: #ffffff;\n border-radius: 12px;\n padding: 16px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n\n @media (max-width: 768px) {\n width: 100%;\n }\n\n .input-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 12px;\n width: 100%;\n }\n\n .input-container {\n flex: 1;\n background-color: #f5f5f5;\n border-radius: 8px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n transition: all 0.2s ease;\n height: 40px;\n\n &.has-error {\n border: 1px solid #ff0000;\n background-color: #fff5f5;\n }\n\n .input-content {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 8px;\n\n .input-icon {\n color: rgba(0, 0, 0, 0.56);\n }\n\n .input-field-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .input-label {\n font-size: ",";\n color: rgba(0, 0, 0, 0.6);\n letter-spacing: -0.4px;\n }\n\n input {\n width: 100%;\n border: none;\n background: none;\n outline: none;\n textAlign: 'center',\n padding: 0;\n font-size: ",";\n color: rgba(0, 0, 0, 0.87);\n height: 40px;\n line-height: 40px;\n\n &::placeholder {\n color: rgba(0, 0, 0, 0.4);\n letter-spacing: -0.4px;\n textAlign: 'center',\n }\n }\n }\n }\n }\n\n .custom-button {\n width: 100px;\n height: 40px;\n background-color: #ff0000;\n border: none;\n border-radius: 8px;\n padding: 0 16px;\n box-shadow: 0 2px 4px rgba(255, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.2s ease;\n flex-shrink: 0;\n\n &:hover {\n background-color: #e60000;\n transform: translateY(-1px);\n }\n\n &:disabled {\n background-color: #ff9999;\n cursor: not-allowed;\n box-shadow: none;\n\n &:hover {\n transform: none;\n }\n\n .button-content {\n opacity: 0.7;\n }\n }\n\n .button-content {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n gap: 8px;\n transition: opacity 0.2s ease;\n\n .button-text {\n color: #ffffff;\n font-size: ",";\n font-family: 'Roboto', sans-serif;\n letter-spacing: -0.4px;\n font-weight: 500;\n line-height: 1;\n }\n\n .loading-spinner {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n }\n\n .error-row {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: 4px;\n }\n\n .error-message {\n color: #ff0000;\n font-size: ",";\n font-family: 'Roboto', sans-serif;\n letter-spacing: -0.4px;\n background-color: #fff5f5;\n padding: 8px 12px;\n border-radius: 6px;\n box-shadow: 0 1px 2px rgba(255, 0, 0, 0.1);\n width: 100%;\n text-align: center;\n }\n\n @media (max-width: 768px) {\n height: auto;\n gap: 8px;\n padding: 12px;\n\n .input-row {\n flex-direction: row;\n gap: 12px;\n }\n }\n"])),(e=>{let{theme:n}=e;return(0,k.QU)(n,16)}),(e=>{let{theme:n}=e;return(0,k.QU)(n,16)}),(e=>{let{theme:n}=e;return(0,k.QU)(n,14)}),(e=>{let{theme:n}=e;return(0,k.QU)(n,13)})),w=e=>{let{promocode:n,setPromocode:t,validationOutput:o,setPackageValidationOutput:i,type:r,redemptionTarget:l}=e;const{isValidating:s,isError:c,errorMessage:d,onClickApply:p,onClickCancel:u}=f(n,t,i,l);return(0,v.jsxs)(Z,{children:[(0,v.jsxs)(m.Z,{className:"input-row",children:[(0,v.jsx)(m.Z,{className:"input-container ".concat(c?"has-error":""),children:(0,v.jsx)(m.Z,{className:"input-content",children:(0,v.jsx)(m.Z,{className:"input-field-container",children:(0,v.jsx)("input",{type:"text",value:n,onChange:e=>t(e.target.value),placeholder:"Promo code"})})})}),null!==o&&void 0!==o&&o.valid?(0,v.jsx)("button",{className:"custom-button",onClick:u,children:(0,v.jsx)(m.Z,{className:"button-content",children:(0,v.jsx)("span",{className:"button-text",children:"Cancel"})})}):(0,v.jsx)("button",{className:"custom-button",onClick:p,disabled:!(n.length>0),children:(0,v.jsx)(m.Z,{className:"button-content",children:s?(0,v.jsx)(j.Z,{size:20,className:"loading-spinner",sx:{color:"#ffffff"}}):(0,v.jsx)("span",{className:"button-text",children:"Apply"})})})]}),c&&(0,v.jsx)(m.Z,{className:"error-row",children:(0,v.jsxs)(a.Z,{className:"error-message",children:[" ",d]})})]})},C={default:b,theme1:b,theme2:w,marketplaceTheme:b},P=e=>{const{company:n}=(0,i.useContext)(s.m),t=null===n||void 0===n?void 0:n.theme,o=C[t||"default"];return(0,v.jsx)(o,(0,l.Z)({},e))};var N=t(84701),S=t(82626);const A=(e,n,t,o)=>{const{checkPackageValidity:a}=(0,h.Z)(),{company:r,bookingCart:l,servicesMap:c}=(0,i.useContext)(s.m);return(0,i.useEffect)((()=>{e&&"promo-code"!==e&&"membership"!==e?(async()=>{try{t(!0);const n=await a({companyId:r?r.id:"",cartId:l.length>0?l[0].cartId:"",voucherCode:e});o(n)}catch(n){o(void 0)}t(!1)})():e&&"promo-code"===e&&o(void 0)}),[e,l]),{handleChange:async e=>{n(e.target.value)},servicesMap:c}};var z,V=t(66934);const I=(0,V.ZP)(m.Z)(z||(z=(0,u.Z)(["\n margin-top: 10px;\n width: 100%;\n padding: 0 16px;\n\n .select {\n width: 100%;\n }\n"])));var T=t(89429);const E=e=>{let{packages:n,selectedPackage:t,setSelectedPackage:o,setIsValidating:a,setPackageValidationOutput:r}=e;const{company:l}=(0,i.useContext)(s.m),c=(0,T.zC)(null===l||void 0===l?void 0:l.currency),{handleChange:d}=A(t,o,a,r);return(0,v.jsx)(I,{children:(0,v.jsxs)(N.Z,{onChange:d,value:t,displayEmpty:!0,renderValue:e=>""!==e?e:"Packages or Promo Code",className:"select",children:[n.map((e=>(0,v.jsx)(S.Z,{value:e.code,children:"".concat(e.code," - ").concat(e.totalCredit-e.usedCredit," ").concat((0,T.zC)(c))},e.id))),(0,v.jsx)(S.Z,{value:"promo-code",children:"Promo Code"})]})})};var F;const B=(0,x.Z)(m.Z)(F||(F=(0,u.Z)(["\n width: 80%;\n margin: 10px 0;\n\n .select-container {\n width: 100%;\n height: 56px;\n background-color: #ffffff;\n border-radius: 1000px;\n padding: 0 12px;\n display: flex;
1\n align-items: center;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n position: relative;\n cursor: pointer;\n\n .select-content {\n width: 100%;\n height: 56px;\n padding: 16px 0;\n display: flex;\n align-items: center;\n gap: 8px;\n\n .select-icon {\n color: rgba(0, 0, 0, 0.56);\n }\n\n .select-field-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n\n .MuiSelect-select {\n font-size: ",";\n color: rgba(0, 0, 0, 0.87);\n padding: 0;\n min-height: unset !important;\n background: none !important;\n padding-right: 24px !important;\n\n &.placeholder {\n color: rgba(0, 0, 0, 0.6);\n letter-spacing: -0.4px;\n }\n }\n\n .MuiSelect-icon {\n color: rgba(0, 0, 0, 0.56);\n right: 0;\n }\n\n fieldset {\n display: none;\n }\n }\n }\n }\n\n .MuiPaper-root {\n margin-top: 8px;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n\n .MuiMenuItem-root {\n font-size: ",";\n min-height: 48px;\n padding: 12px 16px;\n color: rgba(0, 0, 0, 0.87);\n letter-spacing: -0.4px;\n font-family: 'Roboto', sans-serif;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.04);\n }\n\n &.Mui-selected {\n background-color: rgba(255, 0, 0, 0.08);\n color: #ff0000;\n\n &:hover {\n background-color: rgba(255, 0, 0, 0.12);\n }\n }\n }\n }\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])),(e=>{let{theme:n}=e;return(0,k.QU)(n,16)}),(e=>{let{theme:n}=e;return(0,k.QU)(n,14)}));var D=t(1210),R=t(8641),L=t(84072),O=t(46900);const Q={default:E,theme1:E,theme2:e=>{let{packages:n,selectedPackage:t,setSelectedPackage:o,setIsValidating:a,setPackageValidationOutput:r,placeholder:l="Select Package or Promo Code"}=e;const{company:c}=(0,i.useContext)(s.m),d=(0,T.zC)(null===c||void 0===c?void 0:c.currency),{handleChange:p,servicesMap:u}=A(t,o,a,r),x=e=>{var n;const t=e.serviceId?null===u||void 0===u||null===(n=u.get(e.serviceId))||void 0===n?void 0:n.name:"",o=e.name?e.name:e.code;if("membership"===e.type)return(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[(0,v.jsx)(R.Z,{fontSize:"small",style:{color:"#FFD700"}}),"".concat(o," | Membership").concat(e.serviceId&&u?" for ".concat(t):"")]});{const n=e.totalCredit-e.usedCredit;return(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[(0,v.jsx)(L.Z,{fontSize:"small",style:{color:"#2E7D32"}}),"".concat(o," ").concat(n?"- ".concat(n," ").concat((0,T.zC)(d)):""," ").concat(e.serviceId&&u?" | ".concat(t):"")]})}};return(0,v.jsx)(B,{children:(0,v.jsx)("div",{className:"select-container",children:(0,v.jsx)("div",{className:"select-content",children:(0,v.jsx)("div",{className:"select-field-container",children:(0,v.jsxs)(N.Z,{onChange:p,value:t,displayEmpty:!0,className:t?"":"placeholder",renderValue:e=>(e=>{if("promo-code"===e)return(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[(0,v.jsx)(O.Z,{fontSize:"small",style:{color:"#1976D2"}}),"Promo Code"]});const t=n.find((n=>n.code===e));return t?x(t):(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[(0,v.jsx)(D.Z,{fontSize:"small"}),l]})})(e),children:[n.map((e=>(0,v.jsx)(S.Z,{value:e.code,children:x(e)},e.id))),(0,v.jsx)(S.Z,{value:"promo-code",children:(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[(0,v.jsx)(O.Z,{fontSize:"small",style:{color:"#1976D2"}}),"Promo Code"]})})]})})})})})},marketplaceTheme:E},U=e=>{const{company:n}=(0,i.useContext)(s.m),t=null===n||void 0===n?void 0:n.theme,o=Q[t||"default"];return(0,v.jsx)(o,(0,l.Z)({},e))};var _=t(62749);const M=(e,n)=>{const{company:t}=(0,i.useContext)(s.m);return{currentPackageAmount:()=>"duration"===(null===n||void 0===n?void 0:n.type)?"".concat((null===n||void 0===n?void 0:n.remainingDurationBeforeBooking)/((null===t||void 0===t?void 0:t.serviceDurationMultiples)||15)," Session"):"credit"===(null===n||void 0===n?void 0:n.type)?"".concat(null===n||void 0===n?void 0:n.remainingCreditBeforeBooking," ").concat((0,T.zC)(null===t||void 0===t?void 0:t.currency)):"membership"===(null===n||void 0===n?void 0:n.type)?"".concat(n.remainingSessionsBefore," Session"):void 0,newBalance:()=>"duration"===(null===n||void 0===n?void 0:n.type)?"".concat((null===n||void 0===n?void 0:n.remainingDurationAfterBooking)/((null===t||void 0===t?void 0:t.serviceDurationMultiples)||15)," Session"):"credit"===(null===n||void 0===n?void 0:n.type)?"".concat(null===n||void 0===n?void 0:n.remainingCreditAfterBooking," ").concat((0,T.zC)(null===t||void 0===t?void 0:t.currency)):"membership"===(null===n||void 0===n?void 0:n.type)?"".concat(n.remainingSessionsAfter," Session"):void 0,amountRedeemed:()=>
1{if("duration"===(null===n||void 0===n?void 0:n.type)){const e=null===n||void 0===n?void 0:n.remainingDurationBeforeBooking,o=null===n||void 0===n?void 0:n.remainingDurationAfterBooking;return"".concat((e-o)/((null===t||void 0===t?void 0:t.serviceDurationMultiples)||15)," Session ")}if("credit"===(null===n||void 0===n?void 0:n.type)){const e=null===n||void 0===n?void 0:n.remainingCreditBeforeBooking,o=null===n||void 0===n?void 0:n.remainingCreditAfterBooking;return"".concat(e-o," ").concat((0,T.zC)(null===t||void 0===t?void 0:t.currency))}if("membership"===(null===n||void 0===n?void 0:n.type)){const e=null===n||void 0===n?void 0:n.remainingSessionsBefore,t=null===n||void 0===n?void 0:n.remainingSessionsAfter;return"".concat(e-t," Session")}},isValid:e&&(null===n||void 0===n?void 0:n.valid)}};var W,H,q=t(36314);const Y=(0,x.Z)(m.Z)(W||(W=(0,u.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 90%;\n padding: 0 16px;\n\n .cancel-button {\n margin-top: 10px;\n margin-bottom: 10px;\n }\n"]))),G=(0,x.Z)(q.Z)(H||(H=(0,u.Z)(["\n margin-top: 10px;\n width: 100%;\n transition: all 0.3s ease;\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(10px);\n &.highlighted {\n background: linear-gradient(135deg, rgba(51, 51, 79, 0.1), rgba(51, 51, 79, 0.05));\n border: 1px solid rgba(51, 51, 79, 0.2);\n }\n \n .package-details-item-label {\n font-style: normal;\n font-weight: 400;\n line-height: 28px;\n text-align: left;\n font-size: 16px;\n color: #33334f;\n display: flex;\n align-items: center;\n }\n \n .package-details-item-value {\n color: ",";\n font-style: normal;\n font-weight: 500;\n line-height: 28px;\n text-align: right;\n font-size: 16px;\n }\n \n .icon-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n \n svg {\n font-size: 20px;\n color: #33334f;\n }\n }\n"])),(e=>e.valueColor)),K=e=>{let{label:n,value:t,valueColor:o,icon:i,highlight:r}=e;return(0,v.jsxs)(G,{direction:"row",spacing:3,justifyContent:"space-between",alignItems:"center",valueColor:o||"#33334f",className:r?"highlighted":"",children:[i&&(0,v.jsx)("span",{className:"icon-wrapper",children:i}),(0,v.jsx)(a.Z,{className:"package-details-item-label",children:n}),(0,v.jsx)(a.Z,{className:"package-details-item-value",children:t})]})},X=e=>{let{currentPackageAmount:n,amountRedeemed:t,newBalance:o,setSelectedPackage:i,setPackageValidationOutput:a}=e;return(0,v.jsxs)(Y,{children:[(0,v.jsx)(K,{label:"Current Package Amount",value:n,valueColor:"#5182FF"}),(0,v.jsx)(K,{label:"Amount Redeemed",value:t,valueColor:"#EB3D3D"}),(0,v.jsx)(K,{label:"New Balance",value:o,valueColor:"#5182FF"}),(0,v.jsx)(d.Z,{variant:"contained",color:"error",className:"cancel-button",onClick:()=>{i(""),a(void 0)},children:"Cancel"})]})},J=e=>{let{packageValidationOutput:n,selectedPackage:t,isValidating:o,setSelectedPackage:i,setPackageValidationOutput:r}=e;const{currentPackageAmount:l,amountRedeemed:s,newBalance:c,isValid:d}=M(t,n);return(0,v.jsx)(_.Z,{isLoading:o,children:(0,v.jsx)(v.Fragment,{children:d?(0,v.jsx)(X,{currentPackageAmount:l(),amountRedeemed:s(),newBalance:c(),setSelectedPackage:i,setPackageValidationOutput:r}):(0,v.jsx)(a.Z,{sx:{color:"red",fontSize:"14px",fontWeight:"bold",textAlign:"center",margin:"10px"},children:"credit"===(null===n||void 0===n?void 0:n.type)?"Not enough credits, remaining credits: ".concat(l):"duration"===(null===n||void 0===n?void 0:n.type)?"Not enough duration, remaining duration: ".concat(l):"membership"===(null===n||void 0===n?void 0:n.type)?"Not enough sessions, remaining sessions: ".concat(l):"Voucher is not valid for this booking"})})})};var $,ee,ne=t(13967),te=t(90977);const oe=(0,x.Z)(m.Z)($||($=(0,u.Z)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 12px 16px;\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(8px);\n border-radius: 16px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n border: 1px solid ",";\n position: relative;\n overflow: hidden;\n transition: all 0.2s ease;\n margin-bottom: 8px;\n\n &:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n }\n\n .header {\n display: flex;\n justify-content: space-between;
1\n align-items: center;\n margin-bottom: 8px;\n padding-bottom: 8px;\n border-bottom: 1px dashed ",";\n\n .title {\n font-size: ",";\n font-weight: 600;\n color: ",";\n display: flex;\n align-items: center;\n gap: 6px;\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n background: ",";\n padding: 6px;\n border-radius: 50%;\n \n svg {\n font-size: ",";\n color: ",";\n }\n }\n }\n }\n\n .close-button {\n width: 24px;\n height: 24px;\n min-width: unset;\n padding: 0;\n border-radius: 50%;\n color: ",";\n transition: all 0.2s ease;\n\n &:hover {\n background-color: ","20;\n color: ",";\n }\n\n svg {\n font-size: ",";\n }\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n }\n"])),(e=>e.theme.palette.divider),(e=>e.theme.palette.divider),(e=>(0,k.QU)(e.theme,13)),(e=>e.theme.palette.text.primary),(e=>"".concat(e.theme.palette.primary.main,"12")),(e=>(0,k.QU)(e.theme,14)),(e=>e.theme.palette.primary.main),(e=>e.theme.palette.text.secondary),(e=>e.theme.palette.error.light),(e=>e.theme.palette.error.main),(e=>(0,k.QU)(e.theme,16))),ie=(0,x.Z)(q.Z)(ee||(ee=(0,u.Z)(["\n width: auto;\n padding: 8px;\n background: ",";\n border-radius: 12px;\n transition: all 0.2s ease;\n position: relative;\n\n &:hover {\n background: ",";\n }\n\n .package-details-item-label {\n font-weight: 500;\n font-size: ",";\n color: ",";\n letter-spacing: 0.2px;\n text-transform: uppercase;\n }\n\n .package-details-item-value {\n color: ",";\n font-weight: 600;\n font-size: ",";\n letter-spacing: 0.2px;\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 4px;\n \n svg {\n font-size: ",";\n color: ",";\n }\n }\n\n &.highlighted {\n background: ",";\n border: 1px solid ",";\n }\n"])),(e=>"".concat(e.valueColor,"08")),(e=>"".concat(e.valueColor,"12")),(e=>(0,k.QU)(e.theme,11)),(e=>e.theme.palette.text.secondary),(e=>e.valueColor),(e=>(0,k.QU)(e.theme,13)),(e=>(0,k.QU)(e.theme,16)),(e=>e.valueColor),(e=>"".concat(e.theme.palette.primary.main,"12")),(e=>"".concat(e.theme.palette.primary.main,"30"))),ae=e=>{let{label:n,value:t,valueColor:o,icon:i,highlight:a=!1}=e;const r=(0,ne.Z)();return(0,v.jsxs)(ie,{direction:"column",alignItems:"flex-start",className:a?"highlighted":"",valueColor:o,theme:r,children:[(0,v.jsx)("div",{className:"icon-wrapper",children:i}),(0,v.jsxs)(q.Z,{spacing:.5,children:[(0,v.jsx)("span",{className:"package-details-item-label",children:n}),(0,v.jsx)("span",{className:"package-details-item-value",children:t})]})]})};var re=t(65299),le=t(64262),se=t(67454),ce=t(29823);const de=e=>{let{currentPackageAmount:n,amountRedeemed:t,newBalance:o,setSelectedPackage:i,setPackageValidationOutput:a}=e;const r=(0,ne.Z)();return(0,v.jsxs)(oe,{theme:r,children:[(0,v.jsxs)("div",{className:"header",children:[(0,v.jsxs)("div",{className:"title",children:[(0,v.jsx)("div",{className:"icon-wrapper",children:(0,v.jsx)(D.Z,{})}),"Package Summary"]}),(0,v.jsx)(te.Z,{className:"close-button",onClick:()=>{i(""),a(void 0)},size:"small",children:(0,v.jsx)(ce.Z,{})})]}),(0,v.jsxs)("div",{className:"details-grid",children:[(0,v.jsx)(ae,{label:"Available",value:n,valueColor:r.palette.success.main,icon:(0,v.jsx)(re.Z,{})}),(0,v.jsx)(ae,{label:"To Use",value:t,valueColor:r.palette.error.main,icon:(0,v.jsx)(le.Z,{})}),(0,v.jsx)(ae,{label:"Remaining",value:o,valueColor:r.palette.primary.main,icon:(0,v.jsx)(se.Z,{}),highlight:!0})]})]})};var pe=t(87046);const ue={default:J,theme1:J,theme2:e=>{let{packageValidationOutput:n,selectedPackage:t,isValidating:o,setSelectedPackage:i,setPackageValidationOutput:r}=e;const{currentPackageAmount:l,amountRedeemed:s,newBalance:c,isValid:d}=M(t,n),p=(0,pe.O)(14);return(0,v.jsx)(_.Z,{isLoading:o,children:(0,v.jsx)(v.Fragment,{children:d?(0,v.jsx)(de,{currentPackageAmount:l(),amountRedeemed:s(),newBalance:c(),setSelectedPackage:i,setPackageValidationOutput:r}):(0,v.jsx)(a.Z,{className:"error-message",sx:{color:"error.main",fontSize:p,fontWeight:500,textAlign:"center",margin:"16px",padding:"12px",borderRadius:"8px",backgroundColor:"error.lighter",border:"1px solid",borderColor:"error.light"},children:"credit"===(null===n||void 0===n?void 0:n.type)?"Not enough credits, remaining credits: ".concat(l):"duration"===(null===n||void 0===n?void 0:n.type)?"Not enough duration, remaining duration: ".concat(l):"membership"===(null===n||void 0===n?void 0:n.type)?"Not enough sessions, remaining sessions: ".concat(l):"Voucher is not val
1id for this booking"})})})},marketplaceTheme:J},xe=e=>{const{company:n}=(0,i.useContext)(s.m),t=null===n||void 0===n?void 0:n.theme,o=ue[t||"default"];return(0,v.jsx)(o,(0,l.Z)({},e))};var me,ge,he,fe=t(1999),ve=t(58290);t(85862);const be=(0,V.ZP)(m.Z)(me||(me=(0,u.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 15px;\n\n .react-loading-skeleton {\n border-radius: 4px;\n }\n"]))),ye=(0,V.ZP)(m.Z)(ge||(ge=(0,u.Z)(["\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 10px;\n\n .react-loading-skeleton {\n border-radius: 4px;\n }\n"]))),je=(0,V.ZP)(m.Z)(he||(he=(0,u.Z)(["\n margin-top: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n\n .react-loading-skeleton {\n border-radius: 1000px;\n }\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"]))),ke=()=>(0,v.jsxs)(be,{children:[(0,v.jsxs)(ye,{children:[(0,v.jsx)(ve.Z,{width:200,height:28})," "]}),(0,v.jsxs)(je,{children:[(0,v.jsx)(ve.Z,{width:250,height:56,borderRadius:1e3})," "]})]}),Ze=e=>{let{packages:n,selectedPackage:t,setSelectedPackage:o,packageValidationOutput:l,setPackageValidationOutput:c,selectedPromocode:d,setSelectedPromocode:p,redemptionTarget:u="booking",header:x="Packages & Promo Codes",placeholder:m="Select Package or Promo Code",isLoading:g=!1}=e;const[h,f]=(0,i.useState)(!1),{company:b}=(0,i.useContext)(s.m);return(0,v.jsx)(fe.Z,{isLoading:g||!1,skeleton:(0,v.jsx)(ke,{}),children:(0,v.jsxs)(r.An,{children:[(0,v.jsx)(a.Z,{className:"header",children:x}),null!==b&&void 0!==b&&b.hasAuthentication?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(U,{packages:n,selectedPackage:t,setSelectedPackage:o,setIsValidating:f,setPackageValidationOutput:c,placeholder:m}),t&&"promo-code"!==t&&"membership"!==t&&(0,v.jsx)(xe,{selectedPackage:t,isValidating:h,packageValidationOutput:l,setSelectedPackage:o,setPackageValidationOutput:c}),t&&"promo-code"===t&&(0,v.jsx)(P,{promocode:d,setPromocode:p,validationOutput:l,setPackageValidationOutput:c,type:"Promocode",redemptionTarget:u}),"membership"===t&&(0,v.jsx)(a.Z,{children:"Membership is Applied"})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(P,{promocode:t,setPromocode:o,validationOutput:l,setPackageValidationOutput:c,type:"Package",redemptionTarget:u}),t&&l&&"promocode"!==l.type&&(0,v.jsx)(xe,{selectedPackage:t,isValidating:h,packageValidationOutput:l,setSelectedPackage:o,setPackageValidationOutput:c}),t&&l&&["promocode","voucher-promocode"].includes(l.type)&&(0,v.jsx)(a.Z,{style:{marginTop:"10px"},children:"Promocode is applied"})]})]})})}},29181:(e,n,t)=>{t.d(n,{An:()=>p,ir:()=>u});var o,i,a,r,l=t(30168),s=t(66934),c=t(68870),d=t(36314);const p=(0,s.ZP)(c.Z)(o||(o=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 15px;\n\n .header {\n color: #080133;\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: center;\n }\n"]))),u=((0,s.ZP)(c.Z)(i||(i=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 80%;\n\n .cancel-button {\n margin-top: 10px;\n }\n"]))),(0,s.ZP)(d.Z)(a||(a=(0,l.Z)(["\n margin-top: 15px;\n width: 100%;\n\n .package-details-item-label {\n color: #080133;\n\n font-style: normal;\n font-weight: 300;\n font-size: 14px;\n line-height: 28px;\n text-align: center;\n }\n\n .package-details-item-value {\n color: ",";\n font-style: normal;\n font-weight: 300;\n font-size: 14px;\n line-height: 28px;\n text-align: center;\n }\n"])),(e=>e.valuecolor)));(0,s.ZP)(c.Z)(r||(r=(0,l.Z)(["\n margin-top: 10px;\n\n .select {\n width: 250px;\n }\n"])))},5115:(e,n,t)=>{t.d(n,{Z:()=>r});var o=t(1413),i=t(4567),a=(t(72791),t(80184));const r=e=>{let{heading:n,sx:t}=e;return(0,a.jsx)(i.Z,{component:"h2",sx:(0,o.Z)({color:"#33334F",fontSize:"24px",fontWeight:500,marginBottom:"24px",textAlign:"center"},t),children:n})}},59676:(e,n,t)=>{t.d(n,{Z:()=>T});
1var o=t(1413),i=t(72791),a=t(33130),r=t(89429);const l=()=>{const{company:e}=(0,i.useContext)(a.m);return{company:e,currency:(0,r.zC)(null===e||void 0===e?void 0:e.currency),shouldHide:e=>Number(e)<=0}};var s=t(94721),c=t(85246),d=t(66934),p=t(88588),u=t(4567),x=t(68870);const m=(0,d.ZP)(p.Z)((e=>{let{theme:n}=e;return{width:"100%",padding:"24px",borderRadius:"20px",background:"linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%)",border:"1px solid ".concat(n.palette.divider),marginTop:"24px",transition:"transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out","&:hover":{boxShadow:"0 8px 45px rgba(0, 0, 0, 0.07)"}}})),g=(0,d.ZP)(u.Z)((e=>{let{theme:n}=e;return{display:"flex",alignItems:"center",gap:n.spacing(1),color:n.palette.text.primary,fontWeight:600,marginBottom:n.spacing(2),"& svg":{color:n.palette.primary.main,fontSize:24}}})),h=(0,d.ZP)(x.Z)((e=>{let{theme:n}=e;return{display:"flex",justifyContent:"space-between",alignItems:"center",paddingTop:n.spacing(.75),paddingBottom:n.spacing(.75)}})),f=(0,d.ZP)(u.Z,{shouldForwardProp:e=>"isTotal"!==e})((e=>{let{theme:n,isTotal:t}=e;return{color:t?n.palette.text.primary:n.palette.text.secondary,fontWeight:t?600:500,fontSize:t?"1.1rem":"1rem",display:"flex",alignItems:"center",gap:n.spacing(1),"& svg":{fontSize:18,color:n.palette.error.main}}})),v=(0,d.ZP)(u.Z,{shouldForwardProp:e=>"isTotal"!==e&&"isDiscount"!==e})((e=>{let{theme:n,isTotal:t,isDiscount:i}=e;return(0,o.Z)({color:i?n.palette.error.main:t?n.palette.text.primary:n.palette.text.secondary,fontWeight:t?600:500,fontSize:t?"1.1rem":"1rem"},i&&{display:"flex",alignItems:"center",gap:n.spacing(.5),"&::before":{content:'"-"',color:n.palette.error.main}})}));var b=t(61137),y=t(80184);const j=e=>{let{label:n,value:t,isDiscount:o,isTotal:i=!1}=e;const{company:a}=l();return(0,y.jsxs)(h,{children:[(0,y.jsxs)(f,{isTotal:i,children:[n,o&&(0,y.jsx)(b.Z,{})]}),(0,y.jsx)(v,{isTotal:i,isDiscount:o,"data-testid":"pricing-card-row-value",children:(0,r.T4)(t,a)})]})},k=e=>{let{subTotal:n,discount:t,total:o,vat:i,isPaid:a=!1}=e;const{shouldHide:r}=l();return r(o)?null:(0,y.jsxs)(m,{elevation:0,children:[(0,y.jsxs)(g,{variant:"h6",children:[(0,y.jsx)(c.Z,{})," Purchase Summary"]}),(0,y.jsx)(j,{label:"Subtotal",value:n,isDiscount:!1}),t>0&&(0,y.jsx)(j,{label:"Discount",value:t,isDiscount:!0}),i&&i>0?(0,y.jsx)(j,{label:"VAT",value:i,isDiscount:!1}):null,(0,y.jsx)(s.Z,{sx:{my:2,borderColor:"rgba(0, 0, 0, 0.08)"}}),(0,y.jsx)(j,{label:a?"Total Paid":"Total to be paid",value:o,isDiscount:!1,isTotal:!0})]})},Z=(0,d.ZP)(p.Z)((e=>{let{theme:n}=e;return{backgroundColor:n.palette.background.paper,marginTop:"15px",marginBottom:"10px",width:"100%",boxShadow:"0 6px 40px rgba(208, 208, 208, 0.2)",borderRadius:"6px","&:hover":{boxShadow:"0 8px 45px rgba(0, 0, 0, 0.07)"},"& .pricing-content":{padding:n.spacing(2),display:"flex",flexDirection:"column",gap:n.spacing(1)},"& .price-row":{display:"flex",alignItems:"center",justifyContent:"space-between",height:27,width:"100%","& .label":{fontSize:"1rem",lineHeight:"27px",color:"rgba(0, 0, 0, 1)"},"& .value":{fontSize:"1rem",lineHeight:"26px",color:"rgba(0, 0, 0, 0.87)"}}}})),w=e=>{let{label:n,value:t,isDiscount:o=!1}=e;const{currency:i}=l(),a=o?"".concat(t," ").concat((0,r.zC)(i)):(0,r.bM)(t,i);return(0,y.jsxs)(x.Z,{className:"price-row",children:[(0,y.jsx)(u.Z,{className:"label",children:n}),(0,y.jsx)(u.Z,{className:"value",children:a})]})},C=e=>{let{total:n,discount:t,subTotal:o,serviceFees:i}=e;const{shouldHide:a}=l();return a(n)?null:(0,y.jsx)(Z,{children:(0,y.jsxs)(x.Z,{className:"pricing-content",children:[(0,y.jsx)(w,{label:"Subtotal",value:Number(o.toFixed(2))}),(0,y.jsx)(w,{label:"Discount",value:Number(t.toFixed(2)),isDiscount:!0}),i&&i>0&&n>0?(0,y.jsx)(w,{label:"Service Fees",value:Number(i.toFixed(2))}):null,(0,y.jsx)(w,{label:"Total",value:Number((n+(n>0&&i||0)).toFixed(2))})]})})};var P=t(1999),N=t(58290);t(85862);const S=(0,d.ZP)(p.Z)((e=>{let{theme:n}=e;return{width:"100%",padding:"24px",borderRadius:"20px",background:"linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%)",border:"1px solid ".concat(n.palette.divider),marginTop:"24px"}})),A=(0,d.ZP)(x.Z)((e=>{let{theme:n}=e;return{display:"flex",alignItems:"center",gap:n.spacing(1),marginBottom:n.spacing(2),"& .react-loading-skeleton":{borderRadius:"4px"}}})),z=(0,d.ZP)(x.Z)((e=>{let{theme:n}=e;return{display:"flex",justifyContent:"space-between",alignItems:"center",paddingTop:n.spacing(.75),paddingBottom:n.spacing(.75),"& .react-loading-skeleton":{borderRadius:"4px"}}})),V=()=>(0,y.jsxs)(S,{children:[(0,y.jsxs)(A,{children:[(0,y.jsx)(N.Z,{circle:!0,width:24,height:24})," ",(0,y.jsx)(N.Z,{width:150,height:24})," "]}),(0,y.jsxs)(z,{children:[(0,y.jsx)(N.Z,{width:80,height:20})," ",(0,y.jsx)(N.Z,{width:60,height:20})," "]}),(0,y.jsxs)(z,{children:[(0,y.jsx)(N.Z,{width:80,height:20})," ",(0,y.jsx)(N.Z,{width:60,height:20})," "]}),(0,y.jsxs)(z,{children:[(0,y.jsx)(N.Z,{width:80,height:20})," ",(0,y.jsx)(N.Z,{width:60,height:20})," "]}),(0,y.jsx)(s.Z,{sx:{my:2,borderColor:"rgba(0, 0, 0, 0.08)"}}),(0,y.jsxs)(z,{children:[(0,y.jsx)(N.Z,{width:120,height:22})," ",(0,y.jsx)(N.Z,{width:80,height:22})," "]})]}),I={default:k,theme1:k,theme2:C,marketplaceTheme:k},T=e=>{const{company:n,shouldHide:t}=l(),i=null===n||void 0===n?void 0:n.theme,a=I[i||"default"];return!e.isLoading&&t(e.total)?null:(0,y.jsx)(P.Z,{isLoading:e.isLoading||!1,skeleton:(0,y.jsx)(V,{}),children:(0,y.jsx)(a,(0,o.Z)({},e))})}},11703:(e,n,t)=>{t.d(n,{Z:()=>l});var o=t(1413),i=t(57689),a=t(13640),r=t(75985);const l=()=>{const e=(0,i.s0)();return{getPackages:async()=>{try{const{data:e}=await a.Z.get("/users/getVouchers");return e.vouchers}catch(e){throw e}},checkPackageValidity:async e=>{console.log(e);try{const{data:n}=await a.Z.post("/booking/checkVoucherValidity",(0,o.Z)({},e));return n.data}catch(n){throw n}},purchasePackage:async(n,t,i,l)=>{try{const{data:r}=await a.Z.post("/booking/voucher",(0,o.Z)((0,o.Z)({companyId:n,requestedVoucherId:t},i),{},{promocodeRequested:l,useCheckoutLink:!0}
1));return"false"!==r.data.paymentUrl&&r.data.paymentUrl?window.location.replace(r.data.paymentUrl):e("/PackageConfirmation?".concat(r.data.confirmationQuery)),r.data}catch(s){throw(0,r.Am)("An error has occurred while processing your booking payment",{theme:"colored",type:"error"}),s}},checkPromocodeValidity:async e=>{try{const{data:n}=await a.Z.post("/booking/checkPromocodeValidityForVoucher",(0,o.Z)({},e));return n.data}catch(n){throw n}}}}},87046:(e,n,t)=>{t.d(n,{O:()=>a});var o=t(13967),i=t(38816);const a=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"display";const t=(0,o.Z)();return"body"===n?(0,i.Sz)(t,e):(0,i.QU)(t,e)}}}]); 2//# sourceMappingURL=159.32cbfefb.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.