https://resourcewatch.org/_next/static/chunks/pages/dashboards/ocean-watch/partners-9acab75bf3d09e9f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8778],{12859:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});var r=t(67294),a=t(11076),s=t(94184),c=t.n(s),o=t(85893);function i(e){var n=e.style,t=e.children,r=e.direction;return(0,o.jsx)("div",{className:c()("c-tooltip-container",{"-direction-down":"down"===r,"-direction-up":"up"===r}),style:n,children:t})}i.defaultProps={direction:"down",style:{}};var l=t(59499),u=t(23279),d=t.n(u),f=t(80769),h=t(43026),p=t(34094);function m(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function v(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?m(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function j(e){var n=e.items,t=e.defaultItem,a=e.onSelect,s=e.name,c=e.placeholder,i=e.onSearch,l=(0,r.useState)(n),u=l[0],m=l[1],j=(0,r.useRef)(null),b=d()((function(e){if(e&&e.length>1){var t=n.filter((function(n){return n.label.toLowerCase().indexOf(e.toLowerCase())>=0}));m(t)}else m(n);i&&i(e)}),250);return(0,r.useEffect)((function(){return j.current.focus()}),[]),(0,o.jsxs)("div",{className:"c-dropdown-list",children:[(0,o.jsx)(h.Z,{className:"search-input",onChange:b,properties:{name:"search",type:"text",placeholder:c,ref:j},children:p.Z}),u.length>0&&(0,o.jsx)("div",{className:"list-container",children:(0,o.jsx)("div",{style:{overflowY:"auto",maxHeight:180},children:(0,o.jsx)("div",{style:{padding:"15px 0"},children:(0,o.jsx)(f.Z,{options:u,name:s,properties:v({},t&&{default:t}),onChange:a})})})}),!u.length&&(0,o.jsx)("span",{className:"no-results",children:"No results found."})]})}j.defaultProps={defaultItem:null,placeholder:"Search",onSearch:null};var b=t(9948);function g(e){var n=e.title,t=e.countryList,s=e.onChangeCountry,c=(0,r.useState)(!1),l=c[0],u=c[1],d=(0,r.useRef)(null),f=(0,r.useRef)(null),h=(0,r.useRef)(null),p=(0,r.useCallback)((function(){u(!l)}),[l]),m=(0,r.useCallback)((function(){return null!==f.current&&f.current.position()}),[f]);return(0,r.useEffect)((function(){var e=function(e){var n=d.current,t=h.current;!(null!==n&&void 0!==n&&n.contains(e.target))&&!(null!==t&&void 0!==t&&t.contains(e.target))&&u(!1)},n=function(e){"Escape"===e.key&&u(!1)};return window.addEventListener("mousedown",e),window.addEventListener("keydown",n),function(){window.removeEventListener("mousedown",e),window.removeEventListener("keydown",n)}}),[]),(0,o.jsxs)(b.Z,{className:"-text-center",bgImage:"/static/images/pages/app/bg-banner-ocean-watch.png",styles:{borderRadius:5},children:[(0,o.jsx)("h3",{className:"-claim",children:n}),(0,o.jsx)("div",{style:{marginTop:15},children:(0,o.jsx)(a.Z,{ref:function(e){f.current=e},attachment:"bottom center",constraints:[{to:"window"}],offset:"15px 0",renderTarget:function(e){return h=e,(0,o.jsx)("button",{ref:e,type:"button",className:"c-btn -secondary -no-hover",onClick:p,children:"Select a coastline"})},renderElement:function(e){return d=e,l?(0,o.jsx)("div",{ref:e,children:(0,o.jsx)(i,{children:(0,o.jsx)(j,{items:t,name:"countries",onSelect:s,onSearch:m})})}):null}})})]})}},80769:function(e,n,t){"use strict";var r=t(92777),a=t(82262),s=t(10748),c=t(45959),o=t(63553),i=t(37247),l=t(59499),u=(t(67294),t(45697)),d=t.n(u),f=t(12654),h=t(85893);function p(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function m(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?p(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function v(e){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=(0,i.Z)(e);if(n){var a=(0,i.Z)(this).constructor;t=Reflect.construct(r,arguments,a)}else t=r.apply(this,arguments);return(0,o.Z)(this,t)}}var j=function(e){(0,c.Z)(t,e);var n=v(t);function t(){var e;(0,r.Z)(this,t);for(var a=arguments.length,c=new Array(a),o=0;o<a;o++)c[o]=arguments[o];return e=n.call.apply(n,[this].concat(c)),(0,l.Z)((0,s.Z)(e),"state",{value:e.props.properties.default}),e}return(0,a.Z)(t,[{key:"triggerChange",value:function(e){var n=this;this.setState({value:e.currentTarget.value},(function(){n.triggerValidate(),n.props.onChange&&n.props.onChange(n.state.value)}))}},{key:"render",value:function(){var e=this,n=this.props,t=n.name,r=n.properties,a=n.options,s=this.state.value;return(0,h.jsx)("div",{className:"c-radio-box ".concat(this.props.className),children:a.map((function(n){return(0,h.jsxs)("div",{className:"c-radio",children:[(0,h.jsx)("input",m(m({},r),{},{type:"radio",name:t,id:"radio-".concat(t,"-").concat(n.value),value:n.value,checked:n.value===s,onChange:e.triggerChange})),(0,h.jsxs)("label",{htmlFor:"radio-".concat(t,"-").concat(n.value),

