https://cilium.io/component---src-templates-events-jsx-bdf434c227bc49d5b4d3.js

1/*! For license information please see component---src-templates-events-jsx-bdf434c227bc49d5b4d3.js.LICENSE.txt */
2(self.webpackChunkcilium_io=self.webpackChunkcilium_io||[]).push([[7221],{230:function(e){e.exports={USE_CASE_BASE_PATH:"/use-cases/",EVENTS_BASE_PATH:"/events/"}},1931:function(e,t,a){"use strict";t.A=a.p+"static/placeholder-9c280632beed249b995153fda89b0c07.svg"},2452:function(e,t,a){"use strict";var r,n,l=a(6540);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},s.apply(null,arguments)}t.A=function(e){return l.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r||(r=l.createElement("path",{stroke:"#0080FF",strokeLinecap:"square",strokeWidth:1.5,d:"M11.5 7.334V11.3m0 .034H4v-7.5h4M10 2.334h3v3"})),n||(n=l.createElement("path",{stroke:"#0080FF",strokeLinecap:"square",strokeLinejoin:"round",strokeWidth:1.5,d:"m7.75 7.584 4.5-4.5"})))}},2719:function(e){e.exports={EVENT_PER_PAGE:8,EVENT_REGEX:"/content/events/"}},6079:function(e,t,a){"use strict";a.d(t,{A:function(){return i}});var r=a(6942),n=a.n(r),l=a(6540);const s=e=>{let{type:t,className:a}=e;return l.createElement("span",{className:n()("w-fit rounded p-2.5 text-xs font-bold uppercase leading-none tracking-wider",{"bg-additional-green/10 text-additional-green":"Meetup"===t||"Networking"===t},{"bg-additional-red/10 text-additional-red":"Webinar"===t||"Security"===t},{"bg-additional-blue/10 text-additional-blue":"Conference"===t||"Observability"===t},a)},t)};s.defaultProps={className:null};var i=s},8040:function(e,t,a){"use strict";a.r(t),a.d(t,{Head:function(){return se},default:function(){return le}});var r=a(6540),n=a(6478),l=a(9099);const s=e=>{let{title:t,description:a,className:s}=e;return r.createElement("section",{className:s},r.createElement("div",{className:"min-h-[280px] w-full rounded-lg bg-additional-2 px-6 pt-8 pb-6 xs:pb-0 lg:px-10 lg:pt-12 xl:px-12"},r.createElement(n.A,{tag:"h3",className:"!text-xl lg:text-22 xl:text-2xl",asHTML:!0},t),r.createElement("p",{className:"mt-2.5 text-base leading-normal xl:text-lg"},a),r.createElement(l.A,{className:"mt-6 max-w-[600px]",inputClassName:"!py-2.5",buttonClassName:"!right-0 py-4",divClassName:"md:!min-h-[105px]"})))};s.defaultProps={className:null};var i=s,o=a(6423);const c={title:"Industry insights you won’t delete.<br/>Delivered to your inbox weekly.",description:"Subscribe to bi-weekly eCHO News"};var u=()=>r.createElement("section",{className:"pt-10 pb-16 text-center border-b border-gray-3 md:pt-14 md:pb-20 lg:pt-16 lg:pb-28"},r.createElement(o.A,null,r.createElement(n.A,{tag:"h2",className:"pb-8 text-gray-900 dark:text-white lg:pb-12"},"Get Hands-On With Cilium"),r.createElement("div",{className:"grid grid-cols-2 gap-y-8 lg:gap-y-0 lg:gap-x-6 xl:gap-x-8"},r.createElement(i,Object.assign({},c,{className:"col-span-full lg:col-span-2"}))))),m=a(4794),d=a(6636);var p=a(2719),g=a(230),f=a(7870),x=a.p+"static/illustration-b5e8b2ced94f3aeee1153efbabe20137.png";var h=()=>r.createElement("div",{className:"flex flex-col items-center rounded-lg bg-additional-5 pb-8 transition-all duration-200 hover:shadow-tertiary md:pb-0"},r.createElement("img",{className:"h-auto w-full",src:x,alt:"",width:768,height:538,"aria-hidden":!0}),r.createElement("h3",{className:"px-4 text-center text-22 font-bold leading-snug md:px-10"},"Join eCHO livestream - eBPF & Cilium Office Hours- every Friday!"),r.createElement(f.A,{className:"mt-6",to:"https://www.youtube.com/channel/UCJFUxkVQTBJh3LD1wYBWvuQ",theme:"primary-1",target:"_blank",rel:"noopener noreferrer"},"Join Now")),v=a(1448);var b,E,w=()=>r.createElement(o.A,{className:"mt-20 mb-14 max-w-[500px]"},r.createElement(v.A,{size:"xs",tag:"h4",className:"text-center"},"No events match your filters.",r.createElement("br",null),"Try adjusting them for more results.")),y=a(6942),F=a.n(y),N=a(2532),k=a(6244),_=a(6079),A=a(4812),C=a(1931);function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},S.apply(null,arguments)}var D,O,j=function(e){return r.createElement("svg",S({xmlns:"http://www.w3.org/2000/svg",width:12,height:14,fill:"currentColor",viewBox:"0 0 12 14"},e),b||(b=r.createElement("path",{d:"M6.042 0C2.676 0 0 2.708 0 6.115c0 1.66.604 3.233 1.813 4.369.086.087 3.539 3.232 3.625 3.32.345.261.863.261 1.122 0 .086-.088 3.625-3.233 3.625-3.32 1.209-1.136 1.813-2.709 1.813-4.369A5.917 5.917 0 0 0 6.042 0"})),E||(E=r.createElement("circle",{cx:6,cy:6,r:1.5,fill:"#fff",stroke:"#fff"})))};function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},P.apply(null,arguments)}var L=function(e){return r.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"currentColor",viewBox:"0 0 14 14"},e),D||(D=r.createElement("path",{d:"M7 0a7 7 0 1 0 7 7 7.01 7.01 0 0 0-7-7"})),O||(O=r.createElement("path",{stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,d:"M7 3v4h4"})))};const T=e=>{let{ogImage:t,title:a}=e;const[n,l]=(0,A.A)(),{width:s=0}=null!=n?n:{},i=s/2.1;return t?r.createElement(N.G,{className:"h-[261px] rounded-t-lg lg:h-[180px] sm:h-[221px] bg-white",image:(0,N.c)(t),objectFit:"contain",alt:a,loading:"lazy"}):r.createElement("div",{className:"flex w-full items-center justify-center rounded-t-lg bg-gray-4",ref:l,style:{height:i}},r.createElement("img",{className:"h-full w-full py-2.5",src:C.A,alt:"",width:220,height:162,"aria-hidden":!0}))},z=e=>{let{ogImage:t,date:a,title:n,ogSummary:l,type:s,externalUrl:i,place:o,className:c}=e;return r.createElement(k.A,{to:i,className:F()("group flex flex-col rounded-lg border-2 border-gray-3 dark:border-gray-1 transition-all duration-200 hover:border-transparent hover:shadow-tertiary",c),target:"_blank",rel:"noopener noreferrer"},r.createElement(T,{ogImage:t,title:n}),r.createElement("article",{className:"flex grow flex-col p-5 md:p-7 xl:p-8"},r.createElement("div",{className:"flex flex-wrap gap-2.5 gap-x-3 text-sm font-medium leading-none text-gray-1"},r.createElement("div",{className:"inline-flex items-center gap-x-1.5"},r.createElement(L,{className:"w-3 shrink-0 text-gray-1"}),r.createElement("time",{className:"text-sm font-normal leading-none",dateTime:a},a)),r.createElement("div",{className:"flex items-center gap-x-1.5"},r.createElement(j,{className:"w-3 shrink-0 text-gray-1"}),r.createElement("span",{className:"text-sm font-normal leading-none"},o))),r.createElement("h3",{className:"line-clamp-3 mt-3 text-xl font-bold leading-snug transition-colors duration-200 group-hover:text-primary-1 md:text-22 text-black dark:text-white"},n),r.createElement("p",{className:"line-clamp-5 mt-2 mb-4 text-base leading-normal text-black/60 dark:text-gray-2"},l),r.createElement(_.A,{type:s,className:"mt-auto"})))};T.defaultProps={ogImage:null},z.defaultProps={ogImage:null,externalUrl:null,ogSummary:null,className:null};var I=z,U=a(4506);const B=["mousedown","touchstart"];var R,H=(e,t)=>{(0,r.useEffect)(()=>{const a=a=>{var r;r=a.target,e.every(e=>!e.current||!e.current.contains(r))&&t()};

2return B.forEach(e=>document.addEventListener(e,a)),()=>{B.forEach(e=>document.removeEventListener(e,a))}},[])},M=a(7329);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},V.apply(null,arguments)}var W,Y=function(e){return r.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg",width:19,height:34,fill:"none",viewBox:"0 0 19 34"},e),R||(R=r.createElement("path",{stroke:"#141A1F",strokeWidth:2,d:"m1 1 16 16L1 33"})))};function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},G.apply(null,arguments)}var J=function(e){return r.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",width:19,height:34,fill:"none",className:"light-chevron_inline_svg__text-gray-40 light-chevron_inline_svg__mt-1 light-chevron_inline_svg__h-auto light-chevron_inline_svg__w-2 light-chevron_inline_svg__shrink-0 light-chevron_inline_svg__transition-[transform,color] light-chevron_inline_svg__duration-200 light-chevron_inline_svg__group-hover:text-black light-chevron_inline_svg__rotate-90",viewBox:"0 0 19 34"},e),W||(W=r.createElement("path",{stroke:"#fff",strokeWidth:2,d:"m1 1 16 16L1 33"})))};const q=r.forwardRef((e,t)=>{const{className:a,id:n,label:l,checked:s,...i}=e;return r.createElement("div",{className:F()("checkbox",a)},r.createElement("input",Object.assign({className:"checkbox__input_event",type:"checkbox",id:n,checked:s,ref:t},i)),r.createElement("label",{className:"checkbox__label_event",htmlFor:n},r.createElement("span",{dangerouslySetInnerHTML:{__html:l}})))});q.defaultProps={className:null,checked:!1,error:null};var $=q;const Q=e=>{let{name:t,items:a,values:n,onSelect:l,isSelected:s,className:i}=e;const o=(0,r.useRef)(null),c=(0,r.useRef)(null),{0:u,1:m}=(0,r.useState)(!1);H([o,c],()=>{m(!1)});const{isDarkMode:d}=(0,M.A)(),p=F()("text-gray-40 mt-1 h-auto w-2 shrink-0 transition-[transform,color] duration-200 group-hover:text-black",u?"-rotate-90":"rotate-90");return r.createElement("div",{className:F()("relative",i)},r.createElement("button",{className:F()("group flex w-full items-center justify-between rounded-md border border-gray-3 dark:border-gray-1 py-4 px-5 transition-colors duration-200 hover:border-primary-1 [@media(min-width:550px)]:w-60",(u||s)&&"border-primary-1"),type:"button",ref:c,onClick:()=>{m(e=>!e)}},r.createElement("span",{className:F()("font-sans text-base leading-none text-gray-7 dark:text-white")},t),d?r.createElement(J,{className:p}):r.createElement(Y,{className:p})),r.createElement("div",{className:F()("absolute top-16 left-0 w-full rounded border border-gray-3 bg-white dark:bg-[#dfe5ed] shadow-card transition-[opacity,visibility] duration-200 [@media(min-width:550px)]:w-[270px]",u?"visible z-10 opacity-100":"invisible opacity-0"),ref:o},r.createElement("nav",{className:"relative z-10 flex items-start justify-between p-3 md:px-4 md:py-5"},r.createElement("ul",{className:"flex flex-col"},a.map((e,t)=>{let{name:a}=e;return r.createElement("li",{className:"flex items-center space-x-2.5 pt-2.5 first:pt-0 md:pt-3",key:t},r.createElement($,{id:a,name:"type",label:a,value:a,checked:n.includes(a),onChange:e=>{return t=e.target.checked,a=e.target.value,void l(t?[].concat((0,U.A)(n),[a]):n.filter(e=>e!==a));var t,a}}))})))))};Q.defaultProps={className:null};var X=Q;var K=e=>{let{eventFilters:t,activeFilters:a,handleFilters:n}=e;const[l,s]=t,{type:i,region:o}=a,c=i.length>0,u=o.length>0;return r.createElement("div",{className:"flex gap-x-7 [@media(max-width:550px)]:flex-col [@media(max-width:550px)]:space-y-5 [@media(max-width:550px)]:space-x-0"},r.createElement(X,Object.assign({},l,{isSelected:c,values:a[l.label],onSelect:e=>n(l,e)})),r.createElement(X,Object.assign({},s,{isSelected:u,values:a[s.label],onSelect:e=>n(s,e)})))};var Z=e=>{let{eventFilters:t,events:a,totalPageCount:n,currentPage:l,initialFilters:s,skip:i,limit:c}=e;const{0:u,1:f}=(0,r.useState)(s),{0:x,1:v}=(0,r.useState)(0),b=(0,r.useRef)(null);(0,r.useEffect)(()=>

2{if("undefined"!=typeof window){const e=window.history.state;null!=e&&e.filters&&f(null==e?void 0:e.filters),null!=e&&e.scrollY&&window.scrollTo(0,null==e?void 0:e.scrollY),window.history.replaceState({...e,filters:null,scrollY:null},"")}},[]),(0,r.useEffect)(()=>{if("undefined"!=typeof window){const e=()=>{b.current&&v(b.current.offsetTop)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[]);const E=function(e,t){return(0,r.useMemo)(()=>((e,t)=>e.filter(e=>{let{type:a,region:r}=e;return(0===t.type.length||t.type.includes(a))&&(0===t.region.length||t.region.includes(r))}))(e,t),[e,t])}(a,u),y=E.slice(i,i+c),F=Math.min(n,Math.ceil(E.length/p.EVENT_PER_PAGE));return r.createElement("section",{className:"pt-8 md:pt-14",ref:b},r.createElement(o.A,null,r.createElement(K,{eventFilters:t,activeFilters:u,handleFilters:(e,t)=>{const a={...u,[e.label]:t};f(a),l>1&&(0,m.navigate)(g.EVENTS_BASE_PATH,{state:{filters:a,scrollY:window.scrollY}})}}),y.length>0?r.createElement("div",{className:"mt-6 grid gap-6 sm:grid-cols-2 md:gap-7 lg:mt-11 lg:grid-cols-3 xl:gap-8"},y.map((e,t)=>r.createElement(r.Fragment,{key:t},r.createElement(I,e),4===t&&r.createElement(h,null)))):r.createElement(w,null),F>1&&r.createElement(d.A,{className:"mt-12 md:mt-16",currentPageIndex:l-1,pageCount:F,pageURL:g.EVENTS_BASE_PATH,optionsToSave:{filters:u,scrollY:x}})))},ee=Z,te=a(9776);var ae=e=>{let{featuredStory:t}=e;return r.createElement("section",{className:"mt-6 md:mt-10 lg:mt-16"},r.createElement(o.A,{className:"grid grid-cols-12 gap-y-10 border-b border-gray-3 dark:border-gray-1 pb-14 md:gap-y-16 md:gap-x-8 md:pb-10 lg:pb-12"},r.createElement(te.A,Object.assign({className:"col-span-full flex flex-col"},t))))},re=a(8838),ne=a(2744);var le=e=>{const{pageContext:{featuredEvent:t,skip:a,limit:n,currentPage:l,postEvents:s,totalPageCount:i,eventFilters:o,initialFilters:c}}=e;return r.createElement(ne.A,null,r.createElement(ae,{featuredStory:t}),r.createElement(ee,{events:s,currentPage:l,totalPageCount:i,skip:a,limit:n,eventFilters:o,initialFilters:c}),r.createElement(u,null))};const se=e=>{let{location:{pathname:t}}=e;return r.createElement(re.A,{pathname:t})}},9099:function(e,t,a){"use strict";a.d(t,{A:function(){return S}});var r=a(6942),n=a.n(r),l=a(5793),s=a(3959),i=a(9904),o=a(6540),c=a(9785);function u(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)"__proto__"!==r&&(e[r]=a[r])}return e}var m=function e(t,a){function r(e,r,n){if("undefined"!=typeof document){"number"==typeof(n=u({},a,n)).expires&&(n.expires=new Date(Date.now()+864e5*n.expires)),n.expires&&(n.expires=n.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var l="";for(var s in n)n[s]&&(l+="; "+s,!0!==n[s]&&(l+="="+n[s].split(";")[0]));return document.cookie=e+"="+t.write(r,e)+l}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var a=document.cookie?document.cookie.split("; "):[],r={},n=0;n<a.length;n++){var l=a[n].split("="),s=l.slice(1).join("=");try{var i=decodeURIComponent(l[0]);if(i in r||(r[i]=t.read(s,i)),e===i)break}catch(o){}}return e?r[e]:r}},remove:function(e,t){r(e,"",u({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,u({},this.attributes,t))},withConverter:function(t){return e(u({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(a)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"}),d=function(e){var t=(0,o.useState)(function(){return m.get(e)||null}),a=t[0],r=t[1];return[a,(0,o.useCallback)(function(t,a){m.set(e,t,a),r(t)},[e]),(0,o.useCallback)(function(){m.remove(e),r(null)},[e])]};function p(e){for(var t=[],a=1;a<arguments.length;a++)t[a-1]=arguments[a];e&&e.addEventListener&&e.addEventListener.apply(e,t)}function g(e){for(var t=[],a=1;a<arguments.length;a++)t[a-1]=arguments[a];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)}var f="undefined"!=typeof window,x=function(e){var t=window.history,a=t[e];t[e]=function(t){var r=a.apply(this,arguments),n=new Event(e.toLowerCase());return n.state=t,window.dispatchEvent(n),r}};f&&(x("pushState"),x("replaceState"));var h=function(e){var t=window.history,a=t.state,r=t.length,n=window.location;return{trigger:e,state:a,length:r,hash:n.hash,host:n.host,hostname:n.hostname,href:n.href,origin:n.origin,pathname:n.pathname,port:n.port,protocol:n.protocol,search:n.search}},v="function"==typeof Event,b=f&&v?function(){var e=(0,o.useState)(h("load")),t=e[0],a=e[1];return(0,o.useEffect)(function(){var e=function(){return a(h("popstate"))},t=function(){return a(h("pushstate"))},r=function(){return a(h("replacestate"))};return p(window,"popstate",e),p(window,"pushstate",t),p(window,"replacestate",r),function(){g(window,"popstate",e),g(window,"pushstate",t),g(window,"replacestate",r)}},[]),t}:function(){return{trigger:"load",length:1}},E=a(7104);var w,y,F=(e,t,a)=>window.fetch(`https://api.hsforms.com/submissions/v3/integration/submit/9197153/${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({context:a,fields:t})});function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},N.apply(null,arguments)}var k=function(e){return o.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",width:36,height:36,fill:"none",viewBox:"0 0 36 36"},e),w||(w=o.createElement("circle",{cx:18,cy:18,r:18,fill:"#00877C"})),y||(y=o.createElement("path",{stroke:"#F6F7F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:4,d:"m10 18 5.333 5.5L26 12.5"})))};const _=/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i,A=e=>{let{serverError:t,error:a}=e;if(!a&&!t)return null;const r=a||t;return o.createElement("span",{className:"absolute top-[calc(100%+0.5rem)] text-additional-1"},r)},C=e=>{var t,a;let{className:r,inputClassName:u,buttonClassName:m,divClassName:p}=e;const{register:g,handleSubmit:f,formState:{errors:x}}=(0,c.mN)(),{0:h,1:v}=(0,o.useState)("default"),{0:w,1:y}=(0,o.useState)(!1),{0:N,1:C}=(0,o.useState)(null),[S]=d("hubspotutk"),{href:D}=b();return o.createElement(l.F,{features:s.l},o.createElement("div",{className:n()("relative min-h-[160px]",p)},o.createElement(i.m.form,{className:n()("relative mx-auto flex flex-col space-y-3 xs:space-y-0",r),animate:{o

2pacity:"success"===h?0:1,transition:{duration:.5}},method:"POST",noValidate:!0,onSubmit:f(async e=>{const{email:t}=e,a=[{name:"email",value:t}],r={hutk:S,pageUri:D};y(!0);try{await F("ef11d76b-e770-455f-903b-246d91db193d",a,r),C(null),v("success"),y(!1)}catch(n){v("error"),y(!1),C("Something went wrong. Please reload the page and try again")}})},o.createElement("input",Object.assign({className:n()("remove-autocomplete-styles w-full appearance-none rounded border py-3 pl-6 pr-6 leading-normal shadow-input transition-colors duration-200 xs:rounded-xl xs:py-4 xs:pr-36 md:text-lg lg:py-[22px] lg:text-xl xl:pr-44 bg-white dark:bg-[#dfe5ed]","outline-none hover:border-gray-2 focus:border-primary-1",((null==x||null===(t=x.email)||void 0===t?void 0:t.message)||N)&&"border-additional-1 hover:border-additional-1 focus:border-additional-1",u),type:"email",name:"email",placeholder:"Email address..."},g("email",{required:"Email address is required field",pattern:{value:_,message:"Please enter a valid email address"}}))),o.createElement(A,{serverError:N,error:null==x||null===(a=x.email)||void 0===a?void 0:a.message}),o.createElement(E.A,{className:n()("right-3 top-1/2 h-12 items-center !text-lg xs:absolute xs:h-auto xs:-translate-y-1/2 lg:px-7",m),theme:"primary-1",type:"submit",loading:w},"Subscribe")),"success"===h&&o.createElement(i.m.div,{className:"absolute inset-0 flex flex-col items-center justify-center",initial:{opacity:0}

2,animate:{opacity:1,transition:{delay:.5}}},o.createElement("div",{className:"flex flex-col items-center justify-center space-y-3 xs:flex-row xs:space-y-0 xs:space-x-2.5"},o.createElement(k,{className:"h-9 w-9 shrink-0"}),o.createElement("span",{className:"text-xl font-bold leading-none xs:text-2xl text-black"},"Thanks for subscribing!")),o.createElement("span",{className:"mt-3.5 max-w-[280px] text-base leading-normal xs:max-w-none text-gray-1"},"Explore previous releases of eCHO News right now"),o.createElement(E.A,{className:"mt-5 lg:text-base",theme:"primary-1",size:"md",to:"#archive"},"Explore Archive"))))};C.defaultProps={className:null,inputClassName:null,buttonClassName:null,divClassName:null};var S=C},9776:function(e,t,a){"use strict";a.d(t,{A:function(){return u}});var r=a(2532),n=a(6540),l=a(6478),s=a(6244),i=a(2452),o=a(6079);const c=e=>{let{className:t,title:a,date:c,ogImage:u,ogImageUrl:m,ogSummary:d,path:p,categories:g,type:f,externalUrl:x,place:h}=e;const v=""!==x&&x,b=""!==m&&m;return n.createElement("div",{className:t},n.createElement(s.A,{className:"group flex flex-1 flex-col items-center space-y-6 md:flex-row md:space-y-0 md:space-x-10 lg:items-start xl:space-x-14",to:v||p,target:v?"_blank":"",rel:v?"noopener noreferrer":""},n.createElement("div",{className:"flex flex-1 items-center rounded-2xl border border-gray-3 transition duration-200 group-hover:border-transparent group-hover:shadow-tertiary md:max-w-[592px] xl:flex-none"},u&&n.createElement(r.G,{imgClassName:"rounded-2xl",image:(0,r.c)(u),alt:a,loading:"eager"}),b&&n.createElement("img",{className:"rounded-2xl object-contain",src:b,alt:a,loading:"eager"})),n.createElement("div",{className:"flex flex-1 flex-col"},n.createElement("div",{className:"flex flex-col gap-x-0 gap-y-2 lg:flex-row lg:gap-x-5 lg:gap-y-0 "},n.createElement("time",{className:"whitespace-nowrap font-medium leading-none text-gray-1"},c),h&&n.createElement("span",{className:"relative whitespace-nowrap font-medium leading-none text-gray-1 before:absolute before:top-1/2 before:-left-3 before:hidden before:h-1 before:w-1 before:-translate-y-1/2 before:rounded-full before:bg-gray-1 lg:before:inline-block"},h)),n.createElement(l.A,{className:"mt-4 transition-colors duration-200 line-clamp-3 text-black dark:text-white group-hover:text-primary-1",tag:"h3",size:"md"},a),n.createElement("p",{className:"my-5 line-clamp-4 md:text-lg md:leading-relaxed dark:text-gray-2 text-black"},d),n.createElement("div",{className:"mt-auto flex flex-wrap gap-x-2 gap-y-2"},null==g?void 0:g.map(e=>n.createElement("span",{className:"inline-flex h-8 items-center rounded bg-additional-4 bg-opacity-70 p-2.5 text-xs font-bold uppercase leading-none tracking-wider text-primary-1",key:e},e)),f&&n.createElement(o.A,{type:f}),!f&&v&&n.createElement("div",{className:"inline-flex h-8 items-center rounded bg-additional-4 bg-opacity-70 p-2.5 text-xs font-bold uppercase leading-none tracking-wider text-primary-1"},n.createElement("span",null,"External"),n.createElement(i.A,{className:"ml-1"}))))))};c.defaultProps={className:null,path:null,ogImage:null,ogImageUrl:null,externalUrl:null,categories:null,place:null,type:null};var u=c}}]);
3//# sourceMappingURL=component---src-templates-events-jsx-bdf434c227bc49d5b4d3.js.map