https://assets06.foap.com/build/61.bundle.4247cefa3a72e87a373e.js

1webpackJsonp([61],{1207:function(e,t,a){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(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 i,l,u,d=function(){function e(e,t){for(var a=0;t.length>a;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}();a(2038);var c=a(1),f=n(c),m=a(2),p=n(m),h=a(13),b=a(8),g=a(115),v=n(g),y=a(52),E=n(y),N=a(1636),M=n(N),P=a(1557),q=n(P),w=a(393),_=a(1520),O=a(100),k=a(2414),j=n(k);t.default=(0,h.connect)(function(e){return{brands:e.brands,missions:e.missions,videoMissions:e.b2bPanelVideoMissions}},{fetchVideoDetails:w.fetchVideoDetails,fetchUserMissionVideos:_.fetchUserMissionVideos,setError:O.setError})((u=l=function(e){function t(){var e,a,n,r;s(this,t);for(var i=arguments.length,l=Array(i),u=0;i>u;u++)l[u]=arguments[u];return a=n=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(l))),n.componentWillReceiveProps=function(e){n.fetchMissionData(e)},n.fetchMissionData=function(e){var t=e.params,a=t.brandSlug,n=t.missionSlug;e.missions.missionsDetails[a+"-"+n]||e.fetchVideoDetails({brandSlug:a,missionSlug:n})},n.fetchMissionVideos=function(e){e.fetchUserMissionVideos({videoMissionSlug:e.routeParams.missionSlug})},n.onPrevMission=function(){n.switchMission("prev")},n.onNextMission=function(){n.switchMission("next")},r=a,o(n,r)}

1return r(t,e),d(t,[{key:"componentDidMount",value:function(){this.fetchMissionData(this.props),this.fetchMissionVideos(this.props)}},{key:"render",value:function(){var e=this.props.params,t=e.brandSlug,a=e.missionSlug,n=this.props.missions,s=n.missionsDetails,o=this.props.brands.missions,r=t+"-"+a,i=this.props.videoMissions.userMissionVideos.data,l=s[r],u=o[t];if(!l||l.isPending||!i||this.props.videoMissions.userMissionVideos.isPending)return f.default.createElement("div",{className:"container-video-mission"},f.default.createElement(E.default,null));if(l.isLoaded&&!l.data)return this.props.setError({errorType:"notFound"}),null;var d=!1;u&&u.isLoaded&&u.data&&u.data.length&&(d=!0);var c="video mission";return l.data.brand&&"foap"===l.data.brand.slug&&(c="Foap Academy mission"),f.default.createElement("div",{className:"container-video-mission show-video"},f.default.createElement(v.default,{title:""+l.data.name,description:"Join "+l.data.name+" "+c+" by "+l.data.brand.name+" and win "+l.data.rewardPrice+"! UGC on demand!",robots:"index, follow",image:l.data.coverPhoto.w1140||l.data.dynamicCoverPhoto,canonical:(0,b.getRouteByName)("videoMission",{brandSlug:l.data.brand.slug,missionSlug:l.data.slug}).path}),f.default.createElement(M.default,{brand:l.data.brand,isVideo:!0,backgroundVideos:l.data.coverVideo,backgroundImage:l.data.coverPhoto.w1280||l.data.dynamicCoverPhoto,showControls:d,onPrev:this.onPrevMission,onNext:this.onNextMission}),f.default.createElement("div",{className:"mission-body"},f.default.createElement("div",{className:"container-fluid"},f.default.createElement(q.default,{mission:l,videosCount:null,hideJoinBtn:!0}),f.default.createElement(j.default,{userMissionVideosList:i}))))}}]),t}(f.default.Component),l.propTypes={fetchVideoDetails:p.default.func.isRequired,setError:p.default.func.isRequired,brands:p.default.shape({missions:p.default.objectOf(p.default.shape({isLoaded:p.default.bool,data:p.default.arrayOf(p.default.shape({slug:p.default.string}))})).isRequired}).isRequired,missions:p.default.shape({missionsDetails:p.default.shape({isPending:p.default.bool,isLoaded:p.default.bool,data:p.default.object}).isRequired,details:p.default.objectOf(p.default.object).isRequired}).isRequired,videoMissions:p.default.shape({userMissionVideos:p.default.shape({isPending:p.default.bool,data:p.default.object}).isRequired}).isRequired,params:p.default.shape({brandSlug:p.default.string.isRequired,missionSlug:p.default.string.isRequired}).isRequired},l.defaultProps={},i=u))||i},1241:function(e,t,a){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(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 i,l,u=function(){function e(e,t){for(var a=0;t.length>a;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}();a(1261);var d=a(1),c=n(d),f=a(2),m=n(f);t.default=(l=i=function(e){function t(e){return s(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return r(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.page,n=e.customText,s=e.query;return 1===t?c.default.createElement("div",{className:"component-gallery-no-result"},n?c.default.createElement("h1",{className:"no-results-headline"},n):c.default.createElement("h1",{className:"no-results-headline"},"Oops. We couldn’t find any results",s?' for "'+s+'"':"","."),s&&c.default.createElement("p",{className:"no-results-subheadline"},"Check the spelling or try to modify your search."),c.default.createElement("img",{className:"no-results-icon",src:a(1246)})):c.default.createElement("div",{className:"component-gallery-no-result"},c.default.createElement("h1",{className:"no-results-headline"},"Oops. We couldn’t find more results",s?' for "'+s+'"':"","."),s&&c.default.createElement("p",{className:"no-results-subheadline"},"Check the spelling or try to modify your search."),c.default.createElement("img",{className:"no-results-icon",src:a(1246)}),")}")}}]),t}(c.default.Component),i.propTypes={page:m.default.number,query:m.default.string,customText:m.default.string},i.defaultProps={page:1,query:"",customText:""},l)},1246:function(e,t,a){e.exports=a.p+"images/no-results-icon.png?h=66451a4d6b436764ffb6c3f57a4290db"},1261:function(e,t){},1520:function(e,t,a){"use strict";

1function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.fetchUserMissionVideos=t.list=t.search=void 0;var s=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},o=a(411),r=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t}(o),i=a(54),l=n(i),u=a(53),d=a(408),c=n(d),f=a(409),m=n(f);t.search=function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=arguments[1];return function(n){var s={page:t.page||1,perPage:t.perPage||40};return t.statuses&&(s.status=t.statuses[0]),t.query&&(s.query=t.query),(0,u.requestOptions)({req:a,type:r.SEARCH,onRetry:e,name:"b2bVideoMissionsSearch",validationSchema:l.default.object().shape({data:l.default.object().shape({me:l.default.object().shape({brand:l.default.object().shape({missions:l.default.object().required()}).required()}).required()}).required()}),params:t,requestParams:s,query:"\n            query b2bVideoMissionsSearch (\n                $page: Int\n                $perPage: Int\n                $query: String\n                $status: MissionStatus\n            ) {\n                me {\n                    brand: currentBrand {\n                        missions: managableVideoMissions (\n                            page: $page\n                            perPage: $perPage\n                            query: $query\n                            status: $status\n                        ) {\n                            edges {\n                                node {\n                                    ...videoMissionBasics\n                                    ...videoMissionBrand\n                                }\n                            }\n                            totalCount\n                        }\n                    }\n                }\n            }\n            "+c.default+"\n            "+m.default+"\n        "})}},t.list=function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=arguments[1];return function(n){var s={page:t.page||1,perPage:t.perPage||40};return t.statuses&&(s.status=t.statuses[0]),t.query&&(s.query=t.query),(0,u.requestOptions)({req:a,type:r.LIST,onRetry:e,name:"b2bVideoMissionsList",validationSchema:l.default.object().shape({data:l.default.object().shape({me:l.default.object().shape({brand:l.default.object().shape({missions:l.default.object().required()}).required()}).required()}).required()}),params:t,requestParams:s,query:"\n            query b2bVideoMissionsList (\n                $page: Int\n                $perPage: Int\n                $query: String\n                $status: MissionStatus\n            ) {\n                me {\n                    brand: currentBrand {\n                        missions: managableVideoMissions (\n                            page: $page\n                            perPage: $perPage\n                            query: $query\n                            status: $status\n                        ) {\n                            edges {\n                                node {\n                                    id\n                                    slug\n                                    name\n                                    description\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        "})}},t.fetchUserMissionVideos=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return function(a){return e=s({videoMissionSlug:e.videoMissionSlug},e),(0,u.requestOptions)({req:t,type:r.FETCH_USER_MISSION_VIDEOS,name:"userMissionVideos",params:e,requestParams:{videoMissionSlug:e.videoMissionSlug},validateSuccess:function(e){return e.data.userMissionVideos},validationSchema:l.default.object(),query:"\n            query userMissionVideos (\n                $videoMissionSlug: String!\n            ) {\n                userMissionVideos (\n                  videoMissionSlug: $videoMissionSlug\n                ) {\n                    id\n                    fileName\n                }\n            }\n        "})}}},1557:function(e,t,a){"use strict";

1function n(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(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 i,l,u=function(){function e(e,t){for(var a=0;t.length>a;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}();a(1597);var d=a(1),c=n(d),f=a(2),m=n(f),p=(a(15),a(3)),h=a(42),b=n(h),g=a(17),v=a(153),y=a(28),E=n(y);t.default=(l=i=function(e){function t(){return s(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.hideStats,n=t.hideJoinBtn,s=t.mission,o=t.photosCount,r=t.videosCount,i=t.joinPath,l=s.data,u=l.rewardPrice;return!u&&Array.isArray(l.rewards)&&l.rewards.length&&(u=l.rewards.filter(function(e){return e&&e.value}).reduce(function(e,t){return Math.round(e+t.value)},0)),c.default.createElement("section",{className:"component-missions-header-section"},c.default.createElement("div",{className:"header-col header-col-left"},c.default.createElement("div",{className:"header-block header-block-title"},c.default.createElement(p.Link,{to:"/brand/"+l.brand.slug},c.default.createElement("img",{className:"brand-logo",src:(0,g.forceHttpsUri)(l.brand.logo.w180),alt:l.brand.name+" logo"})),c.default.createElement("div",{className:"mission-title"},"video"===l.type&&c.default.createElement("span",{className:"mission-type"},"Video Mission"),l.premiumInfo?c.default.createElement("span",{className:"mission-type"},"Premium Mission"):null,c.default.createElement(p.Link,{to:"/brand/"+l.brand.slug},c.default.createElement("h1",{className:"mission-name"},l.name)),c.default.createElement("h2",{className:"mission-author"},c.default.createElement("span",{className:"mission-author-label"},"by")," ",l.brand.name)))),c.default.createElement("div",{className:"header-col header-col-right"},a?null:c.default.createElement("div",{className:"header-block header-block-stats"},c.default.createElement("div",{className:"mission-stats"},o||r?c.default.createElement("span",{className:"stats-col stats-col-photos"},c.default.createElement("strong",null,o||r)," ",o?"Photos":r?"Videos":null):null,u?c.default.createElement("span",{className:"stats-col stats-col-reward"},c.default.createElement("strong",null,"$",u||0)," Reward"):null,c.default.createElement("span",{className:"stats-col stats-col-days-left status-"+l.status},"finished"===l.status.toLowerCase()||"completed"===l.status.toLowerCase()?c.default.createElement("span",{className:"end-info"},c.default.createElement("strong",null,"Succesfully ended")):null,"ongoing"===l.status.toLowerCase()?c.default.createElement("span",{className:"days-remaining"},c.default.createElement("strong",null,(0,v.getRemainingDaysFromNow)(l.endAt))," Days left"):null,c.default.createElement("span",{className:"date-end"},c.default.createElement("strong",{className:"small"},(0,b.default)(l.endAt).format("YYYY-MM-DD"))," Ends at"))),n||"ongoing"!==l.status.toLowerCase()?null:c.default.createElement(E.default,{size:"m",layout:"full-width",className:"join-btn",element:"anchor",to:i},"Join this mission")),this.props.onShare?c.default.createElement("div",{className:"header-block header-block-social"},c.default.createElement("p",{className:"social-links-label"},"Share This Mission"),c.default.createElement("div",{className:"social-links"},c.default.createElement("a",{className:"social-link social-link-fb",onClick:function(){e.props.onShare("facebook")}},c.default.createElement("i",{className:"fa fa-facebook-square"})),c.default.createElement("a",{className:"social-link social-link-twitter",onClick:function(){e.props.onShare("twitter")}},c.default.createElement("i",{className:"fa fa-twitter-square"})),c.default.createElement("a",{className:"social-link social-link-gplus",onClick:function(){e.props.onShare("googlePlus")}},c.default.createElement("i",{className:"fa fa-google-plus-square"})))):null))}}]),t}(d.Component),i.propTypes={onShare:m.default.func,photosCount:m.default.string,videosCount:m.default.string,joinPath:m.default.string,hideStats:m.default.bool,hideJoinBtn:m.default.bool,mission:m.default.shape({data:m.default.shape({id:m.default.string.isRequired,slug:m.default.string.isRequired,status:m.default.oneOf(["ongoing","finished","completed","draft","rewarded","sampled_request","ONGOING","FINISHED","COMPLETED","DRAFT","REWARDED","SAMPLED_REQUEST"]),name:m.default.string.isRequired,brand:m.default.shape({name:m.default.string.isRequired,logo:m.default.shape({w180:m.default.string.isRequired}).isRequired}).isRequired,rewardPrice:m.default.number.isRequired,rewards:m.default.array,endAt:m.default.string.isRequired})}).isRequired},i.defaultProps={isVideo:!1,hideStats:!1,hideJoinBtn:!0,joinPath:"/join-mission"},l)},1597:function(e,t){},1636:function(e,t,a){"use strict";

1function n(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(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 i,l,u=function(){function e(e,t){for(var a=0;t.length>a;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}();a(1716);var d=a(1),c=n(d),f=a(2),m=n(f),p=a(17);t.default=(l=i=function(e){function t(){return s(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.premiumInfo,a=e.isVideo,n=e.backgroundImage,s=e.showControls,o=e.backgroundVideos,r=e.brand,i="Video Mission";return r&&"foap-academy"===r.slug&&(i="Foap Academy"),a?c.default.createElement("section",{className:"component-missions-hero-section video-mission"},c.default.createElement("div",{className:"mission-type-badge"},c.default.createElement("p",{className:"mission-type"},i)),t?c.default.createElement("div",{className:"mission-type-badge"},c.default.createElement("p",{className:"mission-type"},"Premium Mission")):null,s?c.default.createElement("div",{className:"controls"},c.default.createElement("div",{className:"control control-left",onClick:this.props.onPrev},c.default.createElement("i",{className:"fa fa-chevron-left"})),c.default.createElement("div",{className:"control control-right",onClick:this.props.onNext},c.default.createElement("i",{className:"fa fa-chevron-right"}))):null,o.length?[c.default.createElement("div",{key:"video-mask",className:"video-mask"}),c.default.createElement("video",{key:"video",className:"hero-video",width:"auto",height:"auto",muted:!0,autoPlay:!0,loop:!0,preload:"auto"},o.filter(function(e){return 1920===e.size}).map(function(e){return c.default.createElement("source",{src:e.url,type:"video/"+e.format.toLowerCase()})}),"Your browser does not support the video tag."),c.default.createElement("div",{key:"video-bg",className:"background",style:{backgroundImage:"url("+(0,p.forceHttpsUri)(n)+")"}})]:c.default.createElement("div",{className:"background",style:{backgroundImage:"url("+(0,p.forceHttpsUri)(n)+")"}})):c.default.createElement("section",{className:"component-missions-hero-section default-mission"},t?c.default.createElement("div",{className:"mission-type-badge"},c.default.createElement("p",{className:"mission-type"},"Premium Mission")):null,s?c.default.createElement("div",{className:"controls"},c.default.createElement("div",{className:"control control-left",onClick:this.props.onPrev},c.default.createElement("i",{className:"fa fa-chevron-left"})),c.default.createElement("div",{className:"control control-right",onClick:this.props.onNext},c.default.createElement("i",{className:"fa fa-chevron-right"}))):null,c.default.createElement("div",{className:"background",style:{backgroundImage:"url("+(0,p.forceHttpsUri)(n)+")"}}))}}]),t}(d.Component),i.propTypes={premiumInfo:m.default.object,isVideo:m.default.bool,backgroundVideos:m.default.arrayOf(m.default.shape({format:m.default.oneOf(["MP4","WEBM"]).isRequired,url:m.default.string.isRequired})),brand:m.default.shape({slug:m.default.string.isRequired}).isRequired,backgroundImage:m.default.string,showControls:m.default.bool,onPrev:m.default.func.isRequired,onNext:m.default.func.isRequired},i.defaultProps={premiumInfo:null,showControls:!1,isVideo:!1},l)},1716:function(e,t){},2038:function(e,t){},2414:function(e,t,a){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}

1Object.defineProperty(t,"__esModule",{value:!0}),a(2658);var s=a(1),o=n(s),r=a(2415),i=n(r),l=a(1241),u=n(l);t.default=function(e){var t=e.userMissionVideosList;return o.default.createElement("section",{className:"component-missions-body-section expanded"},o.default.createElement("div",{className:"block block-description"},o.default.createElement("h1",{className:"block-headline video-heading"},"My Videos"),t.length?null:o.default.createElement(u.default,{customText:"Oops. We couldn’t find any collections."}),t.map(function(e,t){return o.default.createElement(i.default,{key:t,video:e})})))}},2415:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),a(2659);var n=a(1),s=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default=function(e){var t=e.video;return s.default.createElement("div",{className:"component-missions-video-join-video-form"},s.default.createElement("div",{className:"dropzone dropzone-video video-section"},s.default.createElement("div",{className:"children-content"},s.default.createElement("div",{className:"upload-list"},s.default.createElement("span",{className:"file-name"},s.default.createElement("i",{className:"status-icon success-icon fa fa-check-circle"}),t.fileName),s.default.createElement("div",{className:"file-progress-bar-container"},s.default.createElement("div",{className:"file-progress-bar success"},s.default.createElement("span",{className:"progresss-bar-inner progress-bar-style"})))))))}},2658:function(e,t){},2659:function(e,t){}});
2//# sourceMappingURL=61.bundle.4247cefa3a72e87a373e.js.map