https://audioboom.com/assets/packs/js/8537-8cf3f9279ff2f023beb1.chunk.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="11d59052-40e4-46f1-98a2-d455dfd663c9",e._sentryDebugIdIdentifier="sentry-dbid-11d59052-40e4-46f1-98a2-d455dfd663c9")}catch(e){}}(),(self.webpackChunkaudioboom_web=self.webpackChunkaudioboom_web||[]).push([[8537],{2694:function(e,r,t){"use strict";var a=t(6925);function n(){}function o(){}o.resetWarningCache=n,e.exports=function(){function e(e,r,t,n,o,s){if(s!==a){var i=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function r(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:o,resetWarningCache:n};return t.PropTypes=t,t}},5556:function(e,r,t){e.exports=t(2694)()},6925:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},46622:function(e,r,t){"use strict";var a,n=this&&this.__extends||(a=function(e,r){return(a=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)r.hasOwnProperty(t)&&(e[t]=r[t])})(e,r)},function(e,r){function t(){this.constructor=e}a(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}),o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0});var s=o(t(5556)),i=o(t(96540));r.FileDrop=function(e){function r(t){var a=e.call(this,t)||this;return a.resetDragging=function(){a.frameDragCounter=0,a.setState({draggingOverFrame:!1,draggingOverTarget:!1})},a.handleWindowDragOverOrDrop=function(e){e.preventDefault()},a.handleFrameDrag=function(e){if(r.eventHasFiles(e)){if(a.frameDragCounter+="dragenter"===e.type?1:-1,1===a.frameDragCounter){a.setState({draggingOverFrame:!0}),a.props.onFrameDragEnter&&a.props.onFrameDragEnter(e);return}if(0===a.frameDragCounter){a.setState({draggingOverFrame:!1}),a.props.onFrameDragLeave&&a.props.onFrameDragLeave(e);return}}},a.handleFrameDrop=function(e){!a.state.draggingOverTarget&&(a.resetDragging(),a.props.onFrameDrop&&a.props.onFrameDrop(e))},a.handleDragOver=function(e){r.eventHasFiles(e)&&(a.setState({draggingOverTarget:!0}),!r.isIE()&&a.props.dropEffect&&(e.dataTransfer.dropEffect=a.props.dropEffect),a.props.onDragOver&&a.props.onDragOver(e))},a.handleDragLeave=function(e){a.setState({draggingOverTarget:!1}),a.props.onDragLeave&&a.props.onDragLeave(e)},a.handleDrop=function(e){if(a.props.onDrop&&r.eventHasFiles(e)){var t=e.dataTransfer?e.dataTransfer.files:null;a.props.onDrop(t,e)}a.resetDragging()},a.handleTargetClick=function(e){a.props.onTargetClick&&a.props.onTargetClick(e),a.resetDragging()},a.stopFrameListeners=function(e){e&&(e.removeEventListener("dragenter",a.handleFrameDrag),e.removeEventListener("dragleave",a.handleFrameDrag),e.removeEventListener("drop",a.handleFrameDrop))},a.startFrameListeners=function(e){e&&(e.addEventListener("dragenter",a.handleFrameDrag),e.addEventListener("dragleave",a.handleFrameDrag),e.addEventListener("drop",a.handleFrameDrop))},a.frameDragCounter=0,a.state={draggingOverFrame:!1,draggingOverTarget:!1},a}return n(r,e),r.prototype.componentDidMount=function(){this.startFrameListeners(this.props.frame),this.resetDragging(),window.addEventListener("dragover",this.handleWindowDragOverOrDrop),window.addEventListener("drop",this.handleWindowDragOverOrDrop)},r.prototype.componentDidUpdate=function(e){e.frame!==this.props.frame&&(this.resetDragging(),this.stopFrameListeners(e.frame),this.startFrameListeners(this.props.frame))},r.prototype.componentWillUnmount=function(){this.stopFrameListeners(this.props.frame),window.removeEventListener("dragover",this.handleWindowDragOverOrDrop),window.removeEventListener("drop",this.handleWindowDragOverOrDrop)},r.prototype.render=function(){var e=this.props,r=e.children,t=e.className,a=e.targetClassName,n=e.draggingOverFrameClassName,o=e.draggingOverTargetClassName,s=this.state,l=s.draggingOverTarget,d=s.draggingOverFrame,u=a;return d&&(u+=" "+n),l&&(u+=" "+o),i.default.createElement("div",{className:t,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},i.default.createElement("div",{className:u,onClick:this.handleTargetClick},r))},r.isIE=function(){return"u">typeof window&&(-1!==window.navigator.userAgent.indexOf("MSIE")||window.navigator.appVersion.indexOf("Trident/")>0)},r.eventHasFiles=function(e){var r=!1;if(e.dataTransfer){var t=e.dataTransfer.types;for(var a in t)if("Files"===t[a]){r=!0;break}}return r},r.propTypes={className:s.default.string,targetClassName:s.default.string,draggingOverFrameClassName:s.default.string,draggingOverTargetClassName:s.default.string,onDragOver:s.default.func,onDragLeave:s.default.func,onDrop:s.default.func,onTargetClick:s.default.func,dropEffect:s.default.oneOf(["copy","move","link","none"]),frame:function(e,r,t){var a=e[r];return null==a?Error("Warning: Required prop `"+r+"` was not specified in `"+t+"`"):a===document||a instanceof HTMLElement?void 0:Error("Warning: Prop `"+r+"` must be one of the following: document, HTMLElement!")},onFrameDragEnter:s.default.func,onFrameDragLeave:s.default.func,onFrameDrop:s.default.func},r.defaultProps={dropEffect:"copy",frame:"u"<typeof window?void 0:window.document,className:"file-drop",targetClassName:"file-drop-target",draggingOverFrameClassName:"file-drop-dragging-over-frame",draggingOverTargetClassName:"file-drop-dragging-over-target"},r}(i.default.PureComponent)},59872:function(e,r,t){"use strict";t.d(r,{default:function(){return y}});

