https://photocat.com/_next/static/chunks/3868.ef5da20d13ac4425.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="d589bbf7-69bc-41b4-b8f0-7921fe83bd34",e._sentryDebugIdIdentifier="sentry-dbid-d589bbf7-69bc-41b4-b8f0-7921fe83bd34")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3868],{93868:function(e,t,i){i.r(t),i.d(t,{default:function(){return w}});var r=i(52676),n=i(75271),o=i(23545),a=i(54737),l=i(27588),c=i(52890),s=i(67811),u=i(62284),d=i.n(u);let h=e=>{let{tab:t,tabList:i,disabled:o,cls:a,onChange:l}=e,s=(0,n.useMemo)(()=>"tab-radio-".concat(Math.random().toString(36).substr(2,9)),[]);return(0,r.jsx)("div",{className:(0,c.cn)("relative flex items-center gap-[10px]",a),children:i.map(e=>(0,r.jsxs)("label",{className:(0,c.cn)("flex cursor-pointer items-center gap-[10px] p-2",d()["custom-radio"],o&&"cursor-not-allowed opacity-30"),children:[(0,r.jsx)("input",{type:"radio",name:s,disabled:o,className:"h-4 w-4 checked:bg-[var(--theme-color)]",value:e.value,checked:t===e.value,onChange:()=>l(e.value)}),(0,r.jsx)("div",{className:d()["custom-radio-input"]}),(0,r.jsx)("span",{className:"whitespace-nowrap text-sm font-semibold leading-[15px] text-[var(--content-white-primary)]",children:e.label})]},e.value))})};var g=i(63641),m=i(27562),x=i(61103),v=i(56078),f=i(18387),j=i(7929);function p(e){let{frames:t,width:i,height:o,videoSize:a}=e,[l,c]=(0,n.useState)([]),s=(0,n.useMemo)(()=>{if(!(null==a?void 0:a.width)||!(null==a?void 0:a.height))return i/t.length;let e=a.width/a.height;return o*e},[a,o,i,t.length]);return(0,n.useEffect)(()=>{let e=!1,i=[];return c([]),t.forEach(t=>{let r=new window.Image;r.src=t,r.onload=()=>{if(e){r.onload=null,r.src="";return}i.push(r),c(e=>[...e,r])}}),()=>{e=!0,i.forEach(e=>{e.onload=null,e.src=""}),c([])}},[t]),(0,r.jsx)(r.Fragment,{children:l.map((e,t)=>(0,r.jsx)(f.Ee,{image:e,x:t*s,y:0,width:s,height:o},t))})}var b=e=>{let{file:t,duration:i,conWidth:o,videoSize:a,seek:l,pxPerSecond:c,range:s,videoRef:u,moveRange:d,clipMode:h,resizeRange:g,disabled:m,pointerDisabled:x}=e,[b,w]=(0,n.useState)(null),[y,L]=(0,n.useState)(null),[k,C]=(0,n.useState)(null),[M,R]=(0,n.useState)(j.jo.videoPointer.x),F=(0,n.useRef)(!1),E=(0,n.useRef)(0),S=(0,n.useRef)(0),N=(0,n.useRef)(0),P=(0,n.useMemo)(()=>{if(!(null==a?void 0:a.width)||!(null==a?void 0:a.height)||!i)return 20;let e=o-2*j.jo.timeLine.x,t=a.width/a.height,r=j.jo.timeLine.height*t;return Math.max(1,Math.ceil(e/r))},[o,a,i]),T=function(e){let{file:t,duration:i,frameCount:r,videoSize:o,timelineHeight:a}=e,[l,c]=(0,n.useState)([]);return(0,n.useEffect)(()=>{if(!i||!(null==o?void 0:o.width)||!(null==o?void 0:o.height)){c([]);return}let e=!1,n=[],l=document.createElement("video"),s=URL.createObjectURL(t);l.src=s,l.muted=!0,l.preload="metadata";let u=document.createElement("canvas"),d=u.getContext("2d",{willReadFrequently:!0}),h=async()=>{if(!d||e)return;let t=l.videoWidth||o.width,s=l.videoHeight||o.height,h=o.width/o.height,g=a*h,m=2*g,x=2*a;u.width=m,u.height=x;let v=[];for(let o=0;o<r&&!e;o++){let a=i/r*o;if(await new Promise(e=>{l.currentTime=a,l.onseeked=()=>e()}),e)break;d.drawImage(l,0,0,t,s,0,0,m,x);let c=await new Promise(e=>{u.toBlob(t=>{if(!t){e("");return}let i=URL.createObjectURL(t);e(i)},"image/jpeg",.9)});c&&(n.push(c),v.push(c)),await new Promise(e=>setTimeout(e,0))}if(e){n.forEach(e=>URL.revokeObjectURL(e));return}c(v)};return l.onloadedmetadata=h,()=>{e=!0,c(e=>(e.forEach(e=>{e.startsWith("blob:")&&URL.revokeObjectURL(e)}),[])),l.onloadedmetadata=null,l.onseeked=null,l.pause(),l.src="",l.load(),l.remove(),URL.revokeObjectURL(s),u.width=0,u.height=0}},[t,i,r,a,o]),l}({file:t,duration:i,frameCount:P,videoSize:a,timelineHeight:j.jo.timeLine.height});(0,n.useEffect)(()=>{let e=new window.Image;e.src=j.jo.videoPointer.url,e.onload=()=>{w(e)}},[]),(0,n.useEffect)(()=>{let e=j.jo.videoPointer.cursor,t=new window.Image;t.src=e,t.onload=()=>{let e=Math.floor(t.width/2),i=Math.floor(t.height/2);L({x:e,y:i})}},[]),(0,n.useEffect)(()=>{let e=j.jo.clip.url,t=new window.Image;t.src=e,t.onload=()=>{let e=Math.floor(t.width/2),i=Math.floor(t.height/2);C({x:e,y:i})}},[]);let U=(0,n.useCallback)(()=>

