https://nng.com/_next/static/chunks/19-d60434c04adebd34.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19],{3384:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),_components_form_Dropdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9074),_components_form_Input__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(2469),_components_form_Textarea__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(2391),_hooks_useStorage__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(473),email_validator__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(3999),_utils_TrimSlug__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(9793),axios__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(196),http_status_codes__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(6647),next_router__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1163),react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(7294),_editorjs_Blocks__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(5987),_Modal__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(2516),_config_index__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(7155),_components_form_Checkbox__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(2085);__webpack_exports__.Z=function(param){var ref,ref1;let{isOpen,setIsOpen,onOpen,onClose,contentGateForm,articleId,entityName,slug,fromDirect}=param,router=(0,next_router__WEBPACK_IMPORTED_MODULE_6__.useRouter)(),{setItem}=(0,_hooks_useStorage__WEBPACK_IMPORTED_MODULE_12__.Z)(),trimmedSlug=(0,_utils_TrimSlug__WEBPACK_IMPORTED_MODULE_13__.Z)(slug),[showSuccessMessage,setShowSuccessMessage]=(0,react__WEBPACK_IMPORTED_MODULE_7__.useState)(!1),[recaptchaKey,setRecaptchaKey]=(0,react__WEBPACK_IMPORTED_MODULE_7__.useState)(0),[formState,setFormState]=(0,react__WEBPACK_IMPORTED_MODULE_7__.useState)({}),[requiredFields,setRequiredFields]=(0,react__WEBPACK_IMPORTED_MODULE_7__.useState)(["termsAccepted"]),[errors,setErrors]=(0,react__WEBPACK_IMPORTED_MODULE_7__.useState)([]),[errorMessage,setErrorMessage]=(0,react__WEBPACK_IMPORTED_MODULE_7__.useState)(""),handleChange=event=>{let{name,value}=event.target;setFormState({...formState,[name]:value});let newErrors=errors.filter(item=>item!==name);setErrors(newErrors)},captchaResolve=(0,react__WEBPACK_IMPORTED_MODULE_7__.useRef)(),executeAsync=async()=>new Promise((resolve,reject)=>{window.grecaptcha.execute({action:_config_index__WEBPACK_IMPORTED_MODULE_10__.Z.captcha.contentGateAction}).then(response=>(captchaResolve.current=resolve,resolve(response)))}),handleChangeToken=token=>{captchaResolve.current&&captchaResolve.current(token)},handleSubmit=async()=>{let emptyOrFalseRequiredFields=Object.entries(formState).filter(param=>{let[key,value]=param;return requiredFields.includes(key)&&(""===value||!1===value)}).map(param=>{let[key]=param;return key});if(0===emptyOrFalseRequiredFields.length){if("email"in formState&&!email_validator__WEBPACK_IMPORTED_MODULE_4__.G(formState.email))setErrorMessage("Invalid email");else{let currentUrl="";currentUrl="".concat(window.location.href,"/").concat(trimmedSlug);let captchaToken=await executeAsync(),payload={...formState,url:currentUrl,article_id:articleId,entity_name:entityName,slug:trimmedSlug,captcha:captchaToken},response=await axios__WEBPACK_IMPORTED_MODULE_5__.ZP.post("/api/contentgate",payload);(response.status===http_status_codes__WEBPACK_IMPORTED_MODULE_14__.W.ACCEPTED||response.status===http_status_codes__WEBPACK_IMPORTED_MODULE_14__.W.OK)&&(setErrorMessage(""),setItem("token",response.data.token,"session"),setShowSuccessMessage(!0),setTimeout(()=>{onClose(),setShowSuccessMessage(!1),fromDirect||router.push({pathname:"".concat(router.asPath,"/").concat(trimmedSlug),query:{gate:response.data.token}})},1e3))}}else setErrors(emptyOrFalseRequiredFields)};(0,react__WEBPACK_IMPORTED_MODULE_7__.useEffect)(()=>{let initializedForm={termsAccepted:!1},requiredFormFields=[];contentGateForm&&contentGateForm.items&&contentGateForm.items.forEach(item=>{let formItem=item;formItem.name&&(initializedForm[formItem.name]="",formItem.optional||requiredFormFields.push(formItem.name))}),setRequiredFields([...requiredFields,...requiredFormFields]),setFormState(initializedForm)},[contentGateForm,showSuccessMessage]);let captchaInit=(0,react__WEBPACK_IMPORTED_MODULE_7__.useRef)(!1);(0,react__WEBPACK_IMPORTED_MODULE_7__.useEffect)(()=>{{let gr=window.grecaptcha;if(isOpen){if(setRecaptchaKey(recaptchaKey+1),gr.render){if(captchaInit.current)gr.reset();else try{captchaInit.current=!0,gr.render("recaptcha_container",{id:recaptchaKey,sitekey:String("6LdE8CAsAAAAADKOumd9RiuPdPkdn0xOXBrbNleQ"),size:"invisible",callback:handleChangeToken,theme:"dark"})}catch(error){gr.reset()}}}else{let container=document.getElementById("recaptcha_container");container&&(container.innerHTML="")}}isOpen?"undefined"!=typeof document&&(document.body.style.overflowY="hidden"):"undefined"!=typeof document&&(document.body.style.overflowY="auto")},[isOpen]);let renderItem=(item,i)=>{var _values,_name,_label,_placeholder,_label1,_placeholder1,_label2,_placeholder2,_type,_name1;if(item.name){if("ComponentFormSelect"===item.__typename)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,{options:null!==(_values=item.values)&&void 0!==_values?_values:"",value:formState[item.name],setFormState:setFormState,setErrors:setErrors,formState:formState,hasError:errors.includes(item.name),errors:errors,name:null!==(_name=item.name)&&void 0!==_name?_name:"",label:null!==(_label=item.label)&&void 0!==_label?_label:"",placeholder:null!==(_placeholder=item.placeholder)&&void 0!==_placeholder?_placeholder:"",className:item.full_width?"w-full":"w-full tablet:w-[48%]",required:!item.optional},i);if("ComponentFormTextarea"===item.__typename)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_Textarea__WEBPACK_IMPORTED_MODULE_3__.Z,{value:formState[item.name],label:null!==(_label1=item.label)&&void 0!==_label1?_label1:"",placeholder:null!==(_placeholder1=item.placeholder)&&void 0!==_placeholder1?_placeholder1:"",handleChange:handleChange,hasError:errors.includes(item.name),name:item.name,className:item.full_width?"w-full":"w-full tablet:w-[48%]",required:!item.optional},i);if("ComponentFormInput"===item.__typename)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_Input__WEBPACK_IMPORTED_MODULE_2__.Z,{value:formState[item.name],label:null!==(_label2=item.label)&&void 0!==_label2?_label2:"",placeholder:null!==(_placeholder2=item.placeholder)&&void 0!==_placeholder2?_placeholder2:"",hasError:errors.includes(item.name)||errorMessage.length>0&&"email"===item.name,errorMessage:errorMessage,type:null!==(_type=item.type)&&void 0!==_type?_type:"text",name:null!==(_name1=item.name)&&void 0!==_name1?_name1:"",className:item.full_width?"w-full":"w-full tablet:w-[48%]",required:!item.optional,handleChange:handleChange,hidden:"Other"!==formState.findAbout&&"other"===item.name},i)}};return isOpen?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Modal__WEBPACK_IMPORTED_MODULE_9__.Z,{show:isOpen,title:null!==(ref=null==contentGateForm?void 0:contentGateForm.title)&&void 0!==ref?ref:"",onAccept:handleSubmit,onClose(){setIsOpen(!1)},description:null!==(ref1=null==contentGateForm?void 0:contentGateForm.subtitle)&&void 0!==ref1?ref1:"",button:null==contentGateForm?void 0:contentGateForm.button,showSuccessMessage:showSuccessMessage,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("form",{autoComplete:"off",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"z-10 flex flex-row flex-wrap justify-between gap-y-2 gap-x-1 desktop:gap-x-2",children:[(null==contentGateForm?void 0:contentGateForm.items)&&contentGateForm.items.map((item,i)=>{if((null==item?void 0:item.__typename)!=="Error")return renderItem(item,i)}),(null==contentGateForm?void 0:contentGateForm.terms)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_Checkbox__WEBPACK_IMPORTED_MODULE_11__.Z,{name:"termsAccepted",value:formState.termsAccepted,setValue:value=>setFormState({...formState,termsAccepted:value}),setErrors:setErrors,errors:errors,editorContent:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"form-terms-container",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_editorjs_Blocks__WEBPACK_IMPORTED_MODULE_8__.Z,{content:contentGateForm.terms})})})]})})})}):null}},9793:function(__unused_webpack_module,__webpack_exports__){let trimSlug=slug=>null==slug?void 0:slug.replace(/^\/|\/$/g,"");__webpack_exports__.Z=trimSlug},1405:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{p:function(){return getGenericListingPage}});var jsx_runtime=__webpack_require__(5893),layout=__webpack_require__(4400),Button=__webpack_require__(7543),Container=__webpack_require__(9128),CategoriesSwiper=__webpack_require__(8989),useStorage=__webpack_require__(473),FormatDate=__webpack_require__(5502),GetImageFormat=__webpack_require__(5572),TrimSlug=__webpack_require__(9793),axios=__webpack_require__(196),classnames=__webpack_require__(4184),classnames_default=__webpack_require__.n(classnames),next_image=__webpack_require__(5675),image_default=__webpack_require__.n(next_image),next_link=__webpack_require__(1664),link_default=__webpack_require__.n(next_link),next_router=__webpack_require__(1163),react=__webpack_require__(7294),ContentGatePopup=__webpack_require__(3384),jsonwebtoken=__webpack_require__(9704),jsonwebtoken_default=__webpack_require__.n(jsonwebtoken),status_codes=__webpack_require__(6647),useMousePosition=__webpack_require__(4011),MouseFollower=__webpack_require__(4388),useTranslation=__webpack_require__(7058);let isWhitePaper=category=>category.includes("whitepaper"),ListingContentCard=param=>{var ref,ref1,ref2,ref3,ref4,ref5,ref6,ref7,ref8;let linkUrl,{article,highlighted,handleFilterTag,category,contentGateForm}=param,{t}=(0,useTranslation.$)("translations"),[openPopup,setOpenPopup]=(0,react.useState)(!1),{getItem,setItem,removeItem}=(0,useStorage.Z)(),router=(0,next_router.useRouter)(),{cursorXSpring,cursorYSpring}=(0,useMousePosition.Z)(),data=null==article?void 0:article.attributes;if(null==data)return null;let imgAttributes=(0,GetImageFormat.Z)(null===(ref=data.card_image)||void 0===ref?void 0:ref.data,"medium"),trimmedSlug=(0,TrimSlug.Z)(null!==(ref5=null==article?void 0:null===(ref1=article.attributes)||void 0===ref1?void 0:ref1.slug)&&void 0!==ref5?ref5:"");linkUrl=data.externalUrl?data.externalUrl:"/".concat(category,"/").concat(null!=trimmedSlug?trimmedSlug:"");let onOpenPopup=()=>{setOpenPopup(!0)},onClosePopup=()=>{setOpenPopup(!1)},handleClick=async()=>{let token=getItem("token","session");if(token){var ref,_externalUrl;data.externalUrl&&router.push({pathname:data.externalUrl});let currentUrl="";currentUrl="".concat(window.location.href,"/").concat(trimmedSlug);let payload={JWT:token,article_id:null!==(ref=null==article?void 0:article.i

