https://truefans.fm/_next/static/chunks/5401.90339344b7118333.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5401],{41188:function(e,t,n){n.r(t);var r=n(47568),o=n(10253),i=n(97582),a=n(85893),s=n(67294),u=n(76770),c=n.n(u),l=n(42016),d=(n(43234),n(40823)),p=n(84737),h=n(38776);t.default=function(e){var t=e.image,n=e.contentType,u=e.document,m=e.documentId,f=e.onCancel,g=e.onSubmit,v=(0,s.useRef)(null),b=(0,o.Z)((0,d.FL)(),2),y=b[0],C=b[1];return(0,a.jsx)(p.Z,{title:"Crop your new profile picture",buttonText:"Set new profile picture",isLoading:C,handleClose:f,handleSubmit:function(){var e,t=null===v||void 0===v||null===(e=v.current)||void 0===e?void 0:e.cropper;t&&t.getCroppedCanvas().toBlob(function(){var e=(0,r.Z)((function(e){var t,r,o;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:if(!e)return[2];i.label=1;case 1:return i.trys.push([1,4,,6]),[4,(a=new File([e],"test.png"),new Promise((function(e){c().imageFileResizer(a,300,300,"PNG",100,0,(function(t){e(t)}),"file")})))];case 2:return t=i.sent(),[4,y({contentType:n,fileType:"image",doc:u,docId:m,filename:m},t)];case 3:return(r=i.sent())&&g(r.key),[3,6];case 4:return o=i.sent(),[4,(0,h.OE)({message:o.message,stack:o.stack||o,url:window.location.href})];case 5:return i.sent(),[3,6];case 6:return[2]}var a}))}));return function(t){return e.apply(this,arguments)}}())},imageNotice:!0,children:(0,a.jsx)(l.Z,{style:{height:"100%",width:"100%"},initialAspectRatio:1,src:t,viewMode:1,minCropBoxHeight:10,minCropBoxWidth:10,background:!1,autoCropArea:.9,checkOrientation:!1,ref:v})})}},84737:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(10253),o=n(85893),i=n(51233),a=n(31812),s=n(16052),u=n(61869),c=n(14924),l=n(1169),d=n(33850),p=(0,l.ZL)()((function(e){var t;return{root:(t={minWidth:450},(0,c.Z)(t,e.breakpoints.down("sm"),{minWidth:"100%"}),(0,c.Z)(t,"& > div.border-bottom",{borderBottom:"1px solid ".concat(d.Il.NTR_50),backgroundColor:d.Il.PRM_200}),(0,c.Z)(t,"& > div.border-top",{borderTop:"1px solid ".concat(d.Il.NTR_50)}),t),content:{width:"95%",margin:"2rem auto","& .cropper-container":{maxWidth:"100%"}},wrapper:(0,c.Z)({backgroundColor:d.Il.WHITE,padding:"5rem 6.5rem 2.1rem",position:"relative"},e.breakpoints.down("sm"),{padding:"7rem 2.1rem 2.1rem"}),closeBtn:{position:"absolute",top:"1.8rem",right:"1.7rem","&:hover":{backgroundColor:"transparent"}}}})),h=function(e){var t=e.children,n=e.handleClose,c=e.handleSubmit,l=e.title,d=e.imageNotice,h=e.isLoading,m=e.buttonText,f=(0,r.Z)((0,u.R)(),2),g=(f[0],f[1]),v=p().classes;return(0,o.jsxs)("div",{className:v.root,children:[(0,o.jsx)(s.C,{title:l,handleClose:n||g}),(0,o.jsx)("div",{className:v.content,children:t}),c&&(0,o.jsxs)(i.Z,{className:"border-top",gap:"24px",p:2.5,children:[(0,o.jsx)(a.Z,{loading:h,variant:"contained",color:"primary",onClick:c,children:m}),d&&(0,o.jsxs)("small",{children:["By proceeding you agree to give TrueFans access to the image you chose to upload",(0,o.jsx)("br",{}),"Please make sure you have the right to upload the image."]})]})]})}},40823:function(e,t,n){n.d(t,{FL:function(){return p}});var r=n(47568),o=n(97582),i=n(67294),a=n(88767),s=n(9669),u=n.n(s),c=n(79572),l=function(){var e=(0,r.Z)((function(e){return(0,o.__generator)(this,(function(t){switch(t.label){case 0:return[4,c.Z.post("/upload/signed-url",e)];case 1:return[2,t.sent().data]}}))}));return function(t){return e.apply(this,arguments)}}(),d=function(){var e=(0,r.Z)((function(e){var t,n,r;return(0,o.__generator)(this,(function(o){switch(o.label){case 0:return t=e.url,n=e.file,r=e.contentType,[4,u().put(t,n,{headers:{"Content-Type":r}})];case 1:return o.sent(),[2]}}))}));return function(t){return e.apply(this,arguments)}}(),p=function(){var e=(0,a.useMutation)(l),t=(0,a.useMutation)(d),n=(0,i.useCallback)(function(){var n=(0,r.Z)((function(n,r){var i;return(0,o.__generator)(this,(function(o){switch(o.label){case 0:return o.trys.push([0,3,,4]),[4,e.mutateAsync(n)];case 1:return i=o.sent(),[4,t.mutateAsync({url:i.data.url,file:r,contentType:n.contentType})];case 2:return o.sent(),[2,i.data];case 3:return o.sent(),[3,4];case 4:return[2]}}

1))}));return function(e,t){return n.apply(this,arguments)}}(),[t,e]);return[n,e.isLoading||t.isLoading]}}}]);