markdown-flow-ui 0.1.108-beta.2 → 0.1.108-beta.3

package/dist/_virtual/index.cjs4.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
 //# sourceMappingURL=index.cjs4.js.map

package/dist/_virtual/index.cjs5.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),t=require("../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.cjs.js");var r=t.__require();const o=e.getDefaultExportFromCjs(r);exports.default=o;
 //# sourceMappingURL=index.cjs5.js.map

package/dist/_virtual/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),t=require("../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.cjs.js");var r=t.__require();const o=e.getDefaultExportFromCjs(r);exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/_virtual/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/_virtual/index.es4.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as s } from "../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { __require as o } from "../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.es.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
-  t as default
+  a as default
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/_virtual/index.es5.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as o } from "../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.es.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
+import { __require as r } from "../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.es.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/_virtual/index.es6.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
-import { __require as r } from "../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.es.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+var r = {};
 export {
-  a as default
+  r as __exports
 };
 //# sourceMappingURL=index.es6.js.map

package/dist/_virtual/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.es7.js

@@ -1,5 +1,8 @@
-var r = {};
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
+import { __require as s } from "../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  r as __exports
+  t as default
 };
 //# sourceMappingURL=index.es7.js.map

package/dist/_virtual/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Slide/Player.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),Re=require("../../lib/utils.cjs.js"),ze=require("./MobilePlayerSettingsSheet.cjs.js"),De=require("./constants.cjs.js"),Xe=require("./utils/mobileScreenMode.cjs.js"),Ye=require("./utils/playerCustomActions.cjs.js");;/* empty css                */const Ge=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"),Je=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"),Qe=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"),Ie=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"),er=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"),rr=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"),tr=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"),ge=new Map,Ee=w=>{if(typeof window>"u"||!w||ge.has(w))return;const N=window.document.createElement("audio");N.preload="auto",N.setAttribute("playsinline","true"),N.src=w,N.load(),ge.set(w,N)},nr=()=>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"})]}),sr=()=>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"})]}),ur=({audioList:w=[],className:N,currentAudioIndex:d=-1,defaultPlaying:E=!0,isPlaybackPaused:v=!1,isAutoAdvanceEnabled:z=!0,useAutoAdvanceToggle:D=!1,onLoadingChange:Q,onPlaybackTimeChange:K,onPrev:_e,onNext:Se,onFullscreen:I,isFullscreen:ee=!1,mobileViewMode:ke=Xe.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:Ce,onMobileViewModeChange:re,onEnded:te,onAutoAdvanceToggle:we,onInteractionToggle:Me,hasInteraction:Ae=!1,isInteractionOpen:W=!1,prevDisabled:Ne=!1,nextDisabled:ve=!1,showControls:X=!0,customActions:ne,customActionContext:se,texts:ue,...Te})=>{const p=r.useRef(null),le=r.useRef(W),j=r.useRef(null),ce=r.useRef(null),b=r.useRef(0),c=r.useRef(null),O=r.useRef(void 0),_=r.useRef([]),V=r.useRef(!1),ae=r.useRef(!1),x=r.useRef(!1),T=r.useRef(null),R=r.useRef(!1),u=r.useRef(!1),m=r.useRef(null),g=r.useRef(!1),q=r.useRef(null),Y=r.useRef(0),M=r.useRef("unknown"),[G,a]=r.useState(E),[ie,U]=r.useState(!1),o=d>=0?w[d]:void 0,F=o?.audioUrl,qe=o?.element?.subtitle_cues??[],S=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,n)=>e.segment_index-n.segment_index),[o?.audioSegments]),oe=r.useMemo(()=>Ye.toPlayerCustomActionList(ne,se),[se,ne]),fe=oe.length+5,Le=r.useMemo(()=>({"--slide-player-mobile-control-count":String(fe)}),[fe]),Z=r.useMemo(()=>({...De.DEFAULT_SLIDE_PLAYER_TEXTS,...ue}),[ue]),J=r.useMemo(()=>o?o.audioKey??`${String(o.sequenceNumber??"none")}:${String(o.audioUrl??"")}`:"none",[o]),Pe=D?z:G,Ue=D?z?"Pause autoplay":"Play autoplay":G?"Pause":"Play";r.useEffect(()=>{O.current=o},[o]),r.useEffect(()=>{X||U(!1)},[X]),r.useEffect(()=>{!le.current&&W&&U(!1),le.current=W},[W]),r.useEffect(()=>{_.current=S},[S]),r.useEffect(()=>{const e=o?.audioUrl,n=d>=0?w[d+1]?.audioUrl:void 0;Ee(e),Ee(n)},[w,o?.audioUrl,d]);const s=r.useCallback(e=>{ae.current!==e&&(ae.current=e,Q?.(e))},[Q]),de=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),A=r.useCallback(()=>E&&!v&&!x.current&&M.current!=="blocked",[E,v]),me=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),pe=r.useCallback(()=>{const e=c.current;return e==null||e<=0?0:_.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0)/1e3},[]),L=r.useCallback(e=>e<=0?0:_.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0),[]),xe=r.useCallback(()=>{const e=p.current;return e?T.current==="segment"?L(b.current)+Math.max(e.currentTime,0)*1e3:m.current!==null&&e.readyState===0?m.current*1e3:Math.max(e.currentTime,0)*1e3:c.current!=null?L(c.current):0},[L]),h=r.useCallback(e=>{const n=Math.max(e,0);Y.current!==n&&(Y.current=n,K?.(n))},[K]),i=r.useCallback(()=>{h(xe())},[xe,h]),f=r.useCallback(()=>{typeof window>"u"||q.current===null||(window.cancelAnimationFrame(q.current),q.current=null)},[]),he=r.useCallback(()=>{if(typeof window>"u"||q.current!==null)return;const e=()=>{i();const n=p.current;if(!n||n.paused||n.ended){q.current=null;return}q.current=window.requestAnimationFrame(e)};q.current=window.requestAnimationFrame(e)},[i]),B=r.useCallback(()=>{const e=p.current;e&&(f(),u.current=!1,x.current=!1,V.current=!1,T.current=null,m.current=null,R.current=!1,g.current=!1,e.pause(),e.removeAttribute("src"),e.load(),j.current=null,b.current=0,c.current=null,h(0),a(!1),s(!1))},[h,f,s]),y=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,g.current=!1}).catch(P=>{M.current==="unknown"&&de(P)&&(M.current="blocked",u.current=!1,s(!1)),g.current=!1,a(!1)}),!0},[de,s]),k=r.useCallback((e,n)=>{const l=p.current,P=_.current[e];if(!l||!P)return!1;const C=me(P.audio_data);b.current=e,c.current=null,R.current=!1,g.current=!0,h(L(e));const H=A();u.current=H,s(!1);const He=j.current!==C;return T.current="segment",He&&(l.pause(),l.removeAttribute("src"),l.load(),j.current=C,l.src=C,l.load()),m.current=0,l.readyState>0&&(l.currentTime=0,m.current=null),H?y(`start-segment:${n}`):(u.current=!1,g.current=!1,l.pause(),a(!1),!0)},[A,me,L,h,y,s]),$=r.useCallback(e=>{f(),u.current=!1,R.current=!1,g.current=!1,i(),a(!1),s(!1),d>=0&&te?.(d)},[d,te,f,i,s]),ye=r.useCallback(()=>{const e=b.current+1,n=_.current,l=n[e],P=O.current,C=n.some(H=>H.is_final);if(l){k(e,"ended");return}if(P?.isAudioStreaming||!C){b.current=e,c.current=e,R.current=!0,u.current=E,h(L(e)),a(!1),s(!0);return}$("segments-completed")},[E,$,L,h,k,s]);r.useEffect(()=>{if(ce.current===J)return;ce.current=J,b.current=0,c.current=null,R.current=!1,x.current=!1,V.current=!1,u.current=!1,g.current=!1,T.current=null,j.current=null,f(),h(0),s(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),a(!1))},[d,J,S.length,F,h,f,s]),r.useEffect(()=>{const e=p.current;if(e){if(v){V.current=!!(O.current&&!x.current&&(!e.paused||u.current||c.current!==null)),u.current=!1,s(!1),e.pause(),a(!1);return}if(!(!V.current||!O.current||x.current)){if(V.current=!1,c.current!==null){if(c.current<_.current.length){k(c.current,"external-resume");return}u.current=!0,s(!0);return}if(!j.current&&_.current.length>0){k(Math.min(b.current,_.current.length-1),"external-resume-init");return}e.paused&&(u.current=!0,y("external-resume"))}}},[v,k,y,s]),r.useEffect(()=>{const e=p.current;if(e){if(!o){B();return}if(v){u.current=!1,s(!1),e.pause(),a(!1);return}if(F){const n=j.current!==F,l=A();if(T.current==="segment"&&!!j.current&&c.current===null){if(!l){u.current=!1,e.pause(),a(!1);return}e.paused&&(u.current=!0,y("keep-segment-source"));return}if(n){const C=c.current!==null?pe():0;e.pause(),e.removeAttribute("src"),e.load(),j.current=F,T.current="url",e.src=F,e.load(),m.current=C,h(C*1e3),e.readyState>0&&(e.currentTime=C,m.current=null)}if(u.current=l,R.current=!1,g.current=!1,s(!1),!l){u.current=!1,e.pause(),a(!1);return}y(n?"sync-url-init":"sync-url");return}if(c.current!==null){if(c.current<S.length){if(x.current){a(!1),s(!1);return}k(c.current,"wait-resume");return}R.current=!0,u.current=A(),a(!1),s(A());return}if(!S.length){if(o.isAudioStreaming){c.current=b.current,R.current=!0,u.current=A(),a(!1),s(A());return}B();return}if(!j.current){k(Math.min(b.current,S.length-1),"effect-init");return}if(!E||x.current){u.current=!1,e.pause(),a(!1);return}e.paused&&(u.current=!0,y("sync-paused-retry"))}},[o,d,S,F,E,v,A,h,B,k,y,pe,s]),r.useEffect(()=>B,[B]),r.useEffect(()=>f,[f]);const Fe=r.useCallback(()=>{i(),he(),a(!0),s(!1)},[he,i,s]),We=r.useCallback(()=>{R.current||g.current||(f(),i(),a(!1))},[d,f,i]),Ve=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i(),!(!u.current||!E)&&y("canplay")},[d,E,i,y]),Be=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i()},[d,i]),Ke=r.useCallback(()=>{i()},[i]),be=r.useCallback(()=>{i()},[i]),Oe=r.useCallback(()=>{const e=T.current==="url"||_.current.length===0;if(f(),g.current=!1,e){$("url-ended");return}ye()},[$,ye,f]),Ze=r.useCallback(()=>{f(),i(),a(!1),s(!1)},[f,i,s]),$e=r.useCallback(e=>{re?.(e),U(!1)},[re]);return console.log("SubtitleOverlay",qe),r.useEffect(()=>{K?.(Y.current)},[K]),t.jsxRuntimeExports.jsxs("div",{className:Re.cn("slide-player",N),...Te,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:Be,onCanPlay:Ve,onPlay:Fe,onPause:We,onSeeking:be,onSeeked:be,onTimeUpdate:Ke,onEnded:Oe,onError:Ze}),X?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(ze.default,{container:Ce,labels:{fullscreen:Z.fullscreenLabel,nonFullscreen:Z.nonFullscreenLabel,screen:Z.screenLabel,title:Z.settingsTitle},onClose:()=>U(!1),onOpenChange:U,onViewModeChange:$e,open:ie,viewMode:ke}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:Le,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":ie,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{U(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Ge.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(Je.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Ne,onClick:_e,type:"button",children:t.jsxRuntimeExports.jsx(Qe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":Ue,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(D){we?.(!z);return}const e=p.current;if(!(v||!e||!o)){if(c.current!==null){if(G){u.current=!1,x.current=!0,c.current=null,R.current=!1,a(!1),s(!1),e.pause();return}M.current="manual",x.current=!1,u.current=!0,s(!0);return}if(!e.src&&S.length>0){M.current="manual",x.current=!1,k(Math.min(b.current,S.length-1),"toggle");return}if(e.paused){M.current="manual",x.current=!1,u.current=!0,y("toggle-resume");return}u.current=!1,x.current=!0,e.pause()}},type:"button",children:Pe?t.jsxRuntimeExports.jsx(nr,{}):t.jsxRuntimeExports.jsx(sr,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:ve,onClick:Se,type:"button",children:t.jsxRuntimeExports.jsx(Ie.default,{className:"slide-player__icon",strokeWidth:2.25})}),I?t.jsxRuntimeExports.jsx("button",{"aria-label":ee?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:I,type:"button",children:ee?t.jsxRuntimeExports.jsx(er.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(rr.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:[oe.map((e,n)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${n}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:Re.cn("slide-player__action slide-player__action--notes",W&&"slide-player__action--active"),disabled:!Ae,onClick:Me,type:"button",children:t.jsxRuntimeExports.jsx(tr.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},je=r.memo(ur);je.displayName="Player";exports.default=je;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),ge=require("../../lib/utils.cjs.js"),De=require("./MobilePlayerSettingsSheet.cjs.js"),Xe=require("./constants.cjs.js"),Ye=require("./utils/mobileScreenMode.cjs.js"),Ge=require("./utils/playerCustomActions.cjs.js");;/* empty css                */const Je=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"),Qe=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"),Ie=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"),er=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"),rr=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"),tr=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"),nr=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"),Ee=new Map,je=w=>{if(typeof window>"u"||!w||Ee.has(w))return;const N=window.document.createElement("audio");N.preload="auto",N.setAttribute("playsinline","true"),N.src=w,N.load(),Ee.set(w,N)},sr=()=>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"})]}),ur=()=>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"})]}),lr=({audioList:w=[],className:N,currentAudioIndex:d=-1,defaultPlaying:E=!0,isPlaybackPaused:v=!1,isAutoAdvanceEnabled:z=!0,useAutoAdvanceToggle:D=!1,onLoadingChange:Q,onPlaybackStarted:I,onPlaybackTimeChange:K,onPrev:Se,onNext:ke,onFullscreen:ee,isFullscreen:re=!1,mobileViewMode:Ce=Ye.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:we,onMobileViewModeChange:te,onEnded:ne,onAutoAdvanceToggle:Me,onInteractionToggle:Ae,hasInteraction:Ne=!1,isInteractionOpen:W=!1,prevDisabled:ve=!1,nextDisabled:Te=!1,showControls:X=!0,customActions:se,customActionContext:ue,texts:le,...qe})=>{const p=r.useRef(null),ce=r.useRef(W),j=r.useRef(null),ae=r.useRef(null),b=r.useRef(0),c=r.useRef(null),O=r.useRef(void 0),_=r.useRef([]),V=r.useRef(!1),ie=r.useRef(!1),x=r.useRef(!1),T=r.useRef(null),R=r.useRef(!1),u=r.useRef(!1),m=r.useRef(null),g=r.useRef(!1),q=r.useRef(null),Y=r.useRef(0),M=r.useRef("unknown"),[G,a]=r.useState(E),[oe,P]=r.useState(!1),o=d>=0?w[d]:void 0,F=o?.audioUrl,Le=o?.element?.subtitle_cues??[],S=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,n)=>e.segment_index-n.segment_index),[o?.audioSegments]),fe=r.useMemo(()=>Ge.toPlayerCustomActionList(se,ue),[ue,se]),de=fe.length+5,Ue=r.useMemo(()=>({"--slide-player-mobile-control-count":String(de)}),[de]),Z=r.useMemo(()=>({...Xe.DEFAULT_SLIDE_PLAYER_TEXTS,...le}),[le]),J=r.useMemo(()=>o?o.audioKey??`${String(o.sequenceNumber??"none")}:${String(o.audioUrl??"")}`:"none",[o]),Pe=D?z:G,Fe=D?z?"Pause autoplay":"Play autoplay":G?"Pause":"Play";r.useEffect(()=>{O.current=o},[o]),r.useEffect(()=>{X||P(!1)},[X]),r.useEffect(()=>{!ce.current&&W&&P(!1),ce.current=W},[W]),r.useEffect(()=>{_.current=S},[S]),r.useEffect(()=>{const e=o?.audioUrl,n=d>=0?w[d+1]?.audioUrl:void 0;je(e),je(n)},[w,o?.audioUrl,d]);const s=r.useCallback(e=>{ie.current!==e&&(ie.current=e,Q?.(e))},[Q]),me=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),A=r.useCallback(()=>E&&!v&&!x.current&&M.current!=="blocked",[E,v]),pe=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),xe=r.useCallback(()=>{const e=c.current;return e==null||e<=0?0:_.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0)/1e3},[]),L=r.useCallback(e=>e<=0?0:_.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0),[]),he=r.useCallback(()=>{const e=p.current;return e?T.current==="segment"?L(b.current)+Math.max(e.currentTime,0)*1e3:m.current!==null&&e.readyState===0?m.current*1e3:Math.max(e.currentTime,0)*1e3:c.current!=null?L(c.current):0},[L]),h=r.useCallback(e=>{const n=Math.max(e,0);Y.current!==n&&(Y.current=n,K?.(n))},[K]),i=r.useCallback(()=>{h(he())},[he,h]),f=r.useCallback(()=>{typeof window>"u"||q.current===null||(window.cancelAnimationFrame(q.current),q.current=null)},[]),ye=r.useCallback(()=>{if(typeof window>"u"||q.current!==null)return;const e=()=>{i();const n=p.current;if(!n||n.paused||n.ended){q.current=null;return}q.current=window.requestAnimationFrame(e)};q.current=window.requestAnimationFrame(e)},[i]),B=r.useCallback(()=>{const e=p.current;e&&(f(),u.current=!1,x.current=!1,V.current=!1,T.current=null,m.current=null,R.current=!1,g.current=!1,e.pause(),e.removeAttribute("src"),e.load(),j.current=null,b.current=0,c.current=null,h(0),a(!1),s(!1))},[h,f,s]),y=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,g.current=!1}).catch(U=>{M.current==="unknown"&&me(U)&&(M.current="blocked",u.current=!1,s(!1)),g.current=!1,a(!1)}),!0},[me,s]),k=r.useCallback((e,n)=>{const l=p.current,U=_.current[e];if(!l||!U)return!1;const C=pe(U.audio_data);b.current=e,c.current=null,R.current=!1,g.current=!0,h(L(e));const H=A();u.current=H,s(!1);const ze=j.current!==C;return T.current="segment",ze&&(l.pause(),l.removeAttribute("src"),l.load(),j.current=C,l.src=C,l.load()),m.current=0,l.readyState>0&&(l.currentTime=0,m.current=null),H?y(`start-segment:${n}`):(u.current=!1,g.current=!1,l.pause(),a(!1),!0)},[A,pe,L,h,y,s]),$=r.useCallback(e=>{f(),u.current=!1,R.current=!1,g.current=!1,i(),a(!1),s(!1),d>=0&&ne?.(d)},[d,ne,f,i,s]),be=r.useCallback(()=>{const e=b.current+1,n=_.current,l=n[e],U=O.current,C=n.some(H=>H.is_final);if(l){k(e,"ended");return}if(U?.isAudioStreaming||!C){b.current=e,c.current=e,R.current=!0,u.current=E,h(L(e)),a(!1),s(!0);return}$("segments-completed")},[E,$,L,h,k,s]);r.useEffect(()=>{if(ae.current===J)return;ae.current=J,b.current=0,c.current=null,R.current=!1,x.current=!1,V.current=!1,u.current=!1,g.current=!1,T.current=null,j.current=null,f(),h(0),s(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),a(!1))},[d,J,S.length,F,h,f,s]),r.useEffect(()=>{const e=p.current;if(e){if(v){V.current=!!(O.current&&!x.current&&(!e.paused||u.current||c.current!==null)),u.current=!1,s(!1),e.pause(),a(!1);return}if(!(!V.current||!O.current||x.current)){if(V.current=!1,c.current!==null){if(c.current<_.current.length){k(c.current,"external-resume");return}u.current=!0,s(!0);return}if(!j.current&&_.current.length>0){k(Math.min(b.current,_.current.length-1),"external-resume-init");return}e.paused&&(u.current=!0,y("external-resume"))}}},[v,k,y,s]),r.useEffect(()=>{const e=p.current;if(e){if(!o){B();return}if(v){u.current=!1,s(!1),e.pause(),a(!1);return}if(F){const n=j.current!==F,l=A();if(T.current==="segment"&&!!j.current&&c.current===null){if(!l){u.current=!1,e.pause(),a(!1);return}e.paused&&(u.current=!0,y("keep-segment-source"));return}if(n){const C=c.current!==null?xe():0;e.pause(),e.removeAttribute("src"),e.load(),j.current=F,T.current="url",e.src=F,e.load(),m.current=C,h(C*1e3),e.readyState>0&&(e.currentTime=C,m.current=null)}if(u.current=l,R.current=!1,g.current=!1,s(!1),!l){u.current=!1,e.pause(),a(!1);return}y(n?"sync-url-init":"sync-url");return}if(c.current!==null){if(c.current<S.length){if(x.current){a(!1),s(!1);return}k(c.current,"wait-resume");return}R.current=!0,u.current=A(),a(!1),s(A());return}if(!S.length){if(o.isAudioStreaming){c.current=b.current,R.current=!0,u.current=A(),a(!1),s(A());return}B();return}if(!j.current){k(Math.min(b.current,S.length-1),"effect-init");return}if(!E||x.current){u.current=!1,e.pause(),a(!1);return}e.paused&&(u.current=!0,y("sync-paused-retry"))}},[o,d,S,F,E,v,A,h,B,k,y,xe,s]),r.useEffect(()=>B,[B]),r.useEffect(()=>f,[f]);const We=r.useCallback(()=>{i(),ye(),a(!0),s(!1),I?.()},[I,ye,i,s]),Ve=r.useCallback(()=>{R.current||g.current||(f(),i(),a(!1))},[d,f,i]),Be=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i(),!(!u.current||!E)&&y("canplay")},[d,E,i,y]),Ke=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i()},[d,i]),Oe=r.useCallback(()=>{i()},[i]),Re=r.useCallback(()=>{i()},[i]),Ze=r.useCallback(()=>{const e=T.current==="url"||_.current.length===0;if(f(),g.current=!1,e){$("url-ended");return}be()},[$,be,f]),$e=r.useCallback(()=>{f(),i(),a(!1),s(!1)},[f,i,s]),He=r.useCallback(e=>{te?.(e),P(!1)},[te]);return console.log("SubtitleOverlay",Le),r.useEffect(()=>{K?.(Y.current)},[K]),t.jsxRuntimeExports.jsxs("div",{className:ge.cn("slide-player",N),...qe,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:Ke,onCanPlay:Be,onPlay:We,onPause:Ve,onSeeking:Re,onSeeked:Re,onTimeUpdate:Oe,onEnded:Ze,onError:$e}),X?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(De.default,{container:we,labels:{fullscreen:Z.fullscreenLabel,nonFullscreen:Z.nonFullscreenLabel,screen:Z.screenLabel,title:Z.settingsTitle},onClose:()=>P(!1),onOpenChange:P,onViewModeChange:He,open:oe,viewMode:Ce}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:Ue,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":oe,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{P(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Je.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(Qe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:ve,onClick:Se,type:"button",children:t.jsxRuntimeExports.jsx(Ie.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":Fe,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(D){Me?.(!z);return}const e=p.current;if(!(v||!e||!o)){if(c.current!==null){if(G){u.current=!1,x.current=!0,c.current=null,R.current=!1,a(!1),s(!1),e.pause();return}M.current="manual",x.current=!1,u.current=!0,s(!0);return}if(!e.src&&S.length>0){M.current="manual",x.current=!1,k(Math.min(b.current,S.length-1),"toggle");return}if(e.paused){M.current="manual",x.current=!1,u.current=!0,y("toggle-resume");return}u.current=!1,x.current=!0,e.pause()}},type:"button",children:Pe?t.jsxRuntimeExports.jsx(sr,{}):t.jsxRuntimeExports.jsx(ur,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:Te,onClick:ke,type:"button",children:t.jsxRuntimeExports.jsx(er.default,{className:"slide-player__icon",strokeWidth:2.25})}),ee?t.jsxRuntimeExports.jsx("button",{"aria-label":re?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:ee,type:"button",children:re?t.jsxRuntimeExports.jsx(rr.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(tr.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:[fe.map((e,n)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${n}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:ge.cn("slide-player__action slide-player__action--notes",W&&"slide-player__action--active"),disabled:!Ne,onClick:Ae,type:"button",children:t.jsxRuntimeExports.jsx(nr.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},_e=r.memo(lr);_e.displayName="Player";exports.default=_e;
 //# sourceMappingURL=Player.cjs.js.map

package/dist/components/Slide/Player.cjs.js.map

@@ -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  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  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  onPlaybackTimeChange?: (timeMs: number) => 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  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  onPlaybackTimeChange,\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  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  }, [startPlaybackTimeLoop, syncPlaybackTime, updateLoading]);\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              title: playerTexts.settingsTitle,\n            }}\n            onClose={() => setIsMobileMoreOpen(false)}\n            onOpenChange={setIsMobileMoreOpen}\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=\"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","onPlaybackTimeChange","onPrev","onNext","onFullscreen","isFullscreen","mobileViewMode","DEFAULT_MOBILE_VIEW_MODE","settingsPortalContainer","onMobileViewModeChange","onEnded","onAutoAdvanceToggle","onInteractionToggle","hasInteraction","isInteractionOpen","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","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine","MemoizedPlayer","memo"],"mappings":"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"}
+{"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  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  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  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  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  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  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              title: playerTexts.settingsTitle,\n            }}\n            onClose={() => setIsMobileMoreOpen(false)}\n            onOpenChange={setIsMobileMoreOpen}\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=\"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","onPrev","onNext","onFullscreen","isFullscreen","mobileViewMode","DEFAULT_MOBILE_VIEW_MODE","settingsPortalContainer","onMobileViewModeChange","onEnded","onAutoAdvanceToggle","onInteractionToggle","hasInteraction","isInteractionOpen","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","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine","MemoizedPlayer","memo"],"mappings":"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"}

