https://www.mvpaffiliate.io/_next/static/chunks/10703.e05b024a62ec686b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10703],{10703:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var a=s(95155),i=s(12115),n=s(42196),l=s(65229),r=s(35299),c=s(5917),d=s(48314);function o(e){let{videoUrl:t,initialOffsetMs:s,onPick:o,onClose:x}=e,u=(0,i.useRef)(null),[f,m]=(0,i.useState)(0),[h,b]=(0,i.useState)(null!=s?s/1e3:0),p=e=>Number.isFinite(e)?"".concat(e.toFixed(1),"s"):"0.0s";return(0,a.jsx)("div",{className:"fixed inset-0 z-[70] flex items-center justify-center p-4 bg-black/60",onClick:x,children:(0,a.jsxs)("div",{className:"w-full max-w-md max-h-[92vh] overflow-y-auto p-5 rounded-2xl bg-white dark:bg-[#16161a] shadow-2xl",onClick:e=>e.stopPropagation(),children:[(0,a.jsxs)("div",{className:"flex items-start justify-between mb-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("h3",{className:"text-base font-semibold text-[#1d1d1f] dark:text-[#f5f5f7] flex items-center gap-1.5",children:[(0,a.jsx)(n.A,{size:16,className:"text-[#E1306C]"})," Choose the Reel cover"]}),(0,a.jsx)("p",{className:"text-xs text-[#6e6e73] dark:text-[#ebebf0] mt-0.5",children:"Scrub to a frame — that still becomes your Reel cover. No need to fix it in Instagram."})]}),(0,a.jsx)("button",{onClick:x,className:"text-[#86868b] hover:text-[#1d1d1f] dark:hover:text-white p-1",title:"Close",children:(0,a.jsx)(l.A,{size:18})})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)("div",{className:"relative mx-auto rounded-xl overflow-hidden bg-black",style:{width:220,aspectRatio:"9 / 16"},children:(0,a.jsx)("video",{ref:u,src:t,muted:!0,playsInline:!0,preload:"auto",className:"absolute inset-0 w-full h-full object-cover",onLoadedMetadata:function(){let e=u.current;if(!e)return;let t=e.duration;if(Number.isFinite(t)&&t>1.5){m(t);try{e.currentTime=h}catch(e){}return}let s=()=>{let t=e.duration;if(Number.isFinite(t)&&t>0&&t<36e3){m(t),e.removeEventListener("durationchange",s);try{e.currentTime=Math.min(h,t)}catch(e){}}};e.addEventListener("durationchange",s);try{e.currentTime=1e7}catch(e){}},onDurationChange:e=>{let t=e.currentTarget.duration;Number.isFinite(t)&&t>f&&m(t)}})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("input",{type:"range",min:0,max:Math.max(f,.1),step:.1,value:Math.min(h,f||h),onChange:e=>(function(e){b(e);let t=u.current;if(t&&Number.isFinite(e))try{t.currentTime=e}catch(e){}})(parseFloat(e.target.value)),className:"w-full accent-[#E1306C]",disabled:!f}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-[11px] text-[#86868b] mt-0.5",children:[(0,a.jsxs)("span",{children:["Frame at ",(0,a.jsx)("strong",{className:"text-[#1d1d1f] dark:text-[#f5f5f7]",children:p(h)})]}),f?(0,a.jsx)("span",{children:p(f)}):(0,a.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,a.jsx)(r.A,{size:11,className:"animate-spin"})," loading…"]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,a.jsxs)("button",{onClick:()=>{o(Math.round(1e3*h)),x()},disabled:!f,className:"inline-flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-semibold bg-[#E1306C] text-white hover:opacity-90 disabled:opacity-50",children:[(0,a.jsx)(c.A,{size:13})," Use this frame"]}),null!=s&&(0,a.jsxs)("button",{onClick:()=>{o(null),x()},className:"inline-flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-semibold border border-[var(--border-2,#e5e5e7)] text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-[var(--surface-hover,#f5f5f7)]",children:[(0,a.jsx)(d.A,{size:13})," Reset to default"]})]})]})]})})}},48314:(e,t,s)=>{s.d(t,{A:()=>a});let a=(0,s(71847).A)("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]])}}]);