Module 604121

function(e,t,n){"use strict";n.d(t,{a:()=>o});var r=n(627968),i=n(64700),s=n(451988),a=function(e){return e.SVG="svg",e.CANVAS="canvas",e}(a||{});class o extends i.Component{static defaultProps={loop:!0,autoplay:!0,renderer:"svg",shouldAnimate:!0,resetOnPlay:!1};static Renderers=a;animationRef=i.createRef();animation;delayTimeout=new s.Ep;loadAnimation=async()=>{let{importData:e,loop:t,autoplay:r,delay:i,renderer:s,rendererSettings:a,shouldAnimate:o}=this.props;null!=this.animation&&this.animation.destroy();let[l,{default:u}]=await Promise.all([e(),Promise.resolve().then(n.t.bind(n,883885,23))]);if(null==this.animationRef.current)return;let c="object"==typeof l&&null!=l&&"default"in l&&"string"==typeof l.default?{path:l.default}:{animationData:l};this.animation=u.loadAnimation({container:this.animationRef.current,renderer:s,loop:t,autoplay:r&&null==i&&o,rendererSettings:a,...c}),null!=i?this.delayTimeout.start(i,()=>{this.animation?.play()}):this.playOrPauseAnimation(),this.animation?.addEventListener("complete",this.handleComplete)};componentDidMount(){null!=this.props.versionKey&&this.props.versionKey<0||this.loadAnimation()}componentDidUpdate(e){null!=this.props.versionKey&&this.props.versionKey<0||(null!=this.props.versionKey&&null!=e.versionKey&&this.props.versionKey>e.versionKey?this.loadAnimation():this.playOrPauseAnimation(e))}componentWillUnmount(){null!=this.animation&&(this.animation.stop(),this.animation.destroy(),this.animation=null),this.delayTimeout.stop()}playOrPauseAnimation(e){null!=this.animation&&(this.props.shouldAnimate&&(null==e||!e.shouldAnimate)?this.props.resetOnPlay?this.animation.goToAndPlay(0):this.animation.play():!this.props.shouldAnimate&&(null==e||e.shouldAnimate)&&(this.animation.pause(),null!=this.props.pauseAtFrame&&this.animation.goToAndStop(this.props.pauseAtFrame,!0)))}handleComplete=()=>{let{onComplete:e}=this.props;null!=e&&e()};render(){return(0,r.jsx)("div",{className:this.props.className,ref:this.animationRef})}}}