1children:[(0,h.jsx)("span",{}),n.label]})]},"".concat(n.value))}))})}}]),t}(f.Z);j.propTypes={name:d().string.isRequired,options:d().array.isRequired,properties:d().object.isRequired,className:d().string,onChange:d().func},n.Z=j},10228:function(e,n,t){"use strict";t.d(n,{Z:function(){return c}});var r=t(41664),a=t.n(r),s=t(85893);function c(e){var n,t=e.item,r=e.isExternal,c=(0,s.jsx)("img",{src:(null===t||void 0===t||null===(n=t.logo)||void 0===n?void 0:n.medium)||"",className:"logo",title:t.name,alt:t.name});return(0,s.jsxs)("article",{className:"c-partners-block",children:[(0,s.jsxs)("div",{className:"logo-container",children:[r&&(0,s.jsx)("a",{href:t.website,target:"_blank",rel:"noopener noreferrer",children:c}),!r&&(0,s.jsx)(a(),{href:"/about/partners/".concat(t.slug),children:c})]}),(0,s.jsx)("p",{children:t.summary}),(0,s.jsxs)("div",{className:"buttons -align-center",children:[r&&(0,s.jsx)("a",{href:t.website,target:"_blank",rel:"noopener noreferrer",className:"c-btn -secondary",children:"Read more"}),!r&&(0,s.jsx)(a(),{href:"/about/partners/".concat(t.slug),children:(0,s.jsx)("a",{className:"c-btn -secondary",children:"Read more"})})]})]})}c.defaultProps={isExternal:!1}},15093:function(e,n,t){"use strict";t.d(n,{Z:function(){return v}});var r=t(59499),a=t(92777),s=t(82262),c=t(45959),o=t(63553),i=t(37247),l=t(67294),u=t(94184),d=t.n(u),f=t(41664),h=t.n(f),p=t(85893);function m(e){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=(0,i.Z)(e);if(n){var a=(0,i.Z)(this).constructor;t=Reflect.construct(r,arguments,a)}else t=r.apply(this,arguments);return(0,o.Z)(this,t)}}var v=function(e){(0,c.Z)(t,e);var n=m(t);function t(e){var r;return(0,a.Z)(this,t),(r=n.call(this,e)).state={selected:e.defaultSelected},r}return(0,s.Z)(t,[{key:"UNSAFE_componentWillReceiveProps",value:function(e){var n=e.selected;this.setState({selected:n})}},{key:"onChangeTab",value:function(e){var n=this;this.setState({selected:e},(function(){n.props.onChange&&n.props.onChange(e)}))}},{key:"render",value:function(){var e=this,n=this.state.selected,t=this.props,a=t.options,s=t.className;return(0,p.jsx)("header",{className:d()("md:mt-8 overflow-x-auto",(0,r.Z)({"c-tabs":!0},s,!!s)),children:(0,p.jsx)("ul",{className:"flex space-x-5",children:a.map((function(t){var r=d()({"-active":t.value===n,"-desktopOnly":t.desktopOnly});return(0,p.jsxs)("li",{children:[t.route&&(0,p.jsx)(h(),{href:t.route,children:(0,p.jsxs)("a",{className:"tabs-btn ".concat(r),children:[(0,p.jsx)("span",{className:"title",children:t.label}),!!t.number&&(0,p.jsx)("span",{className:"number",children:t.number})]})}),!t.route&&(0,p.jsxs)("button",{className:"tabs-btn ".concat(r),onClick:function(){return e.onChangeTab(t.value)},children:[(0,p.jsx)("span",{className:"title",children:t.label}),!!t.number&&(0,p.jsx)("span",{className:"number",children:t.number})]})]},t.value)}))})})}}]),t}(l.Component)},95653:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return m},default:function(){return v}});var r=t(67294),a=t(11163),s=t(88767),c=t(94795),o=t(42903),i=t(31017),l=t(10228),u=t(12859),d=t(3984),f=t(33748),h=t(85893),p="\nWe couldn\u2019t do this on our own.\nThe World Resources Institute's Ocean Watch is a product that\nbrings together a range of timely and reliable data,\nand partners from the public, private and non-governmental\norganisations to support the integrated management of our ocean.\n",m=!0;function v(){var e=(0,a.useRouter)(),n=(0,s.useQueryClient)(),t=(0,d.m)({},{select:function(e){return{collaboratingPartners:e.filter((function(e){return"ow_collaborating-partner"===e["partner-type"]})),dataProviders:e.filter((function(e){return"ow_data-provider"===e["partner-type"]})),funders:e.filter((function(e){return"ow_funder"===e["partner-type"]}))}},placeholderData:[],refetchOnWindowFocus:!1}).data,m=t.collaboratingPartners,v=t.dataProviders,j=t.funders,b=(0,f.f)({placeholderData:n.getQueryData("ocean-watch-areas")||[],select:function(e){return e.filter((function(e){return"GLB"!==e.iso})).map((function(e){return{label:e.name,value:e.iso}}))},refetchOnWindowFocus:!1}).data,g=(0,r.useCallback)((function(n){e.push({pathname:"/dashboards/ocean-watch/country/[iso]",query:{iso:n}})}),[e]),x=(0,r.useMemo)((function(){return[{title:"Collaborating partners",children:m},{title:"Data Providers",children:v},{title:"Funders",children:j}]}),[m,v,j]);return(0,h.jsxs)(c.Z,{title:"Ocean Watch \u2013 Partners",description:p,children:[(0,h.jsx)(o.ZP,{className:"-transparent"}),(0,h.jsx)(i.Z,{className:"-ocean-watch"}),(0,h.jsx)("section",{className:"l-section -secondary -medium",children:(0,h.jsx)("div",{className:"l-container",children:(0,h.jsx)("div",{className:"row",children:(0,h.jsxs)("div",{className:"column small-12 medium-8",children:[(0,h.jsx)("h2",{children:"Managing an integrated ocean requires collaboration"}),(0,h.jsx)("p",{children:p})]})})})}),x.map((function(e){var n=e.title,t=e.children;return t.length>0&&(0,h.jsx)("section",{className:"l-section",children:(0,h.jsxs)("div",{className:"l-container",children:[(0,h.jsx)("div",{className:"row",children:(0,h.jsx)("div",{className:"column small-12",children:(0,h.jsx)("h2",{className:"-text-center",children:n})})}),(0,h.jsx)("div",{className:"row",children:t.map((function(e){return(0,h.jsx)("div",{className:"column small-12 medium-6",children:(0,h.jsx)(l.Z,{item:e})},e.id)}))})]})},n)})),(0,h.jsx)("section",{className:"l-section -small",children:(0,h.jsx)("div",{className:"l-container",children:(0,h.jsx)(u.Z,{title:(0,h.jsxs)(h.Fragment,{children:["Explore the Ocean Watch",(0,h.jsx)("br",{}),"local data"]}),onChangeCountry:g,countryList:b})})})]})}},75789:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboards/ocean-watch/partners",function(){return t(95653)}])}},function(e){e.O(0,[5447,9774,2888,179],(function(){return n=75789,e(e.s=n);var n}));var n=e.O();_N_E=n}]);