package/dist/components/Slide/Player.d.ts

@@ -17,6 +17,7 @@ export type PlayerProps = Omit<React.ComponentProps<"div">, "onEnded"> & {
     isAutoAdvanceEnabled?: boolean;
     useAutoAdvanceToggle?: boolean;
     onLoadingChange?: (loading: boolean) => void;
+    onPlaybackStarted?: () => void;
     onPlaybackTimeChange?: (timeMs: number) => void;
     onPrev?: () => void;
     onNext?: () => void;
@@ -37,5 +38,5 @@ export type PlayerProps = Omit<React.ComponentProps<"div">, "onEnded"> & {
     customActionContext?: SlidePlayerCustomActionContext;
     texts?: SlidePlayerTexts;
 };
-declare const MemoizedPlayer: React.MemoExoticComponent<({ audioList, className, currentAudioIndex, defaultPlaying, isPlaybackPaused, isAutoAdvanceEnabled, useAutoAdvanceToggle, onLoadingChange, onPlaybackTimeChange, onPrev, onNext, onFullscreen, isFullscreen, mobileViewMode, settingsPortalContainer, onMobileViewModeChange, onEnded, onAutoAdvanceToggle, onInteractionToggle, hasInteraction, isInteractionOpen, prevDisabled, nextDisabled, showControls, customActions, customActionContext, texts, ...props }: PlayerProps) => React.JSX.Element>;
+declare const MemoizedPlayer: React.MemoExoticComponent<({ audioList, className, currentAudioIndex, defaultPlaying, isPlaybackPaused, isAutoAdvanceEnabled, useAutoAdvanceToggle, onLoadingChange, onPlaybackStarted, onPlaybackTimeChange, onPrev, onNext, onFullscreen, isFullscreen, mobileViewMode, settingsPortalContainer, onMobileViewModeChange, onEnded, onAutoAdvanceToggle, onInteractionToggle, hasInteraction, isInteractionOpen, prevDisabled, nextDisabled, showControls, customActions, customActionContext, texts, ...props }: PlayerProps) => React.JSX.Element>;
 export default MemoizedPlayer;