https://prod-activities.ripplestreet.com/6663.20bb61d2f2d5af2e95ee.js

1"use strict";(self.webpackChunkactivities_list=self.webpackChunkactivities_list||[]).push([[6663],{86663(e,t,a){a.r(t),a.d(t,{dataURLtoFile:()=>M,default:()=>O,filterUniqueFiles:()=>U,getIcons:()=>F,getNoOfPeople:()=>R});var n=a(58168),i=a(45458),l=a(80296),o=a(80045),r=a(59212),u=a(5556),c=a.n(u),d=a(44855),s=a(40244),m=a(668),p=a(61760),f=a(70287),g=a(73527),v=a(2532),h=a(90062),b=a(89389),y=a(43236),A=a(9433),k=a(81900),S=a(71269),E=a(97789),I=a(5683),D=a(61275),C=a(3173),x=a(71524),T=a(2772),w=["config","onChange","isSocial","setDisableSubmit"],F=function(e){return"store"===e.attribute?x:"dog"===e.attribute?C:"cat"===e.attribute?D:"people"===e.attribute?T:"correctBrand"===e.attribute?E:void 0},U=function(e,t){var a=(e||[]).reduce(function(e,t){return e.push(t.metaData.name),e},[]);return t.filter(function(e){return-1===a.indexOf(e.metaData.name)})},M=function(e,t){for(var a=e.split(","),n=a[0].match(/:(.*?);/)[1],i=atob(a[1]),l=i.length,o=new Uint8Array(l);l--;)o[l]=i.charCodeAt(l);return new File([o],t,{type:n})},R=function(e){var t=e.split(" ")[0];return"".concat(t," People")},q=(0,s.A)(function(e){return{root:{color:e.palette.text.main,border:"1px solid ".concat(e.palette.grey[100])}}})(d.TextField),P=function(e){var t=e.config,a=e.onChange,u=e.isSocial,c=e.setDisableSubmit,s=(0,o.A)(e,w),v=(0,r.useState)(null),E=(0,l.A)(v,2),D=E[0],C=E[1],x=(0,r.useState)(null),T=(0,l.A)(x,2),P=T[0],O=T[1],L=(0,r.useState)(!1),j=(0,l.A)(L,2),z=j[0],G=j[1],N=(0,r.useState)(""),W=(0,l.A)(N,2),_=W[0],B=W[1],H=(0,r.useState)(!1),Q=(0,l.A)(H,2),J=Q[0],K=Q[1],V=(0,r.useState)(!1),X=(0,l.A)(V,2),Y=X[0],Z=X[1],$=(0,r.useState)(null),ee=(0,l.A)($,1)[0],te=(0,r.useState)(!1),ae=(0,l.A)(te,2),ne=ae[0],ie=ae[1],le=(0,r.useState)([]),oe=(0,l.A)(le,2),re=oe[0],ue=oe[1],ce=(0,r.useState)(""),de=(0,l.A)(ce,1)[0],se=(0,r.useContext)(A._),me=(0,d.useMediaQuery)("(max-width:768px) and (orientation: portrait)"),pe=s.trackerData,fe=(0,m.useFormik)({validate:function(){var e,a={};return D&&0!==D.length||null==s||!s.tasks||null!==(e=s.tasks[0])&&void 0!==e&&e.optional?D.filter(function(e){return-1===e.metaData.type.indexOf(e.type.toLowerCase())}).length>0&&(a.mediaUpload="Please select valid ".concat(h.R2[t.type]," files.")):a.mediaUpload="Please select atleast 1 ".concat(h.R2[t.type],"."),a}},[D]).validateForm;(0,r.useEffect)(function(){B(""),ie(!1),t.validations&&t.validations.length>0&&t.validations.find(function(e){return e.enable})?Z(!0):Z(!1),ue([])},[]);var ge=function(e){var a=s.eventId,n=s.userId,i=s.activityId,l=s.activityGroupId,o={contentType:e[0].metaData.type,fileName:e[0].metaData.name,loaderType:"ASSET_IMAGE",metaData:{eventId:a,userId:n}};G(!0),B("Loading"),K(!0),k.A.getInstance().generateFileUploadPresignedUrl(o).then(function(n){if(!n)return G(!1),B(""),c(!1),void K(!1);B("Uploading Image"),k.A.getInstance().uploadUGC(n,e[0].metaData).then(function(n){n.body.getReader().closed.then(function(){if(n.status>=200&&n.status<=299)B("One sec, robots at work"),setTimeout(function(){B("One sec, robots at work"),k.A.getInstance().getImageRecognitionData(e[0].metaData.name,i,l,a).then(function(e){G(!1),B(""),c(!1),K(!1),function(e){var a=t.validations.filter(function(e){return e.enable}),n=[];a.forEach(function(t){var a=e.find(function(e){return e.attribute===t.attribute});n.push({type:t.attribute,status:a?a.status:"FAILED",name:"people"===a.attribute&&"SUCCESS"===a.status?R(a.message):t.displayName})}),ie(!0),ue([].concat(n))}(e)}).catch(function(e){G(!1),B(""),c(!1),K(!1)})},500);else if(!n.ok)return G(!1),B(""),c(!1),void K(!1)})})}).catch(function(){return K(!1),G(!1),B(""),c(!1),null})},ve=(0,r.useCallback)(function(e,n){if(e.length){var l=(0,i.A)(n?D:[]);l.push.apply(l,(0,i.A)(U(D,e))),C(l),t.validations&&t.validations.length>0&&t.validations.find(function(e){return e.enable})&&(ue([]),c(!0),Z(!1),ge(l)),a({isSocial:u,validateForm:fe,mediaOrigin:e[0].mediaOrigin,assetPayloads:l})}},[D,fe]),he=(0,r.useCallback)(function(){return r.createElement(y.A,(0,n.A)({title:t.addMediaTitle.value,subTitle:t.addMediaDescription.value,required:t.format.required},s),Y&&r.createElement("div",{style:{background:"#F5F5F5",color:"#000000",padding:"5%",borderRadius:"5px",position:"relative",paddingTop:"2%",marginLeft:me?"1%":"",marginRight:me?"1%":""}}

1,r.createElement("img",{alt:"tip",src:I,style:{width:"30px",height:"30px",position:"absolute",left:me?"-12px":"-13px",top:"6px"}}),r.createElement("span",{style:{paddingLeft:me?"3%":""}},"TIP: To get credit for completing this activity, make sure your photo includes:"),r.createElement("div",{style:{justifyContent:"center",display:"flex",textAlign:"center",marginTop:"2%"}},t.validations.map(function(e){return e.enable?r.createElement("div",{style:{display:"inline-block",marginRight:me?"0%":"2%"}},r.createElement("img",{alt:"recog",src:F(e),style:{width:"30px",height:"30px",display:"flex",justifyContent:"center",margin:"0 auto"}}),r.createElement("span",{style:{display:"block",width:me?"55px":"65px",paddingTop:"3%",wordWrap:"break-word"}},e.displayName)):r.createElement(r.Fragment,null)}))),r.createElement(p.A,{key:"pick",handleChange:ve,type:t.type,format:t.format}))},[D,t,Y]),be=function(e,t){O({file:e,i:t}),se.trackEvent("Activities","EditingImage",pe)},ye=(0,r.useCallback)(function(e){var n=D,i=P.file,l=P.i;i.blob=e,i.metaData=M(e,"".concat((new Date).getMilliseconds(),"-").concat(i.metaData.name)),n[l]=i,C(n),t.validations&&t.validations.length>0&&t.validations.find(function(e){return e.enable})&&(ue([]),c(!0),Z(!1),ge(n)),O(null),a({isSocial:u,validateForm:fe,assetPayloads:n})},[P,fe]),Ae=function(){return O(null)},ke=(0,r.useCallback)(function(){var e=["crop","flip","rotate","draw","text","mask"],t={includeUI:{theme:{"header.display":"none","common.backgroundColor":b.A.brandDark,"menu.normalIcon.color":b.A.brandLight,"menu.activeIcon.color":b.A.brandWarning,"submenu.backgroundColor":b.A.brandDark,"header.backgroundColor":b.A.brandDark,"menu.iconSize.width":"1.2em","menu.iconSize.height":"1.2em"},menu:e,initMenu:e[0],loadImage:{path:"",name:""},uiSize:{height:"550px"},menuBarPosition:"bottom"},cssMaxWidth:550,cssMaxHeight:550,selectionStyle:{cornerSize:20,rotatingPointOffset:70}};return P&&(t.includeUI.loadImage.name=P.file.metaData?P.file.metaData.name:t.includeUI.loadImage.name,t.includeUI.loadImage.path=P.file.blob?P.file.blob:t.includeUI.loadImage.path),P&&r.createElement(g.A,{options:t,onSave:ye,onCancel:Ae})},[P]),Se=(0,r.useCallback)(function(){var e,a,i,l;return r.createElement(y.A,(0,n.A)({title:null==t||null===(e=t.editMediaTitle)||void 0===e?void 0:e.value,subTitle:null==t||null===(a=t.editMediaDescription)||void 0===a?void 0:a.value,required:null==t||null===(i=t.editMediaDescription)||void 0===i?void 0:i.required,divider:!0},s),D&&r.createElement(r.Fragment,null,ke(),r.createElement(f.A,{imageData:D,setSelectedId:ee,type:t.type,captionTitle:null===(l=t.captionTitle)||void 0===l?void 0:l.value,socialShare:!1,onImageEdit:be,showRecognitionIcons:ne,recData:re,ftype:"UGC"}),r.createElement(d.CardActions,null,r.createElement(p.A,{key:"additional",handleChange:ve,additional:t.format.multiple,type:t.type,title:"+ ".concat(t.format.multiple?"Add":"Change"," ").concat(h.R2[t.type]).concat(t.format.multiple?"s":""),format:t.format}))))},[D,P,t.format.multiple,re,ne]),Ee=(0,r.useCallback)(function(){var e,a,i,l;return(null==t||null===(e=t.isTaggingRequired)||void 0===e?void 0:e.value)&&r.createElement(y.A,(0,n.A)({title:null==t||null===(a=t.editMediaTitle)||void 0===a?void 0:a.value,subTitle:null==t||null===(i=t.addMediaDescription)||void 0===i?void 0:i.value,required:null==t||null===(l=t.editMediaDescription)||void 0===l?void 0:l.required},s,{divo:!0}),r.createElement(q,{variant:"standard",fullWidth:!0,placeholder:"@johnsmith"}))},[]);return r.useEffect(function(){a({validateForm:fe,isSocial:u,assetPayloads:[]})},[]),r.createElement(S.A,{loading:z,showSpinner:J,loadText:_},r.createElement("div",null,r.createElement("div",{style:{color:"red"}},de),he(),Se(),Ee()))};P.propTypes={config:c().instanceOf(v.A).isRequired,onChange:c().func.isRequired,isSocial:c().bool.isRequired,setDisableSubmit:c().func,trackerData:c().object};const O=P},5683(e,t,a){e.exports=a.p+"f6e144b9f8a474e9c7bc.png"}}]);