https://www.shipxplorer.com/js/chunks/vessel-LiveVesselList.js?id=a6d803261a89b911

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4474],{68434:(e,r,t)=>{t.r(r),t.d(r,{default:()=>H});var n=t(14041),i=t(99870),s=t.n(i),l=t(39716),o=t(96551),a=t(82444),c=t(55359),d=t(80273),u=t(38935),h=t(44257),f=t(55659),x=t(8561),m=t(6509),v=t(17722),p=t(46302),g=t(93351),y=t(6299),b=t(58959),j=t(70465),A=t(31085);function k(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var n,i,s=[],l=!0,o=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(s.push(n.value),!r||s.length!==r);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==t.return||t.return()}finally{if(o)throw i}}return s}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return S(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return S(e,r)}(e,r)||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 S(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var _=l.Ay.div.withConfig({displayName:"LiveVesselList__FlagColumnStyle",componentId:"sc-9laj93-0"})(["> img{height:20px;}"]),L=k(Array(18).fill().map((function(e,r){return r})),17),O=L[0],C=(L[1],L[2],L[3],L[4],L[5],L[6]),N=L[7],w=L[8],M=(L[9],L[10]),D=(L[11],L[12],L[13],L[14],L[15]),I=L[16],E={country:function(e){return e[I]?(0,A.jsx)(_,{children:(0,A.jsx)(p.Ay,{code:e[I]})}):"-"},name:function(e){return e[O]||e[D]||"-"},type:function(e){return(0,u.Ay)(e[N])||"-"},status:function(e){return f.Yu[e[M]]||"-"}},F="rgba(0, 128, 0, .1)",V="rgba(204, 0, 0, .3)",T="rgba(0, 0, 255, .1)",U=l.Ay.div.withConfig({displayName:"LiveVesselList__LiveVesselListStyle",componentId:"sc-9laj93-1"})(["display:flex;flex-direction:column;height:100%;overflow:hidden;font-size:.7rem;> .table-container{flex:1;overflow:auto;.sources-statistics{display:flex;flex-direction:column;padding:10px;h5{margin:0 0 5px 0;}> div{display:flex;flex-direction:row;> div{flex:1;display:flex;flex-direction:column;}}}> table{border-spacing:0;font-family:KelsonBold,Arial,sans-serif;text-transform:uppercase;position:relative;width:100%;& > thead > tr{width:100%;height:25px;font-size:12px;color:",";background:",";text-align:left;}& > tbody > tr > td,& > thead > tr > th{padding:4px;}& > thead > tr > th{cursor:pointer;transition:background 0.2s,color 0.2s;}& > thead > tr > th.sorted{background:",";}& > tbody > tr{cursor:pointer;&:hover,&.hovered{color:",";}&:nth-child(odd){background-color:",";}&.ais-ground{background-color:",";}&.ais-satellite{background-color:",";}&.ais-dynamic{background-color:",";}&:first-child > td{border-top:1px solid ",";}&:last-child > td{border-bottom:1px solid ",";}& > td{border-bottom:1px solid ",";}&.selected{background-color:",";&:hover,&.hovered{color:inherit;}}}}}> .legend-container{padding:5px 0;> div{display:flex;align-items:center;justify-content:space-between;> #count{flex:1;text-align:center;}}> a{margin-top:5px;display:block;}.highlight{color:",";}#legend{display:flex;> li{margin-right:5px;> ","{font-size:1em;}&#ais-ground > ","{background-color:",";}&#ais-satellite > ","{background-color:",";}&#ais-dynamic > ","{background-color:",";}}}}"],c.ON,c.w8,(0,j.rgb)(93,95,93),c.eq,c.T_,F,V,T,c.MU,c.MU,c.iA,c.eq,c.eq,v.A,v.A,F,v.A,V,v.A,T);const H=function(e){var r=e.countMode,t=void 0===r?"visible":r,i=e.station,l=(0,o.B)().t,c=k((0,x.A1)("live-vessel-list"),1)[0],p=k((0,x.A1)("live-sources-statistics"),1)[0],j=(0,n.useRef)((0,h.getSelectedFeature)()),S=(0,n.useRef)((0,h.getHoveredFeature)()),_=(0,n.useMemo)((function(){if(p)return Object.entries(p).sort()}),[p]),L=(0,m.CH)(),O=k((0,n.useState)(1),2),N=O[0],M=O[1],D=k((0,n.useState)("name"),2),I=D[0],F=D[1],V=(0,n.useMemo)((function(){if(!Object.values(c).length)return[];var e=Object.entries(c);return e.sort((function(e,r){var t,n=k(e,2)[1],i=k(r,2)[1];if("country"===I){var s=n[16]||"",l=i[16]||"";t=s.localeCompare(l)*N}else if("name"===I){var o=n[0]||n[15]||"",a=i[0]||i[15]||"";t=o.localeCompare(a)*N}else if("type"===I){var c=(0,u.Ay)(n[7])||"",d=(0,u.Ay)(i[7])||"";t=c.localeCompare(d)*N}else if("status"===I){var h=f.Yu[n[10]]||"",x=f.Yu[i[10]]||"";t=h.localeCompare(x)*N}return t})),e}),[c,N,I]);return(0,n.useEffect)((function(){var e=(0,h.onFeatureSelect)((function(e){var r=e&&e.getId();r!==j.current&&(j.current||x.yA["live-vessel-list"][r])&&(j.current=x.yA["live-vessel-list"][r]?r:null,L())})),r=(0,h.onFeatureHover)((function(e){e!==S.current&&(S.current||x.yA["live-vessel-list"][e])&&(S.current=x.yA["live-vessel-list"][e]?e:null,L())}));return function(){e(),r()}}),[]),(0,A.jsxs)(U,{children:[(0,A.jsxs)("div",{className:"table-container",children:[x.kQ.roles.includes("admin")&&_&&(0,A.jsxs)("div",{className:"sources-statistics",children:[(0,A.jsx)("h5",{children:"Sources Statistics (ADMIN)"}),(0,A.jsx)("div",{children:(0,A.jsx)("div",{children:_.map((function(e){var r=k(e,2),t=r[0],n=r[1];return!t.startsWith("t_")&&(0,A.jsxs)("span",{children:[t,": ",(0,A.jsx)("b",{children:n})," ","TOTAL"!==t&&(0,A.jsxs)("small",{children:["(",(0,b.LI)(n/p.TOTAL*100,1),"%)"]})]},t)}))})})]}),(0,A.jsxs)("table",{children:[(0,A.jsx)("thead",{children:(0,A.jsx)("tr",{children:Object.keys(E).map((function(e){return(0,A.jsx)("th",{className:s()(e,{sorted:I===e}),onClick:function(){return function(e){I===e?M((function(e){return-1*e})):(F(e),M(1))}(e)},children:l("lVesselListCOL"+e)},e)}))})}),(0,A.jsx)("tbody",{children:V.map((function(e){var r=k(e,2),t=r[0],n=r[1];return(0,A.jsx)("tr",{className:s()({"ais-ground":"AIS"===n[C],"ais-satellite":"SATE"===n[

1C],"ais-dynamic":"DYN"===n[C],hovered:S.current===t,selected:j.current===t}),onMouseEnter:function(){return(0,h.hoverFeature)(t)},onMouseLeave:function(){return(0,h.hoverFeature)()},onClick:function(){t!==j.current?((0,y.U7)(),(0,d.xe)(),(0,g.X3)(t,i?{sn:i}:{}).then((function(e){e&&(0,h.selectVessel)(e,t)}))):(0,h.deselectVessel)()},children:Object.entries(E).map((function(e){var r=k(e,2),t=r[0],i=r[1];return(0,A.jsx)("td",{className:t,children:i(n)},"".concat(t,"-").concat(n[w]))}))},t)}))})]})]}),(0,A.jsx)("div",{className:"legend-container",children:"free"===x.kQ.type||"visible"===t?(0,A.jsxs)(n.Fragment,{children:[(0,A.jsxs)("div",{children:[(0,A.jsx)("div",{id:"count",children:l("listingMaxVessels",{max:"free"===x.kQ.type?5:50})}),(0,A.jsxs)("ul",{id:"legend",children:[(0,A.jsx)("li",{id:"ais-ground",children:(0,A.jsx)(v.A,{children:l("aisGround")})}),(0,A.jsx)("li",{id:"ais-satellite",children:(0,A.jsx)(v.A,{children:l("aisSatellite")})}),(0,A.jsx)("li",{id:"ais-dynamic",children:(0,A.jsx)(v.A,{children:l("aisDynamic")})})]})]}),"free"===x.kQ.type&&(0,A.jsx)("a",{href:"/subscribe",target:"_blank",children:(0,A.jsx)(a.x,{i18nKey:"getPremiumSeeMoreVessels",components:{span:(0,A.jsx)("span",{className:"highlight"})}})})]}):(0,A.jsxs)("ul",{id:"legend",children:[(0,A.jsx)("li",{id:"ais-ground",children:(0,A.jsx)(v.A,{children:l("aisGround")})}),(0,A.jsx)("li",{id:"ais-satellite",children:(0,A.jsx)(v.A,{children:l("aisSatellite")})}),(0,A.jsx)("li",{id:"ais-dynamic",children:(0,A.jsx)(v.A,{children:l("aisDynamic")})})]})})]})}}}]);