https://www.creativeideascateringcafe.com/_next/static/chunks/4179.c753c968b7ce736e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4179],{84179:function(t,e,i){i.r(e),i.d(e,{default:function(){return S}});var r=i(57437),a=i(2265),n=i(78514),o=i(92393),d=i(18629),l=i(45008),s=i(85968),f=i(64768),u=i(23796);function p(){let t=(0,l._)(["\n    ","\n  "]);return p=function(){return t},t}var g=function(t){let{builderMode:e,previewMode:i,buttonStyles:a,link:n}=t,o=(0,s.Z)(u.V)(p(),{...a,borderColor:"".concat(a.borderColor," !important")});return(0,r.jsx)(r.Fragment,{children:i||e?(0,r.jsx)(f.f,{href:e&&i?n:"javascript:void(0)",target:e&&i?"_blank":"_self",sx:{...a,borderColor:"".concat(a.borderColor," !important")},children:"Check balance"}):(0,r.jsx)(o,{target:"_blank",to:n,style:{...a,borderColor:"".concat(a.borderColor,"!important")},children:"Check balance"})})},x=i(48648);let c=async t=>{let{environmentUrl:e,restaurantId:i,businessId:r}=t;try{var a;let t=(0,x.x1)(e),n=await t.get("marketing/gift-card/website/gift-card-template-categories?restaurantId=".concat(i),{headers:{"x-tenant-id":r}});return null==n?void 0:null===(a=n.response)||void 0===a?void 0:a.data}catch(t){console.log("Error in fetching gift cards: ",t)}};var h=i(17374),C=i(6558),b=i(90320),m=i(1899),v=i(94013);let G={GiftCardContainer:{width:"100%",maxWidth:"1300px",margin:"0 auto"},GiftCardsContent:{...C.LJ,alignItems:"center",padding:"40px 0px"},GiftCardsHeading:{color:"#242528",textAlign:"center"},GiftCardsSubHeading:{color:"#242528",textAlign:"center"},GiftCardsBalanceButton:{color:"#242528",textAlign:"center",borderRadius:"30px",textTransform:"none",...C.tA.ButtonDefaultStyles,lineHeight:"1"},GiftCardRadioButtonWrapper:{textAlign:"center",marginBottom:"40px"},GiftCardRadioButtonGroup:{gap:"40px"},GiftCardRadioButtonText:{fontSize:"22px",fontWeight:"500"},GiftCardSendTypeRadioButtonText:{fontSize:"20px",fontWeight:"400"},GiftCardAccordionHeading:{fontSize:"28px",lineHeight:"30px",fontWeight:"500",color:"#242528"},GiftCardFormContainer:{display:"flex",flexDirection:"column",gap:"20px",padding:"10px 0"},GiftCardFieldWrapper:{marginBottom:"25px"},GiftCardInputLabel:{fontSize:"20px",fontWeight:"400",marginBottom:"8px"},GiftCardInput:{fontSize:"20px",fontWeight:"400",lineHeight:"1.2",backgroundColor:"#ffffff",border:"1px solid #B7BAC3",borderRadius:"12px",padding:"10px",width:"450px",height:"45px",maxWidth:"90%"},GiftCardSelect:{fontSize:"20px",fontWeight:"400",lineHeight:"1.2",backgroundColor:"#ffffff",border:"1px solid #B7BAC3",borderRadius:"12px",padding:"10px",width:"450px",height:"65px",maxWidth:"100%"},GiftCardInputInfo:{fontSize:"18px",fontWeight:"400",width:"450px",textAlign:"right",marginTop:"12px",color:"#888D95",maxWidth:"100%"},GiftCardCarouselContainer:{width:"100%",display:"flex",justifyContent:"center",margin:"50px 0"},GiftCardCarousel:{width:"780px",height:"450px",borderRadius:"20px"},GiftCardsCheckoutButton:{color:"#242528",textAlign:"center",borderRadius:"30px",textTransform:"none",width:"200px",height:"52px",...C.tA.ButtonDefaultStyles,marginTop:"5px",lineHeight:"1"},GiftCardsGridContainer:{width:"100%",backgroundColor:"#fff",padding:"48px 16px"},GiftCardsGridInner:{maxWidth:"1300px",margin:"0 auto"},GiftCardsGrid:{display:"grid",gridTemplateColumns:{xs:"1fr",sm:"repeat(2, 1fr)",md:"repeat(3, 1fr)"},gap:"13px",justifyItems:"center"},GiftCardsGrid_Mobile:{display:"grid",gridTemplateColumns:{xs:"1fr"},gap:"20px",justifyItems:"center"},GiftCardWrapper:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px",width:"100%"},GiftCardImageWrapper:{width:"100%",aspectRatio:"16/10",borderRadius:"22px",overflow:"hidden",position:"relative",cursor:"pointer"},GiftCardOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#00000080",backdropFilter:"blur(2px)",opacity:0,transition:"opacity 0.3s ease",borderRadius:"22px"},GiftCardPurchaseWrapper:{display:"flex",alignItems:"center",gap:"8px",width:"100%",justifyContent:"space-between",maxWidth:"95%"},GiftCardPurchaseButton:{color:"white !important",fontColor:"white",height:"52px",padding:"10px 30px",fontSize:"24px",borderRadius:"30px",fontWeight:500,textTransform:"none",borderColor:"white !important",backgroundColor:"transparent","&:hover":{backgroundColor:"white !important",color:"black !important"}}};var y=t=>{let{imageUrl:e,link:i}=t;return(0,r.jsx)(m.Z,{sx:G.GiftCardWrapper,children:(0,r.jsxs)(m.Z,{sx:{...G.GiftCardImageWrapper,"&:hover .overlay":{opacity:1}},children:[(0,r.jsx)("img",{loading:"lazy",src:e,alt:"Gift Card",style:{width:"100%",objectFit:"cover",height:"100%"}}),(0,r.jsx)(m.Z,{className:"overlay",sx:G.GiftCardOverlay,children:(0,r.jsx)(v.Z,{target:"_blank","aria-label":"Purchase",href:i,variant:"outlined",sx:G.GiftCardPurchaseButton,children:"Purchase card"})})]})})},S=t=>{var e,i,l,s,f,u,p;let{globalStyles:m=x.S6.globalStyles,localStyles:v=x.S6.localStyles,componentConfig:S=x.S6.

