https://www.linode.com/etc.clientlibs/linode/clientlibs/clientlib-…/static/js/blog-filtercl.0abda9c7.chunk.js

1"use strict";(self.webpackChunkui_frontend_react=self.webpackChunkui_frontend_react||[]).push([[995],{1713:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});const l={}},3611:(e,t,a)=>{a.d(t,{A:()=>n});var l=a(5043);const n=e=>{(0,l.useMemo)(()=>{window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer.push({event:"reactComponentRendered",component:{info:{componentName:e}}})})}},6760:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});const l={}},7899:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var l=a(7051),n=a(5043),s=a(6749),i=a(9050),r=a(7190),o=a(5168),c=a(3611),d=a(9341),h=a(761),u=a(579);a(6760),a(1713);const m=e=>{let{bylabel:t="by",andlabel:a="and",blogfilterEndpoint:m="/site/en/blog.blogsdata.json",includeLatest:p,latestLabel:g="Latest",defaultFilter:x,authorLabel:b="Author",categoryLabel:j="Categories",hero:_,title:f,featuredPost:v,linkText:y="Read blog",perPage:w=9,descriptionLength:k=160,filterLabel:N,clearFilterLabel:L,loadMoreLabel:A,emptyMessage:T,blogIndexPath:F,heroTitle:S,heroTitleFallback:C,heroDefaultTitle:P,blogSelectedAuthor:E,followAuthor:B,blogAuthor:D,onlychildfilter:I,turnOffThumbnails:U=!1}=e;const[M,R]=n.useState(!0),[z,O]=n.useState(null),[Z,q]=n.useState(null),[G,H]=n.useState(null),J={id:"latest",type:"latest",title:g},K={id:"author",type:"author",title:b},Q={id:"category",type:"category",title:j},[V,W]=n.useState(),[X,Y]=n.useState([]),[$,ee]=n.useState([]),[te,ae]=n.useState(x||J),[le,ne]=n.useState(!!E);n.useEffect(()=>{(async()=>{try{i.A.get(m).then(e=>{if(e.data&&e.data.posts)if(I){let t=e.data.posts.filter(e=>e.path.indexOf(window.location.pathname.indexOf(".")>-1?window.location.pathname.split(".")[0]:window.location.pathname)>-1).sort((e,t)=>t.publishTime-e.publishTime);W(t)}else{let t=e.data.posts.sort((e,t)=>t.publishTime-e.publishTime);W(t)}e.data&&e.data.tagFilters&&O(e.data.tagFilters),e.data&&e.data.authors&&q(e.data.authors),e.data&&e.data.categories&&H(e.data.categories)})}catch(e){console.debug("Blog Filter Data Fetch Failed")}finally{R(!1)}})()},[]),n.useEffect(()=>{if(Boolean(null===Z||void 0===Z?void 0:Z.length)){const e=new URLSearchParams(document.location.search).get("author");if(e){const t=Z.find(t=>t.id===e);t&&ae(t)}}},[Z]);const se=()=>{const e=new URLSearchParams(document.location.search);e.has("author")&&e.delete("author"),e.has("filter")&&e.delete("filter");const t=window.location.protocol+"//"+window.location.host+window.location.pathname+(document.location.search.length>0?"?"+e:"")+(window.location.hash?window.location.hash:"");window.history.pushState({path:t},"",t)};n.useEffect(()=>{let e=[];p&&e.push(J),G&&e.push((0,l.A)((0,l.A)({},Q),{},{children:G})),z&&e.push(...z),Z&&e.push((0,l.A)((0,l.A)({},K),{},{children:Z})),ee(e)},[Z,G,p,z]),n.useEffect(()=>{if(V){let e=V;te&&(e=((e,t,a)=>{switch(t){case"tag":return e.filter(e=>{var t;return null===(t=e.tagIds)||void 0===t?void 0:t.includes(a)});case"author":return e.filter(e=>!!(null!==e&&void 0!==e&&e.authors&&e.authors.length>0)&&e.authors.find(e=>(null===e||void 0===e?void 0:e.id)===a));case"category":return e.filter(e=>{var t;return(null===(t=e.category)||void 0===t?void 0:t.id)===a});default:return se(),e}})(V,te.type,te.id),"author"===te.type?ne(!0):ne(!1)),Y(e)}},[V,te,x,le]);const ie=e=>{if(!e)return"";return new Date(e).toLocaleString("en-US",{year:"numeric",month:"short",day:"numeric"})},re=e=>{let{category:t,image:l,imageAlt:n,title:s,description:i,authors:r,url:o,publishTime:c,pageLevelLabel:h}=e;i&&i.length>k&&"".concat(i.slice(0,k),"..."),te&&te.type&&("tag"===te.type||te.type);return(0,u.jsx)(d.Z,{title:s,category:t,description:i,descriptionLength:165,image:l,imageAlt:n,linkText:h||y,linkedTitle:!0,blogIndexPath:F,ctaLink:o,authors:r,hideImage:U,andlabel:a,publishTime:ie(c)})},oe=e=>{let{image:t,imageAlt:a,linkList:l,description:n,name:s}=e;const i=l.length;return(0,u.jsx)("div",{class:"blog-filter-author-bio",children:(0,u.jsx)("div",{class:"wrapper col-span-12",children:(0,u.jsx)("div",{class:"cmp-blog-author-bio",children:(0,u.jsxs)("div",{class:"blog--author--section",children:[(0,u.jsxs)("div",{className:"blog-author-details",children:[(0,u.jsx)("div",{class:"blog-author-author-image",children:t&&(0,u.jsx)(o.LazyLoadImage,{width:"100%",height:"auto",alt:a||s,src:t})}),(0,u.jsx)("div",{className:"blog-author-author-name",children:s&&(0,u.jsx)("h2",{class:"blog-author__name",children:s})})]}),(0,u.jsxs)("div",{class:"blog-author-author-description",children:[n&&(0,u.jsx)("p",{children:(0,h.Ay)(n)}),!!i&&(0,u.jsxs)("div",{"data-linklist":i,class:"blog--author--social--section",children:[(0,u.jsx)(u.Fragment,{children:B&&s&&(0,u.jsxs)("h4",{children:[B," ",s]})}),(0,u.jsx)("ul",{class:"blog-follow-list",children:l.map((e,t)=>(0,u.jsx)(u.Fragment,{children:e.linkTitle&&""!==e.linkTitle&&(0,u.jsxs)("li",{children:[e.linkLabel,"  ",(0,u.jsx)("a",{href:e.linkUrl,"data-analytics-link":"Blog Post | Follow Author | "+e.linkTitle+" | "+e.linkUrl,children:e.linkTitle})]},t)}))})]})]})]})})})})};return E&&(D=E.authorBio&&E.authorBio.name?E.authorBio.name:""),(0,c.A)("BlogFilter"),(0,u.jsxs)("div",{className:"blogfilter",children:[M&&(0,u.jsx)(r.A,{}),!M&&(0,u.jsx)(s.A.FilterItemsCL,{title:f,filterLabel:N,emptyMessage:T,filters:$,authorName:D,showClear:"latest"!==(null===te||void 0===te?void 0:te.type),blogSelectedAuthor:le&&(0,u.jsx)(oe,(0,l.A)({},E.authorBio)),clearFilterLabel:L,onClear:()=>{ae(J)},onFilter:e=>{switch(e.type){case"latest":return window.location.href=F;case"category":return window.location.href=e.url;case"author":return window.location.href="".concat(F,"?author=").concat(e.id);case"tag":const t=e.id.replace("akamai:","").replace(/\s+/g,"%C2%A0").replace("&","%26").replace(":","%3A");return window.location.href="".concat(F,"?filter=").concat(t);default:ae(e)}},activeFilter:te,items:X,itemComponent:(e,t)=>

1(0,u.jsx)(re,(0,l.A)({},e),"blog-post-".concat(t)),perPage:w,loadMoreLabel:A,isBlogFilter:!0})]})}},9341:(e,t,a)=>{a.d(t,{Z:()=>i});a(5043);var l=a(761),n=a(579);const s=e=>{let{buttons:t,linkText:a,ctaLink:l,isCtaExternal:s,linkText2:i,ctaLink2:r,isCtaExternal2:o}=e;return(0,n.jsxs)("div",{className:"cmp-card__cta-container",children:[t&&t.length>0&&t.map((e,t)=>(0,n.jsx)("div",{className:"cmp-card__card",children:(0,n.jsx)("div",{className:0===t?"button-primary button":"button-secondary button",children:(0,n.jsx)("a",{className:"cmp-button ".concat(0===t?"primary-button":"secondary-button"," iconPos__left"),href:e.url,target:"_self","data-component":"button",role:"button","aria-label":e.label,children:(0,n.jsx)("span",{className:"cmp-button__text",children:e.label})})})},t)),(0,n.jsxs)("div",{className:"cmp-card__card",children:[a&&l&&(0,n.jsx)("div",{className:"button-primary button",children:(0,n.jsxs)("a",{className:"cmp-button secondary-button iconPos__right  iconPicked",href:l,target:s?"_blank":"_self","data-component":"button",role:"button","aria-label":a,children:[(0,n.jsx)("span",{className:"cmp-button__text",children:a}),s&&(0,n.jsx)("span",{className:"cmp-button__icon cmp-button__icon--icon-external-link icon-external-link"})]})}),r&&i&&(0,n.jsx)("div",{className:"button-primary button",children:(0,n.jsxs)("a",{className:"cmp-button secondary-button iconPos__right  iconPicked",href:r,target:o?"_blank":"_self","data-component":"button",role:"button","aria-label":i,children:[(0,n.jsx)("span",{className:"cmp-button__text",children:i}),o&&(0,n.jsx)("span",{className:"cmp-button__icon cmp-button__icon--icon-external-link icon-external-link"})]})})]})]})},i=e=>{const{title:t,label:a,description:i,descriptionLength:r,image:o,imageAlt:c,linkText:d,ctaLink:h,isCtaExternal:u,ctaLink2:m,linkText2:p,isCtaExternal2:g,eventDisplayDate:x,eventLocation:b,hideImage:j=!1,category:_,blogIndexPath:f,linkedTitle:v,authors:y,publishTime:w,buttons:k=[]}=e,N=i&&i.length>r?"".concat(i.slice(0,r),"..."):i;return(0,n.jsx)("div",{className:"card teaser main-card",children:(0,n.jsxs)("div",{className:"cmp-teaser ".concat(o?"image":"none"),"data-component":"main-card",children:[!j&&o&&(0,n.jsx)("div",{className:"cmp-teaser__image",children:(0,n.jsx)("div",{className:"cmp-image__wrapper",children:(0,n.jsx)("div",{"data-cmp-lazy":!0,"data-title":t,className:"cmp-image",children:(0,n.jsx)("img",{src:o,loading:"lazy",className:"cmp-image__image",itemprop:"contentUrl","data-cmp-hook-image":"image",alt:c})})})}),(0,n.jsx)("div",{className:"cmp-teaser__content",children:(0,n.jsxs)("div",{className:"cmp-card__content",children:[(0,n.jsxs)("div",{className:"cmp-card__text",children:[(a||_)&&(0,n.jsxs)("div",{className:"tag_wrapper",children:[a&&(0,n.jsx)("div",{className:"resource-card__tag tag-label",children:a}),_&&(0,n.jsx)("div",{className:"resource-card__tag",children:(0,n.jsx)("a",{href:_.url,children:(0,n.jsx)("span",{className:"tag-label",children:_.title})})})]}),t&&(0,n.jsx)("h3",{className:"cmp-teaser__title",title:t,children:(0,n.jsx)("span",{className:"cmp-teaser__title-link",children:t})}),w&&(0,n.jsxs)("div",{className:"cmp-blog-pubtime",children:[(0,n.jsx)("span",{className:"date",children:w}),(0,n.jsx)("div",{children:y&&y.length>0&&(0,n.jsx)("div",{className:"post__author",children:y.map((e,t)=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{children:y.length>1&&(0,n.jsxs)(n.Fragment,{children:[2===y.length&&(0,n.jsx)(n.Fragment,{children:t===y.length-1?", ":(0,n.jsx)(n.Fragment,{children:t>0?", ":""})}),y.length>2&&(0,n.jsx)(n.Fragment,{children:t===y.length-1?", ":(0,n.jsx)(n.Fragment,{children:t>0?", ":""})})]})}),(0,n.jsx)("a",{href:f+"?author="+e.id,"data-analytics-link":"Blog Post | Author | "+e.name+" | "+f+"?author="+e.id,children:e.name})]}))})})]}),x&&b&&(0,n.jsxs)("div",{className:"cmp-teaser__event-details",children:[(0,n.jsx)("span",{className:"cmp-teaser__event-date",children:x}),(0,n.jsx)("div",{className:"cmp-teaser__event-separator"}),(0,n.jsx)("span",{className:"cmp-teaser__event-location",children:b})]}),N&&(0,n.jsx)("div",{className:"cmp-teaser__description",children:(0,n.jsx)("p",{children:(0,l.Ay)(N)})})]}),(0,n.jsx)(s,{buttons:k,linkText:d,ctaLink:h,isCtaExternal:u,linkText2:p,ctaLink2:m,isCtaExternal2:g})]})})]})})}}}]);
2//# sourceMappingURL=blog-filtercl.0abda9c7.chunk.js.map