https://cityhandyman.netlify.app/component---src-pages-events-js-d3e6b33343032ace2e34.js

1"use strict";(self.webpackChunkWebsite_Platform_Gatsby=self.webpackChunkWebsite_Platform_Gatsby||[]).push([[6],{40672:function(e,t,n){n.r(t),n.d(t,{default:function(){return A}});var i=n(96540),a=n(24794),r=n(63679),o=n(95093),l=n.n(o),s=n(43048),m=n(44479),c=n(61105),d=n(67260),p=n(90536),g=n(44404),u=n(62785),f=n(75316),v=n(45660),b=n(70474),h=n(81171),x=n(9994),y=n(55373),w=n.n(y),E=n(86462),_=n(80633);const k=r.default.div.withConfig({displayName:"eventCard__EventsStyled",componentId:"sc-xvs7eu-0"})(["margin-bottom:2rem;margin-top:2rem;.ais-Pagination{color:#3a4570;margin-top:1em;}.ais-Pagination-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:flex;align-items:center;margin:0;padding:0;list-style:none;}.ais-Pagination-item{margin-left:0.3rem;}.ais-Pagination-link{padding:0.3rem 0.6rem;display:block;border:1px solid #c4c8d8;border-radius:5px;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out;color:var(--primary);}.ais-Pagination-item--selected .ais-Pagination-link{color:#fff;background-color:var(--primary);border-color:var(--primary);}.ais-Pagination-item--disabled .ais-Pagination-link:hover{color:#a5abc4;background-color:#fff;}.ais-Pagination-item--disabled .ais-Pagination-link{opacity:0.6;cursor:not-allowed;color:#a5abc4;}.ais-RefinementList{margin-bottom:1em;}.ais-RefinementList-checkbox{height:16px;margin-right:16px;}.ais-RefinementList .ais-RefinementList-item .ais-RefinementList-label{align-items:center;display:flex;}.ais-RefinementList-count{align-items:center;background:#f5f5fa;border:1px solid #d6d6e7;border-radius:93px;box-sizing:border-box;color:#5a5e9a;display:flex;flex-direction:row;font-size:12px;height:16px;line-height:16px;margin-left:auto;padding:0 8px;}.ais-SearchBox{padding:0.3em;}.ais-SearchBox-form{display:flex;height:100%;position:relative;width:100%;}.ais-SearchBox-input{background-color:#fff;border:1px solid #d6d6e7;border-radius:3px;box-shadow:inset 0 1px 4px 0 #7175b54d;color:#23263b;flex:1;font-size:14px;line-height:20px;outline:none;padding:14px 40px;}.ais-SearchBox-submit{left:0.75rem;display:none;}.ais-SearchBox-reset{display:none;}.ZoneHeader{align-items:center;border-bottom:1px solid #f5f5fa;display:flex;height:60px;margin-bottom:1em;padding-bottom:1em;justify-content:space-between;align-items:baseline;}.ais-ClearRefinements-button:hover{background:#f5f5fa;cursor:pointer;}.ais-ClearRefinements-button{align-items:center;background:transparent;border:none;border-radius:3px;color:#5a5e9a;cursor:pointer;display:flex;font-size:0.875rem;font-weight:400;justify-content:center;line-height:1.25rem;padding:2px 10px 2px 16px;position:relative;white-space:nowrap;}.ais-ClearRefinements-button--disabled{display:none;}button:disabled{display:none;}.ais-RefinementList-showMore:hover{background-image:linear-gradient(-180deg,#fff,#f5f5fa);border-color:#d6d6e7;cursor:pointer;}.ais-RefinementList-showMore{background:linear-gradient(180deg,#fff,#fcfcfd 97.81%);border:1px solid #d4d4e9;border-radius:3px;box-shadow:0 1px 0 rgb(33 36 61 / 5%);box-sizing:border-box;color:#23263b;font-size:14px;height:32px;width:100%;:active{border-color:#d6d6e7;box-shadow:inset 0 1px 4px 0 rgb(119 122 175 / 40%),inset 0 1px 1px 0 rgb(119 122 175 / 40%),0 1px 0 0 rgb(35 38 59 / 5%);}}.ais-RefinementList-showMore--disabled{display:none;}.filterTitle{color:var(--primary);font-size:0.85em;font-weight:600;line-height:20px;text-transform:uppercase;}.eventImage{width:100%;aspect-ratio:4/2.5;object-fit:cover;background-color:var(--secondary_3);border:1px solid #ccc;margin-top:-2em;}.eventName{font-weight:600 !important;color:var(--secondary_1);font-size:1.2em;margin-top:1em;margin-bottom:1em;}a{font-weight:500;}.eventLocation{background-color:var(--secondary_3);margin-top:1em;padding:0.1em;font-size:0.7em;font-size:var(--font-size-sm);width:fit-content;padding:0em 1.5em;display:inline-block;text-align:center;border-radius:30px;}.eventDate{background-color:var(--primary);color:var(--secondary_6);display:flex;align-items:center;justify-content:center;width:6.6em;height:4em;padding:0.5em;position:relative;right:-0.8em;float:right;text-align:center;line-height:1.3em;text-transform:uppercase;font-size:0.7em;z-index:3;top:1.3em;}.eventCard{padding:1em;position:relative;}ul{list-style-type:none;padding-left:0em;}h2{font-size:2.5rem;}.eventCategoryTitle{text-align:center;}@media (max-width:768px){.bannerCol{padding:0 1em 0 1em !important;}}@media screen and (min-device-width:481px) and (max-width:1024px){.resourceImage{width:100%;}}"]),L=e=>{var t,n,i,a,r,o;if(!e.query&&""===e.query&&1===e.page&&e.refinementList&&0===(null===(t=e.refinementList)||void 0===t||null===(n=t["event_type.title"])||void 0===n?void 0:n.length)&&0===(null===(i=e.refinementList)||void 0===i||null===(a=i["topics.name"])||void 0===a?void 0:a.length))return"/events/";

1const l={};e.query&&(l.query=encodeURIComponent(e.query)),1!==e.page&&(l.page=e.page),null!==(r=e.refinementList)&&void 0!==r&&r["event_type.title"]&&(l.eventTypes=e.refinementList["event_type.title"].map(encodeURIComponent)),null!==(o=e.refinementList)&&void 0!==o&&o["topics.name"]&&(l.topics=e.refinementList["topics.name"].map(encodeURIComponent));return`/events/${w().stringify(l,{addQueryPrefix:!0,arrayFormat:"repeat"})}`};function C(e){const{searchClient:t}=e,n=(0,E.useLocation)(),{0:a,1:r}=(0,i.useState)((e=>{const{query:t="",page:n=1,eventTypes:i=[],topics:a=[]}=w().parse(e.search.slice(1)),r=Array.isArray(i)?i:[i].filter(Boolean),o=Array.isArray(a)?a:[a].filter(Boolean);return{Events:{query:decodeURIComponent(t),page:n,refinementList:{"event_type.title":r.map(decodeURIComponent),"topics.name":o.map(decodeURIComponent)}}}})(n)),o=(0,i.useRef)(null),l=(e,t)=>{clearTimeout(o.current),o.current=setTimeout(()=>{window.history.replaceState(null,null,(e=>e?L(e.Events):"")(e))},500),r(e),t(e)};return i.createElement(k,null,i.createElement(s.A,null,i.createElement(g.G,{initialUiState:a,onStateChange:e=>{let{uiState:t,setUiState:n}=e;return l(t,n)},createURL:L,indexName:"Events",searchClient:t},i.createElement(m.A,null,i.createElement(c.A,{xs:12,md:6,lg:3,className:"bannerCol"},i.createElement("div",{className:"left-panel"},i.createElement("div",{className:"ZoneHeader"},i.createElement("span",{style:{color:"#23263b",fontSize:"16px",fontWeight:"500"}},"Filter"),i.createElement(u.U,null)),i.createElement("h6",{className:"filterTitle"},"Event Type"),i.createElement(f.u,{operator:"and",showMore:!0,attribute:"event_type.title",showMoreLimit:100}),i.createElement("h6",{className:"filterTitle"},"Topics"),i.createElement(f.u,{operator:"and",showMore:!0,attribute:"topics.name",showMoreLimit:100}),i.createElement(v.Z,{hitsPerPage:150}))),i.createElement(c.A,{xs:12,md:6,lg:9,style:{paddingLeft:"1em"},className:"bannerCol"},i.createElement("div",{className:"right-panel"},i.createElement(b.G,null),i.createElement(m.A,{className:"justify-content-md-center"},i.createElement(R,null)),i.createElement(h.d,null)))))))}const R=e=>{const{hits:t}=(0,x.u)(e);var{futureEvents:n,pastEvents:a}=function(e){var t=e.filter(e=>new Date(e.end_date)<new Date);return{futureEvents:e.filter(e=>new Date(e.start_date)>=new Date||new Date(e.end_date)>=new Date),pastEvents:t}}(t);const r=e=>{var t;return i.createElement(c.A,{sm:12,md:6,lg:3,className:"eventCard",key:e.id},null!==e.header_image?i.createElement("div",null,i.createElement(_.A,{to:e.external_website_URL?e.external_website_URL:e.slug,onClick:()=>{window.analytics.track("Link Clicked",{page_name:"Event Listing",title:e.name,link_name:e.external_website_URL?"View Event Website":"View Event",link:e.external_website_URL?e.external_website_URL:e.slug,path:window.location.pathname,report_type:"New",collection_type:"Event",url:window.location.href})}},i.createElement("div",{className:"eventDate"},l()(e.start_date).format("DD MMM YY")===l()(e.end_date).format("DD MMM YY")?l()(e.start_date).format("DD MMM YY"):e.start_date?e.end_date?`${l()(e.start_date).format("DD MMM YY")} - ${l()(e.end_date).format("DD MMM YY")}`:l()(e.start_date).format("DD MMM YY"):"NA"),null!==e.header_image?i.createElement("div",null,i.createElement(p.A,{imageItem:e.header_image,className:"eventImage"})):"")):"",i.createElement("div",{className:"eventLocation"},e.location?e.location:null),i.createElement("h3",{className:"eventName"},e.name),i.createElement("div",{style:{marginBottom:"1em"}},i.createElement("p",null,null===(t=e.short_description)||void 0===t?void 0:t.substring(0,150))),i.createElement("div",{style:{bottom:"0",position:"absolute"}},i.createElement(_.A,{onClick:()=>{window.analytics.track("Link Clicked",{page_name:"Event Listing",title:e.name,link_name:e.external_website_URL?"View Event Website":"View Event",link:e.external_website_URL?e.external_website_URL:e.slug,path:window.location.pathname,report_type:"New",collection_type:"Event",url:window.location.href})},to:e.external_website_URL?e.external_website_URL:e.slug},e.external_website_URL?"View Event Website":"View Event",i.createElement(d.A,{color:"var(--link_color)",size:18}))))};return i.createElement(i.Fragment,null,n.length>0?i.createElement(i.Fragment,null,i.createElement("h3",{className:"eventCategoryTitle mt-4 pt-2"},"Upcoming Events"),n.reverse().map(e=>r(e))):"",a.length>0?i.createElement(i.Fragment,null,i.createElement("h3",{className:"eventCategoryTitle pt-5 m-2"},"Past Events"),a.map(e=>r(e))):"")};var M=n(15168),N=n(83643),z=n.n(N),U=n(30481);const D=r.default.div.withConfig({displayName:"events__EventListStyled",componentId:"sc-vn01ro-0"})([".bannerContent{display:flex;justify-content:center;flex-direction:column;align-items:start;height:100%;margin-left:3em;}.description{font-weight:300;font-size:var(--font-size-md);margin-bottom:1em;line-height:1.5em;}h2{color:var(--primary);font-size:var(--font-size-xl);}.connect{text-align:right;margin-top:1rem;margin-bottom:1rem;}.banner{width:25em;}.bg{width:9em;}.bannerCol{padding:0;}@media (max-width:768px){.bannerContent{padding:1em;margin:0;align-items:center;text-align:center;}.description{margin-bottom:0em;}h2{font-size:var(--font-size-xl);}.bg{display:none;}.connect{text-align:left;margin-top:1rem;margin-bottom:1rem;}.banner{width:18em;}}"]);var A=()=>{var e;const t=(0,a.useStaticQuery)("3949548819");i.useEffect(()=>{window.analytics.page("Listing","Events",{collection_type:"Event",path:window.location.pathname,report_type:"New",stra

1pi_id:null,title:null,url:window.location.href})},[]);var n,r,o,l,s,m,c=null==t||null===(e=t.strapiBanner)||void 0===e?void 0:e.events_banner;c&&c.content&&(c.content.title=null==t||null===(n=t.strapiBanner)||void 0===n||null===(r=n.events_banner)||void 0===r||null===(o=r.content)||void 0===o?void 0:o.title,c.content.caption=null==t||null===(l=t.strapiBanner)||void 0===l||null===(s=l.events_banner)||void 0===s||null===(m=s.content)||void 0===m?void 0:m.caption);const d=i.useMemo(()=>z()("J870WC3RBF","a2d8e85f110ed7e1cf06f9d68984ddc7"),[]);return i.createElement(D,null,i.createElement("div",null,i.createElement(U.A,{content:c,title:"Events"})),i.createElement("main",null,i.createElement(C,{searchClient:d})),i.createElement(M.A,{title:"Events on Cityhandyman ",description:"Register for upcoming events on Cityhandyman ",keywords:"events",slug:"/events"}))}}}]);
2//# sourceMappingURL=component---src-pages-events-js-d3e6b33343032ace2e34.js.map