1var a=t(74848),n=t(96540),o=t(32224),s=t(24361),i=t(46942),l=t.n(i),d=function({progress:e,className:r}){return e?(0,a.jsx)("div",{className:l()("progress-line",r),style:{width:e.percentage+"%"}}):(0,a.jsx)("div",{className:l()("progress-line hidden-but-with-dimensions",r)})},u=t(20311),g=t.n(u),p=t(69058);let c="form-validating",f=new WeakMap;function m(e){let r=f.get(e);return r||(r=[],f.set(e,r)),r}function v(e){e.preventDefault();let r=this;if(r.classList.contains(c))return;let t=m(r);r.classList.add(c),Promise.all(t.map(e=>e(r))).then(function(){return r.removeEventListener("submit",v),setTimeout(()=>{r.requestSubmit(e.submitter),r.addEventListener("submit",v)}),Promise.resolve("done")}).catch(e=>console.debug("Form validation failed:",e)).then(()=>r.classList.remove(c))}var h=t(15590),D=t(74100),y=function({imageSrc:e,initialKey:r,imageRatio:t=1,name:i,id:l,allowRemoval:u=!1,uploadOptions:c={target:"local",type:"image"}}){let f=c.target;g()(f.match(/^(local|activestorage|s3)$/),"bad FormImageWell props"),"local"===f&&g()(c.type?.match(/^(image|profile|banner)$/),"bad FormImageWell props");let[y,O]=(0,n.useState)(r||null),[b,F]=(0,n.useState)(null),[w,E]=(0,n.useState)(0),[T,L]=(0,n.useState)(e||null),_=(0,n.useRef)(r||null),C=e=>{_.current=e,O(e)},x=(0,n.useRef)(null),N=(0,n.useRef)(null);N.current??=new s.ef(c);let j=e=>new Promise(r=>{"uploadKey"in e&&C(e.uploadKey),"errorMessage"in e&&F(e.errorMessage),r()}),k=(0,n.useCallback)(e=>{let r=()=>x.current?x.current.then(()=>_.current?Promise.resolve("ok"):Promise.reject(Error("image failed"))):Promise.resolve("no image"),t=e.closest("form");return g()(t,"missing form for FormImageWell"),t.dataset.validatorHandler||(t.addEventListener("submit",v),t.dataset.validatorHandler="1"),m(t).push(r),()=>{let e,a;return a=(e=m(t)).indexOf(r),void(g()(a>=0,"Couldn't find validator"),e.splice(a,1))}},[]),P=null,I=null;return b&&(P=(0,a.jsx)("p",{className:"text-danger small",children:b})),null!==y&&(I=(0,a.jsx)("input",{type:"hidden",name:"activestorage"===c.target||""===y?i:i+"[upload_key]",value:y})),(0,a.jsxs)("div",{ref:k,children:[I,(0,a.jsx)(o.A,{imageSrc:T,imageRatio:t,id:l,onFileDrop:e=>{e&&(F(null),E(0),C(null),(0,D.s)(e,(r,t)=>{if(r)F((0,h.yq)(r));else{let r,a;g()(t,"doesn't support removing image"),L(t.data),(r=N.current).setFile(e),a=r.upload(e=>E(e.loaded/e.total)).then(()=>{if(a!==x.current)return;let{uploadKey:e,lastError:t}=r;return e?j({uploadKey:e}):(g()(t,"must have either a key or an error"),j({errorMessage:(0,p.CA)(t)}))}),x.current=a}}))}}),(0,a.jsx)(d,{progress:{percentage:100*w},className:"mvs"}),P,u&&T&&(0,a.jsx)("a",{href:"#",className:"db mbm small",onClick:e=>{e.preventDefault(),x.current=null,L(null),C("")},children:"Remove image"})]})}},32224:function(e,r,t){"use strict";t.d(r,{A:function(){return g}});var a=t(74848),n=t(77688),o=t(68780),s=e=>{let{imageRatio:r,src:t}=e;r||(r=1);let n={height:0,paddingBottom:100/r+"%"};return(0,a.jsx)("div",{style:n,className:"pos-rel",children:t&&(0,a.jsx)("img",{className:"pos-abs wh-100 object-cover",src:t})})},i=t(20311),l=t.n(i),d=t(15685),u=t(96540),g=function({imageSrc:e=null,imageRatio:r=1,id:t,className:i,onFileDrop:g}){let p=(0,u.useId)(),c=t||p;return(0,a.jsx)(o.A,{chunky:!0,onFileDrop:e=>{let r=e[0];l()(r,"How is it possible to drop zero files?"),g&&g(r)},fileProps:{accept:"image/*"},id:c,className:i,children:(0,a.jsx)("div",{className:"pos-rel",style:{height:0,paddingBottom:100/r+"%"},children:e?(0,a.jsx)(s,{src:e,imageRatio:r}):(0,a.jsx)("div",{className:"l-abs-fill-all l-flex-centre-children-v",children:(0,a.jsxs)("div",{className:"tc mha",children:[(0,a.jsx)(n.A,{icon:d.rwq,className:"fa-2x mvm file-drop-icon"}),(0,a.jsx)("label",{htmlFor:c,className:"db file-drop-text form-label",children:"Add an image"})]})})})})}}}]);