{"version":3,"file":"Player.C4oAIYBA.mjs","names":["React.useRef","React.useState","__esmMin","_e","de","p","c","init_jsx_runtime","init_npm_react_18_3_1","ce","init_framer_BWFVvmND","addPropertyControls","ControlType","fmt","sec","m","s","Player","srcProp","props","src","audio","playing","setPlaying","t","setT","d","setD","narrow","setNarrow","root","el","ro","toggle","a","seek","r","progress","mono","muted","wave","heights","on","i","BARS","h","accent","durationLabel","style","surface","border","accentText","onAir","kicker","text","title","guest","init_Player","env"],"sources":["https:/framerusercontent.com/modules/VU8WaRYfbwOSVJHHZkqG/khetqczJhHADjV7h2c6p/Player.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const BARS=56;const heights=Array.from({length:BARS},(_,i)=>{const s=Math.sin(i*12.9898)*43758.5453;const r=s-Math.floor(s);const env=.45+.55*Math.sin(Math.PI*i/(BARS-1));return Math.max(.14,(.3+.7*r)*env);});function fmt(sec){if(!isFinite(sec)||sec<0)sec=0;const m=Math.floor(sec/60);const s=Math.floor(sec%60);return String(m).padStart(2,\"0\")+\":\"+String(s).padStart(2,\"0\");}/**\n * Podcast player. Plays the audio file at \"Audio URL\".\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function Player(props){const{src:srcProp,kicker,title,guest,durationLabel,onAir,surface,border,accent,accentText,text,muted,style}=props;const src=srcProp||\"https://framerusercontent.com/assets/TqCxamBjWZLmz5e5Om2L9zem4M.mp3\";const audio=React.useRef(null);const[playing,setPlaying]=React.useState(false);const[t,setT]=React.useState(0);const[d,setD]=React.useState(0);const[narrow,setNarrow]=React.useState(false);const root=React.useRef(null);React.useEffect(()=>{const el=root.current;if(!el||typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(([e])=>setNarrow(e.contentRect.width<560));ro.observe(el);return()=>ro.disconnect();},[]);const toggle=()=>{const a=audio.current;if(!a||!src)return;if(a.paused)a.play().catch(()=>setPlaying(false));else a.pause();};const seek=e=>{const a=audio.current;if(!a||!d)return;const r=e.currentTarget.getBoundingClientRect();a.currentTime=Math.min(d,Math.max(0,(e.clientX-r.left)/r.width*d));};const progress=d?t/d:0;const mono={fontFamily:'\"JetBrains Mono\", ui-monospace, monospace',fontSize:13,lineHeight:1.3,fontWeight:500,color:muted};const wave=/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:10,flex:narrow?\"1 1 100%\":\"1 1 0\",minWidth:0},children:[/*#__PURE__*/_jsx(\"div\",{role:\"slider\",\"aria-label\":\"Seek\",\"aria-valuemin\":0,\"aria-valuemax\":Math.round(d),\"aria-valuenow\":Math.round(t),tabIndex:0,onClick:seek,onKeyDown:e=>{const a=audio.current;if(!a)return;if(e.key===\"ArrowRight\")a.currentTime=Math.min(d,a.currentTime+5);if(e.key===\"ArrowLeft\")a.currentTime=Math.max(0,a.currentTime-5);},style:{display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",height:44,cursor:d?\"pointer\":\"default\",outline:\"none\"},children:heights.map((h,i)=>{const on=i/BARS<progress;return /*#__PURE__*/_jsx(\"div\",{style:{width:3,height:Math.round(h*44),borderRadius:2,background:on?accent:muted,opacity:on?1:.45,transition:\"background 120ms\"}},i);})}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\"},children:[/*#__PURE__*/_jsx(\"span\",{style:mono,children:fmt(t)}),/*#__PURE__*/_jsx(\"span\",{style:mono,children:d?fmt(d):durationLabel})]})]});return /*#__PURE__*/_jsxs(\"div\",{ref:root,style:{...style,boxSizing:\"border-box\",display:\"flex\",flexWrap:\"wrap\",alignItems:\"center\",gap:24,padding:24,borderRadius:20,background:surface,border:\"1px solid \"+border,fontFamily:'\"Schibsted Grotesk\", system-ui, sans-serif'},children:[/*#__PURE__*/_jsx(\"audio\",{ref:audio,src:src||undefined,preload:\"metadata\",onPlay:()=>setPlaying(true),onPause:()=>setPlaying(false),onEnded:()=>setPlaying(false),onTimeUpdate:e=>setT(e.currentTarget.currentTime),onLoadedMetadata:e=>setD(e.currentTarget.duration)}),/*#__PURE__*/_jsx(\"button\",{onClick:toggle,\"aria-label\":playing?\"Pause episode\":\"Play episode\",style:{width:72,height:72,flex:\"0 0 72px\",borderRadius:\"50%\",border:\"none\",background:accent,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:src?\"pointer\":\"default\",padding:0},children:/*#__PURE__*/_jsx(\"svg\",{width:\"26\",height:\"26\",viewBox:\"0 0 24 24\",\"aria-hidden\":\"true\",children:playing?/*#__PURE__*/_jsxs(\"g\",{fill:accentText,children:[/*#__PURE__*/_jsx(\"rect\",{x:\"6\",y:\"5\",width:\"4\",height:\"14\",rx:\"1.2\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"14\",y:\"5\",width:\"4\",height:\"14\",rx:\"1.2\"})]}):/*#__PURE__*/_jsx(\"path\",{d:\"M8 5.5v13a1 1 0 0 0 1.5.86l10.6-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5Z\",fill:accentText})})}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:6,flex:narrow?\"1 1 0\":\"0 1 300px\",minWidth:0},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:8},children:[onAir&&/*#__PURE__*/_jsx(\"span\",{style:{width:8,height:8,borderRadius:\"50%\",background:accent,boxShadow:\"0 0 0 4px \"+accent+\"40\"}}),/*#__PURE__*/_jsx(\"span\",{style:{...mono,fontSize:12,letterSpacing:\"0.06em\",textTransform:\"uppercase\",color:\"#C4B5FD\"},children:kicker})]}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:22,lineHeight:1.25,fontWeight:600,letterSpacing:\"-0.01em\",color:text},children:title}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,lineHeight:1.45,color:muted},children:guest})]}),wave]});}addPropertyControls(Player,{src:{type:ControlType.File,title:\"Audio file\",allowedFileTypes:[\"mp3\",\"m4a\",\"wav\",\"ogg\"]},kicker:{type:ControlType.String,title:\"Kicker\",defaultValue:\"Latest episode\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Pricing the thing you love\"},guest:{type:ControlType.String,title:\"Guest\",defaultValue:\"Theo Mbeki\"},durationLabel:{type:ControlType.String,title:\"Length\",defaultValue:\"64 min\"},onAir:{type:ControlType.Boolean,title:\"On air\",defaultValue:false},surface:{type:ControlType.Color,title:\"Surface\",defaultValue:\"#241640\"},border:{type:ControlType.Color,title:\"Border\",defaultValue:\"#3A2A5C\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#8B5CF6\"},accentText:{type:ControlType.Color,title:\"Icon\",defaultValue:\"#170E2B\"},text:{type:ControlType.Color,title:\"Text\",defaultValue:\"#FFFFFF\"},muted:{type:ControlType.Color,title:\"Muted\",defaultValue:\"#A99FC2\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Player\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Player.map"],"mappings":"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"}