markdown-flow-ui 0.1.108-beta.4 → 0.1.109

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/Slide/Player.cjs.js +1 -1
  2. package/dist/components/Slide/Player.cjs.js.map +1 -1
  3. package/dist/components/Slide/Player.es.js +70 -70
  4. package/dist/components/Slide/Player.es.js.map +1 -1
  5. package/dist/components/Slide/Slide.cjs.js.map +1 -1
  6. package/dist/components/Slide/Slide.es.js.map +1 -1
  7. package/dist/components/Slide/SubtitleOverlay.cjs.js.map +1 -1
  8. package/dist/components/Slide/SubtitleOverlay.es.js.map +1 -1
  9. package/package.json +1 -1
package/dist/components/Slide/Player.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),_e=require("../../lib/utils.cjs.js"),Ye=require("./MobilePlayerSettingsSheet.cjs.js"),Ge=require("./constants.cjs.js"),Je=require("./utils/mobileScreenMode.cjs.js"),Qe=require("./utils/playerCustomActions.cjs.js");;/* empty css */const Ie=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),er=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),rr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.cjs.js"),tr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.cjs.js"),nr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),sr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),ur=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.cjs.js"),lr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),ar=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),je=new Map,ke=w=>{if(typeof window>"u"||!w||je.has(w))return;const N=window.document.createElement("audio");N.preload="auto",N.setAttribute("playsinline","true"),N.src=w,N.load(),je.set(w,N)},cr=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),ir=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),or=({audioList:w=[],className:N,currentAudioIndex:d=-1,defaultPlaying:E=!0,isPlaybackPaused:T=!1,isAutoAdvanceEnabled:z=!0,useAutoAdvanceToggle:D=!1,onLoadingChange:I,onPlaybackStarted:ee,onPlaybackTimeChange:K,onSubtitleToggle:re,onPrev:Ce,onNext:we,onFullscreen:te,isFullscreen:ne=!1,mobileViewMode:Me=Je.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:Ae,onMobileViewModeChange:se,onEnded:ue,onAutoAdvanceToggle:Ne,onInteractionToggle:Te,hasInteraction:ve=!1,isInteractionOpen:V=!1,isSubtitleEnabled:X=!0,prevDisabled:Le=!1,nextDisabled:qe=!1,showControls:Y=!0,customActions:le,customActionContext:ae,texts:ce,...Ue})=>{const p=r.useRef(null),ie=r.useRef(V),_=r.useRef(null),oe=r.useRef(null),y=r.useRef(0),a=r.useRef(null),Z=r.useRef(void 0),j=r.useRef([]),B=r.useRef(!1),fe=r.useRef(!1),x=r.useRef(!1),v=r.useRef(null),g=r.useRef(!1),u=r.useRef(!1),m=r.useRef(null),R=r.useRef(!1),L=r.useRef(null),G=r.useRef(0),M=r.useRef("unknown"),[J,c]=r.useState(E),[de,F]=r.useState(!1),o=d>=0?w[d]:void 0,W=o?.audioUrl,Pe=o?.element?.subtitle_cues??[],k=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,n)=>e.segment_index-n.segment_index),[o?.audioSegments]),me=r.useMemo(()=>Qe.toPlayerCustomActionList(le,ae),[ae,le]),pe=me.length+5,Fe=r.useMemo(()=>({"--slide-player-mobile-control-count":String(pe)}),[pe]),q=r.useMemo(()=>({...Ge.DEFAULT_SLIDE_PLAYER_TEXTS,...ce}),[ce]),Q=r.useMemo(()=>o?o.audioKey??`${String(o.sequenceNumber??"none")}:${String(o.audioUrl??"")}`:"none",[o]),We=D?z:J,Ve=D?z?"Pause autoplay":"Play autoplay":J?"Pause":"Play";r.useEffect(()=>{Z.current=o},[o]),r.useEffect(()=>{Y||F(!1)},[Y]),r.useEffect(()=>{!ie.current&&V&&F(!1),ie.current=V},[V]),r.useEffect(()=>{j.current=k},[k]),r.useEffect(()=>{const e=o?.audioUrl,n=d>=0?w[d+1]?.audioUrl:void 0;ke(e),ke(n)},[w,o?.audioUrl,d]);const s=r.useCallback(e=>{fe.current!==e&&(fe.current=e,I?.(e))},[I]),xe=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),A=r.useCallback(()=>E&&!T&&!x.current&&M.current!=="blocked",[E,T]),be=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),he=r.useCallback(()=>{const e=a.current;return e==null||e<=0?0:j.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0)/1e3},[]),U=r.useCallback(e=>e<=0?0:j.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0),[]),ye=r.useCallback(()=>{const e=p.current;return e?v.current==="segment"?U(y.current)+Math.max(e.currentTime,0)*1e3:m.current!==null&&e.readyState===0?m.current*1e3:Math.max(e.currentTime,0)*1e3:a.current!=null?U(a.current):0},[U]),b=r.useCallback(e=>{const n=Math.max(e,0);G.current!==n&&(G.current=n,K?.(n))},[K]),i=r.useCallback(()=>{b(ye())},[ye,b]),f=r.useCallback(()=>{typeof window>"u"||L.current===null||(window.cancelAnimationFrame(L.current),L.current=null)},[]),ge=r.useCallback(()=>{if(typeof window>"u"||L.current!==null)return;const e=()=>{i();const n=p.current;if(!n||n.paused||n.ended){L.current=null;return}L.current=window.requestAnimationFrame(e)};L.current=window.requestAnimationFrame(e)},[i]),O=r.useCallback(()=>{const e=p.current;e&&(f(),u.current=!1,x.current=!1,B.current=!1,v.current=null,m.current=null,g.current=!1,R.current=!1,e.pause(),e.removeAttribute("src"),e.load(),_.current=null,y.current=0,a.current=null,b(0),c(!1),s(!1))},[b,f,s]),h=r.useCallback(e=>{const n=p.current;if(!n)return!1;const l=n.play();return l&&typeof l.then=="function"&&l.then(()=>{M.current==="unknown"&&(M.current="auto"),u.current=!1,R.current=!1}).catch(P=>{M.current==="unknown"&&xe(P)&&(M.current="blocked",u.current=!1,s(!1)),R.current=!1,c(!1)}),!0},[xe,s]),S=r.useCallback((e,n)=>{const l=p.current,P=j.current[e];if(!l||!P)return!1;const C=be(P.audio_data);y.current=e,a.current=null,g.current=!1,R.current=!0,b(U(e));const H=A();u.current=H,s(!1);const Xe=_.current!==C;return v.current="segment",Xe&&(l.pause(),l.removeAttribute("src"),l.load(),_.current=C,l.src=C,l.load()),m.current=0,l.readyState>0&&(l.currentTime=0,m.current=null),H?h(`start-segment:${n}`):(u.current=!1,R.current=!1,l.pause(),c(!1),!0)},[A,be,U,b,h,s]),$=r.useCallback(e=>{f(),u.current=!1,g.current=!1,R.current=!1,i(),c(!1),s(!1),d>=0&&ue?.(d)},[d,ue,f,i,s]),Re=r.useCallback(()=>{const e=y.current+1,n=j.current,l=n[e],P=Z.current,C=n.some(H=>H.is_final);if(l){S(e,"ended");return}if(P?.isAudioStreaming||!C){y.current=e,a.current=e,g.current=!0,u.current=E,b(U(e)),c(!1),s(!0);return}$("segments-completed")},[E,$,U,b,S,s]);r.useEffect(()=>{if(oe.current===Q)return;oe.current=Q,y.current=0,a.current=null,g.current=!1,x.current=!1,B.current=!1,u.current=!1,R.current=!1,v.current=null,_.current=null,f(),b(0),s(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),c(!1))},[d,Q,k.length,W,b,f,s]),r.useEffect(()=>{const e=p.current;if(e){if(T){B.current=!!(Z.current&&!x.current&&(!e.paused||u.current||a.current!==null)),u.current=!1,s(!1),e.pause(),c(!1);return}if(!(!B.current||!Z.current||x.current)){if(B.current=!1,a.current!==null){if(a.current<j.current.length){S(a.current,"external-resume");return}u.current=!0,s(!0);return}if(!_.current&&j.current.length>0){S(Math.min(y.current,j.current.length-1),"external-resume-init");return}e.paused&&(u.current=!0,h("external-resume"))}}},[T,S,h,s]),r.useEffect(()=>{const e=p.current;if(e){if(!o){O();return}if(T){u.current=!1,s(!1),e.pause(),c(!1);return}if(W){const n=_.current!==W,l=A();if(v.current==="segment"&&!!_.current&&a.current===null){if(!l){u.current=!1,e.pause(),c(!1);return}e.paused&&(u.current=!0,h("keep-segment-source"));return}if(n){const C=a.current!==null?he():0;e.pause(),e.removeAttribute("src"),e.load(),_.current=W,v.current="url",e.src=W,e.load(),m.current=C,b(C*1e3),e.readyState>0&&(e.currentTime=C,m.current=null)}if(u.current=l,g.current=!1,R.current=!1,s(!1),!l){u.current=!1,e.pause(),c(!1);return}h(n?"sync-url-init":"sync-url");return}if(a.current!==null){if(a.current<k.length){if(x.current){c(!1),s(!1);return}S(a.current,"wait-resume");return}g.current=!0,u.current=A(),c(!1),s(A());return}if(!k.length){if(o.isAudioStreaming){a.current=y.current,g.current=!0,u.current=A(),c(!1),s(A());return}O();return}if(!_.current){S(Math.min(y.current,k.length-1),"effect-init");return}if(!E||x.current){u.current=!1,e.pause(),c(!1);return}e.paused&&(u.current=!0,h("sync-paused-retry"))}},[o,d,k,W,E,T,A,b,O,S,h,he,s]),r.useEffect(()=>O,[O]),r.useEffect(()=>f,[f]);const Be=r.useCallback(()=>{i(),ge(),c(!0),s(!1),ee?.()},[ee,ge,i,s]),Oe=r.useCallback(()=>{g.current||R.current||(f(),i(),c(!1))},[d,f,i]),Ke=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i(),!(!u.current||!E)&&h("canplay")},[d,E,i,h]),Ze=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i()},[d,i]),$e=r.useCallback(()=>{i()},[i]),Ee=r.useCallback(()=>{i()},[i]),He=r.useCallback(()=>{const e=v.current==="url"||j.current.length===0;if(f(),R.current=!1,e){$("url-ended");return}Re()},[$,Re,f]),ze=r.useCallback(()=>{f(),i(),c(!1),s(!1)},[f,i,s]),De=r.useCallback(e=>{se?.(e),F(!1)},[se]);return console.log("SubtitleOverlay",Pe),r.useEffect(()=>{K?.(G.current)},[K]),t.jsxRuntimeExports.jsxs("div",{className:_e.cn("slide-player",N),...Ue,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:Ze,onCanPlay:Ke,onPlay:Be,onPause:Oe,onSeeking:Ee,onSeeked:Ee,onTimeUpdate:$e,onEnded:He,onError:ze}),Y?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Ye.default,{container:Ae,labels:{fullscreen:q.fullscreenLabel,nonFullscreen:q.nonFullscreenLabel,screen:q.screenLabel,subtitle:q.subtitleLabel,subtitleToggle:q.subtitleToggleAriaLabel,title:q.settingsTitle},isSubtitleEnabled:X,onClose:()=>F(!1),onOpenChange:F,onSubtitleToggle:re??(()=>{}),onViewModeChange:De,open:de,viewMode:Me}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:Fe,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":de,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{F(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Ie.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(er.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":q.subtitleToggleAriaLabel,"aria-pressed":X,className:"slide-player__action slide-player__action--subtitle",onClick:re,type:"button",children:X?t.jsxRuntimeExports.jsx(rr.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(tr.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Le,onClick:Ce,type:"button",children:t.jsxRuntimeExports.jsx(nr.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":Ve,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(D){Ne?.(!z);return}const e=p.current;if(!(T||!e||!o)){if(a.current!==null){if(J){u.current=!1,x.current=!0,a.current=null,g.current=!1,c(!1),s(!1),e.pause();return}M.current="manual",x.current=!1,u.current=!0,s(!0);return}if(!e.src&&k.length>0){M.current="manual",x.current=!1,S(Math.min(y.current,k.length-1),"toggle");return}if(e.paused){M.current="manual",x.current=!1,u.current=!0,h("toggle-resume");return}u.current=!1,x.current=!0,e.pause()}},type:"button",children:We?t.jsxRuntimeExports.jsx(cr,{}):t.jsxRuntimeExports.jsx(ir,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:qe,onClick:we,type:"button",children:t.jsxRuntimeExports.jsx(sr.default,{className:"slide-player__icon",strokeWidth:2.25})}),te?t.jsxRuntimeExports.jsx("button",{"aria-label":ne?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:te,type:"button",children:ne?t.jsxRuntimeExports.jsx(ur.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(lr.default,{className:"slide-player__icon",strokeWidth:2.25})}):null]}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[me.map((e,n)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${n}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:_e.cn("slide-player__action slide-player__action--notes",V&&"slide-player__action--active"),disabled:!ve,onClick:Te,type:"button",children:t.jsxRuntimeExports.jsx(ar.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},Se=r.memo(or);Se.displayName="Player";exports.default=Se;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),_e=require("../../lib/utils.cjs.js"),Xe=require("./MobilePlayerSettingsSheet.cjs.js"),Ye=require("./constants.cjs.js"),Ge=require("./utils/mobileScreenMode.cjs.js"),Je=require("./utils/playerCustomActions.cjs.js");;/* empty css */const Qe=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),Ie=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),er=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.cjs.js"),rr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.cjs.js"),tr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),nr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),sr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.cjs.js"),ur=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),lr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),je=new Map,ke=w=>{if(typeof window>"u"||!w||je.has(w))return;const N=window.document.createElement("audio");N.preload="auto",N.setAttribute("playsinline","true"),N.src=w,N.load(),je.set(w,N)},ar=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),cr=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),ir=({audioList:w=[],className:N,currentAudioIndex:d=-1,defaultPlaying:E=!0,isPlaybackPaused:T=!1,isAutoAdvanceEnabled:z=!0,useAutoAdvanceToggle:D=!1,onLoadingChange:I,onPlaybackStarted:ee,onPlaybackTimeChange:O,onSubtitleToggle:re,onPrev:Ce,onNext:we,onFullscreen:te,isFullscreen:ne=!1,mobileViewMode:Me=Ge.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:Ae,onMobileViewModeChange:se,onEnded:ue,onAutoAdvanceToggle:Ne,onInteractionToggle:Te,hasInteraction:ve=!1,isInteractionOpen:V=!1,isSubtitleEnabled:X=!0,prevDisabled:Le=!1,nextDisabled:qe=!1,showControls:Y=!0,customActions:le,customActionContext:ae,texts:ce,...Ue})=>{const p=r.useRef(null),ie=r.useRef(V),_=r.useRef(null),oe=r.useRef(null),y=r.useRef(0),a=r.useRef(null),Z=r.useRef(void 0),j=r.useRef([]),B=r.useRef(!1),fe=r.useRef(!1),x=r.useRef(!1),v=r.useRef(null),g=r.useRef(!1),u=r.useRef(!1),m=r.useRef(null),R=r.useRef(!1),L=r.useRef(null),G=r.useRef(0),M=r.useRef("unknown"),[J,c]=r.useState(E),[de,F]=r.useState(!1),o=d>=0?w[d]:void 0,W=o?.audioUrl,k=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,n)=>e.segment_index-n.segment_index),[o?.audioSegments]),me=r.useMemo(()=>Je.toPlayerCustomActionList(le,ae),[ae,le]),pe=me.length+5,Pe=r.useMemo(()=>({"--slide-player-mobile-control-count":String(pe)}),[pe]),q=r.useMemo(()=>({...Ye.DEFAULT_SLIDE_PLAYER_TEXTS,...ce}),[ce]),Q=r.useMemo(()=>o?o.audioKey??`${String(o.sequenceNumber??"none")}:${String(o.audioUrl??"")}`:"none",[o]),Fe=D?z:J,We=D?z?"Pause autoplay":"Play autoplay":J?"Pause":"Play";r.useEffect(()=>{Z.current=o},[o]),r.useEffect(()=>{Y||F(!1)},[Y]),r.useEffect(()=>{!ie.current&&V&&F(!1),ie.current=V},[V]),r.useEffect(()=>{j.current=k},[k]),r.useEffect(()=>{const e=o?.audioUrl,n=d>=0?w[d+1]?.audioUrl:void 0;ke(e),ke(n)},[w,o?.audioUrl,d]);const s=r.useCallback(e=>{fe.current!==e&&(fe.current=e,I?.(e))},[I]),xe=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),A=r.useCallback(()=>E&&!T&&!x.current&&M.current!=="blocked",[E,T]),he=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),be=r.useCallback(()=>{const e=a.current;return e==null||e<=0?0:j.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0)/1e3},[]),U=r.useCallback(e=>e<=0?0:j.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0),[]),ye=r.useCallback(()=>{const e=p.current;return e?v.current==="segment"?U(y.current)+Math.max(e.currentTime,0)*1e3:m.current!==null&&e.readyState===0?m.current*1e3:Math.max(e.currentTime,0)*1e3:a.current!=null?U(a.current):0},[U]),h=r.useCallback(e=>{const n=Math.max(e,0);G.current!==n&&(G.current=n,O?.(n))},[O]),i=r.useCallback(()=>{h(ye())},[ye,h]),f=r.useCallback(()=>{typeof window>"u"||L.current===null||(window.cancelAnimationFrame(L.current),L.current=null)},[]),ge=r.useCallback(()=>{if(typeof window>"u"||L.current!==null)return;const e=()=>{i();const n=p.current;if(!n||n.paused||n.ended){L.current=null;return}L.current=window.requestAnimationFrame(e)};L.current=window.requestAnimationFrame(e)},[i]),K=r.useCallback(()=>{const e=p.current;e&&(f(),u.current=!1,x.current=!1,B.current=!1,v.current=null,m.current=null,g.current=!1,R.current=!1,e.pause(),e.removeAttribute("src"),e.load(),_.current=null,y.current=0,a.current=null,h(0),c(!1),s(!1))},[h,f,s]),b=r.useCallback(e=>{const n=p.current;if(!n)return!1;const l=n.play();return l&&typeof l.then=="function"&&l.then(()=>{M.current==="unknown"&&(M.current="auto"),u.current=!1,R.current=!1}).catch(P=>{M.current==="unknown"&&xe(P)&&(M.current="blocked",u.current=!1,s(!1)),R.current=!1,c(!1)}),!0},[xe,s]),S=r.useCallback((e,n)=>{const l=p.current,P=j.current[e];if(!l||!P)return!1;const C=he(P.audio_data);y.current=e,a.current=null,g.current=!1,R.current=!0,h(U(e));const H=A();u.current=H,s(!1);const De=_.current!==C;return v.current="segment",De&&(l.pause(),l.removeAttribute("src"),l.load(),_.current=C,l.src=C,l.load()),m.current=0,l.readyState>0&&(l.currentTime=0,m.current=null),H?b(`start-segment:${n}`):(u.current=!1,R.current=!1,l.pause(),c(!1),!0)},[A,he,U,h,b,s]),$=r.useCallback(e=>{f(),u.current=!1,g.current=!1,R.current=!1,i(),c(!1),s(!1),d>=0&&ue?.(d)},[d,ue,f,i,s]),Re=r.useCallback(()=>{const e=y.current+1,n=j.current,l=n[e],P=Z.current,C=n.some(H=>H.is_final);if(l){S(e,"ended");return}if(P?.isAudioStreaming||!C){y.current=e,a.current=e,g.current=!0,u.current=E,h(U(e)),c(!1),s(!0);return}$("segments-completed")},[E,$,U,h,S,s]);r.useEffect(()=>{if(oe.current===Q)return;oe.current=Q,y.current=0,a.current=null,g.current=!1,x.current=!1,B.current=!1,u.current=!1,R.current=!1,v.current=null,_.current=null,f(),h(0),s(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),c(!1))},[d,Q,k.length,W,h,f,s]),r.useEffect(()=>{const e=p.current;if(e){if(T){B.current=!!(Z.current&&!x.current&&(!e.paused||u.current||a.current!==null)),u.current=!1,s(!1),e.pause(),c(!1);return}if(!(!B.current||!Z.current||x.current)){if(B.current=!1,a.current!==null){if(a.current<j.current.length){S(a.current,"external-resume");return}u.current=!0,s(!0);return}if(!_.current&&j.current.length>0){S(Math.min(y.current,j.current.length-1),"external-resume-init");return}e.paused&&(u.current=!0,b("external-resume"))}}},[T,S,b,s]),r.useEffect(()=>{const e=p.current;if(e){if(!o){K();return}if(T){u.current=!1,s(!1),e.pause(),c(!1);return}if(W){const n=_.current!==W,l=A();if(v.current==="segment"&&!!_.current&&a.current===null){if(!l){u.current=!1,e.pause(),c(!1);return}e.paused&&(u.current=!0,b("keep-segment-source"));return}if(n){const C=a.current!==null?be():0;e.pause(),e.removeAttribute("src"),e.load(),_.current=W,v.current="url",e.src=W,e.load(),m.current=C,h(C*1e3),e.readyState>0&&(e.currentTime=C,m.current=null)}if(u.current=l,g.current=!1,R.current=!1,s(!1),!l){u.current=!1,e.pause(),c(!1);return}b(n?"sync-url-init":"sync-url");return}if(a.current!==null){if(a.current<k.length){if(x.current){c(!1),s(!1);return}S(a.current,"wait-resume");return}g.current=!0,u.current=A(),c(!1),s(A());return}if(!k.length){if(o.isAudioStreaming){a.current=y.current,g.current=!0,u.current=A(),c(!1),s(A());return}K();return}if(!_.current){S(Math.min(y.current,k.length-1),"effect-init");return}if(!E||x.current){u.current=!1,e.pause(),c(!1);return}e.paused&&(u.current=!0,b("sync-paused-retry"))}},[o,d,k,W,E,T,A,h,K,S,b,be,s]),r.useEffect(()=>K,[K]),r.useEffect(()=>f,[f]);const Ve=r.useCallback(()=>{i(),ge(),c(!0),s(!1),ee?.()},[ee,ge,i,s]),Be=r.useCallback(()=>{g.current||R.current||(f(),i(),c(!1))},[d,f,i]),Ke=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i(),!(!u.current||!E)&&b("canplay")},[d,E,i,b]),Oe=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i()},[d,i]),Ze=r.useCallback(()=>{i()},[i]),Ee=r.useCallback(()=>{i()},[i]),$e=r.useCallback(()=>{const e=v.current==="url"||j.current.length===0;if(f(),R.current=!1,e){$("url-ended");return}Re()},[$,Re,f]),He=r.useCallback(()=>{f(),i(),c(!1),s(!1)},[f,i,s]),ze=r.useCallback(e=>{se?.(e),F(!1)},[se]);return r.useEffect(()=>{O?.(G.current)},[O]),t.jsxRuntimeExports.jsxs("div",{className:_e.cn("slide-player",N),...Ue,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:Oe,onCanPlay:Ke,onPlay:Ve,onPause:Be,onSeeking:Ee,onSeeked:Ee,onTimeUpdate:Ze,onEnded:$e,onError:He}),Y?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Xe.default,{container:Ae,labels:{fullscreen:q.fullscreenLabel,nonFullscreen:q.nonFullscreenLabel,screen:q.screenLabel,subtitle:q.subtitleLabel,subtitleToggle:q.subtitleToggleAriaLabel,title:q.settingsTitle},isSubtitleEnabled:X,onClose:()=>F(!1),onOpenChange:F,onSubtitleToggle:re??(()=>{}),onViewModeChange:ze,open:de,viewMode:Me}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:Pe,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":de,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{F(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Qe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(Ie.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":q.subtitleToggleAriaLabel,"aria-pressed":X,className:"slide-player__action slide-player__action--subtitle",onClick:re,type:"button",children:X?t.jsxRuntimeExports.jsx(er.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(rr.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Le,onClick:Ce,type:"button",children:t.jsxRuntimeExports.jsx(tr.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":We,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(D){Ne?.(!z);return}const e=p.current;if(!(T||!e||!o)){if(a.current!==null){if(J){u.current=!1,x.current=!0,a.current=null,g.current=!1,c(!1),s(!1),e.pause();return}M.current="manual",x.current=!1,u.current=!0,s(!0);return}if(!e.src&&k.length>0){M.current="manual",x.current=!1,S(Math.min(y.current,k.length-1),"toggle");return}if(e.paused){M.current="manual",x.current=!1,u.current=!0,b("toggle-resume");return}u.current=!1,x.current=!0,e.pause()}},type:"button",children:Fe?t.jsxRuntimeExports.jsx(ar,{}):t.jsxRuntimeExports.jsx(cr,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:qe,onClick:we,type:"button",children:t.jsxRuntimeExports.jsx(nr.default,{className:"slide-player__icon",strokeWidth:2.25})}),te?t.jsxRuntimeExports.jsx("button",{"aria-label":ne?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:te,type:"button",children:ne?t.jsxRuntimeExports.jsx(sr.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(ur.default,{className:"slide-player__icon",strokeWidth:2.25})}):null]}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[me.map((e,n)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${n}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:_e.cn("slide-player__action slide-player__action--notes",V&&"slide-player__action--active"),disabled:!ve,onClick:Te,type:"button",children:t.jsxRuntimeExports.jsx(lr.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},Se=r.memo(ir);Se.displayName="Player";exports.default=Se;
2
2
  //# sourceMappingURL=Player.cjs.js.map
package/dist/components/Slide/Player.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n Captions,\n CaptionsOff,\n EllipsisVertical,\n FilePenLine,\n Maximize,\n RotateCcw,\n RotateCw,\n ScanLine,\n Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport MobilePlayerSettingsSheet from \"./MobilePlayerSettingsSheet\";\nimport { DEFAULT_SLIDE_PLAYER_TEXTS } from \"./constants\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport type {\n SlidePlayerCustomActionContext,\n SlidePlayerCustomActions,\n} from \"./types\";\nimport {\n DEFAULT_MOBILE_VIEW_MODE,\n type MobileViewMode,\n} from \"./utils/mobileScreenMode\";\nimport { toPlayerCustomActionList } from \"./utils/playerCustomActions\";\nimport \"./player.css\";\n\nconst audioPreloadElementCache = new Map<string, HTMLAudioElement>();\n\nexport interface SlidePlayerTexts {\n settingsTitle?: string;\n subtitleLabel?: string;\n subtitleToggleAriaLabel?: string;\n screenLabel?: string;\n nonFullscreenLabel?: string;\n fullscreenLabel?: string;\n fullscreenHintText?: string;\n}\n\nconst preloadAudioUrl = (url?: string) => {\n if (typeof window === \"undefined\" || !url) {\n return;\n }\n\n if (audioPreloadElementCache.has(url)) {\n return;\n }\n\n // Use a detached audio element so warm-up follows the same media loading\n // path as the visible player instead of relying on link preload hints.\n const audio = window.document.createElement(\"audio\");\n audio.preload = \"auto\";\n audio.setAttribute(\"playsinline\", \"true\");\n audio.src = url;\n audio.load();\n\n audioPreloadElementCache.set(url, audio);\n};\n\nexport type PlayerProps = Omit<React.ComponentProps<\"div\">, \"onEnded\"> & {\n audioList?: SlideAudioItem[];\n currentAudioIndex?: number;\n defaultPlaying?: boolean;\n isPlaybackPaused?: boolean;\n isAutoAdvanceEnabled?: boolean;\n useAutoAdvanceToggle?: boolean;\n onLoadingChange?: (loading: boolean) => void;\n onPlaybackStarted?: () => void;\n onPlaybackTimeChange?: (timeMs: number) => void;\n onSubtitleToggle?: () => void;\n onPrev?: () => void;\n onNext?: () => void;\n onFullscreen?: () => void;\n isFullscreen?: boolean;\n mobileViewMode?: MobileViewMode;\n settingsPortalContainer?: HTMLElement | null;\n onMobileViewModeChange?: (viewMode: MobileViewMode) => void;\n onEnded?: (audioIndex: number) => void;\n onAutoAdvanceToggle?: (enabled: boolean) => void;\n onInteractionToggle?: () => void;\n hasInteraction?: boolean;\n isInteractionOpen?: boolean;\n isSubtitleEnabled?: boolean;\n prevDisabled?: boolean;\n nextDisabled?: boolean;\n showControls?: boolean;\n customActions?: SlidePlayerCustomActions;\n customActionContext?: SlidePlayerCustomActionContext;\n texts?: SlidePlayerTexts;\n};\n\nconst PauseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PlayIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst Player = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n isPlaybackPaused = false,\n isAutoAdvanceEnabled = true,\n useAutoAdvanceToggle = false,\n onLoadingChange,\n onPlaybackStarted,\n onPlaybackTimeChange,\n onSubtitleToggle,\n onPrev,\n onNext,\n onFullscreen,\n isFullscreen = false,\n mobileViewMode = DEFAULT_MOBILE_VIEW_MODE,\n settingsPortalContainer,\n onMobileViewModeChange,\n onEnded,\n onAutoAdvanceToggle,\n onInteractionToggle,\n hasInteraction = false,\n isInteractionOpen = false,\n isSubtitleEnabled = true,\n prevDisabled = false,\n nextDisabled = false,\n showControls = true,\n customActions,\n customActionContext,\n texts,\n ...props\n}: PlayerProps) => {\n const audioRef = useRef<HTMLAudioElement | null>(null);\n const previousInteractionOpenRef = useRef(isInteractionOpen);\n const audioSrcRef = useRef<string | null>(null);\n const currentAudioKeyRef = useRef<string | null>(null);\n const currentSegmentIndexRef = useRef(0);\n const waitingSegmentIndexRef = useRef<number | null>(null);\n const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n const currentAudioSegmentsRef = useRef<\n NonNullable<SlideAudioItem[\"audioSegments\"]>\n >([]);\n const wasPlayingBeforeExternalPauseRef = useRef(false);\n const isLoadingRef = useRef(false);\n const isPausedByUserRef = useRef(false);\n const activeSourceTypeRef = useRef<\"url\" | \"segment\" | null>(null);\n const isWaitingForSegmentRef = useRef(false);\n const pendingAutoPlayRef = useRef(false);\n const pendingSeekTimeRef = useRef<number | null>(null);\n const isSwitchingSegmentRef = useRef(false);\n const playbackAnimationFrameRef = useRef<number | null>(null);\n const playbackTimeMsRef = useRef(0);\n const playbackAccessModeRef = useRef<\n \"unknown\" | \"auto\" | \"manual\" | \"blocked\"\n >(\"unknown\");\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const [isMobileMoreOpen, setIsMobileMoreOpen] = useState(false);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentSubtitleCues = currentAudio?.element?.subtitle_cues ?? [];\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const customActionList = useMemo(\n () => toPlayerCustomActionList(customActions, customActionContext),\n [customActionContext, customActions]\n );\n const mobileVisibleActionCount = customActionList.length + 5;\n const controlsStyle = useMemo(\n () =>\n ({\n \"--slide-player-mobile-control-count\": String(mobileVisibleActionCount),\n }) as React.CSSProperties,\n [mobileVisibleActionCount]\n );\n const playerTexts = useMemo(\n () => ({\n ...DEFAULT_SLIDE_PLAYER_TEXTS,\n ...texts,\n }),\n [texts]\n );\n const currentAudioKey = useMemo(() => {\n if (!currentAudio) {\n return \"none\";\n }\n\n return (\n currentAudio.audioKey ??\n `${String(currentAudio.sequenceNumber ?? \"none\")}:${String(currentAudio.audioUrl ?? \"\")}`\n );\n }, [currentAudio]);\n const isTogglePlaying = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : isPlaying;\n const toggleAriaLabel = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n ? \"Pause autoplay\"\n : \"Play autoplay\"\n : isPlaying\n ? \"Pause\"\n : \"Play\";\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n if (showControls) {\n return;\n }\n\n setIsMobileMoreOpen(false);\n }, [showControls]);\n\n useEffect(() => {\n if (!previousInteractionOpenRef.current && isInteractionOpen) {\n setIsMobileMoreOpen(false);\n }\n\n previousInteractionOpenRef.current = isInteractionOpen;\n }, [isInteractionOpen]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean) => {\n if (isLoadingRef.current === loading) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.(loading);\n },\n [onLoadingChange]\n );\n\n const isAutoplayBlockedError = useCallback((error: unknown) => {\n if (!(error instanceof DOMException)) {\n return false;\n }\n\n return error.name === \"NotAllowedError\" || error.name === \"SecurityError\";\n }, []);\n\n const canStartPlaybackAutomatically = useCallback(() => {\n return (\n defaultPlaying &&\n !isPlaybackPaused &&\n !isPausedByUserRef.current &&\n playbackAccessModeRef.current !== \"blocked\"\n );\n }, [defaultPlaying, isPlaybackPaused]);\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const getSegmentStartTimeMs = useCallback((segmentIndex: number) => {\n if (segmentIndex <= 0) {\n return 0;\n }\n\n return currentAudioSegmentsRef.current\n .slice(0, segmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n );\n }, []);\n\n const getCurrentPlaybackTimeMs = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return waitingSegmentIndexRef.current != null\n ? getSegmentStartTimeMs(waitingSegmentIndexRef.current)\n : 0;\n }\n\n if (activeSourceTypeRef.current === \"segment\") {\n return (\n getSegmentStartTimeMs(currentSegmentIndexRef.current) +\n Math.max(audioElement.currentTime, 0) * 1000\n );\n }\n\n if (pendingSeekTimeRef.current !== null && audioElement.readyState === 0) {\n return pendingSeekTimeRef.current * 1000;\n }\n\n return Math.max(audioElement.currentTime, 0) * 1000;\n }, [getSegmentStartTimeMs]);\n\n const publishPlaybackTime = useCallback(\n (timeMs: number) => {\n const nextPlaybackTimeMs = Math.max(timeMs, 0);\n\n if (playbackTimeMsRef.current === nextPlaybackTimeMs) {\n return;\n }\n\n playbackTimeMsRef.current = nextPlaybackTimeMs;\n onPlaybackTimeChange?.(nextPlaybackTimeMs);\n },\n [onPlaybackTimeChange]\n );\n\n const syncPlaybackTime = useCallback(() => {\n publishPlaybackTime(getCurrentPlaybackTimeMs());\n }, [getCurrentPlaybackTimeMs, publishPlaybackTime]);\n\n const stopPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current === null\n ) {\n return;\n }\n\n window.cancelAnimationFrame(playbackAnimationFrameRef.current);\n playbackAnimationFrameRef.current = null;\n }, []);\n\n const startPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current !== null\n ) {\n return;\n }\n\n const updateFrame = () => {\n syncPlaybackTime();\n\n const audioElement = audioRef.current;\n\n if (!audioElement || audioElement.paused || audioElement.ended) {\n playbackAnimationFrameRef.current = null;\n return;\n }\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n };\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n }, [syncPlaybackTime]);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n activeSourceTypeRef.current = null;\n pendingSeekTimeRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = null;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n publishPlaybackTime(0);\n setIsPlaying(false);\n updateLoading(false);\n }, [publishPlaybackTime, stopPlaybackTimeLoop, updateLoading]);\n\n const tryPlayCurrentAudio = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return false;\n }\n\n const playPromise = audioElement.play();\n\n if (playPromise && typeof playPromise.then === \"function\") {\n void playPromise\n .then(() => {\n if (playbackAccessModeRef.current === \"unknown\") {\n playbackAccessModeRef.current = \"auto\";\n }\n\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n })\n .catch((error: unknown) => {\n if (\n playbackAccessModeRef.current === \"unknown\" &&\n isAutoplayBlockedError(error)\n ) {\n // Lock autoplay after the first browser rejection.\n playbackAccessModeRef.current = \"blocked\";\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n }\n\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n });\n }\n\n return true;\n },\n [isAutoplayBlockedError, updateLoading]\n );\n\n const startSegmentPlayback = useCallback(\n (segmentIndex: number, _reason: string) => {\n const audioElement = audioRef.current;\n const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n if (!audioElement || !segment) {\n return false;\n }\n\n const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n currentSegmentIndexRef.current = segmentIndex;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = true;\n publishPlaybackTime(getSegmentStartTimeMs(segmentIndex));\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n pendingAutoPlayRef.current = shouldAutoResume;\n updateLoading(false);\n\n const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n activeSourceTypeRef.current = \"segment\";\n\n if (hasNewSrc) {\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = nextAudioSrc;\n audioElement.src = nextAudioSrc;\n audioElement.load();\n }\n\n pendingSeekTimeRef.current = 0;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = 0;\n pendingSeekTimeRef.current = null;\n }\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return true;\n }\n\n return tryPlayCurrentAudio(`start-segment:${_reason}`);\n },\n [\n canStartPlaybackAutomatically,\n getSegmentSrc,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n tryPlayCurrentAudio,\n updateLoading,\n ]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [\n currentAudioIndex,\n onEnded,\n stopPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]\n );\n\n const handleSegmentEnded = useCallback(() => {\n const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n const segments = currentAudioSegmentsRef.current;\n const nextSegment = segments[nextSegmentIndex];\n const activeAudio = currentAudioRef.current;\n const hasFinal = segments.some((segment) => segment.is_final);\n\n if (nextSegment) {\n startSegmentPlayback(nextSegmentIndex, \"ended\");\n return;\n }\n\n if (activeAudio?.isAudioStreaming || !hasFinal) {\n currentSegmentIndexRef.current = nextSegmentIndex;\n waitingSegmentIndexRef.current = nextSegmentIndex;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying;\n publishPlaybackTime(getSegmentStartTimeMs(nextSegmentIndex));\n setIsPlaying(false);\n updateLoading(true);\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [\n defaultPlaying,\n finishAudioItem,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n startSegmentPlayback,\n updateLoading,\n ]);\n\n useEffect(() => {\n if (currentAudioKeyRef.current === currentAudioKey) {\n return;\n }\n\n currentAudioKeyRef.current = currentAudioKey;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n activeSourceTypeRef.current = null;\n audioSrcRef.current = null;\n stopPlaybackTimeLoop();\n publishPlaybackTime(0);\n updateLoading(false);\n\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n setIsPlaying(false);\n }, [\n currentAudioIndex,\n currentAudioKey,\n currentAudioSegments.length,\n currentAudioUrl,\n publishPlaybackTime,\n stopPlaybackTimeLoop,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (isPlaybackPaused) {\n wasPlayingBeforeExternalPauseRef.current = Boolean(\n currentAudioRef.current &&\n !isPausedByUserRef.current &&\n (!audioElement.paused ||\n pendingAutoPlayRef.current ||\n waitingSegmentIndexRef.current !== null)\n );\n\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (\n !wasPlayingBeforeExternalPauseRef.current ||\n !currentAudioRef.current ||\n isPausedByUserRef.current\n ) {\n return;\n }\n\n wasPlayingBeforeExternalPauseRef.current = false;\n\n if (waitingSegmentIndexRef.current !== null) {\n if (\n waitingSegmentIndexRef.current < currentAudioSegmentsRef.current.length\n ) {\n startSegmentPlayback(waitingSegmentIndexRef.current, \"external-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioSrcRef.current && currentAudioSegmentsRef.current.length > 0) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegmentsRef.current.length - 1\n ),\n \"external-resume-init\"\n );\n return;\n }\n\n if (!audioElement.paused) {\n return;\n }\n\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"external-resume\");\n }, [\n isPlaybackPaused,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (!currentAudio) {\n resetAudio();\n return;\n }\n\n if (isPlaybackPaused) {\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (currentAudioUrl) {\n const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n const shouldAutoResume = canStartPlaybackAutomatically();\n const shouldKeepSegmentSource =\n activeSourceTypeRef.current === \"segment\" &&\n Boolean(audioSrcRef.current) &&\n waitingSegmentIndexRef.current === null;\n\n if (shouldKeepSegmentSource) {\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"keep-segment-source\");\n }\n\n return;\n }\n\n if (hasNewSrc) {\n const nextSeekTime =\n waitingSegmentIndexRef.current !== null\n ? getWaitingSegmentSeekTime()\n : 0;\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = currentAudioUrl;\n activeSourceTypeRef.current = \"url\";\n audioElement.src = currentAudioUrl;\n audioElement.load();\n pendingSeekTimeRef.current = nextSeekTime;\n publishPlaybackTime(nextSeekTime * 1000);\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = nextSeekTime;\n pendingSeekTimeRef.current = null;\n }\n }\n\n pendingAutoPlayRef.current = shouldAutoResume;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n updateLoading(false);\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n tryPlayCurrentAudio(hasNewSrc ? \"sync-url-init\" : \"sync-url\");\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n if (isPausedByUserRef.current) {\n setIsPlaying(false);\n updateLoading(false);\n return;\n }\n\n startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n return;\n }\n\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n if (!currentAudioSegments.length) {\n if (currentAudio.isAudioStreaming) {\n waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n resetAudio();\n return;\n }\n\n if (!audioSrcRef.current) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"effect-init\"\n );\n return;\n }\n\n if (!defaultPlaying || isPausedByUserRef.current) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"sync-paused-retry\");\n }\n }, [\n currentAudio,\n currentAudioIndex,\n currentAudioSegments,\n currentAudioUrl,\n defaultPlaying,\n isPlaybackPaused,\n canStartPlaybackAutomatically,\n publishPlaybackTime,\n resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n useEffect(() => stopPlaybackTimeLoop, [stopPlaybackTimeLoop]);\n\n const handleAudioPlay = useCallback(() => {\n syncPlaybackTime();\n startPlaybackTimeLoop();\n setIsPlaying(true);\n updateLoading(false);\n onPlaybackStarted?.();\n }, [\n onPlaybackStarted,\n startPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n }, [currentAudioIndex, stopPlaybackTimeLoop, syncPlaybackTime]);\n\n const handleAudioCanPlay = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n\n if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [\n currentAudioIndex,\n defaultPlaying,\n syncPlaybackTime,\n tryPlayCurrentAudio,\n ]);\n\n const handleLoadedMetadata = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n }, [currentAudioIndex, syncPlaybackTime]);\n\n const handleAudioTimeUpdate = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioSeeking = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n stopPlaybackTimeLoop();\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded, stopPlaybackTimeLoop]);\n\n const handleAudioError = useCallback(() => {\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n }, [stopPlaybackTimeLoop, syncPlaybackTime, updateLoading]);\n const handleMobileViewModeChange = useCallback(\n (nextViewMode: MobileViewMode) => {\n onMobileViewModeChange?.(nextViewMode);\n setIsMobileMoreOpen(false);\n },\n [onMobileViewModeChange]\n );\n\n console.log(\"SubtitleOverlay\", currentSubtitleCues);\n\n useEffect(() => {\n onPlaybackTimeChange?.(playbackTimeMsRef.current);\n }, [onPlaybackTimeChange]);\n\n return (\n <div className={cn(\"slide-player\", className)} {...props}>\n <audio\n ref={audioRef}\n preload=\"auto\"\n playsInline\n onLoadedMetadata={handleLoadedMetadata}\n onCanPlay={handleAudioCanPlay}\n onPlay={handleAudioPlay}\n onPause={handleAudioPause}\n onSeeking={handleAudioSeeking}\n onSeeked={handleAudioSeeking}\n onTimeUpdate={handleAudioTimeUpdate}\n onEnded={handleAudioEnded}\n onError={handleAudioError}\n />\n\n {showControls ? (\n <>\n <MobilePlayerSettingsSheet\n container={settingsPortalContainer}\n labels={{\n fullscreen: playerTexts.fullscreenLabel,\n nonFullscreen: playerTexts.nonFullscreenLabel,\n screen: playerTexts.screenLabel,\n subtitle: playerTexts.subtitleLabel,\n subtitleToggle: playerTexts.subtitleToggleAriaLabel,\n title: playerTexts.settingsTitle,\n }}\n isSubtitleEnabled={isSubtitleEnabled}\n onClose={() => setIsMobileMoreOpen(false)}\n onOpenChange={setIsMobileMoreOpen}\n onSubtitleToggle={onSubtitleToggle ?? (() => {})}\n onViewModeChange={handleMobileViewModeChange}\n open={isMobileMoreOpen}\n viewMode={mobileViewMode}\n />\n\n <div className=\"slide-player__controls\" style={controlsStyle}>\n <div className=\"slide-player__group\">\n <button\n aria-expanded={isMobileMoreOpen}\n aria-haspopup=\"dialog\"\n aria-label=\"More options\"\n className=\"slide-player__action slide-player__action--mobile-more\"\n onClick={() => {\n setIsMobileMoreOpen((prevOpen) => !prevOpen);\n }}\n type=\"button\"\n >\n <EllipsisVertical\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n <button aria-label=\"Volume\" className=\"hidden\" type=\"button\">\n <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={playerTexts.subtitleToggleAriaLabel}\n aria-pressed={isSubtitleEnabled}\n className=\"slide-player__action slide-player__action--subtitle\"\n onClick={onSubtitleToggle}\n type=\"button\"\n >\n {isSubtitleEnabled ? (\n <Captions className=\"slide-player__icon\" strokeWidth={2.25} />\n ) : (\n <CaptionsOff\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n <button\n aria-label=\"Rewind\"\n className=\"slide-player__action slide-player__action--prev\"\n disabled={prevDisabled}\n onClick={onPrev}\n type=\"button\"\n >\n <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={toggleAriaLabel}\n className=\"slide-player__toggle slide-player__toggle--playback\"\n onClick={() => {\n if (useAutoAdvanceToggle) {\n onAutoAdvanceToggle?.(!isAutoAdvanceEnabled);\n return;\n }\n\n const audioElement = audioRef.current;\n\n if (isPlaybackPaused || !audioElement || !currentAudio) {\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (isPlaying) {\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n audioElement.pause();\n return;\n }\n\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioElement.src && currentAudioSegments.length > 0) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"toggle\"\n );\n return;\n }\n\n if (audioElement.paused) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"toggle-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n audioElement.pause();\n }}\n type=\"button\"\n >\n {isTogglePlaying ? <PauseIcon /> : <PlayIcon />}\n </button>\n <button\n aria-label=\"Forward\"\n className=\"slide-player__action slide-player__action--next\"\n disabled={nextDisabled}\n onClick={onNext}\n type=\"button\"\n >\n <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n {onFullscreen ? (\n <button\n aria-label={\n isFullscreen ? \"Exit fullscreen\" : \"Enter fullscreen\"\n }\n className=\"slide-player__action slide-player__action--fullscreen\"\n onClick={onFullscreen}\n type=\"button\"\n >\n {isFullscreen ? (\n <ScanLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n ) : (\n <Maximize\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n ) : null}\n </div>\n\n <div className=\"slide-player__separator\" />\n\n <div className=\"slide-player__group\">\n {customActionList.map((customAction, customActionIndex) => (\n <React.Fragment key={`custom-action-${customActionIndex}`}>\n {customAction}\n </React.Fragment>\n ))}\n <button\n aria-label=\"Notes\"\n className={cn(\n \"slide-player__action slide-player__action--notes\",\n isInteractionOpen && \"slide-player__action--active\"\n )}\n disabled={!hasInteraction}\n onClick={onInteractionToggle}\n type=\"button\"\n >\n <FilePenLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n </div>\n </div>\n </>\n ) : null}\n </div>\n );\n};\n\nconst MemoizedPlayer = memo(Player);\n\nMemoizedPlayer.displayName = \"Player\";\n\nexport default MemoizedPlayer;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","isPlaybackPaused","isAutoAdvanceEnabled","useAutoAdvanceToggle","onLoadingChange","onPlaybackStarted","onPlaybackTimeChange","onSubtitleToggle","onPrev","onNext","onFullscreen","isFullscreen","mobileViewMode","DEFAULT_MOBILE_VIEW_MODE","settingsPortalContainer","onMobileViewModeChange","onEnded","onAutoAdvanceToggle","onInteractionToggle","hasInteraction","isInteractionOpen","isSubtitleEnabled","prevDisabled","nextDisabled","showControls","customActions","customActionContext","texts","props","audioRef","useRef","previousInteractionOpenRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","wasPlayingBeforeExternalPauseRef","isLoadingRef","isPausedByUserRef","activeSourceTypeRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","playbackAnimationFrameRef","playbackTimeMsRef","playbackAccessModeRef","isPlaying","setIsPlaying","useState","isMobileMoreOpen","setIsMobileMoreOpen","currentAudio","currentAudioUrl","currentSubtitleCues","currentAudioSegments","useMemo","prevSegment","nextSegment","customActionList","toPlayerCustomActionList","mobileVisibleActionCount","controlsStyle","playerTexts","DEFAULT_SLIDE_PLAYER_TEXTS","currentAudioKey","isTogglePlaying","toggleAriaLabel","useEffect","currentUrl","nextUrl","updateLoading","useCallback","loading","isAutoplayBlockedError","error","canStartPlaybackAutomatically","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","getSegmentStartTimeMs","segmentIndex","getCurrentPlaybackTimeMs","audioElement","publishPlaybackTime","timeMs","nextPlaybackTimeMs","syncPlaybackTime","stopPlaybackTimeLoop","startPlaybackTimeLoop","updateFrame","resetAudio","tryPlayCurrentAudio","_reason","playPromise","startSegmentPlayback","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioTimeUpdate","handleAudioSeeking","handleAudioEnded","shouldFinishAsUrl","handleAudioError","handleMobileViewModeChange","nextViewMode","cn","Fragment","MobilePlayerSettingsSheet","prevOpen","EllipsisVertical","Volume2","Captions","CaptionsOff","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine","MemoizedPlayer","memo"],"mappings":"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"}
1
+ {"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n Captions,\n CaptionsOff,\n EllipsisVertical,\n FilePenLine,\n Maximize,\n RotateCcw,\n RotateCw,\n ScanLine,\n Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport MobilePlayerSettingsSheet from \"./MobilePlayerSettingsSheet\";\nimport { DEFAULT_SLIDE_PLAYER_TEXTS } from \"./constants\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport type {\n SlidePlayerCustomActionContext,\n SlidePlayerCustomActions,\n} from \"./types\";\nimport {\n DEFAULT_MOBILE_VIEW_MODE,\n type MobileViewMode,\n} from \"./utils/mobileScreenMode\";\nimport { toPlayerCustomActionList } from \"./utils/playerCustomActions\";\nimport \"./player.css\";\n\nconst audioPreloadElementCache = new Map<string, HTMLAudioElement>();\n\nexport interface SlidePlayerTexts {\n settingsTitle?: string;\n subtitleLabel?: string;\n subtitleToggleAriaLabel?: string;\n screenLabel?: string;\n nonFullscreenLabel?: string;\n fullscreenLabel?: string;\n fullscreenHintText?: string;\n}\n\nconst preloadAudioUrl = (url?: string) => {\n if (typeof window === \"undefined\" || !url) {\n return;\n }\n\n if (audioPreloadElementCache.has(url)) {\n return;\n }\n\n // Use a detached audio element so warm-up follows the same media loading\n // path as the visible player instead of relying on link preload hints.\n const audio = window.document.createElement(\"audio\");\n audio.preload = \"auto\";\n audio.setAttribute(\"playsinline\", \"true\");\n audio.src = url;\n audio.load();\n\n audioPreloadElementCache.set(url, audio);\n};\n\nexport type PlayerProps = Omit<React.ComponentProps<\"div\">, \"onEnded\"> & {\n audioList?: SlideAudioItem[];\n currentAudioIndex?: number;\n defaultPlaying?: boolean;\n isPlaybackPaused?: boolean;\n isAutoAdvanceEnabled?: boolean;\n useAutoAdvanceToggle?: boolean;\n onLoadingChange?: (loading: boolean) => void;\n onPlaybackStarted?: () => void;\n onPlaybackTimeChange?: (timeMs: number) => void;\n onSubtitleToggle?: () => void;\n onPrev?: () => void;\n onNext?: () => void;\n onFullscreen?: () => void;\n isFullscreen?: boolean;\n mobileViewMode?: MobileViewMode;\n settingsPortalContainer?: HTMLElement | null;\n onMobileViewModeChange?: (viewMode: MobileViewMode) => void;\n onEnded?: (audioIndex: number) => void;\n onAutoAdvanceToggle?: (enabled: boolean) => void;\n onInteractionToggle?: () => void;\n hasInteraction?: boolean;\n isInteractionOpen?: boolean;\n isSubtitleEnabled?: boolean;\n prevDisabled?: boolean;\n nextDisabled?: boolean;\n showControls?: boolean;\n customActions?: SlidePlayerCustomActions;\n customActionContext?: SlidePlayerCustomActionContext;\n texts?: SlidePlayerTexts;\n};\n\nconst PauseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PlayIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst Player = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n isPlaybackPaused = false,\n isAutoAdvanceEnabled = true,\n useAutoAdvanceToggle = false,\n onLoadingChange,\n onPlaybackStarted,\n onPlaybackTimeChange,\n onSubtitleToggle,\n onPrev,\n onNext,\n onFullscreen,\n isFullscreen = false,\n mobileViewMode = DEFAULT_MOBILE_VIEW_MODE,\n settingsPortalContainer,\n onMobileViewModeChange,\n onEnded,\n onAutoAdvanceToggle,\n onInteractionToggle,\n hasInteraction = false,\n isInteractionOpen = false,\n isSubtitleEnabled = true,\n prevDisabled = false,\n nextDisabled = false,\n showControls = true,\n customActions,\n customActionContext,\n texts,\n ...props\n}: PlayerProps) => {\n const audioRef = useRef<HTMLAudioElement | null>(null);\n const previousInteractionOpenRef = useRef(isInteractionOpen);\n const audioSrcRef = useRef<string | null>(null);\n const currentAudioKeyRef = useRef<string | null>(null);\n const currentSegmentIndexRef = useRef(0);\n const waitingSegmentIndexRef = useRef<number | null>(null);\n const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n const currentAudioSegmentsRef = useRef<\n NonNullable<SlideAudioItem[\"audioSegments\"]>\n >([]);\n const wasPlayingBeforeExternalPauseRef = useRef(false);\n const isLoadingRef = useRef(false);\n const isPausedByUserRef = useRef(false);\n const activeSourceTypeRef = useRef<\"url\" | \"segment\" | null>(null);\n const isWaitingForSegmentRef = useRef(false);\n const pendingAutoPlayRef = useRef(false);\n const pendingSeekTimeRef = useRef<number | null>(null);\n const isSwitchingSegmentRef = useRef(false);\n const playbackAnimationFrameRef = useRef<number | null>(null);\n const playbackTimeMsRef = useRef(0);\n const playbackAccessModeRef = useRef<\n \"unknown\" | \"auto\" | \"manual\" | \"blocked\"\n >(\"unknown\");\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const [isMobileMoreOpen, setIsMobileMoreOpen] = useState(false);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const customActionList = useMemo(\n () => toPlayerCustomActionList(customActions, customActionContext),\n [customActionContext, customActions]\n );\n const mobileVisibleActionCount = customActionList.length + 5;\n const controlsStyle = useMemo(\n () =>\n ({\n \"--slide-player-mobile-control-count\": String(mobileVisibleActionCount),\n }) as React.CSSProperties,\n [mobileVisibleActionCount]\n );\n const playerTexts = useMemo(\n () => ({\n ...DEFAULT_SLIDE_PLAYER_TEXTS,\n ...texts,\n }),\n [texts]\n );\n const currentAudioKey = useMemo(() => {\n if (!currentAudio) {\n return \"none\";\n }\n\n return (\n currentAudio.audioKey ??\n `${String(currentAudio.sequenceNumber ?? \"none\")}:${String(currentAudio.audioUrl ?? \"\")}`\n );\n }, [currentAudio]);\n const isTogglePlaying = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : isPlaying;\n const toggleAriaLabel = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n ? \"Pause autoplay\"\n : \"Play autoplay\"\n : isPlaying\n ? \"Pause\"\n : \"Play\";\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n if (showControls) {\n return;\n }\n\n setIsMobileMoreOpen(false);\n }, [showControls]);\n\n useEffect(() => {\n if (!previousInteractionOpenRef.current && isInteractionOpen) {\n setIsMobileMoreOpen(false);\n }\n\n previousInteractionOpenRef.current = isInteractionOpen;\n }, [isInteractionOpen]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean) => {\n if (isLoadingRef.current === loading) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.(loading);\n },\n [onLoadingChange]\n );\n\n const isAutoplayBlockedError = useCallback((error: unknown) => {\n if (!(error instanceof DOMException)) {\n return false;\n }\n\n return error.name === \"NotAllowedError\" || error.name === \"SecurityError\";\n }, []);\n\n const canStartPlaybackAutomatically = useCallback(() => {\n return (\n defaultPlaying &&\n !isPlaybackPaused &&\n !isPausedByUserRef.current &&\n playbackAccessModeRef.current !== \"blocked\"\n );\n }, [defaultPlaying, isPlaybackPaused]);\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const getSegmentStartTimeMs = useCallback((segmentIndex: number) => {\n if (segmentIndex <= 0) {\n return 0;\n }\n\n return currentAudioSegmentsRef.current\n .slice(0, segmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n );\n }, []);\n\n const getCurrentPlaybackTimeMs = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return waitingSegmentIndexRef.current != null\n ? getSegmentStartTimeMs(waitingSegmentIndexRef.current)\n : 0;\n }\n\n if (activeSourceTypeRef.current === \"segment\") {\n return (\n getSegmentStartTimeMs(currentSegmentIndexRef.current) +\n Math.max(audioElement.currentTime, 0) * 1000\n );\n }\n\n if (pendingSeekTimeRef.current !== null && audioElement.readyState === 0) {\n return pendingSeekTimeRef.current * 1000;\n }\n\n return Math.max(audioElement.currentTime, 0) * 1000;\n }, [getSegmentStartTimeMs]);\n\n const publishPlaybackTime = useCallback(\n (timeMs: number) => {\n const nextPlaybackTimeMs = Math.max(timeMs, 0);\n\n if (playbackTimeMsRef.current === nextPlaybackTimeMs) {\n return;\n }\n\n playbackTimeMsRef.current = nextPlaybackTimeMs;\n onPlaybackTimeChange?.(nextPlaybackTimeMs);\n },\n [onPlaybackTimeChange]\n );\n\n const syncPlaybackTime = useCallback(() => {\n publishPlaybackTime(getCurrentPlaybackTimeMs());\n }, [getCurrentPlaybackTimeMs, publishPlaybackTime]);\n\n const stopPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current === null\n ) {\n return;\n }\n\n window.cancelAnimationFrame(playbackAnimationFrameRef.current);\n playbackAnimationFrameRef.current = null;\n }, []);\n\n const startPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current !== null\n ) {\n return;\n }\n\n const updateFrame = () => {\n syncPlaybackTime();\n\n const audioElement = audioRef.current;\n\n if (!audioElement || audioElement.paused || audioElement.ended) {\n playbackAnimationFrameRef.current = null;\n return;\n }\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n };\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n }, [syncPlaybackTime]);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n activeSourceTypeRef.current = null;\n pendingSeekTimeRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = null;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n publishPlaybackTime(0);\n setIsPlaying(false);\n updateLoading(false);\n }, [publishPlaybackTime, stopPlaybackTimeLoop, updateLoading]);\n\n const tryPlayCurrentAudio = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return false;\n }\n\n const playPromise = audioElement.play();\n\n if (playPromise && typeof playPromise.then === \"function\") {\n void playPromise\n .then(() => {\n if (playbackAccessModeRef.current === \"unknown\") {\n playbackAccessModeRef.current = \"auto\";\n }\n\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n })\n .catch((error: unknown) => {\n if (\n playbackAccessModeRef.current === \"unknown\" &&\n isAutoplayBlockedError(error)\n ) {\n // Lock autoplay after the first browser rejection.\n playbackAccessModeRef.current = \"blocked\";\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n }\n\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n });\n }\n\n return true;\n },\n [isAutoplayBlockedError, updateLoading]\n );\n\n const startSegmentPlayback = useCallback(\n (segmentIndex: number, _reason: string) => {\n const audioElement = audioRef.current;\n const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n if (!audioElement || !segment) {\n return false;\n }\n\n const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n currentSegmentIndexRef.current = segmentIndex;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = true;\n publishPlaybackTime(getSegmentStartTimeMs(segmentIndex));\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n pendingAutoPlayRef.current = shouldAutoResume;\n updateLoading(false);\n\n const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n activeSourceTypeRef.current = \"segment\";\n\n if (hasNewSrc) {\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = nextAudioSrc;\n audioElement.src = nextAudioSrc;\n audioElement.load();\n }\n\n pendingSeekTimeRef.current = 0;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = 0;\n pendingSeekTimeRef.current = null;\n }\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return true;\n }\n\n return tryPlayCurrentAudio(`start-segment:${_reason}`);\n },\n [\n canStartPlaybackAutomatically,\n getSegmentSrc,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n tryPlayCurrentAudio,\n updateLoading,\n ]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [\n currentAudioIndex,\n onEnded,\n stopPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]\n );\n\n const handleSegmentEnded = useCallback(() => {\n const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n const segments = currentAudioSegmentsRef.current;\n const nextSegment = segments[nextSegmentIndex];\n const activeAudio = currentAudioRef.current;\n const hasFinal = segments.some((segment) => segment.is_final);\n\n if (nextSegment) {\n startSegmentPlayback(nextSegmentIndex, \"ended\");\n return;\n }\n\n if (activeAudio?.isAudioStreaming || !hasFinal) {\n currentSegmentIndexRef.current = nextSegmentIndex;\n waitingSegmentIndexRef.current = nextSegmentIndex;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying;\n publishPlaybackTime(getSegmentStartTimeMs(nextSegmentIndex));\n setIsPlaying(false);\n updateLoading(true);\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [\n defaultPlaying,\n finishAudioItem,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n startSegmentPlayback,\n updateLoading,\n ]);\n\n useEffect(() => {\n if (currentAudioKeyRef.current === currentAudioKey) {\n return;\n }\n\n currentAudioKeyRef.current = currentAudioKey;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n activeSourceTypeRef.current = null;\n audioSrcRef.current = null;\n stopPlaybackTimeLoop();\n publishPlaybackTime(0);\n updateLoading(false);\n\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n setIsPlaying(false);\n }, [\n currentAudioIndex,\n currentAudioKey,\n currentAudioSegments.length,\n currentAudioUrl,\n publishPlaybackTime,\n stopPlaybackTimeLoop,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (isPlaybackPaused) {\n wasPlayingBeforeExternalPauseRef.current = Boolean(\n currentAudioRef.current &&\n !isPausedByUserRef.current &&\n (!audioElement.paused ||\n pendingAutoPlayRef.current ||\n waitingSegmentIndexRef.current !== null)\n );\n\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (\n !wasPlayingBeforeExternalPauseRef.current ||\n !currentAudioRef.current ||\n isPausedByUserRef.current\n ) {\n return;\n }\n\n wasPlayingBeforeExternalPauseRef.current = false;\n\n if (waitingSegmentIndexRef.current !== null) {\n if (\n waitingSegmentIndexRef.current < currentAudioSegmentsRef.current.length\n ) {\n startSegmentPlayback(waitingSegmentIndexRef.current, \"external-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioSrcRef.current && currentAudioSegmentsRef.current.length > 0) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegmentsRef.current.length - 1\n ),\n \"external-resume-init\"\n );\n return;\n }\n\n if (!audioElement.paused) {\n return;\n }\n\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"external-resume\");\n }, [\n isPlaybackPaused,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (!currentAudio) {\n resetAudio();\n return;\n }\n\n if (isPlaybackPaused) {\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (currentAudioUrl) {\n const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n const shouldAutoResume = canStartPlaybackAutomatically();\n const shouldKeepSegmentSource =\n activeSourceTypeRef.current === \"segment\" &&\n Boolean(audioSrcRef.current) &&\n waitingSegmentIndexRef.current === null;\n\n if (shouldKeepSegmentSource) {\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"keep-segment-source\");\n }\n\n return;\n }\n\n if (hasNewSrc) {\n const nextSeekTime =\n waitingSegmentIndexRef.current !== null\n ? getWaitingSegmentSeekTime()\n : 0;\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = currentAudioUrl;\n activeSourceTypeRef.current = \"url\";\n audioElement.src = currentAudioUrl;\n audioElement.load();\n pendingSeekTimeRef.current = nextSeekTime;\n publishPlaybackTime(nextSeekTime * 1000);\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = nextSeekTime;\n pendingSeekTimeRef.current = null;\n }\n }\n\n pendingAutoPlayRef.current = shouldAutoResume;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n updateLoading(false);\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n tryPlayCurrentAudio(hasNewSrc ? \"sync-url-init\" : \"sync-url\");\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n if (isPausedByUserRef.current) {\n setIsPlaying(false);\n updateLoading(false);\n return;\n }\n\n startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n return;\n }\n\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n if (!currentAudioSegments.length) {\n if (currentAudio.isAudioStreaming) {\n waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n resetAudio();\n return;\n }\n\n if (!audioSrcRef.current) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"effect-init\"\n );\n return;\n }\n\n if (!defaultPlaying || isPausedByUserRef.current) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"sync-paused-retry\");\n }\n }, [\n currentAudio,\n currentAudioIndex,\n currentAudioSegments,\n currentAudioUrl,\n defaultPlaying,\n isPlaybackPaused,\n canStartPlaybackAutomatically,\n publishPlaybackTime,\n resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n useEffect(() => stopPlaybackTimeLoop, [stopPlaybackTimeLoop]);\n\n const handleAudioPlay = useCallback(() => {\n syncPlaybackTime();\n startPlaybackTimeLoop();\n setIsPlaying(true);\n updateLoading(false);\n onPlaybackStarted?.();\n }, [\n onPlaybackStarted,\n startPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n }, [currentAudioIndex, stopPlaybackTimeLoop, syncPlaybackTime]);\n\n const handleAudioCanPlay = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n\n if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [\n currentAudioIndex,\n defaultPlaying,\n syncPlaybackTime,\n tryPlayCurrentAudio,\n ]);\n\n const handleLoadedMetadata = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n }, [currentAudioIndex, syncPlaybackTime]);\n\n const handleAudioTimeUpdate = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioSeeking = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n stopPlaybackTimeLoop();\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded, stopPlaybackTimeLoop]);\n\n const handleAudioError = useCallback(() => {\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n }, [stopPlaybackTimeLoop, syncPlaybackTime, updateLoading]);\n const handleMobileViewModeChange = useCallback(\n (nextViewMode: MobileViewMode) => {\n onMobileViewModeChange?.(nextViewMode);\n setIsMobileMoreOpen(false);\n },\n [onMobileViewModeChange]\n );\n\n useEffect(() => {\n onPlaybackTimeChange?.(playbackTimeMsRef.current);\n }, [onPlaybackTimeChange]);\n\n return (\n <div className={cn(\"slide-player\", className)} {...props}>\n <audio\n ref={audioRef}\n preload=\"auto\"\n playsInline\n onLoadedMetadata={handleLoadedMetadata}\n onCanPlay={handleAudioCanPlay}\n onPlay={handleAudioPlay}\n onPause={handleAudioPause}\n onSeeking={handleAudioSeeking}\n onSeeked={handleAudioSeeking}\n onTimeUpdate={handleAudioTimeUpdate}\n onEnded={handleAudioEnded}\n onError={handleAudioError}\n />\n\n {showControls ? (\n <>\n <MobilePlayerSettingsSheet\n container={settingsPortalContainer}\n labels={{\n fullscreen: playerTexts.fullscreenLabel,\n nonFullscreen: playerTexts.nonFullscreenLabel,\n screen: playerTexts.screenLabel,\n subtitle: playerTexts.subtitleLabel,\n subtitleToggle: playerTexts.subtitleToggleAriaLabel,\n title: playerTexts.settingsTitle,\n }}\n isSubtitleEnabled={isSubtitleEnabled}\n onClose={() => setIsMobileMoreOpen(false)}\n onOpenChange={setIsMobileMoreOpen}\n onSubtitleToggle={onSubtitleToggle ?? (() => {})}\n onViewModeChange={handleMobileViewModeChange}\n open={isMobileMoreOpen}\n viewMode={mobileViewMode}\n />\n\n <div className=\"slide-player__controls\" style={controlsStyle}>\n <div className=\"slide-player__group\">\n <button\n aria-expanded={isMobileMoreOpen}\n aria-haspopup=\"dialog\"\n aria-label=\"More options\"\n className=\"slide-player__action slide-player__action--mobile-more\"\n onClick={() => {\n setIsMobileMoreOpen((prevOpen) => !prevOpen);\n }}\n type=\"button\"\n >\n <EllipsisVertical\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n <button aria-label=\"Volume\" className=\"hidden\" type=\"button\">\n <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={playerTexts.subtitleToggleAriaLabel}\n aria-pressed={isSubtitleEnabled}\n className=\"slide-player__action slide-player__action--subtitle\"\n onClick={onSubtitleToggle}\n type=\"button\"\n >\n {isSubtitleEnabled ? (\n <Captions className=\"slide-player__icon\" strokeWidth={2.25} />\n ) : (\n <CaptionsOff\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n <button\n aria-label=\"Rewind\"\n className=\"slide-player__action slide-player__action--prev\"\n disabled={prevDisabled}\n onClick={onPrev}\n type=\"button\"\n >\n <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={toggleAriaLabel}\n className=\"slide-player__toggle slide-player__toggle--playback\"\n onClick={() => {\n if (useAutoAdvanceToggle) {\n onAutoAdvanceToggle?.(!isAutoAdvanceEnabled);\n return;\n }\n\n const audioElement = audioRef.current;\n\n if (isPlaybackPaused || !audioElement || !currentAudio) {\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (isPlaying) {\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n audioElement.pause();\n return;\n }\n\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioElement.src && currentAudioSegments.length > 0) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"toggle\"\n );\n return;\n }\n\n if (audioElement.paused) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"toggle-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n audioElement.pause();\n }}\n type=\"button\"\n >\n {isTogglePlaying ? <PauseIcon /> : <PlayIcon />}\n </button>\n <button\n aria-label=\"Forward\"\n className=\"slide-player__action slide-player__action--next\"\n disabled={nextDisabled}\n onClick={onNext}\n type=\"button\"\n >\n <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n {onFullscreen ? (\n <button\n aria-label={\n isFullscreen ? \"Exit fullscreen\" : \"Enter fullscreen\"\n }\n className=\"slide-player__action slide-player__action--fullscreen\"\n onClick={onFullscreen}\n type=\"button\"\n >\n {isFullscreen ? (\n <ScanLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n ) : (\n <Maximize\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n ) : null}\n </div>\n\n <div className=\"slide-player__separator\" />\n\n <div className=\"slide-player__group\">\n {customActionList.map((customAction, customActionIndex) => (\n <React.Fragment key={`custom-action-${customActionIndex}`}>\n {customAction}\n </React.Fragment>\n ))}\n <button\n aria-label=\"Notes\"\n className={cn(\n \"slide-player__action slide-player__action--notes\",\n isInteractionOpen && \"slide-player__action--active\"\n )}\n disabled={!hasInteraction}\n onClick={onInteractionToggle}\n type=\"button\"\n >\n <FilePenLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n </div>\n </div>\n </>\n ) : null}\n </div>\n );\n};\n\nconst MemoizedPlayer = memo(Player);\n\nMemoizedPlayer.displayName = \"Player\";\n\nexport default MemoizedPlayer;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","isPlaybackPaused","isAutoAdvanceEnabled","useAutoAdvanceToggle","onLoadingChange","onPlaybackStarted","onPlaybackTimeChange","onSubtitleToggle","onPrev","onNext","onFullscreen","isFullscreen","mobileViewMode","DEFAULT_MOBILE_VIEW_MODE","settingsPortalContainer","onMobileViewModeChange","onEnded","onAutoAdvanceToggle","onInteractionToggle","hasInteraction","isInteractionOpen","isSubtitleEnabled","prevDisabled","nextDisabled","showControls","customActions","customActionContext","texts","props","audioRef","useRef","previousInteractionOpenRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","wasPlayingBeforeExternalPauseRef","isLoadingRef","isPausedByUserRef","activeSourceTypeRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","playbackAnimationFrameRef","playbackTimeMsRef","playbackAccessModeRef","isPlaying","setIsPlaying","useState","isMobileMoreOpen","setIsMobileMoreOpen","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","customActionList","toPlayerCustomActionList","mobileVisibleActionCount","controlsStyle","playerTexts","DEFAULT_SLIDE_PLAYER_TEXTS","currentAudioKey","isTogglePlaying","toggleAriaLabel","useEffect","currentUrl","nextUrl","updateLoading","useCallback","loading","isAutoplayBlockedError","error","canStartPlaybackAutomatically","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","getSegmentStartTimeMs","segmentIndex","getCurrentPlaybackTimeMs","audioElement","publishPlaybackTime","timeMs","nextPlaybackTimeMs","syncPlaybackTime","stopPlaybackTimeLoop","startPlaybackTimeLoop","updateFrame","resetAudio","tryPlayCurrentAudio","_reason","playPromise","startSegmentPlayback","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioTimeUpdate","handleAudioSeeking","handleAudioEnded","shouldFinishAsUrl","handleAudioError","handleMobileViewModeChange","nextViewMode","cn","Fragment","MobilePlayerSettingsSheet","prevOpen","EllipsisVertical","Volume2","Captions","CaptionsOff","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine","MemoizedPlayer","memo"],"mappings":"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"}