https://eoceans.app/1817.index.81e5d83c4f9729a900c8.bundle.js

1/*! For license information please see 1817.index.81e5d83c4f9729a900c8.bundle.js.LICENSE.txt */
2"use strict";(self.webpackChunkfull_stack_template=self.webpackChunkfull_stack_template||[]).push([[1817],{21817:function(e,t,n){var r=n(96540),a=n(64155),o=n(33551),i=n(87992),c=n(81385),l=n(40921),s=n(48719),u=n(16576),m=n(71543),f=n(83626),d=n(61225),p=n(76030),g=n(13011),v=n(17319),y=n(92659),b=n(53117),h=n(11692),E=n(9699),x=n(62168),A=n(26541),w=n(3677),S=n(29568),k=n(32199),N=n(31511),O=n(34473),_=n(90332),P=n(84976),j=n(19380),I=n(66612),T=n(97468);function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function C(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||G(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach(function(t){K(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(e,t)||G(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 G(e,t){if(e){if("string"==typeof e)return L(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function W(){var e,t,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",a=n.toStringTag||"@@toStringTag";function o(n,r,a,o){var l=r&&r.prototype instanceof c?r:c,s=Object.create(l.prototype);return H(s,"_invoke",function(n,r,a){var o,c,l,s=0,u=a||[],m=!1,f={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t,n){return o=t,c=0,l=e,f.n=n,i}};function d(n,r){for(c=n,l=r,t=0;!m&&s&&!a&&t<u.length;t++){var a,o=u[t],d=f.p,p=o[2];n>3?(a=p===r)&&(l=o[(c=o[4])?5:(c=3,3)],o[4]=o[5]=e):o[0]<=d&&((a=n<2&&d<o[1])?(c=0,f.v=r,f.n=o[1]):d<p&&(a=n<3||o[0]>r||r>p)&&(o[4]=n,o[5]=r,f.n=p,c=0))}if(a||n>1)return i;throw m=!0,r}return function(a,u,p){if(s>1)throw TypeError("Generator is already running");for(m&&1===u&&d(u,p),c=u,l=p;(t=c<2?e:l)||!m;){o||(c?c<3?(c>1&&(f.n=-1),d(c,l)):f.n=l:f.v=l);try{if(s=2,o){if(c||(a="next"),t=o[a]){if(!(t=t.call(o,l)))throw TypeError("iterator result is not an object");if(!t.done)return t;l=t.value,c<2&&(c=0)}else 1===c&&(t=o.return)&&t.call(o),c<2&&(l=TypeError("The iterator does not provide a '"+a+"' method"),c=1);o=e}else if((t=(m=f.n<0)?l:n.call(r,f))!==i)break}catch(t){o=e,c=1,l=t}finally{s=1}}return{value:t,done:m}}}(n,a,o),!0),s}var i={};function c(){}function l(){}function s(){}t=Object.getPrototypeOf;var u=[][r]?t(t([][r]())):(H(t={},r,function(){return this}),t),m=s.prototype=c.prototype=Object.create(u);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,H(e,a,"GeneratorFunction")),e.prototype=Object.create(m),e}return l.prototype=s,H(m,"constructor",s),H(s,"constructor",l),l.displayName="GeneratorFunction",H(s,a,"GeneratorFunction"),H(m),H(m,a,"Generator"),H(m,r,function(){return this}),H(m,"toString",function(){return"[object Generator]"}),(W=function(){return{w:o,m:f}})()}function H(e,t,n,r){var a=Object.defineProperty;try{a({},"",{})}catch(e){a=0}H=function(e,t,n,r){function o(t,n){H(e,t,function(e){return this._invoke(t,n,e)})}t?a?a(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n:(o("next",0),o("throw",1),o("return",2))},H(e,t,n,r)}function M(e,t,n,r,a,o,i){try{var c=e[o](i),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,a)}function z(e){return function(){var t=this,n=arguments;return new Promise(function(r,a){var o=e.apply(t,n);function i(e){M(o,r,a,i,c,"next",e)}function c(e){M(o,r,a,i,c,"throw",e)}i(void 0)})}}function K(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=D(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==D(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function U(e){try{return(0,I.mz)(e.user)}catch(e){}}t.A=(0,d.Ng)(function(e){return{strings:e.langReducer}})((0,f.A)(function(e){return{root:K(K({cursor:"pointer","&:hover":{backgroundColor:"rgba(0,0,0,0.05)"},marginBottom:e.spacing(3),"& .header":{padding:e.spacing(1,2,0,2)},"& .body":{padding:e.spacing(2),flexWrap:"wrap","& .image":{marginRight:e.spacing(2)," & img":{minWidth:300,maxHeight:300},"& .no-image":{backgroundColor:"#e0e0e0",height:300,width:300},"& button":{width:"max-content",margin:e.spacing(2,0),"& svg":{marginRight:e.spacing(1)}}},"& .info":{wordBreak:"break-word","& h6":{textTransform:"capitalize"}},"& .expansion-panel":{width:"100%",marginTop:e.spacing(2),"& svg":{marginRight:e.spacing(.5)}},"& .comments":{"& .expansion-panel":{"& > .MuiCollapse-entered":{maxHeight:500,overflowY:"auto"}},"& hr":{margin:e.spacing(1,0)}},"& hr.comment-divider":{marginTop:e.spacing(3)},"& .comment":{marginTop:e.spacing(3),"& button":{marginTop:e.spacing(1)}}}},e.breakpoints.down(1200),{"&.root .body":{"& .image":{" & img":{minWidth:200,maxHeight:200},"& .no-image":{backgroundColor:"#e0e0e0",height:200,width:200}}}}),e.breakpoints.down(O.Ay.constants.MOBILE_BREAKPOINT),{"&.root .body":{flexDirection:"column","& .image":{marginRight:e.spacing(0),maxWidth:"100%","& img":{maxWidth:"100%",maxHeight:"inherit"},"& .no-image":{backgroundColor:"#e0e0e0",height:"300px",width:"100%"}}}})}})(function(e){var t,n=e.classes,f=e.strings,d=e.observation,O=e.user,D=e.isAdmin,B=e.unassigned,G=(e.onObservationComment,e.onObservationDelete,e.onObservationUnassign),L=R((0,r.useState)({observation:d,comment:"",saving:!1}),2),H=L[0],M=L[1],K=B?null:(0,I.nP)(O.location.lat,O.location.lon,d.location.coordinates[1],d.location.coordinates[0],"K"),q=O._id.toString()===d.userId.toString();function Q(){return Q=z(W().m(function e(t){var n;return W().w(function(e){for(;;)switch(e.p=e.n){case 0:return M(function(e){return F(F({},e),{},{saving:!0})}),e.p=1,e.n=2,G(d,B);case 2:e.n=4;break;case 3:e.p=3,n=e.v,console.error(n);case 4:return e.p=4,M(function(e){return F(F({},e),{},{saving:!1})}),e.f(4);case 5:return e.a(2)}},e,null,[[1,3,4,5]])})),Q.apply(this,arguments)}function V(){return V=z(W().m(function e(t){var n,r,a,o,i,c,l,s,u,m,f,d,p,g,v,y,b,h,E;return W().w(function(e){for(;;)switch(e.p=e.n){case 0:return n=H.observation,r=O._id,a={_id:O._id,name:O.name,avatar:O.avatar},o=C(n.likes||[]),i=C(n.validations||[]),c=C(n.cautions||[]),l=Boolean(o.find(function(e){return e._id.toString()===r.toString()})),s=Boolean(i.find(function(e){return e._id.toString()===r.toString()})),u=Boolean(c.find(function(e){return e._id.toString()===r.toString()})),m={},"like"===t?m.like=!l:"validation"===t?m.validation=!s:"caution"===t&&(m.caution=!u),e.p=1,e.n=2,(0,_.g3)(n._id,m);case 2:"like"===t?m.like?(o.push(a),s&&(f=i.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&i.splice(f,1),u&&(d=c.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&c.splice(d,1)):(p=o.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&o.splice(p,1):"validation"===t?m.validation?(i.push(a),l&&(g=o.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&o.splice(g,1),u&&(v=c.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&c.splice(v,1)):(y=i.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&i.splice(y,1):"caution"===t&&(m.caution?(c.push(a),l&&(b=o.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&o.splice(b,1),s&&(h=i.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&i.splice(h,1)):(E=c.findIndex(function(e){return e._id.toString()===r.toString()}))>-1&&c.splice(E,1)),M(function(e){return{observation:F(F({},e.observation),{},{likes:o,validations:i,cautions:c})}}),e.n=4;break;case 3:e.p=3,e.v;case 4:return e.a(2)}},e,null,[[1,3]])}

2)),V.apply(this,arguments)}return r.createElement(a.A,{className:"".concat(n.root," root accept-click"),elevation:4,square:!0,onClick:function(e){if(e.target.classList.contains("accept-click"))return(0,j.Sz)("/observation?id=".concat(d._id))}},r.createElement("div",{className:"header accept-click flex row align-cross-center align-main-space-between wrap"},r.createElement(o.A,{className:"accept-click",color:"textPrimary",variant:"h6"},new Date(d.created).toDateString()," "),d.location.coords.latitude&&d.location.coords.longitude&&r.createElement("div",{className:"lat-lon label flex row align-cross-start"},r.createElement(E.A,null),"  ",r.createElement("div",{className:"flex column"},r.createElement("div",{className:"info flex row align-cross-center wrap"},null!==(t=d.location.site)&&void 0!==t&&t.name?r.createElement("div",{className:"lat flex row align-cross-center"},r.createElement(o.A,{color:"textSecondary",variant:"subtitle2"},f.feed.observations.site)," ",r.createElement(o.A,{color:"primary",variant:"subtitle1"},d.location.site.name),"  "):null,r.createElement("div",{className:"lat flex row align-cross-center"},r.createElement(o.A,{color:"textSecondary",variant:"subtitle2"},f.feed.observations.lat)," ",r.createElement(o.A,{color:"primary",variant:"subtitle1"},d.location.coords.latitude.toFixed(q?4:1))),"  ",r.createElement("div",{className:"lat flex row align-cross-center"},r.createElement(o.A,{color:"textSecondary",variant:"subtitle2"},f.feed.observations.lon)," ",r.createElement(o.A,{color:"primary",variant:"subtitle1"},d.location.coords.longitude.toFixed(q?4:1)))),K?r.createElement(o.A,{color:"textSecondary",variant:"subtitle2"},"~ ",K.toFixed(1)," KM"):null))),r.createElement("div",{className:"body accept-click flex row"},r.createElement("div",{className:"image accept-click flex column align-main-space-between"},d.thumbnail?r.createElement("img",{className:"accept-click",src:d.thumbnail,alt:"observation image"}):r.createElement("div",{className:"no-image accept-click flex row align-cross-center align-main-center"},r.createElement(o.A,{variant:"h5"},f.feed.observations.noImages)),!B&&r.createElement(T.A,{observation:H.observation,user:O,onLikeValidateCaution:function(e){return V.apply(this,arguments)}}),D?r.createElement(i.A,{color:B?"secondary":"primary",onClick:function(e){return Q.apply(this,arguments)},variant:"extended"},B?r.createElement(A.A,null):r.createElement(v.A,null),f.feed.observations[B?"assign":"unassign"]):null),r.createElement("div",{className:"info grow accept-click"},r.createElement("div",{className:"user label flex row align-cross-center"},d.user.avatar?r.createElement(c.A,{src:d.user.avatar}):r.createElement(c.A,null,"EO"),"  ",r.createElement(o.A,{color:"textPrimary",variant:"h6"},d.user._id?r.createElement(P.N_,{to:"/profile?id=".concat(d.user._id)},U(d)):"eOceans User")),r.createElement("div",{className:"time label flex row align-cross-center accept-click"},r.createElement(p.A,null),"  ",r.createElement(o.A,{color:"textPrimary",variant:"h6"},new Date(d.created).toLocaleTimeString())),null!=d.surveyDuration&&r.createElement("div",{className:"survey-duration label flex row align-cross-center accept-click",style:{marginLeft:24}},r.createElement(S.A,null),"  ",r.createElement(o.A,{color:"textSecondary",variant:"h6"},f.observation.form.surveyDuration,":")," ",r.createElement(o.A,{color:"textPrimary",variant:"h6"},(0,I.Qx)(d.surveyDuration))),d.location.country&&r.createElement("div",{className:"location label flex row align-cross-center accept-click"},r.createElement(x.A,null),"  ",r.createElement(o.A,{color:"textPrimary",variant:"h6"},d.location.country),d.location.province&&r.createElement(o.A,{color:"textPrimary",variant:"h6"},", ",d.location.province),d.location.city&&r.createElement(o.A,{color:"textPrimary",variant:"h6"},", ",d.location.city)),d.note&&r.createElement("div",{className:"note label flex row align-cross-center accept-click"},r.createElement(y.A,null),"  ",r.createElement(o.A,{color:"textPrimary",variant:"h6"},d.note)),r.createElement("div",{className:"methods"},r.createElement(N.A,{title:f.teams.items.methods,icon:w.A,data:d.methods})),r.createElement("div",{className:"species"},r.createElement(N.A,{title:f.teams.items.species,icon:k.A,data:d.species})),r.createElement("div",{className:"humans"},r.createElement(N.A,{title:f.teams.items.humans,icon:b.A,data:d.humans})),d.comments.length>0&&r.createElement("div",{className:"comments"},r.createElement(l.A,{className:"expansion-panel"},r.createElement(s.A,{expandIcon:r.createElement(h.A,null)},r.createElement(o.A,{className:"flex row align-cross-center",variant:"subtitle2"},r.createElement(g.A,{className:"icon"}),f.feed.comments+" (".concat(d.comments.length,")"))),r.createElement(u.A,{className:"flex column"},d.comments.sort(function(e,t){return new Date(e.created).getTime()>

2new Date(t.created).getTime()?-1:1}).map(function(e,t){return r.createElement(r.Fragment,{key:"comment-".concat(t,"-o-").concat(d._id)},r.createElement("div",{className:"comment flex row align-cross-center align-main-space-between wrap"},r.createElement("div",{className:"user-info flex column"},r.createElement(o.A,{color:"textPrimary",variant:"h6"},U({user:e})),r.createElement(o.A,{color:"textSecondary",variant:"caption"},e.comment)),r.createElement(o.A,{color:"textSecondary",variant:"body2"},new Date(e.created).toLocaleString())),r.createElement(m.A,null))})))))))}))},31511:function(e,t,n){var r=n(96540),a=n(40921),o=n(48719),i=n(33551),c=n(16576),l=n(83626),s=n(61225),u=n(11692);t.A=(0,s.Ng)(function(e){return{strings:e.langReducer}})((0,l.A)(function(e){return{root:{}}})(function(e){e.classes;var t=e.strings,n=e.data,l=e.icon,s=e.title,m=l;return r.createElement(a.A,{className:"expansion-panel"},r.createElement(o.A,{className:"summary",expandIcon:r.createElement(u.A,null)},r.createElement(i.A,{className:"flex row align-cross-center",variant:"subtitle2"},r.createElement(m,{className:"icon"}),s)),r.createElement(c.A,{className:"flex column"},Array.isArray(n)?n.length?n.map(function(e,t){var n=e&&(e.subcategory||e.category);return r.createElement(i.A,{key:"item-".concat(t),color:"textPrimary",variant:"body2"},n?"".concat(n,": "):null,e&&e.name," ",e&&e.count?"(".concat(e.count,")"):"")}):r.createElement(i.A,{color:"textPrimary",variant:"body2"},t.teams.general.none):"all"===n?r.createElement(i.A,{color:"textPrimary",variant:"body2"},t.teams.general.all):null))}))}}]);