"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[7067],{55652:(e,t,n)=>{n.d(t,{LottieAnimation:()=>f});var s=n(30758),r=n(8143),l=n(86070);const o=({children:e,...t})=>{const[n,o]=(0,s.useState)(null),a=(0,s.useRef)(null);return(0,s.useLayoutEffect)((()=>{a.current?.shadowRoot||o(a.current?.attachShadow({mode:"open"})??null)}),[]),(0,l.jsx)("div",{ref:a,...t,children:n&&(0,r.createPortal)(e,n)})};var a=n(63638),c=n.n(a),u=n(61272);const i=()=>{},d=({style:e,className:t,onAnimationEnd:n=i,...r})=>{const o=(0,s.useRef)(null),a=(0,s.useRef)(null),d=(0,u.lB)((()=>r),[r]);return(0,s.useLayoutEffect)((()=>{if(!o.current)return()=>{};a.current?.destroy();const e=a.current=c().loadAnimation({...d,container:o.current,renderer:"svg"});return e.addEventListener("complete",n),()=>{e.removeEventListener("complete",n),e.destroy()}}),[d,n]),(0,l.jsx)("div",{ref:o,className:t,style:e})},f=({withShadowRoot:e=!0,className:t,style:n,...s})=>e?(0,l.jsx)(o,{className:t,children:(0,l.jsx)(d,{...s,style:n})}):(0,l.jsx)(d,{className:t,style:n,...s})}}]);
//# sourceMappingURL=lottie-animation.js.map