1d)&&void 0!==ref?ref:"",slug:null!==(_externalUrl=data.externalUrl)&&void 0!==_externalUrl?_externalUrl:trimmedSlug,url:currentUrl},response=await axios.ZP.post("/api/contentgate",payload);if(response.status===status_codes.W.OK){setItem("token",response.data.token,"session");let verifiedToken=jsonwebtoken_default().decode(response.data.token);router.push({pathname:"".concat(category,"/").concat(verifiedToken.slug),query:{gate:response.data.token}},void 0,{scroll:!1})}else onOpenPopup()}else onOpenPopup()};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("div",{className:classnames_default()(highlighted?"flex flex-col gap-2 md:grid md:grid-cols-2 md:gap-4":"flex flex-col gap-2 md:gap-3"),children:[(0,jsx_runtime.jsx)("div",{className:classnames_default()(highlighted?"min-h-full max-w-full md:order-1":"","group relative flex aspect-video flex-1 items-center justify-center"),children:isWhitePaper(category)?(0,jsx_runtime.jsxs)("div",{className:"cursor-pointer",onClick:handleClick,children:[(0,jsx_runtime.jsx)(image_default(),{src:imgAttributes.url,alt:imgAttributes.alternativeText,fill:!0,className:"rounded-xl object-cover"}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(highlighted&&"absolute -bottom-[1px] -right-[1px] -left-[1px] h-7 bg-gradient-black-image-shadow-bottom-light dark:bg-gradient-black-image-shadow-bottom md:hidden")}),(0,jsx_runtime.jsx)(MouseFollower.Z,{title:t("mouseFollower.readMore"),cursorXSpring:cursorXSpring,cursorYSpring:cursorYSpring})]}):(0,jsx_runtime.jsx)(link_default(),{scroll:!1,href:linkUrl,rel:"noopener noreferrer",target:null===data.externalUrl?"_self":"_blank",children:(0,jsx_runtime.jsxs)("div",{className:"group cursor-pointer",children:[(0,jsx_runtime.jsx)(image_default(),{src:imgAttributes.url,alt:imgAttributes.alternativeText,fill:!0,className:"rounded-xl object-cover"}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(highlighted&&"absolute -bottom-[1px] -right-[1px] -left-[1px] h-7 bg-gradient-black-image-shadow-bottom-light dark:bg-gradient-black-image-shadow-bottom md:hidden")}),(0,jsx_runtime.jsx)(MouseFollower.Z,{title:t("mouseFollower.readMore"),cursorXSpring:cursorXSpring,cursorYSpring:cursorYSpring})]})})}),(0,jsx_runtime.jsxs)("div",{className:classnames_default()(highlighted?"z-10 -mt-5 md:mt-0 lg:max-w-[82.5%]":"","flex flex-1 flex-col"),children:[(0,jsx_runtime.jsxs)("div",{className:classnames_default()(highlighted?"mb-2.5":"mb-1","gap-y-0.1 flex min-h-[21px] flex-row flex-wrap items-center gap-x-1 md:mb-1.5"),children:[null===(ref2=data.resource_tags)||void 0===ref2?void 0:ref2.data.map((tag,i)=>{var ref,ref1,ref2,ref3;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()((null===(ref=data.resource_tags)||void 0===ref?void 0:ref.data.length)===i+1&&"mr-1","flex max-h-2.5 items-center gap-1"),children:[(0,jsx_runtime.jsx)("p",{className:"min-w-fit cursor-pointer text-label-s text-blue-accentDark dark:text-blue-accentLight md:text-label-m",onClick(){var ref;return handleFilterTag(null!==(ref3=null===(ref=tag.attributes)||void 0===ref?void 0:ref.tag)&&void 0!==ref3?ref3:"")},children:null===(ref1=tag.attributes)||void 0===ref1?void 0:ref1.tag}),(0,jsx_runtime.jsx)("div",{className:classnames_default()((null===(ref2=data.resource_tags)||void 0===ref2?void 0:ref2.data.length)===i+1&&"hidden","h-0.5 w-0.5 rounded-full bg-lights-5 dark:bg-greys-3")})]},i)}),(0,jsx_runtime.jsx)("p",{className:"min-w-fit text-label-s text-lights-3 dark:text-greys-4 md:text-label-m",children:data.read_duration})]}),isWhitePaper(category)?(0,jsx_runtime.jsxs)("div",{className:"group cursor-pointer",onClick:handleClick,children:[(0,jsx_runtime.jsx)("h1",{className:classnames_default()(highlighted?"text-header-1":"text-header-3","mb-0.5 md:mb-1 dark:text-white text-greys-6"),children:data.title}),(0,jsx_runtime.jsx)(MouseFollower.Z,{title:t("mouseFollower.readMore"),cursorXSpring:cursorXSpring,cursorYSpring:cursorYSpring})]}):(0,jsx_runtime.jsx)(link_default(),{scroll:!1,href:linkUrl,rel:"noopener noreferrer",target:null===data.externalUrl?"_self":"_blank",children:(0,jsx_runtime.jsxs)("div",{className:"group cursor-pointer",children:[(0,jsx_runtime.jsx)("h1",{className:classnames_default()(highlighted?"text-header-1":"text-header-3","mb-0.5 md:mb-1 dark:text-white text-greys-6"),children:data.title}),(0,jsx_runtime.jsx)(MouseFollower.Z,{title:t("mouseFollower.readMore"),cursorXSpring:cursorXSpring,cursorYSpring:cursorYSpring})]})}),isWhitePaper(category)?(0,jsx_runtime.jsxs)("div",{className:"group cursor-pointer",onClick:handleClick,children:[(0,jsx_runtime.jsx)("p",{className:classnames_default()(highlighted?"line-clamp-7":"line-clamp-4","mb-1 text-body-m dark:text-greys-4 text-lights-3 md:mb-1.5 md:text-body-l"),children:data.excerpt}),(0,jsx_runtime.jsx)(MouseFollower.Z,{title:t("mouseFollower.readMore"),cursorXSpring:cursorXSpring,cursorYSpring:cursorYSpring})]}):(0,jsx_runtime.jsx)(link_default(),{scroll:!1,href:linkUrl,rel:"noopener noreferrer",target:null===data.externalUrl?"_self":"_blank",children:(0,jsx_runtime.jsxs)("div",{className:"group cursor-pointer",children:[(0,jsx_runtime.jsx)("p",{className:classnames_default()(highlighted?"line-clamp-7":"line-clamp-4","mb-1 text-body-m text-lights-3 dark:text-greys-5 md:mb-1.5 md:text-body-l"),children:data.excerpt}),(0,jsx_runtime.jsx)(MouseFollower.Z,{title:t("mouseFollower.readMore"),cursorXSpring:cursorXSpring,cursorYSpring:cursorYSpring})]})}),(0,jsx_runtime.jsxs)("div",{className:"flex flex-row items-center gap-1.5 text-label-s text-lights-3 dark:text-greys-4 md:text-label-m",children:[(0,jsx_runtime.jsx)("p",{children:data.author}),(0,jsx_runtime.jsx)("div",{className:"h-0.5 w-0.5 rounded-full bg-lights-5 dark:bg-greys-3"}),(0,jsx_runtime.jsx)("p",{children:(0,FormatDate.Z)(data.date,"short")})]})]})]}),(0,jsx_runtime.jsx)(ContentGatePopup.Z,{isOpen:openPopup,setIsOpen:setOpenPopup,slug:null!==(ref6=null==article?void 0:null===(ref3=article.attributes)||void 0===ref3?void 0:ref3.slug)&&void 0!==ref6?ref6:"",onOpen:onOpenPopup,articleId:null!==(ref7=null==article?void 0:article.i

1d)&&void 0!==ref7?ref7:"",onClose:onClosePopup,contentGateForm:contentGateForm,entityName:null!==(ref8=null==article?void 0:null===(ref4=article.attributes)||void 0===ref4?void 0:ref4.__typename)&&void 0!==ref8?ref8:""})]})};var SearchComponent=__webpack_require__(5894),NoSearchResults=__webpack_require__(7850),page_transition=__webpack_require__(4947),TopLeftGlowBlue=__webpack_require__(6037),TopRightGlow=__webpack_require__(5086);__webpack_require__(5020);var motion=__webpack_require__(9954),head=__webpack_require__(9008),head_default=__webpack_require__.n(head),useMediaQuery=__webpack_require__(3756),EnterAnim=__webpack_require__(5449),enterAnimVariants=__webpack_require__(8952),SocialTags=__webpack_require__(6829);let getGenericListingPage=(pageType,path)=>{let GenericListingPage=param=>{var ref,ref1,ref2,ref3,ref4,ref5,ref6,ref7,ref8;let{data}=param,animationKey=(0,react.useContext)(page_transition.o),{t}=(0,useTranslation.$)("translations"),isTablet=(0,useMediaQuery.Av)(),[inView,setInView]=(0,react.useState)(!1),[filterTag,setFilterTag]=(0,react.useState)(t("button.all")),[filterText,setFilterText]=(0,react.useState)(""),[shownArticles,setShownArticles]=(0,react.useState)({clicked:!1,number:8}),menu=null==data?void 0:null===(ref=data.menu)||void 0===ref?void 0:null===(ref1=ref.data)||void 0===ref1?void 0:ref1.attributes,naviextras=null==data?void 0:null===(ref2=data.globalNaviextra)||void 0===ref2?void 0:null===(ref3=ref2.data)||void 0===ref3?void 0:ref3.attributes,contentGateForm=null==data?void 0:null===(ref4=data.contentGateForm)||void 0===ref4?void 0:null===(ref5=ref4.data)||void 0===ref5?void 0:ref5.attributes;null==data||null===(ref6=data.contactForm)||void 0===ref6||null===(ref7=ref6.data)||void 0===ref7||ref7.attributes,(0,react.useEffect)(()=>{setFilterTag(t("button.all"))},[t]),(0,react.useEffect)(()=>{!1===shownArticles.clicked&&(isTablet?setShownArticles({clicked:!1,number:3}):setShownArticles({clicked:!1,number:8}))},[isTablet,shownArticles.clicked]);let allArticles=(0,react.useMemo)(()=>{var ref;return[...null!==(ref8=null===(ref=data[pageType])||void 0===ref?void 0:ref.data)&&void 0!==ref8?ref8:[]]},[data]),highlightedArticle=allArticles.filter(article=>{var ref;return null===(ref=article.attributes)||void 0===ref?void 0:ref.highlighted}),allTags=(0,react.useMemo)(()=>{let tags=["All"];return allArticles.map(article=>{var ref,ref1;return null===(ref=article.attributes)||void 0===ref?void 0:null===(ref1=ref.resource_tags)||void 0===ref1?void 0:ref1.data.map(tag=>{var ref;return tags.push(null===(ref=tag.attributes)||void 0===ref?void 0:ref.tag)})}),tags=tags.filter((element,index)=>tags.indexOf(element)===index)},[allArticles]),handleFilterTag=tag=>{{var rect;let filters=window.document.querySelector("#filters");((rect=filters.getBoundingClientRect()).bottom<0||rect.right<0||rect.left>window.innerWidth||rect.top>window.innerHeight)&&(null==filters||filters.scrollIntoView({behavior:"smooth"}))}setFilterTag(tag)},allFilteredArticles=(0,react.useMemo)(()=>allArticles.filter(article=>{if("All"===filterTag)return article;{var ref,ref1,ref2;let tags=[];if(null===(ref=article.attributes)||void 0===ref||null===(ref1=ref.resource_tags)||void 0===ref1||ref1.data.map(tag=>{var ref;return tags.push(null!==(ref2=null===(ref=tag.attributes)||void 0===ref?void 0:ref.tag)&&void 0!==ref2?ref2:"")}),tags.join(" ").toLowerCase().includes(filterTag.toLowerCase()))return article}}).filter(article=>{var ref,ref1,ref2;return""===filterText?article:[null===(ref=article.attributes)||void 0===ref?void 0:ref.title,null===(ref1=article.attributes)||void 0===ref1?void 0:ref1.excerpt,(0,FormatDate.Z)(null===(ref2=article.attributes)||void 0===ref2?void 0:ref2.date,"short")].join(" ").toLowerCase().includes(filterText.toLowerCase())}),[allArticles,filterTag,filterText]),allShownArticles=(0,react.useMemo)(()=>allFilteredArticles.filter((article,i)=>{if(i<shownArticles.number)return article}),[allFilteredArticles,shownArticles.number]),handleOnClickShowMore=()=>{setShownArticles({clicked:!0,number:isTablet?shownArticles.number+3:shownArticles.number+4})},handleResetFilters=()=>{setFilterTag(t("button.all")),setFilterText("")};return(0,jsx_runtime.jsxs)("div",{className:"relative overflow-hidden bg-white dark:bg-black",children:[(0,jsx_runtime.jsxs)(head_default(),{children:[(0,jsx_runtime.jsx)("title",{children:t("listingCategory.".concat(pageType,".title"))}),(0,jsx_runtime.jsx)(SocialTags.Z,{title:t("listingCategory.".concat(pageType,".title")),description:t("listingCategory.".concat(pageType,".subTitle")),type:"article"})]}),(0,jsx_runtime.jsx)(TopLeftGlowBlue.Z,{className:"absolute left-12.5-clamp-negative top-0 z-10"}),(0,jsx_runtime.jsx)(TopRightGlow.Z,{className:"absolute right-0 top-37.5-clamp-negative z-10"}),(0,jsx_runtime.jsx)(layout.Z,{menu:menu,naviextras:naviextras,children:(0,jsx_runtime.jsx)(Container.Z,{className:"border border-transparent bg-grid-mobile-top-corners bg-w-full bg-no-repeat pb-4 md:pb-10 tablet:bg-grid-desktop-top-corners",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("div",{className:"",children:[(0,jsx_runtime.jsxs)("div",{className:"mx-auto mt-8 mb-5 flex flex-col items-center md:mt-17.5 md:mb-15",children:[(0,jsx_runtime.jsx)("h4",{className:"overflow-hidden text-header-4 text-greys-4",children:(0,jsx_runtime.jsx)(EnterAnim.Z,{variant:"smallHeader",content:t("listingCategory.".concat(pageType,".subTitle"))},"".concat(animationKey))}),(0,jsx_runtime.jsx)("h1",{className:"mt-1 overflow-hidden text-header-1",children:(0,jsx_runtime.jsx)(EnterAnim.Z,{variant:"header",content:t("listingCategory.".concat(pageType,".title")),classes:"dark:bg-gradient-page-title-fill bg-gradient-page-title-fill-light bg-clip-text text-transparent"},"".concat(animationKey))})]}),(0,jsx_runtime.jsx)(motion.E.div,{initial:enterAnimVariants.pF,animate:enterAnimVariants.HH,children:(0,jsx_runtime.jsx)(ListingContentCard,{article:highlightedArticle[0],highlighted:!0,handleFilterTag:handleFilterTag,category:path,contentGateForm:contentGateForm})})]}),(0,jsx_runtime.jsxs)("div",{id:"filters",className:"mb-3 pt-4 md:pt-10",children:[(0,jsx_runtime.jsx)("h3",{className:"mb-3 text-header-3 text-greys-6 dark:text-white",children:t("listingCategory.".concat(pageType,".filterTitle"))}),(0,jsx_runtime.jsxs)("div",{className:"flex flex-col-reverse justify-between gap-2 md:flex-row md:gap-4",children:[(0,jsx_runtime.jsx)(CategoriesSwiper.Z,{tags:allTags,filterTag:filterTag,handleFilterTag:handleFilterTag}),(0,jsx_runtime.jsx)(SearchComponent.Z,{onSearch:setFilterText,filterText:filterText})]})]}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(allShownArticles.length<1?"mt-7.5 mb-4.5 block tablet:mt-9 tablet:mb-5":"hidden"),children:(0,jsx_runtime.jsx)(NoSearchResults.Z,{onClick:handleResetFilters})}),(0,jsx_runtime.jsx)(motion.E.div,{onViewportEnter:()=>setInView(!0),className:classnames_default()(allShownArticles.length<1?"hidden":"block","grid w-full grid-cols-1 gap-x-4 gap-y-5 md:grid-cols-2 md:gap-y-8"),children:allShownArticles.map((article,i)=>(0,jsx_runtime.jsx)(motion.E.div,{initial:enterAnimVariants.pF,animate:inView&&(0,enterAnimVariants.Cn)(i),className:"",children:(0,jsx_runtime.jsx)(ListingContentCard,{article:article,handleFilterTag:handleFilterTag,category:path,contentGateForm:contentGateForm})},i))}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(allFilteredArticles.length<1?"hidden":"block",allFilteredArticles.length<=shownArticles.number?"hidden":"block","mt-5 flex justify-center md:mt-8"),children:(0,jsx_runtime.jsx)(Button.Z,{variant:"secondary",text:t("button.showMore"),size:"normal",onClick:()=>handleOnClickShowMore(),className:"w-full md:w-auto"})})]})})})]})};return GenericListingPage}},5020:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),_apollo_client__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(7283),_ApolloClient__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(8033);

1function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n        ","\n      "]);return _templateObject=function(){return data},data}let queryGraphql=async function(query){let variables=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.keys(variables).includes("debug")&&console.log(query,variables);try{let{data}=await _ApolloClient__WEBPACK_IMPORTED_MODULE_1__.Z.query({fetchPolicy:"network-only",query:(0,_apollo_client__WEBPACK_IMPORTED_MODULE_2__.Ps)(_templateObject(),query),variables});return{props:{data,revalidate:60}}}catch(e){return{props:{data:{},revalidate:0}}}};__webpack_exports__.Z=queryGraphql}}]);