https://assets06.foap.com/build/73.bundle.0ab745d350df41291cf8.js

1webpackJsonp([73],{1190:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l,u,d=function(){function e(e,t){for(var n=0;t.length>n;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}();n(2730);var c=n(1),f=a(c),m=n(2),p=a(m),g=n(13),h=n(8),b=n(115),y=a(b),v=n(1558),E=a(v),P=n(393);t.default=(0,g.connect)(function(e){return{missions:e.missions.missionsPaginated}},{fetchPaginated:P.fetchPaginated})((u=l=function(e){function t(){var e,n,a,s;o(this,t);for(var r=arguments.length,l=Array(r),u=0;r>u;u++)l[u]=arguments[u];return n=a=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(l))),a.loadMissions=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;a.props.fetchPaginated({after:e,noVideos:!!e})},s=n,i(a,s)}

1return s(t,e),d(t,[{key:"componentDidMount",value:function(){this.props.missions.isLoaded||this.loadMissions(null)}},{key:"render",value:function(){var e=this,t=this.props.missions;return f.default.createElement("div",{className:"container-missions"},f.default.createElement(y.default,{title:"Missions - Join now!",description:"Participate in Foap Missions and get a chance to sell your photos to some of the world’s largest brands. Win money or an item reward.",robots:"index, follow",canonical:(0,h.getRouteByName)("missions").path}),f.default.createElement("div",{className:"container-fluid"},f.default.createElement(E.default,{title:"New Missions",isPending:t.isPending||!t.isLoaded,elements:t.elements,hasNextPage:t.hasNextPage,onLoadMore:function(){return e.loadMissions(t.endCursor,!0)}})))}}]),t}(f.default.Component),l.propTypes={fetchPaginated:p.default.func.isRequired,missions:p.default.shape({isPending:p.default.bool.isRequired,isLoaded:p.default.bool.isRequired,elements:p.default.arrayOf(p.default.object).isRequired}).isRequired},l.defaultProps={},r=u))||r},1300:function(e,t,n){e.exports=n.p+"images/placeholder.jpg?h=57bc276bd307799d4ae69eda63e04f41"},1558:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function o(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);e.length>t;t++)n[t]=e[t];return n}return Array.from(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l,u,d=function(){function e(e,t){for(var n=0;t.length>n;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}();n(1598);var c=n(1),f=a(c),m=n(2),p=a(m),g=n(3),h=(n(15),n(149)),b=n(153),y=n(17),v=n(52),E=a(v);t.default=(u=l=function(e){function t(){var e,a,r,l;i(this,t);for(var u=arguments.length,d=Array(u),c=0;u>c;c++)d[c]=arguments[c];return a=r=s(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(d))),r.componentWillUnmount=function(){r.props.onLoadMore&&window.removeEventListener("scroll",r.preloadPhotos)},r.preloadPhotos=function(){var e=r.props,t=e.hasNextPage,n=e.isPending,a=e.elements,o=e.onLoadMore,i=void 0!==window.pageYOffset?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop,s=i+window.innerHeight,l=r.refs.list.clientHeight,u=r.refs.list.offsetTop,d=u+l;t&&s>200&&s>d-l/2&&!n&&a.length&&o()},r.parseLinkPatttern=function(e){var t=r.props.linkPattern.replace(":missionId",""+e.id).replace(":brandSlug",""+e.brand.slug).replace(":brandId",""+e.brand.id).replace(":missionSlug",""+e.slug);return"VideoMission"===e.__typename&&(t=t.replace("/mission/","/video-mission/")),t},r.getCoverPhoto=function(e){var t=n(1300);if(!e)return t;if(e.dynamicCoverPhoto)return e.dynamicCoverPhoto;if(e.coverPhoto){if(e.coverPhoto.w720)return e.coverPhoto.w720;if(e.coverPhoto.w768)return e.coverPhoto.w768}return t},r.getBadge=function(e){return e.brand&&"foap-academy"===e.brand.slug?f.default.createElement("div",{className:"badge-type"},"Foap Academy"):"VideoMission"===e.__typename?f.default.createElement("div",{className:"badge-type"},"Video mission"):e.premiumInfo?f.default.createElement("div",{className:"badge-type"},"Premium mission"):null},r.uniqueById=function(e){return e.length>0?[].concat(o(new Map(e.map(function(e){return[e.id,e]})).values())):e},l=a,s(r,l)}

1return r(t,e),d(t,[{key:"componentDidMount",value:function(){this.props.onLoadMore&&window.addEventListener("scroll",this.preloadPhotos)}},{key:"render",value:function(){var e=this,t=this.props,n=t.isPending,a=t.elements,o=t.title,i=t.noResultsInfo;return f.default.createElement("div",{className:"component-missions-list "+(t.singleLineMode?"single-line-mode":""),ref:"list",key:a.length},o?f.default.createElement("header",{className:"list-header"},f.default.createElement("h1",{className:"list-header-headline"},o)):null,f.default.createElement("div",{className:"list-body"},a.length||n?null:f.default.createElement("div",{className:"no-results-block"},f.default.createElement("h4",{className:"no-results-block-headline"},i)),this.uniqueById(a).map(function(t){return f.default.createElement(g.Link,{to:e.parseLinkPatttern(t),className:"list-element",key:t.id},f.default.createElement("div",{className:"mission-image",style:{backgroundImage:"url("+(0,y.forceHttpsUri)(e.getCoverPhoto(t))+")"}},e.getBadge(t)),f.default.createElement("div",{className:"mission-details"},f.default.createElement("div",{className:"mission-header"},f.default.createElement("div",{className:"mission-header-col mission-header-col-left"},f.default.createElement("img",{className:"mission-brand-logo",src:(0,y.forceHttpsUri)(t.brand.logo.w180),alt:t.brand.name+" logo"})),f.default.createElement("div",{className:"mission-header-col mission-header-col-right"},f.default.createElement("h4",{className:"mission-name"},t.name),f.default.createElement("p",{className:"mission-brand-name"},f.default.createElement("span",{className:"mission-brand-name-label"},"by")," ",t.brand.name))),f.default.createElement("div",{className:"mission-description custom-scrollbar"},t.description?f.default.createElement("p",{className:"mission-description-paragraph"},(0,h.shortenString)(t.description,200,!0)):null,f.default.createElement("span",{className:"mission-read-more-link"},"Read More")),f.default.createElement("div",{className:"mission-info"},"VideoMission"===t.__typename?f.default.createElement("p",{className:"mission-info-line"},f.default.createElement("strong",null,t.videos.totalCount)," Videos"):f.default.createElement("p",{className:"mission-info-line"},f.default.createElement("strong",null,t.photos.totalCount)," Photos"),f.default.createElement("p",{className:"mission-info-line"},f.default.createElement("strong",null,"$",t.rewardPrice)," Reward"),"FINISHED"===t.status||"COMPLETED"===t.status?f.default.createElement("p",{className:"mission-info-line"},f.default.createElement("strong",null,"Succesfully ended")):null,"ONGOING"===t.status?f.default.createElement("p",{className:"mission-info-line"},f.default.createElement("strong",null,(0,b.getRemainingDaysFromNow)(t.endAt))," Days Left"):null)))})),n?f.default.createElement("div",{className:"component-missions-list"},f.default.createElement(E.default,null)):null)}}]),t}(c.Component),l.propTypes={onLoadMore:p.default.func,isPending:p.default.bool,title:p.default.string,noResultsInfo:p.default.string,hasNextPage:p.default.bool,elements:p.default.arrayOf(p.default.shape({__typename:p.default.oneOf(["Mission","VideoMission"]).isRequired,id:p.default.string.isRequired,name:p.default.string.isRequired,slug:p.default.string.isRequired,description:p.default.string,rewardPrice:p.default.number.isRequired,endAt:p.default.string.isRequired,status:p.default.oneOf(["draft","scheduled","ongoing","finished","completed","cancelled","DRAFT","SCHEDULED","ONGOING","FINISHED","COMPLETED","CANCELLED"]),brand:p.default.shape({id:p.default.string.isRequired,name:p.default.string.isRequired,slug:p.default.string.isRequired,logo:p.default.shape({w180:p.default.string.isRequired}).isRequired}).isRequired,dynamicCoverPhoto:p.default.string,coverPhoto:p.default.shape({w720:p.default.string}).isRequired,videos:p.default.shape({totalCount:p.default.number.isRequired}),photos:p.default.shape({totalCount:p.default.number.isRequired})})).isRequired,linkPattern:p.default.string,singleLineMode:p.default.bool},l.defaultProps={singleLineMode:!1,noResultsInfo:"We can`t find active missions",isPending:!1,title:"",linkPattern:"/brand/:brandSlug/mission/:missionSlug"},u)},1598:function(e,t){},2730:function(e,t){}});
2//# sourceMappingURL=73.bundle.0ab745d350df41291cf8.js.map