https://www.vmware.com/js/9651.bundle.js?hash=618c5180089ddc99e4ad

1"use strict";(self.webpackChunkbroadcom=self.webpackChunkbroadcom||[]).push([[9651],{9651:(e,t,l)=>{l.r(t),l.d(t,{FilteredListing:()=>E,default:()=>g});var a=l(4173),n=l(6540),r=l(5299),c=l(2485),i=l(3966),s=l(5995),o=l(968),u=l(7573),m=l(6942),d=l.n(m);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var a,n,r,c,i=[],s=!0,o=!1;try{if(r=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;s=!1}else for(;!(s=(a=r.call(l)).done)&&(i.push(a.value),i.length!==t);s=!0);}catch(e){o=!0,n=e}finally{try{if(!s&&null!=l.return&&(c=l.return(),Object(c)!==c))return}finally{if(o)throw n}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var l={}.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?h(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,a=Array(t);l<t;l++)a[l]=e[l];return a}l(8972),l(1441);const E=e=>{const t=e.content_block.json_url,l=f((0,n.useState)([]),2),m=l[0],h=l[1],E=f((0,n.useState)([]),2),g=E[0],y=E[1],b=f((0,n.useState)(""),2),p=b[0],v=b[1],k=f((0,n.useState)([]),2),A=k[0],S=k[1],N=f((0,n.useState)([]),2),C=N[0],j=N[1],O=f((0,n.useState)([]),2),w=O[0],M=O[1],_=f((0,n.useState)(12),2),I=_[0],T=_[1],x=f((0,n.useState)([]),2),L=x[0],U=x[1];(0,n.useEffect)(()=>{fetch(t,{credentials:a.A.api_credentials}).then(e=>e.json()).then(e=>{let t=Object.keys(e).flatMap(t=>"filter_categories"!=t?e[t]:[]),l=e.filter_categories,a=0,n=Object.keys(l).length,r=[];for(a=0;a<n;++a)r[a]=!1;r[0]=!0,U([K,V]),M(r),h(t),y(l)}).catch(e=>{setTimeout(()=>{throw e})})},[]);const F=()=>{for(let e=0;e<w.length;e++)if(w[e])return e},D=(e,t,l)=>{if(m.length<=0||g.length<=0)return;let a=[];a=[...m].flatMap(a=>Object.keys(a).flatMap(r=>r===t?a[r].flatMap(t=>l.includes(t)||l.length<=0?n.createElement(n.Fragment,null,0===e?L[0](a):L[1](a,t,R(t))):[]):[])),v(g[t].label),j(a)},H=e=>{let t=e.label,l=e.category,a=e.onChange,r=e.checked;return n.createElement("label",null,n.createElement("input",{type:"checkbox",checked:r,onChange:a}),t,n.createElement("span",{className:"filter-count"},"(",((e,t)=>{let l=0;return m.map(a=>{a[t].indexOf(e)>=0&&(l+=1)}),l})(t,l),")"))},K=e=>n.createElement(c.A,{className:"detail-card",md:"5",key:e.title},n.createElement(o.A,{key:e.title,to:e.statusLink},n.createElement("div",null,"SERVICE"),n.createElement("h5",null,e.title),n.createElement("div",{className:"link-label"},"CHECK STATUS",n.createElement("span",null,n.createElement("i",{className:"fa fa-chevron-right","aria-hidden":"true"}))))),R=e=>g.location.options.find(t=>t.value===e).imageUrl,V=(e,t,l)=>n.createElement(c.A,{className:"detail-card",md:"5",key:e.title},n.createElement("div",{className:"location-card"},n.createElement("div",{className:"flag-img"},n.createElement("img",{src:l})),n.createElement("div",{className:"head"},n.createElement("h5",null,e.title),n.createElement("div",{className:"location"},"Location: ",t))));if(!(m.length<=0||g.length<=0))return C.length<=0&&D(F(),(()=>{let e,t=Object.keys(g);if(!(t.length<=0))for(e in t)if(e==F())return t[e]})(),C),n.createElement("div",{id:"filtered-listing"},n.createElement(r.A,null,n.createElement(c.A,{md:"4"},n.createElement(r.A,null,Object.keys(g).map((e,t)=>{var l;return n.createElement(c.A,{md:"12",className:"card",key:e},n.createElement("div",{className:"card-head"},n.createElement("h4",{className:"filter-title",onClick:()=>((e,t)=>{let l=[...w],a=[];for(let t=0;t<l.length;++t)l[t]=t===e&&!l[t];S(a),M(l),D(e,t,a)})(t,e)},g[e].label)),n.createElement(i.SD,{isOpen:w[t],className:"card-body"},n.createElement("ul",null,null===(l=g[e].options)||void 0===l?void 0:l.map(l=>n.createElement("li",{key:l.id},n.createElement(H,{label:l.value,category:e,checked:A.includes(l.value),onChange:()=>{((e,t,l)=>{let a=[];a=A.includes(e)?A.filter(t=>t!==e):[...A,e],S(a),T(12),D(t,l,a)})(l.value,t,e)}}))))))}))),n.createElement(c.A,{md:"8",className:"card-list-wrapper"},n.createElement("h2",null,p),n.createElement(r.A,{className:"card-list"},C.map((e,t)=>{if(t<I)return e}),n.createElement(c.A,{md:"12"},n.createElement(u.A,{onClick:()=>(()=>{let e=I;e+=12,T(e)})(),className:d()({"show-button":C.length>I},{hide:C.length<=I})},(0,s.nr)("C038","More")))))))},g=E}}]);