1componentConfig,builderConfig:k=x.S6.builderConfig,setComponentData:w=x.S6.setComponentData,onTextSelect:D}=t,I=(0,x.tG)({background:{value:"#ffffff"},backgroundImage:{toggle:!1}},m),{heading:j,button:A,subheading:W,description:R,giftCards:B}=S,T=null==k?void 0:null===(e=k.builderConfigData)||void 0===e?void 0:e.prefetchedComponentData,[M,H]=(0,a.useState)(T||[]),{builderMode:E,previewMode:P,isBuilderDesktopMode:U,isPublishedDesktopMode:_}=k,z=!!(U||_),{createResponsiveStyles:F}=(0,h.B)(z,v,m),Z={...C.tA.HeaderDefaultStyles,...m.heading,...v.heading,...G.GiftCardsHeading},O={...C.tA.SubheadingDefaultStyles,...m.subHeading,...v.subheading,...G.GiftCardsSubHeading},Y={...C.tA.ParagraphDefaultStyles,...m.bodyText,...v.description,...G.GiftCardsSubHeading},K=F(Z,"heading"),N=F(O,"subheading"),V=F(Y,"description","bodyText"),L={textDecoration:"none",...null===d.U||void 0===d.U?void 0:d.U[(null==A?void 0:null===(i=A.variant)||void 0===i?void 0:i.value)||x.Wu.PRIMARY],...null===(s=m.buttonVariants)||void 0===s?void 0:s[(null==A?void 0:null===(l=A.variant)||void 0===l?void 0:l.value)||x.Wu.PRIMARY],...null===(u=v.buttonVariants)||void 0===u?void 0:u[(null==A?void 0:null===(f=A.variant)||void 0===f?void 0:f.value)||x.Wu.PRIMARY],borderRadius:"".concat(null==m?void 0:m.buttonRadius,"px"),fontFamily:m.bodyText.fontFamily};return(null==A?void 0:null===(p=A.variant)||void 0===p?void 0:p.value)!==x.Wu.TERTIARY&&(L.border="1px solid ".concat(L.color)),(0,a.useEffect)(()=>{(async()=>{let t=await c({environmentUrl:k.builderConfigData.environmentUrl,restaurantId:k.builderConfigData.restaurantId,businessId:k.builderConfigData.businessId}),e=(null==B?void 0:B.ids)||[];if(e.length>0){let i=[],r=new Map;t.forEach(t=>{t.giftCards.forEach(e=>{r.set(e.id,t)})}),e.forEach(t=>{r.has(t)&&i.push(t)});let a=new Map(i.map((t,e)=>[t,e])),n=[...t.flatMap(t=>t.giftCards)].sort((t,e)=>{let i=a.get(t.id),r=a.get(e.id);return void 0===i&&void 0===r?0:void 0===i?1:void 0===r?-1:i-r}),o=new Map;n.forEach((t,e)=>{let i=r.get(t.id);i&&(o.has(i.id)||o.set(i.id,{category:i,cards:[],firstIndex:e}),o.get(i.id).cards.push(t))}),t.forEach(t=>{if(!o.has(t.id)){let e=t.giftCards.filter(t=>!a.has(t.id));e.length>0&&o.set(t.id,{category:t,cards:e,firstIndex:1/0})}}),H(Array.from(o.values()).sort((t,e)=>t.firstIndex-e.firstIndex).map(t=>{let{category:e,cards:i}=t;return{...e,giftCards:i}}))}else H(t)})()},[k.builderConfigData.environmentUrl,k.builderConfigData.restaurantId,k.builderConfigData.businessId,null==B?void 0:B.ids]),(0,r.jsxs)(n.e,{sx:{background:"#FAFAFA"},children:[(0,r.jsx)(n.e,{sx:G.GiftCardContainer,children:(0,r.jsx)(n.e,{children:(0,r.jsxs)(o.P,{sx:G.GiftCardsContent,children:[j.toggle&&(0,r.jsx)(b.uG,{dataKey:"heading.text",sx:K,previewMode:P,builderMode:E,setComponentData:w,text:null==j?void 0:j.text,Element:"h2",shouldUsePrimaryHeading:null==k?void 0:k.shouldUsePrimaryHeading,onTextSelect:D,isDesktop:z,backgroundColor:I}),W.toggle&&(0,r.jsx)(b.uG,{dataKey:"subheading.text",sx:N,previewMode:P,builderMode:E,setComponentData:w,text:null==W?void 0:W.text,Element:"body1",onTextSelect:D,isDesktop:z,backgroundColor:I}),R&&R.toggle&&(0,r.jsx)(b.uG,{dataKey:"description.text",sx:V,previewMode:P,builderMode:E,setComponentData:w,text:null==R?void 0:R.text,Element:"body1",onTextSelect:D,isDesktop:z,backgroundColor:I}),A.toggle&&(0,r.jsx)(g,{builderMode:E,previewMode:P,buttonConfig:A,buttonStyles:{...L,...!z&&{width:"98%",textAlign:"center"}},link:(0,x.fk)(k.builderConfigData.onlineOrderingUrl,k.builderConfigData.businessAlias,k.builderConfigData.restaurantAlias)})]})})}),(0,r.jsx)(n.e,{sx:G.GiftCardsGridContainer,children:(0,r.jsx)(n.e,{sx:G.GiftCardsGridInner,children:null==M?void 0:M.filter(t=>t.giftCards.length>0).map(t=>(0,r.jsxs)(n.e,{sx:{marginBottom:"40px"},children:[t.name&&(0,r.jsx)(n.e,{sx:{fontSize:"24px",fontWeight:600,marginBottom:"20px",color:"#333"},children:t.name}),(0,r.jsx)(n.e,{sx:z?G.GiftCardsGrid:G.GiftCardsGrid_Mobile,children:t.giftCards.map(t=>(0,r.jsx)(y,{imageUrl:t.imageUrl,link:(0,x.fk)(k.builderConfigData.onlineOrderingUrl,k.builderConfigData.businessAlias,k.builderConfigData.restaurantAlias,t.id.toString())},t.id))})]},t.id))})})]})}}}]);