(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[710],{13991:function(e,t,o){"use strict";o.r(t),o.d(t,{__N_SSP:function(){return w},default:function(){return k}});var a=o(68472),r=o.n(a),i=o(67294),l=o(27361),s=o.n(l),n=o(45697),c=o.n(n),d=o(65370),p=o(93926);const u=e=>{const{index:t,active:o,title:a}=e;return i.createElement("button",{type:"button",onClick:t=>{e.onClick(t)},key:t,className:"jsx-3047194493 "+((o?"chip badge-pill active-badge":"chip badge-pill inactive-badge")||"")},a,i.createElement(r(),{id:"3047194493"},[".chip.jsx-3047194493{-webkit-align-items:center;align-items:center;color:var(--color-black);font-size:14px;margin:5px 4px;padding:2px 12px;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);border-left:1px solid var(--color-gray);}",".chip.inactive-badge.jsx-3047194493{cursor:not-allowed;pointer-events:none;opacity:0.5;filter:alpha(opacity=50);}",".chip.active-badge.jsx-3047194493{cursor:pointer;opacity:1;filter:alpha(opacity=100);}",".chip.active-badge.jsx-3047194493:hover{border-color:var(--color-elastic-blue);color:var(--color-elastic-blue);}",".chip.active-badge.jsx-3047194493:focus{border-color:var(--color-light-blue);color:var(--color-light-blue);outline:0px none;}",".chip.selected-badge.jsx-3047194493{background-color:var(--color-blurple);border-color:var(--color-blurple);color:var(--color-white);}",".chip.selected-badge.jsx-3047194493 .selected-badge-icon.jsx-3047194493{background-color:var(--color-white);display:block;height:14px;margin-left:-5px;margin-right:8px;position:relative;width:14px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}",'.chip.selected-badge.jsx-3047194493 .selected-badge-icon.jsx-3047194493:before{content:"";height:9px;left:4px;position:absolute;top:1px;width:5px;border-right:2px solid var(--color-dark-teal);border-bottom:2px solid var(--color-dark-teal);border-top:0px none;border-left:0px none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}',".chip.selected-badge.jsx-3047194493:hover{background-color:var(--color-dark-orange);border-color:var(--color-dark-orange);color:var(--color-white);}",".chip.selected-badge.jsx-3047194493:hover .selected-badge-icon.jsx-3047194493:before{left:3px;top:1px;border-right-color:var(--color-dark-orange);border-bottom:0px none;}",'.chip.selected-badge.jsx-3047194493:hover .selected-badge-icon.jsx-3047194493:after{content:"";height:9px;left:5px;position:absolute;top:1px;width:5px;border-left:2px solid var(--color-dark-orange);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}']))};var g=u;u.propTypes={title:c().string,active:c().bool,onClick:c().func,index:c().number};var m=o(80792),x=o(70875),b=o(17198);const{generateKey:h,getTitle:f,getImageUrl:v}=p,y=o(96486);c().integrations={entry:c().object,url:c().object,integrationSolution:c().object,integrationCategory:c().object,integrationDetail:c().object};var w=!0,k=e=>{let{entry:t,url:o,integrationSolution:a,integrationCategory:l,integrationDetail:n,queryParams:c,translateContentRedesign:p}=e;t=t&&t[0]&&t[0][0];const u=t?.url,w=f(p,"All Solutions");l[0]=l&&l[0].sort(((e,t)=>e.title_l10n.localeCompare(t.title_l10n)));const k=[],j=[],N=[];(a&&a[0]).map((e=>{k.push({uid:e.uid,title:e.title,active:!1,id:e.keyword})})),k.unshift({uid:"",title:w,active:!0,id:"all-solutions"}),(l&&l[0]).map((e=>{j.push({uid:e.uid,title:e.title_l10n,solution:e.solution,active:!0})})),(n&&n[0]).map((e=>{e.active=!0,N.push(e)})),N.sort(((e,t)=>{const o=e.title.toLowerCase(),a=t.title.toLowerCase();return o<a?-1:o>a?1:0}));const[S,E]=(0,i.useState)(JSON.stringify({title:w,uid:"",id:"all-solutions"})),[_,C]=(0,i.useState)(JSON.stringify({title:"All",uid:""})),[L,O]=(0,i.useState)(k),[z,J]=(0,i.useState)(j),[D,A]=(0,i.useState)(N),[P,q]=(0,i.useState)(!1),[I,B]=(0,i.useState)(""),$=e=>e.split("-").join(" ").toLowerCase().replace(/(?:^|\/|\s)[a-z]/g,(e=>e.toUpperCase())),T=e=>e.toLowerCase().replace(/(?:^|\s)[a-z]/g,(e=>e.toLowerCase())).split(" ").join("-"),U={aws:["aws","amazon"],azure:["azure","microsoft"],gcp:["gcp","google"],waf:["waf","web application firewall"],stack:["stack","stackdriver"],"web application firewall":["waf","web application firewall"]},Z=e=>{let t="";const o=y.cloneDeep(N),a=e.target.value.toLowerCase();(()=>{const e=document.querySelectorAll(".badge-pill");for(let t=0;t<e.length;t++)e[t].classList.remove("selected-badge")})();const r=new d.Z({fields:["title_l10n","paragraph_l10n"],storeFields:["uid","title_l10n","paragraph_l10n"],searchOptions:{fuzzy:.5,processTerm:e=>(e=e.toLowerCase(),U[e]||e)}}),i=o.map((e=>({id:e.uid,...e})));r.addAll(i);const l=r.search(a),s=r.autoSuggest(a,{fuzzy:.2});let n;document.getElementById("search-btn").value=e.target.value,s.length>0?(s.sort(((e,t)=>t.score-e.score)),n=s[0],console.log("topSuggestion:",n.suggestion,n.score),document&&document.cookie.includes("autocomplete=true")&&B(n.suggestion)):B("");const c=(p=l,o.map((e=>{const t=p.find((t=>t.uid===e.uid));let o={score:0,active:!1,...e};return t&&t.score>0&&(o.score=t.score,o.active=!0),o})));var p;c.map((e=>{0===e.score&&(e.active=!1)})),c.sort(((e,t)=>t.score-e.score)),t=`?search=${a}`,window.history.pushState({path:t},"",t),A(c),C(JSON.stringify({uid:"",title:e.target.value})),E(JSON.stringify({title:w,uid:""})),q(!0)},K=e=>{e.preventDefault(),window.location.reload()};let R;return(0,i.useEffect)((()=>{window.onpopstate=K,document.getElementById("search-btn").addEventListener("keyup",(e=>{"Enter"===e.key&&window.location.reload()}));const{search:e}=c,t=o.asPath.split("?")[1],a=new URLSearchParams(t),r=a.get("category"),i=a.get("solution");if(e){Z({target:{value:e}})}if(i||r){const e=y.cloneDeep(N),t=y.cloneDeep(k),o=y.cloneDeep(j),a=i?$(i):"";let l=r?$(r):"";const s=[],n=[],c=[];if(a&&l){const r=[];let i="",n="";t.map((e=>{e.title.toLowerCase()===a.toLowerCase()?(e.active=!0,c.push(e),n=e.uid):(e.active=!1,c.push(e))})),o.map((e=>{let t=!0;e.solution.map((o=>{a.toLowerCase()===o.title.toLowerCase()&&(s.push(e),t=!1)})),t&&(e.active=!1,a===w&&(e.active=!0),s.push(e))})),e.map((e=>{let t=!1,o=!1;e.solution.map((e=>{a.toLowerCase()!==e.title.toLowerCase()&&a!==w||(n=e.uid,t=!0)})),e.category.map((e=>{"Os "===l&&(l="OS & System"),l.toLowerCase()===e.title.toLowerCase()&&(i=e.uid,o=!0)})),t&&o?(e.active=!0,r.push(e)):(e.active=!1,r.push(e))})),r.sort(((e,t)=>t.active-e.active)),O(c),J(s),A(r),C(JSON.stringify({uid:i,title:l})),E(JSON.stringify({uid:n,title:a})),q(!0);const d=document.querySelectorAll(".badge-pill");for(let e=0;e<d.length;e++)d[e].textContent.toLowerCase()===l.toLowerCase()&&d[e].classList.add("selected-badge")}else{let r="";a!==w?(t.map((e=>{e.title.toLowerCase()===a.toLowerCase()?(e.active=!0,c.push(e),r=e.uid):(e.active=!1,c.push(e))})),o.map((e=>{let t=!0;e.solution.map((o=>{a.toLowerCase()===o.title.toLowerCase()&&(s.push(e),t=!1)})),t&&(e.active=!1,s.push(e))})),e.map((e=>{let t=!0;e.solution.map((o=>{a.toLowerCase()===o.title.toLowerCase()&&(n.push(e),t=!1)})),t&&(e.active=!1,n.push(e))})),n.sort(((e,t)=>t.active-e.active)),O(c),J(s),A(n),E(JSON.stringify({title:a,uid:r})),C(JSON.stringify({title:"All",uid:""})),q(!1)):(O(t),J(o),A(e),E(JSON.stringify({title:w,uid:"",id:"all-solutions"})),C(JSON.stringify({title:"All",uid:""})),q(!1))}}}),[]),t?.hero&&t?.hero?.[0]&&(R={seo_title_l10n:t?.seo?.seo_title_l10n||t?.hero?.[0]?.title_l10n,seo_description_l10n:t?.seo?.seo_paragraph_l10n||t?.hero?.[0]?.paragraph_l10n}),i.createElement("div",{className:"jsx-2997778817"},i.createElement(x.Z,{seo:R,entry:t}),t.hero&&t.hero[0]?i.createElement(m.Z,{data:s()(t,"hero[0]"),locale:o?.query?.locale,entryLocale:t?.locale}):"",i.createElement("div",{className:"jsx-2997778817 container mt-6"},i.createElement("form",{action:"#",className:"jsx-2997778817 search-form mx-auto"},i.createElement("div",{className:"jsx-2997778817 search-input"},i.createElement("img",{src:v("https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt4942357daf9b0c58/5ec530543a450a58554b64d2/icon-magnifying-glass-24-blue.svg"),alt:"icon-magnifying-glass",className:"jsx-2997778817"}),i.createElement("p",{className:"jsx-2997778817 auto-suggest"},I),i.createElement("input",{id:"search-btn",onChange:e=>Z(e),onKeyPress:e=>(e=>{"Enter"===e.key&&e.preventDefault()})(e),type:"text",placeholder:f(p,"Search Integrations"),"aria-label":"Search",className:"jsx-2997778817 form-control"}))),L&&L.length?i.createElement("div",{className:"jsx-2997778817 mt-6 text-center"},i.createElement("ul",{className:"jsx-2997778817 integration-solutions-list"},L.map(((e,t)=>i.createElement("li",{"aria-hidden":"true",onClick:()=>{(e=>{document.getElementById("search-btn").value="";const t=[],o=[],a=[],r=y.cloneDeep(k),i=y.cloneDeep(j),l=y.cloneDeep(N),s=`?solution=${e.id}`;window.history.pushState({path:s},"",s);const n=document.querySelectorAll(".badge-pill");for(let c=0;c<n.length;c++)n[c].classList.remove("selected-badge");""!==e.uid?(r.map((t=>{t.uid===e.uid?(t.active=!0,a.push(t)):(t.active=!1,a.push(t))})),i.map((o=>{let a=!0;o.solution.map((r=>{e.uid===r.uid&&(t.push(o),a=!1)})),a&&(o.active=!1,t.push(o))})),l.map((t=>{let a=!0;t.solution.map((r=>{e.uid===r.uid&&(o.push(t),a=!1)})),a&&(t.active=!1,o.push(t))})),o.sort(((e,t)=>t.active-e.active)),O(a),J(t),A(o),E(JSON.stringify(e)),C(JSON.stringify({title:"All",uid:""})),q(!1)):(O(r),J(i),A(l),E(JSON.stringify({title:w,uid:"",id:"all-solutions"})),C(JSON.stringify({title:"All",uid:""})),q(!1))})({title:e.title,uid:e.uid,id:e.id})},key:h("solution",t),id:e.id,className:"jsx-2997778817 "+((e.active?"active-tab":"")||"")},e.title))))):"",z&&z.length&&i.createElement("div",{className:"jsx-2997778817 mt-6 text-center category-section"},i.createElement("div",{className:"jsx-2997778817 category-list"},z.map(((e,t)=>e.title&&i.createElement(g,{key:h("tag",t),onClick:()=>{(e=>{document.getElementById("search-btn").value="";const t=JSON.parse(S),o=t.uid,a=e.uid,r=[],i=y.cloneDeep(N),l=JSON.parse(_).uid,s=`?solution=${T(t.title)}&category=${T(e.title)}`;window.history.pushState({path:s},"",s);const n=document.querySelectorAll(".badge-pill");for(let c=0;c<n.length;c++)n[c].classList.remove("selected-badge");if(l===a){const e=`?solution=${T(t.title)}`;window.history.pushState({path:e},"",e),i.map((e=>{let t=!1;e.solution.map((e=>{o!==e.uid&&""!==o||(t=!0)})),t&&(e.active=!0,r.push(e))})),r.sort(((e,t)=>t.active-e.active)),A(r),C(JSON.stringify({uid:"",title:"All"})),q(!1)}else{const t=document.querySelectorAll(".badge-pill");for(let o=0;o<t.length;o++)t[o].textContent.toLowerCase()===e.title.toLowerCase()&&t[o].classList.add("selected-badge");i.map((e=>{let t=!1,i=!1;e.solution.map((e=>{o!==e.uid&&""!==o||(t=!0)})),e.category.map((e=>{a===e.uid&&(i=!0)})),t&&i?(e.active=!0,r.push(e)):(e.active=!1,r.push(e))})),r.sort(((e,t)=>t.active-e.active)),A(r),C(JSON.stringify(e)),q(!0)}})({title:e.title,uid:e.uid})},title:e.title,active:e.active,index:!0}))))),i.createElement("div",{className:"jsx-2997778817 mt-9 mb-6"},i.createElement("div",{className:"jsx-2997778817 d-flex justify-content-between filter-heading"},P&&i.createElement("div",{className:"jsx-2997778817"},t.category_label_l10n,i.createElement("strong",{className:"jsx-2997778817"},` "${JSON.parse(_).title}"`," ")," ",t.solutions_label_l10n,i.createElement("strong",{className:"jsx-2997778817"},` ${JSON.parse(S).title}`," ")),P?i.createElement("button",{type:"button",onClick:()=>{const e=void 0!==o.asPath?o.asPath:u;window.history.pushState({},"",e),document.getElementById("search-btn").value="";const t=y.cloneDeep(k),a=y.cloneDeep(j),r=y.cloneDeep(N),i=document.querySelectorAll(".badge-pill");for(let o=0;o<i.length;o++)i[o].classList.remove("selected-badge");O(t),J(a),A(r),E(S),q(!1)},className:"jsx-2997778817 clear-filter"},t.clear_all_filters_l10n):""),i.createElement("div",{className:"jsx-2997778817 row"},D&&D.map(((e,t)=>i.createElement("div",{key:h("block",t),className:"jsx-2997778817 col-12 col-md-4 text-center details-card"},i.createElement("div",{className:"jsx-2997778817 "+((e.active?"details-box-wrapper active-card":"details-box-wrapper inactive-card")||"")},i.createElement("div",{className:"jsx-2997778817 details-box-inside"},i.createElement("img",{src:e.image?v(e.image.url):"",alt:"",className:"jsx-2997778817 img-fluid"}),e.title_l10n?i.createElement("div",{className:"jsx-2997778817 mt-2"},i.createElement(b.default,{tag:"H6",children:e.title_l10n})):""),e.integration_types&&e.integration_types.length>0?i.createElement("ul",{className:"jsx-2997778817 types-wrapper d-flex justify-content-center py-3 px-6 bg-light-gray"},e.integration_types.map(((e,t)=>i.createElement("li",{key:h("type",t),className:"jsx-2997778817 px-2"},i.createElement("a",{href:e.url,className:"jsx-2997778817"},e.cta_title_l10n))))):""))))))),i.createElement(r(),{id:"2997778817"},[".search-form{justify-content:space-between;width:750px;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}",".search-form .search-input{padding:10px 16px;width:100%;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);border-left:1px solid var(--color-gray);display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}",".search-form .search-input input[type=text]{padding:0 16px;width:100%;border-top:0px none;border-right:0px none;border-bottom:0px none;border-left:0px none;}",".search-form .search-input input[type=text]:focus{outline:0px none;}",".search-form .search-input .auto-suggest{z-index:9999;position:absolute;padding-left:40px;margin-top:-1px;color:var(--color-elastic-blue);opacity:0.5;text-shadow:0 0 2px var(--color-elastic-blue);}",".integration-solutions-list{display:inline-flex;justify-content:center;border-bottom:1px solid var(--color-gray);}",".integration-solutions-list li{cursor:pointer;color:var(--carousel-tab-color);font-size:16px;line-height:24px;font-weight:400;padding:9px 0;margin:0 12px;font-family:'MierB','Inter',Arial,sans-serif;}","@media (min-width:576px){.integration-solutions-list li:hover,.integration-solutions-list li.active-tab{border-bottom:4px solid var(--carousel-tab-hover-border-color);}}",".category-list{flex-wrap:wrap;justify-content:center;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}",".category-list .chip.active-badge:focus{border-color:var(--color-gray);color:var(--color-black);outline:0px none;}",".category-list .chip.selected-badge:focus{border-color:var(--color-blurple);color:var(--color-white);outline:0px none;}",".filter-heading{margin-bottom:0px;}",".clear-filter{background:none;border:0px none;color:#DB573E;cursor:pointer;outline:0px none;text-decoration:underline;}",".details-card{flex-direction:column;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}",".details-card .details-box-wrapper{flex-direction:column;flex:1 0 auto;margin-bottom:32px;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);border-left:1px solid var(--color-gray);display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}",".details-card .details-box-wrapper.inactive-card{opacity:0.3;filter:alpha(opacity=30);}",".details-card .details-box-wrapper.active-card{opacity:1;filter:alpha(opacity=100);}",".details-card .details-box-wrapper .details-box-inside{margin-bottom:18px;padding:32px 32px 0px 32px;flex:0 0 148px;}",".details-card .details-box-wrapper img{display:block;height:54px;margin:0 auto;max-height:54px;}",".details-card .details-box-wrapper h5{padding-bottom:0px;}","@media screen and (min-width:768px) and (max-width:991px){.details-card .details-box-wrapper .details-box-inside{flex:0 0 174px;}}","@media screen and (max-width:767px){.details-card .details-box-wrapper{margin:0px auto 32px;width:300px;}.details-card .details-box-wrapper .details-box-inside{flex:0;padding:16px 16px 0px 16px;}.filter-heading{margin-bottom:8px;}.search-form{width:100%;margin-bottom:8px;}}",'@media screen and (max-width:575px){.integration-solutions-list{display:block;text-align:left;border-bottom:0px none;}.integration-solutions-list li{margin-bottom:10px;padding:0px 32px 0px;position:relative;}.integration-solutions-list li:before{bottom:0px;content:"";height:20px;left:0px;margin:auto;position:absolute;top:0px;width:20px;border-top:1px solid var(--color-darker-gray);border-right:1px solid var(--color-darker-gray);border-bottom:1px solid var(--color-darker-gray);border-left:1px solid var(--color-darker-gray);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}.integration-solutions-list li.active-tab{border-bottom:0px none;}.integration-solutions-list li.active-tab:before{border-color:var(--color-elastic-blue);}.integration-solutions-list li.active-tab:after{background-color:var(--color-elastic-blue);bottom:0px;content:"";height:12px;left:4px;margin:auto;position:absolute;top:0px;width:12px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}.filter-heading{display:block !important;text-align:center;}.category-list{justify-content:unset;}}']))}},78568:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/integrations",function(){return o(13991)}])}},function(e){e.O(0,[94803,65370,12539,63942,83815,16271,49774,92888,40179],(function(){return t=78568,e(e.s=t);var t}));var t=e.O();_N_E=t}]);