https://margaret-group.netlify.app/component---src-templates-venue-js-03578d284ad35614056a.js

1"use strict";(self.webpackChunkstarter=self.webpackChunkstarter||[]).push([[825],{3443:function(e,t,a){a.d(t,{n:function(){return r}});var l=a(6540),n=a(9919);const r=e=>{let{title:t,content:a}=e;const{0:r,1:s}=(0,l.useState)(!1);return l.createElement("div",{className:"accordion bb1 "+(r?"open":"")},l.createElement("button",{className:"flex py10 w-100 align-center space-between",onClick:()=>s((e=>!e))},l.createElement("p",{className:"mil-copy uppercase"},t),l.createElement(n.F,{size:10})),l.createElement("div",{className:"accordion--content"},l.createElement("div",{className:"inner overflow"},l.createElement("div",{className:"py15 pt0 m-f-small flex flex-col gap-5 with-links small",dangerouslySetInnerHTML:{__html:a}}))))}},9919:function(e,t,a){a.d(t,{F:function(){return n}});var l=a(6540);const n=e=>{let{size:t}=e;return l.createElement("svg",{width:t,height:t,viewBox:"0 0 "+t+" "+t,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"plus--icon"},l.createElement("path",{d:"M3.48 7V7.1H3.58H4.42H4.52V7V4.52H7H7.1V4.42V3.58V3.48H7H4.52V1V0.9H4.42H3.58H3.48V1V3.48H1H0.9V3.58V4.42V4.52H1H3.48V7Z",fill:"currentColor",stroke:"currentColor","stroke-width":"0.2"}))}},7015:function(e,t,a){a.d(t,{t:function(){return m}});var l=a(4506),n=a(4794),r=a(2532),s=a(6540),c=a(9919);const m=e=>{var t;let{showTitle:a=!1,filter:l=null}=e;const r=(0,n.useStaticQuery)("634038413"),c=null==r||null===(t=r.events)||void 0===t?void 0:t.nodes,{0:m,1:u}=(0,s.useState)((()=>l&&a?c.slice(0,9).filter((e=>{var t;return(null==e||null===(t=e.location)||void 0===t?void 0:t.id)===l})):a&&!l?c.slice(0,9):c)),b={sortedEvents:m,setSortedEvents:u};return m.length?s.createElement("section",{className:"whats-on m-mb20"},a&&s.createElement("div",{className:"p40 m-mt20 m-p20"},s.createElement("p",{className:"max-1700 ma m-mb0 h1"},"What's On")),s.createElement("div",{className:"bb1 pl40 pr40 m-pl20 m-pr20"},s.createElement("div",{className:"whatson-grid max-1700 ma "},s.createElement(i,Object.assign({title:"Event",ascendingFilter:p,descendingFilter:E},b)),s.createElement(i,Object.assign({title:"Date",ascendingFilter:d,descendingFilter:v},b,{className:"m-hide"})),s.createElement(i,Object.assign({title:"Location",ascendingFilter:g,descendingFilter:f},b,{className:"m-hide"})),s.createElement(i,Object.assign({title:"Tickets",ascendingFilter:N,descendingFilter:N},b,{className:"hide m-hide"})))),s.createElement(o,{events:m}),a&&s.createElement("div",{className:"p40 m-p20"},s.createElement("div",{className:" max-1700 ma m-mt0 m-mt20"},s.createElement(n.Link,{to:"/events",className:"button"},"View All Events")))):null},i=e=>{let{title:t,ascendingFilter:a,descendingFilter:l,sortedEvents:n,setSortedEvents:r,className:c=""}=e;const{0:m,1:i}=(0,s.useState)(null);return s.createElement("button",{className:"filter-btn flex align-center gap-5 h6 small py10 "+c,onClick:function(){!1===m||null===m?(i(!0),r((()=>a(n)))):(i(!1),r((()=>l(n))))}},s.createElement("span",null,t))},o=e=>{let{events:t}=e;return s.createElement("div",{className:"flex flex-col"},t.map((e=>s.createElement(u,Object.assign({key:e.id},e)))))},u=e=>{let{title:t,date:a,link:l,location:m,image:i,content:o}=e;const{0:u,1:d}=(0,s.useState)(!1),v=()=>d((e=>!e));console.log(a);const p=function(e){const t=new Date(e),a=t.getDate(),l=t.toLocaleString("default",{month:"long"});let n="";n=1===a||21===a||31===a?"st":2===a||22===a?"nd":3===a||23===a?"rd":"th";const r=a+n+" "+l;return r}(a);return s.createElement("div",{className:"bb1 event-list-item pl40 pr40 m-pl20 m-pr20 py10 "+(u?"open":"")},s.createElement("div",{className:"block max-1700 ma whatson-grid sm-copy h6 sm"},s.createElement("button",{onClick:v},s.createElement("p",{className:"h6 sm"},t)),s.createElement("p",{className:"m-hide"},a?p:"-"),s.createElement("div",{className:"m-hide"},s.createElement(n.Link,{to:"/venue/"+(null==m?void 0:m.slug),className:"ul-link ul-close inverse"},null==m?void 0:m.name)),s.createElement("div",{className:"m-hide"},s.createElement("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"ul-link ul-close inverse inline hide"},"Book Now")),s.createElement("button",{className:"flex align-center justify-center m-justify-end",onClick:v},s.createElement(c.F,{size:8}))),s.createElement("div",{className:"accordion--content "},s.createElement("div",{className:"inner overflow"},s.createElement("div",{className:"max-1700 ma"},s.createElement("div",{className:"p20 m-p0 m-show m-flex gap-40 sm-copy mt20"},s.createElement("div",{className:"flex flex-col gap-5"},s.createElement("p",{className:"bold"},"Date"),s.createElement("p",null,p)),s.createElement("div",{className:"flex flex-col gap-5"},s.createElement("p",{className:"bold"},"Location"),s.createElement(n.Link,{to:"/venue/"+(null==m?void 0:m.slug)},null==m?void 0:m.name)),s.createElement("div",{className:"flex flex-col gap-5"},s.createElement("p",{className:"bold"},"Tickets"),s.createElement("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"ul hide"}

1,"Book Now"))),s.createElement("div",{className:"mt20 pb10 w-50 m-100 flex m-wrap gap-20"},i?s.createElement("div",{className:"w-50 m-100"},s.createElement("div",{className:"ratio-1-1 pos-rel overflow image--zoom"},s.createElement("a",{href:l,target:"_blank",rel:"noopener noreferrer"},s.createElement(r.G,{image:null==i?void 0:i.gatsbyImageData,alt:"",className:"bg-image"})))):"",s.createElement("div",{className:"w-50 m-100 flex flex-col"},s.createElement("p",{className:"mta small"},o)))))))};function d(e){return(0,l.A)(e).sort(((e,t)=>new Date(e.date)-new Date(t.date)))}function v(e){return(0,l.A)(e).sort(((e,t)=>new Date(t.date)-new Date(e.date)))}function p(e){return(0,l.A)(e).sort(((e,t)=>{var a;return null==e||null===(a=e.title)||void 0===a?void 0:a.localeCompare(t.title)}))}function E(e){return(0,l.A)(e).sort(((e,t)=>{var a;return null==t||null===(a=t.title)||void 0===a?void 0:a.localeCompare(e.title)}))}function g(e){return(0,l.A)(e).sort(((e,t)=>{var a,l,n;return null==e||null===(a=e.location)||void 0===a||null===(l=a.name)||void 0===l?void 0:l.localeCompare(null==t||null===(n=t.location)||void 0===n?void 0:n.name)}))}function f(e){return(0,l.A)(e).sort(((e,t)=>{var a,l,n;return null==t||null===(a=t.location)||void 0===a||null===(l=a.name)||void 0===l?void 0:l.localeCompare(null==e||null===(n=e.location)||void 0===n?void 0:n.name)}))}function N(e){return(0,l.A)(e)}},3778:function(e,t,a){a.r(t),a.d(t,{Head:function(){return k},default:function(){return h}});var l=a(6540),n=a(4794);a(1617);const r=e=>{let{awards:t}=e;return l.createElement("section",{className:"p40 m-p20 m-mt20"},l.createElement("div",{className:"max-1700 ma m-mt20 m-mb20"},l.createElement("div",{className:"grid"},null==t?void 0:t.map((e=>l.createElement(s,Object.assign({key:e.id},e)))))))},s=e=>{let{title:t,subtitle:a,logo:n}=e;return l.createElement("div",{className:"flex flex-col text-center align-center gap-20 fade--in","data-sal":!0},n?l.createElement("div",{className:"max-200 ma"},l.createElement("img",{src:null==n?void 0:n.url,alt:"logo",className:"w-100"})):"",l.createElement("div",{className:"small mil-copy"},l.createElement("p",{className:"mb5"},t),l.createElement("p",null,a)))};var c=a(3273);const m=e=>{let{iframe:t}=e;const a=(0,l.useRef)();return(0,l.useEffect)((()=>{const e=a.current;if(!e)return;const t=document.createElement("script");t.async=!0,t.src="https://surreal.live/scripts/widget.js",e.appendChild(t)}),[]),l.createElement("div",{ref:a,id:"iframe-container"},l.createElement("div",{dangerouslySetInnerHTML:{__html:t}}))};var i=a(134),o=a(2532);function u(e){var t;let{popup:a}=e;const{0:n,1:r}=(0,l.useState)(!1),s=()=>{r(!0),document.body.classList.remove("popup-open")};return(0,l.useEffect)((()=>{if(n)return;if(!window)return;const e=setTimeout((()=>{document.body.classList.add("popup-open")}),3e3);return()=>clearTimeout(e)}),[n]),l.createElement(l.Fragment,null,l.createElement("div",{className:"popup--modal overflow flex m-wrap m-align-start m-justify-start"},l.createElement("div",{className:"close-popup",onClick:s,role:"presentation"}),l.createElement("div",{className:"h-100 w-50 overflow m-100 image-wrapper pos-rel bg-grey"},l.createElement(o.G,{className:"bg-image",image:null==a||null===(t=a.bobbiesImage)||void 0===t?void 0:t.gatsbyImageData,alt:"About Image"})),l.createElement("div",{className:"content w-60 m-100 flex m-wrap"},l.createElement("div",{className:"p40 m-p20 ma m-m0 m-align-start"},l.createElement("div",{className:"popup--content"},l.createElement("p",{className:"h1 m0 mb20 title white-space"},null==a?void 0:a.bobbiesTitle),l.createElement("div",{className:"lh2 grey content f-med mb40 white-space with-highlight m-mr20",dangerouslySetInnerHTML:{__html:null==a?void 0:a.bobbiesContent}}),l.createElement("a",{className:"no-ul-link no-ul text-center button",href:null==a?void 0:a.bobbiesLink,target:"_blank"},null==a?void 0:a.bobbiesButton))))),l.createElement("div",{className:"popup--bg",onClick:s,role:"presentation"}))}var d=a(7528),v=a(3325),p=a(7848);function E(e){let{images:t,large:a}=e;return l.createElement("div",{className:"carousel"},l.createElement(v.RC,{spaceBetween:0,modules:[p.Ij,p.Vx,p.dK],loop:!0,autoplay:{delay:3e3},speed:750,navigation:{nextEl:".carousel .next-btn",prevEl:".carousel .prev-btn"},className:"h-100"},null==t?void 0:t.map(((e,t)=>l.createElement(v.qr,{key:t},l.createElement("div",{className:"br-06 overflow bg-grey pos-rel m-480p "+(a?"h-640p":"h-480p")},l.createElement(o.G,{image:null==e?void 0:e.gatsbyImageData,className:"bg-image",alt:""})))))),l.createElement("div",{className:"prev-btn"}),l.createElement("div",{className:"next-btn"}))}var g=a(3443);function f(e){let{introduction:t,logo:a,links:r,dropdowns:s,button:c,buttonText:m,voucher:i}=e;return l.createElement("div",{className:"introduction p40 m-p20"},l.createElement("div",{className:"max-1700 ma"},l.createElement("div",{className:"max-350"},l.createElement(o.G,{image:null==a?void 0:a.gatsbyImageData,className:"venue-logo",alt:""})),l.createElement("div",{className:"flex mt40 m-wrap"},l.createElement("div",{className:"w-50 m-100"},l.createElement("div",{className:"introduction max-550 white-space with-links small",dangerouslySetInnerHTML:{__html:t}}),l.createElement("div",{className:"links mt40 small"},r.map((e=>{var t;return l.createElement("div",{className:"mb5"},l.createElement("a",{className:"with-arrow reverse",target:"_blank",rel:"noreferrer",href:null===(t=e.pdf)||void 0===t?void 0:t.url},l.createElement("span",{className:"ul-link"},e.title)))}))),c||i?l.createElement("div",{className:"max-550 mt40 flex gap-20"},m?l.createElement("a",{href:c,className:"button",target:"_blank",rel:"noreferrer"},m):l.createElement(n.Link,{className:"button",to:c},"Book A Table"),i?l.createElement("a",{href:i,className:"button",target:"_blank",rel:"noreferrer"},"Gift Vouchers"):""):""),l.createElement("div",{className:"w-50 m-100 m-mt40"},l.createElement(N,{dropdowns:s})))))}const N=e=>{let{dropdowns:t}=e;return console.log(t),l.createElement("div",{className:"dropdowns"},t.map((e=>l.createElement(g.n,{title:e.title,content:e.content}))))};var b=a(7015);function h(e){var t,a;let{data:{page:n,popup:s}}=e;return l.createElement(i.A,null,l.createElement(E,{images:null==n?void 0:n.gallery}),"Bobbie's"===(null==n?void 0:n.name)?l.createElement(u,{popup:s}):"",l.createElement("div",{style:{background:null==n||null===(t=n.background)||void 0===t?void 0:t.rgb},className:null!=n&&n.textWhite?"white":""},l.createElement(w,null),l.createElement(f,{logo:n.venueLogo,voucher:n.voucher,button:n.bookLink,buttonText:n.bookText,introduction:n.introduction,dropdowns:n.dropdowns,links:n.menuLinks}),(null==n||null===(a=n.awards)||void 0===a?void 0:a.length)>0&&l.createElement(r,{awards:n.awards}),l.createElement(b.t,{showTitle:!0,filter:n.id}),n.iframe&&!n.disableIframe&&l.createElement(m,{iframe:n.iframe}),l.createElement("div",{className:"m-mb20"}),n.ctaTitle&&l.createElement(c.A,{button:n.ctaButton?n.ctaButton:"Enquire",title:n.ctaTitle,image:n.ctaImage,link:n.ctaLink?n.ctaLink:"/contact/?venue="+n.slug})))}const w=()=>l.createElement("div",{className:"p40 m-p20"},l.createElement("div",{className:"max-1700 ma m-mt20"},l.createElement(n.Link,{to:"/venues",className:"with-arrow inline"}

1,l.createElement("span",{className:"ul-link inverse"},"Back to all venues")))),k=e=>{let{data:{page:t}}=e;return l.createElement(d.A,{title:null==t?void 0:t.name})}}}]);
2//# sourceMappingURL=component---src-templates-venue-js-03578d284ad35614056a.js.map