1{if(!i||!c||!u.current||!s)return;let e=u.current,t=Date.now()-E.current;if(t>100){let t=e.currentTime,i=t;t<s.start?i=s.start:t>s.end&&(i=s.end);let r=j.jo.timeLine.x+i*c;R(r)}},[i,c,u,s]);(0,n.useEffect)(()=>{if(!i||!c||!u)return;let e=u.current;if(!e)return;let t=null,r=()=>{if(e.paused){null!==t&&(cancelAnimationFrame(t),t=null);return}if(F.current){t=requestAnimationFrame(r);return}U(),t=requestAnimationFrame(r)},n=()=>{null===t&&(t=requestAnimationFrame(r))},o=()=>{null!==t&&(cancelAnimationFrame(t),t=null)};return e.addEventListener("play",n),e.addEventListener("pause",o),e.paused||(t=requestAnimationFrame(r)),()=>{e.removeEventListener("play",n),e.removeEventListener("pause",o),null!==t&&cancelAnimationFrame(t)}},[i,c,o,u,s,U]);let A=(0,n.useCallback)(()=>{if(!s||!c)return{minX:0,maxX:o};let e=j.jo.timeLine.x,t=e+s.start*c,i=e+s.end*c;return{minX:t,maxX:i}},[s,c,o]),D=(0,n.useCallback)(()=>{if(!s||!c)return{minX:0,maxX:o};let e=j.jo.timeLine.x,t=e+s.start*c,i=e+s.end*c,r=t-j.jo.videoPointer.hotArea.width/2,n=i-j.jo.videoPointer.hotArea.width/2;return{minX:r,maxX:n}},[s,c,o]),Z=(0,n.useCallback)(e=>{if(!s||!c)return 0;let t=A(),i=Math.max(t.minX,Math.min(t.maxX,e)),r=j.jo.timeLine.x,n=r+s.start*c,o=(i-n)/c,a=s.end-s.start;return Math.max(0,Math.min(a,o))},[s,c,A]),X=(0,n.useCallback)(()=>{(null!=x?x:m)||(F.current=!0)},[x,m]),I=(0,n.useCallback)(e=>{if((null!=x?x:m)||!F.current)return;let t=e.target.x(),i=t+j.jo.videoPointer.width;R(i);let r=Z(i);l&&l(r)},[x,m,l,Z]),O=(0,n.useCallback)(e=>{if(null!=x?x:m)return;F.current=!1,E.current=Date.now();let t=e.target.x(),i=t+j.jo.videoPointer.width;R(i);let r=Z(i);l&&l(r)},[x,m,Z,l]),z=(0,n.useCallback)(e=>{if((null!=x?x:m)||F.current)return;let t=e.target.getStage();if(!t)return;let i=t.getPointerPosition();if(!i)return;let r=j.jo.timeLine.x,n=j.jo.timeLine.y,a=j.jo.timeLine.height;if(i.x>=r&&i.x<=r+(o-2*j.jo.timeLine.x)&&i.y>=n&&i.y<=n+a){let e=A(),t=Math.max(e.minX,Math.min(e.maxX,i.x));R(t);let r=Z(t);l&&l(r)}},[x,m,l,Z,o,A]),W=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();if(i){let e=j.jo.videoPointer.cursor;y?i.style.cursor="url(".concat(e,") ").concat(y.x," ").concat(y.y,", auto"):i.style.cursor="url(".concat(e,") 8 8, auto")}},[y]),K=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&(i.style.cursor="default")},[]),_=(0,n.useRef)(0),B=(0,n.useCallback)(e=>{!m&&s&&(_.current=e.target.x())},[m,s]),q=(0,n.useCallback)(e=>{if(m||!d||!c||!s)return;let t=e.target.x(),i=t-_.current;_.current=t,d(i)},[m,d,c,s]),H=(0,n.useCallback)(()=>{_.current=0},[]),$=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&(i.style.cursor="grab")},[]),V=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&(i.style.cursor="default")},[]),Y=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&(i.style.cursor="grabbing")},[]),G=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&(i.style.cursor="grab")},[]),J=(0,n.useCallback)(e=>{var t;if(m)return;S.current=e.target.x(),N.current=s.start;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&k&&(i.style.cursor="url(".concat(j.jo.clip.url,") ").concat(k.x," ").concat(k.y,", auto"))},[m,s.start,k]),Q=(0,n.useCallback)(e=>{if(m||!c||!g||!i)return;let t=e.target.x()+j.jo.clip.width,r=j.jo.timeLine.x,n=Math.max(0,Math.min((t-r)/c,s.end-1));g(n,s.end)},[m,c,g,s.end,i]),ee=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&k&&(i.style.cursor="url(".concat(j.jo.clip.url,") ").concat(k.x," ").concat(k.y,", auto"))},[k]),et=(0,n.useCallback)(e=>{var t;if(m)return;S.current=e.target.x(),N.current=s.end;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&k&&(i.style.cursor="url(".concat(j.jo.clip.url,") ").concat(k.x," ").concat(k.y,", auto"))},[m,s.end,k]),ei=(0,n.useCallback)(e=>{if(m||!c||!g||!i)return;let t=e.target.x(),r=j.jo.timeLine.x,n=Math.min(i,Math.max((t-r)/c,s.start+1));g(s.start,n)},[m,c,g,s.start,i]),er=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&k&&(i.style.cursor="url(".concat(j.jo.clip.url,") ").concat(k.x," ").concat(k.y,", auto"))},[k]),en=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&k&&(i.style.cursor="url(".concat(j.jo.clip.url,") ").concat(k.x," ").concat(k.y,", auto"))},[k]),eo=(0,n.useCallback)(e=>{var t;let i=null===(t=e.target.getStage())||void 0===t?void 0:t.container();i&&(i.style.cursor="default")},[]);return(0,n.useEffect)(()=>{U()},[s]),(0,r.jsxs)(f.Hf,{width:o,height:j.jo.canvas.height,onClick:z,onTap:z,children:[(0,r.jsx)(f.mh,{children:(0,r.jsxs)(f.ZA,{name:"videoFrames",x:j.jo.timeLine.x,y:j.jo.timeLine.y,clipX:0,clipY:0,clipWidth:o-2*j.jo.timeLine.x,clipHeight:j.jo.timeLine.height,children:[(0,r.jsx)(p,{frames:T,width:o-2*j.jo.timeLine.x,height:j.jo.timeLine.height,videoSize:a}),s&&c&&i?(0,r.jsxs)(r.Fragment,{children:[s.start>0&&(0,r.jsx)(f.UL,{x:0,y:0,width:s.start*c,height:j.jo.timeLine.height,fill:j.jo.range.unRangeColor}),s.end<i&&(0,r.jsx)(f.UL,{x:s.end*c,y:0,width:(i-s.end)*c,height:j.jo.timeLine.height,fill:j.jo.range.unRangeColor})]}):(0,r.jsx)(f.UL,{x:0,y:0,width:o-2*j.jo.timeLine.x,height:j.jo.timeLine.height,fill:j.jo.range.unRangeColor})]})}),(0,r.jsxs)(f.mh,{children:[s&&c&&i&&h!==v.K8.Full&&(0,r.jsxs)(f.ZA,{x:j.jo.timeLine.x+s.start*c,y:j.jo.timeLine.y,draggable:!m,dragBoundFunc:e=>{let t=j.jo.timeLine.x,i=o-2*j.jo.timeLine.x,r=(s.end-s.start)*c,n=j.jo.timeLine.y;return{x:Math.max(t,Math.min(t+i-r,e.x)),y:n}},onDragStart:e=>{B(e),Y(e)},onDragMove:q,onDragEnd:e=>{H(),G(e)},onMouseEnter:$,onMouseLeave:V,children:[(0,r.jsx)(f.UL,{x:j.jo.range.text.x,y:j.jo.range.text.y,width:j.jo.range.text.width,height:j.jo.range.text.height,fill:j.jo.range.text.bg,opacity:j.jo.range.text.opacity}),(0,r.jsx)(f.xv,{x:j.jo.range.text.x,y:j.jo.range.text.y+4,text:"".concat((s.end-s.start).toFixed(1),"s"),width:j.jo.range.text.width,align:"center",fill:j.jo.range.text.color,fontSize:j.jo.range.text.fontSize}),(0,r.jsx)(f.UL,{x:0,y:0,width:(s.end-s.start)*c,height:j.jo.timeLine.height,stroke:j.jo.range.borderColor,strokeWidth:j.jo.range.borderWidth,fill:"transparent"})]}),s&&c&&i&&h===v.K8.Full&&(0,r.jsx)(f.UL,{x:j.jo.timeLine.x+s.start*c,y:j.jo.timeLine.y,width:(s.end-s.start)*c,height:j.jo.timeLine.height,stroke:j.jo.range.borderColor,strokeWidth:j.jo.range.borderWidth,fill:"transparent"}),b&&(0,r.jsxs)(f.ZA,{name:"hotArea",x:M-j.jo.videoPointer.width,draggable:!(null!=x?x:m),dragBoundFunc:e=>

1{let t=D(),i=j.jo.videoPointer.y;return{x:Math.max(t.minX,Math.min(t.maxX,e.x)),y:i}},onDragStart:X,onDragMove:I,onDragEnd:O,onMouseEnter:W,onMouseLeave:K,children:[(0,r.jsx)(f.UL,{x:0,y:0,width:j.jo.videoPointer.hotArea.width,height:j.jo.videoPointer.hotArea.height,fill:"transparent"}),(0,r.jsx)(f.Ee,{x:(j.jo.videoPointer.hotArea.width-j.jo.videoPointer.width)/2,y:j.jo.videoPointer.y,width:j.jo.videoPointer.width,height:j.jo.videoPointer.height,image:b})]}),s&&c&&i&&h===v.K8.Custom&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(f.ZA,{x:j.jo.timeLine.x+s.start*c-j.jo.clip.width,y:j.jo.clip.y,draggable:!m,dragBoundFunc:e=>{let t=j.jo.timeLine.x,i=t-j.jo.clip.width,r=t+s.end*c-j.jo.clip.width-1*c,n=j.jo.clip.y;return{x:Math.max(i,Math.min(r,e.x)),y:n}},onDragStart:J,onDragMove:Q,onDragEnd:ee,onMouseEnter:en,onMouseLeave:eo,children:[(0,r.jsx)(f.UL,{x:0,y:0,width:j.jo.clip.width,height:j.jo.clip.height,fill:j.jo.clip.color,cornerRadius:[j.jo.clip.cornerRadius,0,0,j.jo.clip.cornerRadius]}),(0,r.jsx)(f.UL,{x:(j.jo.clip.width-j.jo.clip.control.width)/2,y:(j.jo.clip.height-j.jo.clip.control.height)/2,width:j.jo.clip.control.width,height:j.jo.clip.control.height,fill:j.jo.clip.control.color,cornerRadius:j.jo.clip.control.cornerRadius})]}),(0,r.jsxs)(f.ZA,{x:j.jo.timeLine.x+s.end*c,y:j.jo.clip.y,draggable:!m,dragBoundFunc:e=>{let t=j.jo.timeLine.x,i=o-2*j.jo.timeLine.x,r=t+s.start*c+1*c,n=t+i-j.jo.clip.width,a=j.jo.clip.y;return{x:Math.max(r,Math.min(n,e.x)),y:a}},onDragStart:et,onDragMove:ei,onDragEnd:er,onMouseEnter:en,onMouseLeave:eo,children:[(0,r.jsx)(f.UL,{x:0,y:0,width:j.jo.clip.width,height:j.jo.clip.height,fill:j.jo.clip.color,cornerRadius:[0,j.jo.clip.cornerRadius,j.jo.clip.cornerRadius,0]}),(0,r.jsx)(f.UL,{x:(j.jo.clip.width-j.jo.clip.control.width)/2,y:(j.jo.clip.height-j.jo.clip.control.height)/2,width:j.jo.clip.control.width,height:j.jo.clip.control.height,fill:j.jo.clip.control.color,cornerRadius:j.jo.clip.control.cornerRadius})]})]})]})]})},w=function(){var e;let{isOpen:t,onClose:i}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},u=(0,n.useRef)(null),d=(0,n.useRef)(),[f,p]=(0,n.useState)(!1),{taskInfo:w,clipMode:y,changeClipMode:L,loading:k,sourceFile:C,sourceFileProps:M,timeLineRect:R,setTimeLineRect:F,seek:E,pxPerSecond:S,range:N,originalVideoRef:P,previewVideoRef:T,tab:U,moveRange:A,resizeRange:D}=(0,n.useContext)(v.sA),Z=(0,n.useCallback)(e=>{!k&&C&&L(e)},[L,k,C]);(0,n.useEffect)(()=>{let e=null,i=!1,r=(0,s.Z)(()=>{if(u.current){let e=u.current.getBoundingClientRect();F({width:e.width,height:e.height})}},200),n=()=>

1{if(i)return;if(!u.current||!window.ResizeObserver){void 0!==t&&t&&(d.current=window.setTimeout(n,50));return}let o=new ResizeObserver(r);o.observe(u.current),r(),e=()=>{o.disconnect(),r.cancel()}};if(void 0!==t){if(t){let t=requestAnimationFrame(()=>{n()});return()=>{i=!0,cancelAnimationFrame(t),d.current&&(clearTimeout(d.current),d.current=void 0),e&&e()}}return}return n(),()=>{i=!0,d.current&&(clearTimeout(d.current),d.current=void 0),e&&e()}},[u,F,t]);let X=(0,n.useMemo)(()=>{var e;return null==w?void 0:null===(e=w.result)||void 0===e?void 0:e.resultUrlPreview},[null==w?void 0:null===(e=w.result)||void 0===e?void 0:e.resultUrlPreview]),I=(0,n.useMemo)(()=>{var e;return(null!==(e=null==M?void 0:M.size)&&void 0!==e?e:0)/1024/1024>j.Tb},[null==M?void 0:M.size]),O=(0,r.jsxs)("div",{className:(0,c.cn)("flex h-[180px] w-full shrink-0 flex-col items-center justify-center gap-4 rounded-2xl bg-[rgba(255,255,255,0.08)] px-6","mobile:h-auto mobile:min-h-[150px] mobile:bg-[unset] mobile:px-0",(k||!C)&&"opacity-40"),children:[(X||I)&&!f?(0,r.jsxs)("div",{className:"mobile:h-auto flex h-[48px] items-center justify-between gap-2 rounded-xl border border-[#F0F0F5] bg-[#FDFFBC] px-4 py-[10px]",children:[(0,r.jsxs)("div",{className:"flex flex-1 items-center gap-3",children:[(0,r.jsx)(x.Z,{fill:"black",className:"h-4 w-4 shrink-0"}),(0,r.jsx)("div",{className:"font-inter text-sm leading-4 text-black/60",children:I?(0,o.t)("vid.enh.clip.max",{param1:150}):(0,o.t)("vid.enh.clip.tips")})]}),(0,r.jsx)("div",{className:"shrink-0",children:(0,r.jsx)(m.Z,{className:"h-4 w-4 text-black/60 hover:cursor-pointer",onClick:()=>p(!0)})})]}):(0,r.jsxs)("div",{className:"mobile:gap-1 flex items-center gap-[10px] rounded-[45px] bg-[rgba(255,255,255,0.05)] px-6 py-2",children:[(0,r.jsx)("div",{className:"mobile:hidden font-interMedium px-1 text-sm text-[var(--content-white-secondary)]",children:(0,o.t)("vid.enh.length")}),(0,r.jsx)(h,{tab:y,disabled:k||!!X||I,tabList:[{value:v.K8.Full,label:(0,o.t)("vid.enh.full")},{value:v.K8.Ten,label:"10s"},{value:v.K8.Thirty,label:"30s"},{value:v.K8.Custom,label:(0,o.t)("bf.btn.custom")}],cls:"mobile:gap-1",onChange:Z},y)]}),(0,r.jsx)("div",{className:"w-full",children:(0,r.jsx)("div",{ref:u,className:"relative w-full",children:(null==R?void 0:R.width)&&C&&M?(0,r.jsx)(b,{disabled:k||!!X||I,pointerDisabled:k,file:C,duration:null==M?void 0:M.duration,conWidth:R.width,videoSize:null==M?void 0:M.resolution,seek:E,pxPerSecond:S,range:N,videoRef:U===v.OK.Preview?T:P,moveRange:A,clipMode:y,resizeRange:D}):(0,r.jsx)(g.O,{className:"w-full bg-[rgba(255,255,255,0.05)]",style:{height:"".concat(j.jo.timeLine.height,"px")}})})})]});return void 0===t?O:(0,r.jsx)(a.u,{appear:!0,show:t,as:n.Fragment,children:(0,r.jsxs)(l.V,{as:"div",className:"mobile:block relative z-50 hidden",onClose:i||(()=>{}),children:[(0,r.jsx)(a.u.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,r.jsx)("div",{className:"fixed inset-0"})}),(0,r.jsx)("div",{className:"fixed inset-0 overflow-hidden",children:(0,r.jsx)("div",{className:"flex min-h-full items-end justify-center",children:(0,r.jsx)(a.u.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 translate-y-full",enterTo:"opacity-100 translate-y-0",leave:"ease-in duration-200",leaveFrom:"opacity-100 translate-y-0",leaveTo:"opacity-0 translate-y-full",children:(0,r.jsxs)(l.V.Panel,{className:"mobile:bg-[#171717] w-full max-w-md transform overflow-hidden rounded-t-2xl border-t border-[rgba(255,255,255,0.08)] bg-[rgba(255,255,255,0.08)] pt-10 shadow-xl transition-all",children:[i&&(0,r.jsx)("div",{className:"absolute right-2 top-2",children:(0,r.jsx)("button",{type:"button",onClick:i,className:"flex h-8 w-8 items-center justify-center rounded-full text-white hover:bg-[rgba(255,255,255,0.2)]",children:(0,r.jsx)(m.Z,{className:"h-5 w-5"})})}),(0,r.jsx)("div",{className:"px-4 pb-6",children:O})]})})})})]})})}},67811:function(e,t,i){i.d(t,{Z:function(){return j}});var r=i(82433),n=i(99615),o=function(){return n.Z.Date.now()},a=/\s/,l=function(e){for(var t=e.length;t--&&a.test(e.charAt(t)););return t},c=/^\s+/,s=i(98111),u=0/0,d=/^[-+]0x[0-9a-f]+$/i,h=/^0b[01]+$/i,g=/^0o[0-7]+$/i,m=parseInt,x=function(e){if("number"==typeof e)return e;if((0,s.Z)(e))return u;if((0,r.Z)(e)){var t,i="function"==typeof e.valueOf?e.valueOf():e;e=(0,r.Z)(i)?i+"":i}if("string"!=typeof e)return 0===e?e:+e;e=(t=e)?t.slice(0,l(t)+1).replace(c,""):t;var n=h.test(e);return n||g.test(e)?m(e.slice(2),n?2:8):d.test(e)?u:+e},v=Math.max,f=Math.min,j=function(e,t,i){var n,a,l,c,s,u,d=0,h=!1,g=!1,m=!0;if("function"!=typeof e)throw TypeError("Expected a function");function j(t){var i=n,r=a;return n=a=void 0,d=t,c=e.apply(r,i)}function p(e){var i=e-u,r=e-d;return void 0===u||i>=t||i<0||g&&r>=l}function b(){var e,i,r,n=o();if(p(n))return w(n);s=setTimeout(b,(e=n-u,i=n-d,r=t-e,g?f(r,l-i):r))}function w(e){return(s=void 0,m&&n)?j(e):(n=a=void 0,c)}function y(){var e,i=o(),r=p(i);if(n=arguments,a=this,u=i,r){if(void 0===s)return d=e=u,s=setTimeout(b,t),h?j(e):c;if(g)return clearTimeout(s),s=setTimeout(b,t),j(u)}return void 0===s&&(s=setTimeout(b,t)),c}return t=x(t)||0,(0,r.Z)(i)&&(h=!!i.leading,l=(g="maxWait"in i)?v(x(i.maxWait)||0,t):l,m="trailing"in i?!!i.trailing:m),y.cancel=function(){void 0!==s&&clearTimeout(s),d=0,n=u=a=s=void 0},y.flush=function(){return void 0===s?c:w(o())},y}},98111:function(e,t,i){var r=i(33918),n=i(13795);t.Z=function(e){return"symbol"==typeof e||(0,n.Z)(e)&&"[object Symbol]"==(0,r.Z)(e)}}}]);