markdown-flow-ui 0.1.108 → 0.1.109
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index.cjs4.js +1 -1
- package/dist/_virtual/index.cjs5.js +1 -1
- package/dist/_virtual/index.cjs6.js +1 -1
- package/dist/_virtual/index.cjs7.js +1 -1
- package/dist/_virtual/index.es4.js +4 -4
- package/dist/_virtual/index.es5.js +4 -4
- package/dist/_virtual/index.es6.js +2 -5
- package/dist/_virtual/index.es6.js.map +1 -1
- package/dist/_virtual/index.es7.js +5 -2
- package/dist/_virtual/index.es7.js.map +1 -1
- package/dist/assets/markdown-flow-ui.css +1 -1
- package/dist/components/Slide/MobilePlayerSettingsSheet.cjs.js +1 -1
- package/dist/components/Slide/MobilePlayerSettingsSheet.cjs.js.map +1 -1
- package/dist/components/Slide/MobilePlayerSettingsSheet.d.ts +5 -1
- package/dist/components/Slide/MobilePlayerSettingsSheet.es.js +69 -27
- package/dist/components/Slide/MobilePlayerSettingsSheet.es.js.map +1 -1
- package/dist/components/Slide/Player.cjs.js +1 -1
- package/dist/components/Slide/Player.cjs.js.map +1 -1
- package/dist/components/Slide/Player.d.ts +8 -2
- package/dist/components/Slide/Player.es.js +357 -262
- package/dist/components/Slide/Player.es.js.map +1 -1
- package/dist/components/Slide/Slide.cjs.js +1 -1
- package/dist/components/Slide/Slide.cjs.js.map +1 -1
- package/dist/components/Slide/Slide.d.ts +1 -1
- package/dist/components/Slide/Slide.es.js +601 -513
- package/dist/components/Slide/Slide.es.js.map +1 -1
- package/dist/components/Slide/SubtitleOverlay.cjs.js +2 -0
- package/dist/components/Slide/SubtitleOverlay.cjs.js.map +1 -0
- package/dist/components/Slide/SubtitleOverlay.d.ts +14 -0
- package/dist/components/Slide/SubtitleOverlay.es.js +48 -0
- package/dist/components/Slide/SubtitleOverlay.es.js.map +1 -0
- package/dist/components/Slide/constants.cjs.js +1 -1
- package/dist/components/Slide/constants.cjs.js.map +1 -1
- package/dist/components/Slide/constants.d.ts +2 -0
- package/dist/components/Slide/constants.es.js +4 -2
- package/dist/components/Slide/constants.es.js.map +1 -1
- package/dist/components/Slide/index.cjs.js +1 -1
- package/dist/components/Slide/index.d.ts +1 -1
- package/dist/components/Slide/index.es.js +8 -9
- package/dist/components/Slide/index.es.js.map +1 -1
- package/dist/components/Slide/types.d.ts +8 -0
- package/dist/components/Slide/utils/listenModeElementList.d.ts +12 -1
- package/dist/components/Slide/utils/playbackTimeStore.cjs.js +2 -0
- package/dist/components/Slide/utils/playbackTimeStore.cjs.js.map +1 -0
- package/dist/components/Slide/utils/playbackTimeStore.d.ts +10 -0
- package/dist/components/Slide/utils/playbackTimeStore.es.js +31 -0
- package/dist/components/Slide/utils/playbackTimeStore.es.js.map +1 -0
- package/dist/components/Slide/utils/subtitleCue.cjs.js +3 -0
- package/dist/components/Slide/utils/subtitleCue.cjs.js.map +1 -0
- package/dist/components/Slide/utils/subtitleCue.d.ts +2 -0
- package/dist/components/Slide/utils/subtitleCue.es.js +10 -0
- package/dist/components/Slide/utils/subtitleCue.es.js.map +1 -0
- package/dist/components/Slide/utils/subtitleCue.test.d.ts +1 -0
- package/dist/components/index.d.ts +1 -1
- package/dist/components/ui/inputGroup/textarea.cjs.js +1 -1
- package/dist/components/ui/inputGroup/textarea.es.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/hast-util-to-jsx-runtime@2.3.6/node_modules/hast-util-to-jsx-runtime/lib/index.cjs.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/hast-util-to-jsx-runtime@2.3.6/node_modules/hast-util-to-jsx-runtime/lib/index.es.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.cjs.js +7 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.cjs.js.map +1 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js +20 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js.map +1 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.cjs.js +7 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.cjs.js.map +1 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js +16 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js.map +1 -0
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.cjs.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.es.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.cjs.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.es.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.cjs.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.es.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.cjs.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.es.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.cjs.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.es.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.cjs.js +1 -1
- package/dist/markdown-flow-ui/node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.es.js +1 -1
- package/dist/markdown-flow-ui-lib.css +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_virtual/jsx-runtime.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("../../markdown-flow-ui/node_modules/.pnpm/@radix-ui_react-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_react_47bb8d90b09b6a0ef5443ddd7a1cb20c/node_modules/@radix-ui/react-dialog/dist/index.cjs.js"),r=require("../../lib/utils.cjs.js"),s=require("../ui/dialog.cjs.js"),m=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/x.cjs.js"),p=({open:a,labels:t,isSubtitleEnabled:o,viewMode:n,container:l,onClose:x,onOpenChange:d,onSubtitleToggle:c,onViewModeChange:i})=>e.jsxRuntimeExports.jsx(s.Dialog,{open:a,onOpenChange:d,children:e.jsxRuntimeExports.jsxs(s.DialogPortal,{container:l,children:[e.jsxRuntimeExports.jsx(s.DialogOverlay,{className:"z-[60] bg-black/35"}),e.jsxRuntimeExports.jsxs(u.Content,{"aria-describedby":void 0,className:r.cn("fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-14 items-center justify-between border-b border-border px-4",children:[e.jsxRuntimeExports.jsx(s.DialogTitle,{className:"text-[15px] font-semibold leading-5 text-foreground",children:t.title}),e.jsxRuntimeExports.jsx("button",{"aria-label":"Close settings",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",onClick:x,type:"button",children:e.jsxRuntimeExports.jsx(m.default,{className:"h-4 w-4"})})]}),e.jsxRuntimeExports.jsxs("div",{className:r.cn("relative flex min-h-[72px] items-center justify-between gap-6 px-4","after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']"),children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.subtitle}),e.jsxRuntimeExports.jsx("button",{"aria-label":t.subtitleToggle,"aria-pressed":o,className:"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0",onClick:c,type:"button",children:e.jsxRuntimeExports.jsx("span",{className:r.cn("relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors",o&&"border-primary"),children:e.jsxRuntimeExports.jsx("span",{className:r.cn("absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform",o?"translate-x-[10px] bg-primary":"translate-x-0")})})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-[72px] items-center gap-6 px-4",children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.screen}),e.jsxRuntimeExports.jsxs("div",{"aria-label":"Screen mode",className:"flex items-center gap-8",role:"radiogroup",children:[e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="nonFullscreen",className:r.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="nonFullscreen"&&"font-semibold text-primary"),onClick:()=>i("nonFullscreen"),role:"radio",type:"button",children:t.nonFullscreen}),e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="fullscreen",className:r.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="fullscreen"&&"font-semibold text-primary"),onClick:()=>i("fullscreen"),role:"radio",type:"button",children:t.fullscreen})]})]})]})]})});exports.default=p;
|
|
2
2
|
//# sourceMappingURL=MobilePlayerSettingsSheet.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobilePlayerSettingsSheet.cjs.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n title: string;\n screen: string;\n nonFullscreen: string;\n fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n open: boolean;\n labels: MobilePlayerSettingsSheetLabels;\n viewMode: MobileViewMode;\n container?: HTMLElement | null;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n open,\n labels,\n viewMode,\n container,\n onClose,\n onOpenChange,\n onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogPortal container={container}>\n <DialogOverlay className=\"z-[60] bg-black/35\" />\n <DialogPrimitive.Content\n aria-describedby={undefined}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n )}\n >\n <div className=\"flex min-h-14 items-center justify-between border-b border-border px-
|
|
1
|
+
{"version":3,"file":"MobilePlayerSettingsSheet.cjs.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n title: string;\n subtitle: string;\n subtitleToggle: string;\n screen: string;\n nonFullscreen: string;\n fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n open: boolean;\n labels: MobilePlayerSettingsSheetLabels;\n isSubtitleEnabled: boolean;\n viewMode: MobileViewMode;\n container?: HTMLElement | null;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n onSubtitleToggle: () => void;\n onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n open,\n labels,\n isSubtitleEnabled,\n viewMode,\n container,\n onClose,\n onOpenChange,\n onSubtitleToggle,\n onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n const insetDividerClassName =\n \"after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']\";\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogPortal container={container}>\n <DialogOverlay className=\"z-[60] bg-black/35\" />\n <DialogPrimitive.Content\n aria-describedby={undefined}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n )}\n >\n <div className=\"flex min-h-14 items-center justify-between border-b border-border px-4\">\n <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n {labels.title}\n </DialogTitle>\n <button\n aria-label=\"Close settings\"\n className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n onClick={onClose}\n type=\"button\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </div>\n\n <div\n className={cn(\n \"relative flex min-h-[72px] items-center justify-between gap-6 px-4\",\n insetDividerClassName\n )}\n >\n <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n {labels.subtitle}\n </span>\n\n <button\n aria-label={labels.subtitleToggle}\n aria-pressed={isSubtitleEnabled}\n className=\"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0\"\n onClick={onSubtitleToggle}\n type=\"button\"\n >\n <span\n className={cn(\n \"relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors\",\n isSubtitleEnabled && \"border-primary\"\n )}\n >\n <span\n className={cn(\n \"absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform\",\n isSubtitleEnabled\n ? \"translate-x-[10px] bg-primary\"\n : \"translate-x-0\"\n )}\n />\n </span>\n </button>\n </div>\n\n <div className=\"flex min-h-[72px] items-center gap-6 px-4\">\n <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n {labels.screen}\n </span>\n <div\n aria-label=\"Screen mode\"\n className=\"flex items-center gap-8\"\n role=\"radiogroup\"\n >\n <button\n aria-checked={viewMode === \"nonFullscreen\"}\n className={cn(\n \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n )}\n onClick={() => onViewModeChange(\"nonFullscreen\")}\n role=\"radio\"\n type=\"button\"\n >\n {labels.nonFullscreen}\n </button>\n <button\n aria-checked={viewMode === \"fullscreen\"}\n className={cn(\n \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n )}\n onClick={() => onViewModeChange(\"fullscreen\")}\n role=\"radio\"\n type=\"button\"\n >\n {labels.fullscreen}\n </button>\n </div>\n </div>\n </DialogPrimitive.Content>\n </DialogPortal>\n </Dialog>\n );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","isSubtitleEnabled","viewMode","container","onClose","onOpenChange","onSubtitleToggle","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"ulBA4BMA,EAA4B,CAAC,CACjC,KAAAC,EACA,OAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,iBAAAC,CACF,4BAKKC,EAAAA,OAAA,CAAO,KAAAT,EAAY,aAAAM,EAClB,SAAAI,EAAAA,kBAAAA,KAACC,EAAAA,cAAa,UAAAP,EACZ,SAAA,CAAAQ,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAc,UAAU,oBAAA,CAAqB,EAC9CH,EAAAA,kBAAAA,KAACI,EAAAA,QAAA,CACC,mBAAkB,OAClB,UAAWC,EAAAA,GACT,kNACA,+DACA,0FAAA,EAGF,SAAA,CAAAL,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACI,EAAAA,YAAA,CAAY,UAAU,sDACpB,SAAAf,EAAO,MACV,EACAW,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAW,iBACX,UAAU,yJACV,QAASP,EACT,KAAK,SAEL,SAAAO,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EAEAP,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWK,EAAAA,GACT,qEA9BV,0IA+BU,EAGF,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,SACV,EAEAW,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAYX,EAAO,eACnB,eAAcC,EACd,UAAU,+DACV,QAASK,EACT,KAAK,SAEL,SAAAK,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,mFACAb,GAAqB,gBAAA,EAGvB,SAAAU,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,iHACAb,EACI,gCACA,eAAA,CACN,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAGFQ,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,OACV,EACAS,EAAAA,kBAAAA,KAAC,MAAA,CACC,aAAW,cACX,UAAU,0BACV,KAAK,aAEL,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcT,IAAa,gBAC3B,UAAWY,EAAAA,GACT,4FACAZ,IAAa,iBAAmB,4BAAA,EAElC,QAAS,IAAMK,EAAiB,eAAe,EAC/C,KAAK,QACL,KAAK,SAEJ,SAAAP,EAAO,aAAA,CAAA,EAEVW,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcT,IAAa,aAC3B,UAAWY,EAAAA,GACT,4FACAZ,IAAa,cAAgB,4BAAA,EAE/B,QAAS,IAAMK,EAAiB,YAAY,EAC5C,KAAK,QACL,KAAK,SAEJ,SAAAP,EAAO,UAAA,CAAA,CACV,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { MobileViewMode } from './utils/mobileScreenMode';
|
|
2
2
|
export type MobilePlayerSettingsSheetLabels = {
|
|
3
3
|
title: string;
|
|
4
|
+
subtitle: string;
|
|
5
|
+
subtitleToggle: string;
|
|
4
6
|
screen: string;
|
|
5
7
|
nonFullscreen: string;
|
|
6
8
|
fullscreen: string;
|
|
@@ -8,11 +10,13 @@ export type MobilePlayerSettingsSheetLabels = {
|
|
|
8
10
|
export type MobilePlayerSettingsSheetProps = {
|
|
9
11
|
open: boolean;
|
|
10
12
|
labels: MobilePlayerSettingsSheetLabels;
|
|
13
|
+
isSubtitleEnabled: boolean;
|
|
11
14
|
viewMode: MobileViewMode;
|
|
12
15
|
container?: HTMLElement | null;
|
|
13
16
|
onClose: () => void;
|
|
14
17
|
onOpenChange: (open: boolean) => void;
|
|
18
|
+
onSubtitleToggle: () => void;
|
|
15
19
|
onViewModeChange: (nextViewMode: MobileViewMode) => void;
|
|
16
20
|
};
|
|
17
|
-
declare const MobilePlayerSettingsSheet: ({ open, labels, viewMode, container, onClose, onOpenChange, onViewModeChange, }: MobilePlayerSettingsSheetProps) => import("react").JSX.Element;
|
|
21
|
+
declare const MobilePlayerSettingsSheet: ({ open, labels, isSubtitleEnabled, viewMode, container, onClose, onOpenChange, onSubtitleToggle, onViewModeChange, }: MobilePlayerSettingsSheetProps) => import("react").JSX.Element;
|
|
18
22
|
export default MobilePlayerSettingsSheet;
|
|
@@ -1,42 +1,84 @@
|
|
|
1
1
|
import { j as e } from "../../_virtual/jsx-runtime.es.js";
|
|
2
|
-
import { Content as
|
|
3
|
-
import { cn as
|
|
4
|
-
import { Dialog as
|
|
2
|
+
import { Content as x } from "../../markdown-flow-ui/node_modules/.pnpm/@radix-ui_react-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_react_47bb8d90b09b6a0ef5443ddd7a1cb20c/node_modules/@radix-ui/react-dialog/dist/index.es.js";
|
|
3
|
+
import { cn as r } from "../../lib/utils.es.js";
|
|
4
|
+
import { Dialog as m, DialogPortal as f, DialogOverlay as p, DialogTitle as b } from "../ui/dialog.es.js";
|
|
5
5
|
import u from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/x.es.js";
|
|
6
|
-
const
|
|
7
|
-
open:
|
|
6
|
+
const v = ({
|
|
7
|
+
open: a,
|
|
8
8
|
labels: t,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
isSubtitleEnabled: o,
|
|
10
|
+
viewMode: n,
|
|
11
|
+
container: l,
|
|
12
|
+
onClose: i,
|
|
13
|
+
onOpenChange: d,
|
|
14
|
+
onSubtitleToggle: c,
|
|
15
|
+
onViewModeChange: s
|
|
16
|
+
}) => /* @__PURE__ */ e.jsx(m, { open: a, onOpenChange: d, children: /* @__PURE__ */ e.jsxs(f, { container: l, children: [
|
|
17
|
+
/* @__PURE__ */ e.jsx(p, { className: "z-[60] bg-black/35" }),
|
|
16
18
|
/* @__PURE__ */ e.jsxs(
|
|
17
|
-
|
|
19
|
+
x,
|
|
18
20
|
{
|
|
19
21
|
"aria-describedby": void 0,
|
|
20
|
-
className:
|
|
22
|
+
className: r(
|
|
21
23
|
"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none",
|
|
22
24
|
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
23
25
|
"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"
|
|
24
26
|
),
|
|
25
27
|
children: [
|
|
26
|
-
/* @__PURE__ */ e.jsxs("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-
|
|
27
|
-
/* @__PURE__ */ e.jsx(
|
|
28
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-4", children: [
|
|
29
|
+
/* @__PURE__ */ e.jsx(b, { className: "text-[15px] font-semibold leading-5 text-foreground", children: t.title }),
|
|
28
30
|
/* @__PURE__ */ e.jsx(
|
|
29
31
|
"button",
|
|
30
32
|
{
|
|
31
33
|
"aria-label": "Close settings",
|
|
32
34
|
className: "inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",
|
|
33
|
-
onClick:
|
|
35
|
+
onClick: i,
|
|
34
36
|
type: "button",
|
|
35
37
|
children: /* @__PURE__ */ e.jsx(u, { className: "h-4 w-4" })
|
|
36
38
|
}
|
|
37
39
|
)
|
|
38
40
|
] }),
|
|
39
|
-
/* @__PURE__ */ e.jsxs(
|
|
41
|
+
/* @__PURE__ */ e.jsxs(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
className: r(
|
|
45
|
+
"relative flex min-h-[72px] items-center justify-between gap-6 px-4",
|
|
46
|
+
"after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']"
|
|
47
|
+
),
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: t.subtitle }),
|
|
50
|
+
/* @__PURE__ */ e.jsx(
|
|
51
|
+
"button",
|
|
52
|
+
{
|
|
53
|
+
"aria-label": t.subtitleToggle,
|
|
54
|
+
"aria-pressed": o,
|
|
55
|
+
className: "inline-flex h-6 w-6 shrink-0 items-center justify-center p-0",
|
|
56
|
+
onClick: c,
|
|
57
|
+
type: "button",
|
|
58
|
+
children: /* @__PURE__ */ e.jsx(
|
|
59
|
+
"span",
|
|
60
|
+
{
|
|
61
|
+
className: r(
|
|
62
|
+
"relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors",
|
|
63
|
+
o && "border-primary"
|
|
64
|
+
),
|
|
65
|
+
children: /* @__PURE__ */ e.jsx(
|
|
66
|
+
"span",
|
|
67
|
+
{
|
|
68
|
+
className: r(
|
|
69
|
+
"absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform",
|
|
70
|
+
o ? "translate-x-[10px] bg-primary" : "translate-x-0"
|
|
71
|
+
)
|
|
72
|
+
}
|
|
73
|
+
)
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
}
|
|
77
|
+
)
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
),
|
|
81
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex min-h-[72px] items-center gap-6 px-4", children: [
|
|
40
82
|
/* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: t.screen }),
|
|
41
83
|
/* @__PURE__ */ e.jsxs(
|
|
42
84
|
"div",
|
|
@@ -48,12 +90,12 @@ const N = ({
|
|
|
48
90
|
/* @__PURE__ */ e.jsx(
|
|
49
91
|
"button",
|
|
50
92
|
{
|
|
51
|
-
"aria-checked":
|
|
52
|
-
className:
|
|
93
|
+
"aria-checked": n === "nonFullscreen",
|
|
94
|
+
className: r(
|
|
53
95
|
"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",
|
|
54
|
-
|
|
96
|
+
n === "nonFullscreen" && "font-semibold text-primary"
|
|
55
97
|
),
|
|
56
|
-
onClick: () =>
|
|
98
|
+
onClick: () => s("nonFullscreen"),
|
|
57
99
|
role: "radio",
|
|
58
100
|
type: "button",
|
|
59
101
|
children: t.nonFullscreen
|
|
@@ -62,12 +104,12 @@ const N = ({
|
|
|
62
104
|
/* @__PURE__ */ e.jsx(
|
|
63
105
|
"button",
|
|
64
106
|
{
|
|
65
|
-
"aria-checked":
|
|
66
|
-
className:
|
|
107
|
+
"aria-checked": n === "fullscreen",
|
|
108
|
+
className: r(
|
|
67
109
|
"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",
|
|
68
|
-
|
|
110
|
+
n === "fullscreen" && "font-semibold text-primary"
|
|
69
111
|
),
|
|
70
|
-
onClick: () =>
|
|
112
|
+
onClick: () => s("fullscreen"),
|
|
71
113
|
role: "radio",
|
|
72
114
|
type: "button",
|
|
73
115
|
children: t.fullscreen
|
|
@@ -82,6 +124,6 @@ const N = ({
|
|
|
82
124
|
)
|
|
83
125
|
] }) });
|
|
84
126
|
export {
|
|
85
|
-
|
|
127
|
+
v as default
|
|
86
128
|
};
|
|
87
129
|
//# sourceMappingURL=MobilePlayerSettingsSheet.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobilePlayerSettingsSheet.es.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n title: string;\n screen: string;\n nonFullscreen: string;\n fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n open: boolean;\n labels: MobilePlayerSettingsSheetLabels;\n viewMode: MobileViewMode;\n container?: HTMLElement | null;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n open,\n labels,\n viewMode,\n container,\n onClose,\n onOpenChange,\n onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogPortal container={container}>\n <DialogOverlay className=\"z-[60] bg-black/35\" />\n <DialogPrimitive.Content\n aria-describedby={undefined}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n )}\n >\n <div className=\"flex min-h-14 items-center justify-between border-b border-border px-
|
|
1
|
+
{"version":3,"file":"MobilePlayerSettingsSheet.es.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n title: string;\n subtitle: string;\n subtitleToggle: string;\n screen: string;\n nonFullscreen: string;\n fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n open: boolean;\n labels: MobilePlayerSettingsSheetLabels;\n isSubtitleEnabled: boolean;\n viewMode: MobileViewMode;\n container?: HTMLElement | null;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n onSubtitleToggle: () => void;\n onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n open,\n labels,\n isSubtitleEnabled,\n viewMode,\n container,\n onClose,\n onOpenChange,\n onSubtitleToggle,\n onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n const insetDividerClassName =\n \"after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']\";\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogPortal container={container}>\n <DialogOverlay className=\"z-[60] bg-black/35\" />\n <DialogPrimitive.Content\n aria-describedby={undefined}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n )}\n >\n <div className=\"flex min-h-14 items-center justify-between border-b border-border px-4\">\n <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n {labels.title}\n </DialogTitle>\n <button\n aria-label=\"Close settings\"\n className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n onClick={onClose}\n type=\"button\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </div>\n\n <div\n className={cn(\n \"relative flex min-h-[72px] items-center justify-between gap-6 px-4\",\n insetDividerClassName\n )}\n >\n <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n {labels.subtitle}\n </span>\n\n <button\n aria-label={labels.subtitleToggle}\n aria-pressed={isSubtitleEnabled}\n className=\"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0\"\n onClick={onSubtitleToggle}\n type=\"button\"\n >\n <span\n className={cn(\n \"relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors\",\n isSubtitleEnabled && \"border-primary\"\n )}\n >\n <span\n className={cn(\n \"absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform\",\n isSubtitleEnabled\n ? \"translate-x-[10px] bg-primary\"\n : \"translate-x-0\"\n )}\n />\n </span>\n </button>\n </div>\n\n <div className=\"flex min-h-[72px] items-center gap-6 px-4\">\n <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n {labels.screen}\n </span>\n <div\n aria-label=\"Screen mode\"\n className=\"flex items-center gap-8\"\n role=\"radiogroup\"\n >\n <button\n aria-checked={viewMode === \"nonFullscreen\"}\n className={cn(\n \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n )}\n onClick={() => onViewModeChange(\"nonFullscreen\")}\n role=\"radio\"\n type=\"button\"\n >\n {labels.nonFullscreen}\n </button>\n <button\n aria-checked={viewMode === \"fullscreen\"}\n className={cn(\n \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n )}\n onClick={() => onViewModeChange(\"fullscreen\")}\n role=\"radio\"\n type=\"button\"\n >\n {labels.fullscreen}\n </button>\n </div>\n </div>\n </DialogPrimitive.Content>\n </DialogPortal>\n </Dialog>\n );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","isSubtitleEnabled","viewMode","container","onClose","onOpenChange","onSubtitleToggle","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),ie=require("../../lib/utils.cjs.js"),Le=require("./MobilePlayerSettingsSheet.cjs.js"),Te=require("./constants.cjs.js"),Ue=require("./utils/mobileScreenMode.cjs.js"),We=require("./utils/playerCustomActions.cjs.js");;/* empty css */const Pe=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"),Ve=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"),Be=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"),Fe=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"),Ke=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"),Ze=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"),$e=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"),oe=new Map,fe=_=>{if(typeof window>"u"||!_||oe.has(_))return;const w=window.document.createElement("audio");w.preload="auto",w.setAttribute("playsinline","true"),w.src=_,w.load(),oe.set(_,w)},He=()=>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"})]}),Oe=()=>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"})]}),De=({audioList:_=[],className:w,currentAudioIndex:o=-1,defaultPlaying:g=!0,isPlaybackPaused:M=!1,isAutoAdvanceEnabled:F=!0,useAutoAdvanceToggle:K=!1,onLoadingChange:O,onPrev:de,onNext:me,onFullscreen:D,isFullscreen:z=!1,mobileViewMode:pe=Ue.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:xe,onMobileViewModeChange:X,onEnded:Y,onAutoAdvanceToggle:he,onInteractionToggle:ge,hasInteraction:Re=!1,isInteractionOpen:L=!1,prevDisabled:Ee=!1,nextDisabled:ye=!1,showControls:Z=!0,customActions:G,customActionContext:J,texts:Q,...je})=>{const p=r.useRef(null),I=r.useRef(L),R=r.useRef(null),ee=r.useRef(null),E=r.useRef(0),c=r.useRef(null),W=r.useRef(void 0),b=r.useRef([]),T=r.useRef(!1),re=r.useRef(!1),f=r.useRef(!1),N=r.useRef(null),x=r.useRef(!1),s=r.useRef(!1),d=r.useRef(null),h=r.useRef(!1),S=r.useRef("unknown"),[$,l]=r.useState(g),[te,v]=r.useState(!1),i=o>=0?_[o]:void 0,q=i?.audioUrl,y=r.useMemo(()=>[...i?.audioSegments??[]].sort((e,a)=>e.segment_index-a.segment_index),[i?.audioSegments]),ne=r.useMemo(()=>We.toPlayerCustomActionList(G,J),[J,G]),se=ne.length+5,_e=r.useMemo(()=>({"--slide-player-mobile-control-count":String(se)}),[se]),P=r.useMemo(()=>({...Te.DEFAULT_SLIDE_PLAYER_TEXTS,...Q}),[Q]),H=r.useMemo(()=>i?i.audioKey??`${String(i.sequenceNumber??"none")}:${String(i.audioUrl??"")}`:"none",[i]),be=K?F:$,Se=K?F?"Pause autoplay":"Play autoplay":$?"Pause":"Play";r.useEffect(()=>{W.current=i},[i]),r.useEffect(()=>{Z||v(!1)},[Z]),r.useEffect(()=>{!I.current&&L&&v(!1),I.current=L},[L]),r.useEffect(()=>{b.current=y},[y]),r.useEffect(()=>{const e=i?.audioUrl,a=o>=0?_[o+1]?.audioUrl:void 0;fe(e),fe(a)},[_,i?.audioUrl,o]);const n=r.useCallback(e=>{re.current!==e&&(re.current=e,O?.(e))},[O]),ue=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),C=r.useCallback(()=>g&&!M&&!f.current&&S.current!=="blocked",[g,M]),le=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),ae=r.useCallback(()=>{const e=c.current;return e==null||e<=0?0:b.current.slice(0,e).reduce((a,u)=>a+Math.max(Number(u.duration_ms??0),0),0)/1e3},[]),U=r.useCallback(()=>{const e=p.current;e&&(s.current=!1,f.current=!1,T.current=!1,N.current=null,d.current=null,x.current=!1,h.current=!1,e.pause(),e.removeAttribute("src"),e.load(),R.current=null,E.current=0,c.current=null,l(!1),n(!1))},[n]),m=r.useCallback(e=>{const a=p.current;if(!a)return!1;const u=a.play();return u&&typeof u.then=="function"&&u.then(()=>{S.current==="unknown"&&(S.current="auto"),s.current=!1,h.current=!1}).catch(A=>{S.current==="unknown"&&ue(A)&&(S.current="blocked",s.current=!1,n(!1)),h.current=!1,l(!1)}),!0},[ue,n]),j=r.useCallback((e,a)=>{const u=p.current,A=b.current[e];if(!u||!A)return!1;const k=le(A.audio_data);E.current=e,c.current=null,x.current=!1,h.current=!0;const B=C();s.current=B,n(!1);const qe=R.current!==k;return N.current="segment",qe&&(u.pause(),u.removeAttribute("src"),u.load(),R.current=k,u.src=k,u.load()),d.current=0,u.readyState>0&&(u.currentTime=0,d.current=null),B?m(`start-segment:${a}`):(s.current=!1,h.current=!1,u.pause(),l(!1),!0)},[C,le,m,n]),V=r.useCallback(e=>{s.current=!1,x.current=!1,h.current=!1,l(!1),n(!1),o>=0&&Y?.(o)},[o,Y,n]),ce=r.useCallback(()=>{const e=E.current+1,a=b.current,u=a[e],A=W.current,k=a.some(B=>B.is_final);if(u){j(e,"ended");return}if(A?.isAudioStreaming||!k){E.current=e,c.current=e,x.current=!0,s.current=g,l(!1),n(!0);return}V("segments-completed")},[g,V,j,n]);r.useEffect(()=>{if(ee.current===H)return;ee.current=H,E.current=0,c.current=null,x.current=!1,f.current=!1,T.current=!1,s.current=!1,h.current=!1,N.current=null,R.current=null,n(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),l(!1))},[o,H,y.length,q,n]),r.useEffect(()=>{const e=p.current;if(e){if(M){T.current=!!(W.current&&!f.current&&(!e.paused||s.current||c.current!==null)),s.current=!1,n(!1),e.pause(),l(!1);return}if(!(!T.current||!W.current||f.current)){if(T.current=!1,c.current!==null){if(c.current<b.current.length){j(c.current,"external-resume");return}s.current=!0,n(!0);return}if(!R.current&&b.current.length>0){j(Math.min(E.current,b.current.length-1),"external-resume-init");return}e.paused&&(s.current=!0,m("external-resume"))}}},[M,j,m,n]),r.useEffect(()=>{const e=p.current;if(e){if(!i){U();return}if(M){s.current=!1,n(!1),e.pause(),l(!1);return}if(q){const a=R.current!==q,u=C();if(N.current==="segment"&&!!R.current&&c.current===null){if(!u){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,m("keep-segment-source"));return}if(a){const k=c.current!==null?ae():0;e.pause(),e.removeAttribute("src"),e.load(),R.current=q,N.current="url",e.src=q,e.load(),d.current=k,e.readyState>0&&(e.currentTime=k,d.current=null)}if(s.current=u,x.current=!1,h.current=!1,n(!1),!u){s.current=!1,e.pause(),l(!1);return}m(a?"sync-url-init":"sync-url");return}if(c.current!==null){if(c.current<y.length){if(f.current){l(!1),n(!1);return}j(c.current,"wait-resume");return}x.current=!0,s.current=C(),l(!1),n(C());return}if(!y.length){if(i.isAudioStreaming){c.current=E.current,x.current=!0,s.current=C(),l(!1),n(C());return}U();return}if(!R.current){j(Math.min(E.current,y.length-1),"effect-init");return}if(!g||f.current){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,m("sync-paused-retry"))}},[i,o,y,q,g,M,C,U,j,m,ae,n]),r.useEffect(()=>U,[U]);const Ce=r.useCallback(()=>{l(!0),n(!1)},[n]),ke=r.useCallback(()=>{x.current||h.current||l(!1)},[o]),we=r.useCallback(()=>{const e=p.current;e&&d.current!==null&&(e.currentTime=d.current,d.current=null),!(!s.current||!g)&&m("canplay")},[o,g,m]),Me=r.useCallback(()=>{const e=p.current;e&&d.current!==null&&(e.currentTime=d.current,d.current=null)},[o]),Ae=r.useCallback(()=>{const e=N.current==="url"||b.current.length===0;if(h.current=!1,e){V("url-ended");return}ce()},[V,ce]),Ne=r.useCallback(()=>{l(!1),n(!1)},[n]),ve=r.useCallback(e=>{X?.(e),v(!1)},[X]);return t.jsxRuntimeExports.jsxs("div",{className:ie.cn("slide-player",w),...je,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:Me,onCanPlay:we,onPlay:Ce,onPause:ke,onEnded:Ae,onError:Ne}),Z?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Le.default,{container:xe,labels:{fullscreen:P.fullscreenLabel,nonFullscreen:P.nonFullscreenLabel,screen:P.screenLabel,title:P.settingsTitle},onClose:()=>v(!1),onOpenChange:v,onViewModeChange:ve,open:te,viewMode:pe}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:_e,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":te,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{v(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Pe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(Ve.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Ee,onClick:de,type:"button",children:t.jsxRuntimeExports.jsx(Be.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":Se,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(K){he?.(!F);return}const e=p.current;if(!(M||!e||!i)){if(c.current!==null){if($){s.current=!1,f.current=!0,c.current=null,x.current=!1,l(!1),n(!1),e.pause();return}S.current="manual",f.current=!1,s.current=!0,n(!0);return}if(!e.src&&y.length>0){S.current="manual",f.current=!1,j(Math.min(E.current,y.length-1),"toggle");return}if(e.paused){S.current="manual",f.current=!1,s.current=!0,m("toggle-resume");return}s.current=!1,f.current=!0,e.pause()}},type:"button",children:be?t.jsxRuntimeExports.jsx(He,{}):t.jsxRuntimeExports.jsx(Oe,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:ye,onClick:me,type:"button",children:t.jsxRuntimeExports.jsx(Fe.default,{className:"slide-player__icon",strokeWidth:2.25})}),D?t.jsxRuntimeExports.jsx("button",{"aria-label":z?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:D,type:"button",children:z?t.jsxRuntimeExports.jsx(Ke.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(Ze.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:[ne.map((e,a)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${a}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:ie.cn("slide-player__action slide-player__action--notes",L&&"slide-player__action--active"),disabled:!Re,onClick:ge,type:"button",children:t.jsxRuntimeExports.jsx($e.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})};exports.default=De;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),_e=require("../../lib/utils.cjs.js"),Xe=require("./MobilePlayerSettingsSheet.cjs.js"),Ye=require("./constants.cjs.js"),Ge=require("./utils/mobileScreenMode.cjs.js"),Je=require("./utils/playerCustomActions.cjs.js");;/* empty css */const Qe=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),Ie=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),er=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.cjs.js"),rr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.cjs.js"),tr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),nr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),sr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.cjs.js"),ur=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),lr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),je=new Map,ke=w=>{if(typeof window>"u"||!w||je.has(w))return;const N=window.document.createElement("audio");N.preload="auto",N.setAttribute("playsinline","true"),N.src=w,N.load(),je.set(w,N)},ar=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),cr=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),ir=({audioList:w=[],className:N,currentAudioIndex:d=-1,defaultPlaying:E=!0,isPlaybackPaused:T=!1,isAutoAdvanceEnabled:z=!0,useAutoAdvanceToggle:D=!1,onLoadingChange:I,onPlaybackStarted:ee,onPlaybackTimeChange:O,onSubtitleToggle:re,onPrev:Ce,onNext:we,onFullscreen:te,isFullscreen:ne=!1,mobileViewMode:Me=Ge.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:Ae,onMobileViewModeChange:se,onEnded:ue,onAutoAdvanceToggle:Ne,onInteractionToggle:Te,hasInteraction:ve=!1,isInteractionOpen:V=!1,isSubtitleEnabled:X=!0,prevDisabled:Le=!1,nextDisabled:qe=!1,showControls:Y=!0,customActions:le,customActionContext:ae,texts:ce,...Ue})=>{const p=r.useRef(null),ie=r.useRef(V),_=r.useRef(null),oe=r.useRef(null),y=r.useRef(0),a=r.useRef(null),Z=r.useRef(void 0),j=r.useRef([]),B=r.useRef(!1),fe=r.useRef(!1),x=r.useRef(!1),v=r.useRef(null),g=r.useRef(!1),u=r.useRef(!1),m=r.useRef(null),R=r.useRef(!1),L=r.useRef(null),G=r.useRef(0),M=r.useRef("unknown"),[J,c]=r.useState(E),[de,F]=r.useState(!1),o=d>=0?w[d]:void 0,W=o?.audioUrl,k=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,n)=>e.segment_index-n.segment_index),[o?.audioSegments]),me=r.useMemo(()=>Je.toPlayerCustomActionList(le,ae),[ae,le]),pe=me.length+5,Pe=r.useMemo(()=>({"--slide-player-mobile-control-count":String(pe)}),[pe]),q=r.useMemo(()=>({...Ye.DEFAULT_SLIDE_PLAYER_TEXTS,...ce}),[ce]),Q=r.useMemo(()=>o?o.audioKey??`${String(o.sequenceNumber??"none")}:${String(o.audioUrl??"")}`:"none",[o]),Fe=D?z:J,We=D?z?"Pause autoplay":"Play autoplay":J?"Pause":"Play";r.useEffect(()=>{Z.current=o},[o]),r.useEffect(()=>{Y||F(!1)},[Y]),r.useEffect(()=>{!ie.current&&V&&F(!1),ie.current=V},[V]),r.useEffect(()=>{j.current=k},[k]),r.useEffect(()=>{const e=o?.audioUrl,n=d>=0?w[d+1]?.audioUrl:void 0;ke(e),ke(n)},[w,o?.audioUrl,d]);const s=r.useCallback(e=>{fe.current!==e&&(fe.current=e,I?.(e))},[I]),xe=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),A=r.useCallback(()=>E&&!T&&!x.current&&M.current!=="blocked",[E,T]),he=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),be=r.useCallback(()=>{const e=a.current;return e==null||e<=0?0:j.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0)/1e3},[]),U=r.useCallback(e=>e<=0?0:j.current.slice(0,e).reduce((n,l)=>n+Math.max(Number(l.duration_ms??0),0),0),[]),ye=r.useCallback(()=>{const e=p.current;return e?v.current==="segment"?U(y.current)+Math.max(e.currentTime,0)*1e3:m.current!==null&&e.readyState===0?m.current*1e3:Math.max(e.currentTime,0)*1e3:a.current!=null?U(a.current):0},[U]),h=r.useCallback(e=>{const n=Math.max(e,0);G.current!==n&&(G.current=n,O?.(n))},[O]),i=r.useCallback(()=>{h(ye())},[ye,h]),f=r.useCallback(()=>{typeof window>"u"||L.current===null||(window.cancelAnimationFrame(L.current),L.current=null)},[]),ge=r.useCallback(()=>{if(typeof window>"u"||L.current!==null)return;const e=()=>{i();const n=p.current;if(!n||n.paused||n.ended){L.current=null;return}L.current=window.requestAnimationFrame(e)};L.current=window.requestAnimationFrame(e)},[i]),K=r.useCallback(()=>{const e=p.current;e&&(f(),u.current=!1,x.current=!1,B.current=!1,v.current=null,m.current=null,g.current=!1,R.current=!1,e.pause(),e.removeAttribute("src"),e.load(),_.current=null,y.current=0,a.current=null,h(0),c(!1),s(!1))},[h,f,s]),b=r.useCallback(e=>{const n=p.current;if(!n)return!1;const l=n.play();return l&&typeof l.then=="function"&&l.then(()=>{M.current==="unknown"&&(M.current="auto"),u.current=!1,R.current=!1}).catch(P=>{M.current==="unknown"&&xe(P)&&(M.current="blocked",u.current=!1,s(!1)),R.current=!1,c(!1)}),!0},[xe,s]),S=r.useCallback((e,n)=>{const l=p.current,P=j.current[e];if(!l||!P)return!1;const C=he(P.audio_data);y.current=e,a.current=null,g.current=!1,R.current=!0,h(U(e));const H=A();u.current=H,s(!1);const De=_.current!==C;return v.current="segment",De&&(l.pause(),l.removeAttribute("src"),l.load(),_.current=C,l.src=C,l.load()),m.current=0,l.readyState>0&&(l.currentTime=0,m.current=null),H?b(`start-segment:${n}`):(u.current=!1,R.current=!1,l.pause(),c(!1),!0)},[A,he,U,h,b,s]),$=r.useCallback(e=>{f(),u.current=!1,g.current=!1,R.current=!1,i(),c(!1),s(!1),d>=0&&ue?.(d)},[d,ue,f,i,s]),Re=r.useCallback(()=>{const e=y.current+1,n=j.current,l=n[e],P=Z.current,C=n.some(H=>H.is_final);if(l){S(e,"ended");return}if(P?.isAudioStreaming||!C){y.current=e,a.current=e,g.current=!0,u.current=E,h(U(e)),c(!1),s(!0);return}$("segments-completed")},[E,$,U,h,S,s]);r.useEffect(()=>{if(oe.current===Q)return;oe.current=Q,y.current=0,a.current=null,g.current=!1,x.current=!1,B.current=!1,u.current=!1,R.current=!1,v.current=null,_.current=null,f(),h(0),s(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),c(!1))},[d,Q,k.length,W,h,f,s]),r.useEffect(()=>{const e=p.current;if(e){if(T){B.current=!!(Z.current&&!x.current&&(!e.paused||u.current||a.current!==null)),u.current=!1,s(!1),e.pause(),c(!1);return}if(!(!B.current||!Z.current||x.current)){if(B.current=!1,a.current!==null){if(a.current<j.current.length){S(a.current,"external-resume");return}u.current=!0,s(!0);return}if(!_.current&&j.current.length>0){S(Math.min(y.current,j.current.length-1),"external-resume-init");return}e.paused&&(u.current=!0,b("external-resume"))}}},[T,S,b,s]),r.useEffect(()=>{const e=p.current;if(e){if(!o){K();return}if(T){u.current=!1,s(!1),e.pause(),c(!1);return}if(W){const n=_.current!==W,l=A();if(v.current==="segment"&&!!_.current&&a.current===null){if(!l){u.current=!1,e.pause(),c(!1);return}e.paused&&(u.current=!0,b("keep-segment-source"));return}if(n){const C=a.current!==null?be():0;e.pause(),e.removeAttribute("src"),e.load(),_.current=W,v.current="url",e.src=W,e.load(),m.current=C,h(C*1e3),e.readyState>0&&(e.currentTime=C,m.current=null)}if(u.current=l,g.current=!1,R.current=!1,s(!1),!l){u.current=!1,e.pause(),c(!1);return}b(n?"sync-url-init":"sync-url");return}if(a.current!==null){if(a.current<k.length){if(x.current){c(!1),s(!1);return}S(a.current,"wait-resume");return}g.current=!0,u.current=A(),c(!1),s(A());return}if(!k.length){if(o.isAudioStreaming){a.current=y.current,g.current=!0,u.current=A(),c(!1),s(A());return}K();return}if(!_.current){S(Math.min(y.current,k.length-1),"effect-init");return}if(!E||x.current){u.current=!1,e.pause(),c(!1);return}e.paused&&(u.current=!0,b("sync-paused-retry"))}},[o,d,k,W,E,T,A,h,K,S,b,be,s]),r.useEffect(()=>K,[K]),r.useEffect(()=>f,[f]);const Ve=r.useCallback(()=>{i(),ge(),c(!0),s(!1),ee?.()},[ee,ge,i,s]),Be=r.useCallback(()=>{g.current||R.current||(f(),i(),c(!1))},[d,f,i]),Ke=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i(),!(!u.current||!E)&&b("canplay")},[d,E,i,b]),Oe=r.useCallback(()=>{const e=p.current;e&&m.current!==null&&(e.currentTime=m.current,m.current=null),i()},[d,i]),Ze=r.useCallback(()=>{i()},[i]),Ee=r.useCallback(()=>{i()},[i]),$e=r.useCallback(()=>{const e=v.current==="url"||j.current.length===0;if(f(),R.current=!1,e){$("url-ended");return}Re()},[$,Re,f]),He=r.useCallback(()=>{f(),i(),c(!1),s(!1)},[f,i,s]),ze=r.useCallback(e=>{se?.(e),F(!1)},[se]);return r.useEffect(()=>{O?.(G.current)},[O]),t.jsxRuntimeExports.jsxs("div",{className:_e.cn("slide-player",N),...Ue,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:Oe,onCanPlay:Ke,onPlay:Ve,onPause:Be,onSeeking:Ee,onSeeked:Ee,onTimeUpdate:Ze,onEnded:$e,onError:He}),Y?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Xe.default,{container:Ae,labels:{fullscreen:q.fullscreenLabel,nonFullscreen:q.nonFullscreenLabel,screen:q.screenLabel,subtitle:q.subtitleLabel,subtitleToggle:q.subtitleToggleAriaLabel,title:q.settingsTitle},isSubtitleEnabled:X,onClose:()=>F(!1),onOpenChange:F,onSubtitleToggle:re??(()=>{}),onViewModeChange:ze,open:de,viewMode:Me}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:Pe,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":de,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{F(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Qe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(Ie.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":q.subtitleToggleAriaLabel,"aria-pressed":X,className:"slide-player__action slide-player__action--subtitle",onClick:re,type:"button",children:X?t.jsxRuntimeExports.jsx(er.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(rr.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Le,onClick:Ce,type:"button",children:t.jsxRuntimeExports.jsx(tr.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":We,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(D){Ne?.(!z);return}const e=p.current;if(!(T||!e||!o)){if(a.current!==null){if(J){u.current=!1,x.current=!0,a.current=null,g.current=!1,c(!1),s(!1),e.pause();return}M.current="manual",x.current=!1,u.current=!0,s(!0);return}if(!e.src&&k.length>0){M.current="manual",x.current=!1,S(Math.min(y.current,k.length-1),"toggle");return}if(e.paused){M.current="manual",x.current=!1,u.current=!0,b("toggle-resume");return}u.current=!1,x.current=!0,e.pause()}},type:"button",children:Fe?t.jsxRuntimeExports.jsx(ar,{}):t.jsxRuntimeExports.jsx(cr,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:qe,onClick:we,type:"button",children:t.jsxRuntimeExports.jsx(nr.default,{className:"slide-player__icon",strokeWidth:2.25})}),te?t.jsxRuntimeExports.jsx("button",{"aria-label":ne?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:te,type:"button",children:ne?t.jsxRuntimeExports.jsx(sr.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(ur.default,{className:"slide-player__icon",strokeWidth:2.25})}):null]}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[me.map((e,n)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${n}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:_e.cn("slide-player__action slide-player__action--notes",V&&"slide-player__action--active"),disabled:!ve,onClick:Te,type:"button",children:t.jsxRuntimeExports.jsx(lr.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},Se=r.memo(ir);Se.displayName="Player";exports.default=Se;
|
|
2
2
|
//# sourceMappingURL=Player.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\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 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: React.FC<PlayerProps> = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n isPlaybackPaused = false,\n isAutoAdvanceEnabled = true,\n useAutoAdvanceToggle = false,\n onLoadingChange,\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}) => {\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 playbackAccessModeRef = useRef<\n \"unknown\" | \"auto\" | \"manual\" | \"blocked\"\n >(\"unknown\");\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const [isMobileMoreOpen, setIsMobileMoreOpen] = useState(false);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const customActionList = useMemo(\n () => toPlayerCustomActionList(customActions, customActionContext),\n [customActionContext, customActions]\n );\n const mobileVisibleActionCount = customActionList.length + 5;\n const controlsStyle = useMemo(\n () =>\n ({\n \"--slide-player-mobile-control-count\": String(mobileVisibleActionCount),\n }) as React.CSSProperties,\n [mobileVisibleActionCount]\n );\n const playerTexts = useMemo(\n () => ({\n ...DEFAULT_SLIDE_PLAYER_TEXTS,\n ...texts,\n }),\n [texts]\n );\n const currentAudioKey = useMemo(() => {\n if (!currentAudio) {\n return \"none\";\n }\n\n return (\n currentAudio.audioKey ??\n `${String(currentAudio.sequenceNumber ?? \"none\")}:${String(currentAudio.audioUrl ?? \"\")}`\n );\n }, [currentAudio]);\n const isTogglePlaying = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : isPlaying;\n const toggleAriaLabel = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n ? \"Pause autoplay\"\n : \"Play autoplay\"\n : isPlaying\n ? \"Pause\"\n : \"Play\";\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n if (showControls) {\n return;\n }\n\n setIsMobileMoreOpen(false);\n }, [showControls]);\n\n useEffect(() => {\n if (!previousInteractionOpenRef.current && isInteractionOpen) {\n setIsMobileMoreOpen(false);\n }\n\n previousInteractionOpenRef.current = isInteractionOpen;\n }, [isInteractionOpen]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean) => {\n if (isLoadingRef.current === loading) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.(loading);\n },\n [onLoadingChange]\n );\n\n const isAutoplayBlockedError = useCallback((error: unknown) => {\n if (!(error instanceof DOMException)) {\n return false;\n }\n\n return error.name === \"NotAllowedError\" || error.name === \"SecurityError\";\n }, []);\n\n const canStartPlaybackAutomatically = useCallback(() => {\n return (\n defaultPlaying &&\n !isPlaybackPaused &&\n !isPausedByUserRef.current &&\n playbackAccessModeRef.current !== \"blocked\"\n );\n }, [defaultPlaying, isPlaybackPaused]);\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\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 setIsPlaying(false);\n updateLoading(false);\n }, [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 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 tryPlayCurrentAudio,\n updateLoading,\n ]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [currentAudioIndex, onEnded, updateLoading]\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 setIsPlaying(false);\n updateLoading(true);\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [defaultPlaying, finishAudioItem, startSegmentPlayback, updateLoading]);\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 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 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\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 resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n const handleAudioPlay = useCallback(() => {\n setIsPlaying(true);\n updateLoading(false);\n }, [updateLoading]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n setIsPlaying(false);\n }, [currentAudioIndex]);\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 if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [currentAudioIndex, defaultPlaying, tryPlayCurrentAudio]);\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 }, [currentAudioIndex]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded]);\n\n const handleAudioError = useCallback(() => {\n setIsPlaying(false);\n updateLoading(false);\n }, [updateLoading]);\n const handleMobileViewModeChange = useCallback(\n (nextViewMode: MobileViewMode) => {\n onMobileViewModeChange?.(nextViewMode);\n setIsMobileMoreOpen(false);\n },\n [onMobileViewModeChange]\n );\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 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\nexport default Player;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","isPlaybackPaused","isAutoAdvanceEnabled","useAutoAdvanceToggle","onLoadingChange","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","playbackAccessModeRef","isPlaying","setIsPlaying","useState","isMobileMoreOpen","setIsMobileMoreOpen","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","customActionList","toPlayerCustomActionList","mobileVisibleActionCount","controlsStyle","playerTexts","DEFAULT_SLIDE_PLAYER_TEXTS","currentAudioKey","isTogglePlaying","toggleAriaLabel","useEffect","currentUrl","nextUrl","updateLoading","useCallback","loading","isAutoplayBlockedError","error","canStartPlaybackAutomatically","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","resetAudio","audioElement","tryPlayCurrentAudio","_reason","playPromise","startSegmentPlayback","segmentIndex","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioEnded","shouldFinishAsUrl","handleAudioError","handleMobileViewModeChange","nextViewMode","cn","Fragment","MobilePlayerSettingsSheet","prevOpen","EllipsisVertical","Volume2","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n Captions,\n CaptionsOff,\n EllipsisVertical,\n FilePenLine,\n Maximize,\n RotateCcw,\n RotateCw,\n ScanLine,\n Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport MobilePlayerSettingsSheet from \"./MobilePlayerSettingsSheet\";\nimport { DEFAULT_SLIDE_PLAYER_TEXTS } from \"./constants\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport type {\n SlidePlayerCustomActionContext,\n SlidePlayerCustomActions,\n} from \"./types\";\nimport {\n DEFAULT_MOBILE_VIEW_MODE,\n type MobileViewMode,\n} from \"./utils/mobileScreenMode\";\nimport { toPlayerCustomActionList } from \"./utils/playerCustomActions\";\nimport \"./player.css\";\n\nconst audioPreloadElementCache = new Map<string, HTMLAudioElement>();\n\nexport interface SlidePlayerTexts {\n settingsTitle?: string;\n subtitleLabel?: string;\n subtitleToggleAriaLabel?: string;\n screenLabel?: string;\n nonFullscreenLabel?: string;\n fullscreenLabel?: string;\n fullscreenHintText?: string;\n}\n\nconst preloadAudioUrl = (url?: string) => {\n if (typeof window === \"undefined\" || !url) {\n return;\n }\n\n if (audioPreloadElementCache.has(url)) {\n return;\n }\n\n // Use a detached audio element so warm-up follows the same media loading\n // path as the visible player instead of relying on link preload hints.\n const audio = window.document.createElement(\"audio\");\n audio.preload = \"auto\";\n audio.setAttribute(\"playsinline\", \"true\");\n audio.src = url;\n audio.load();\n\n audioPreloadElementCache.set(url, audio);\n};\n\nexport type PlayerProps = Omit<React.ComponentProps<\"div\">, \"onEnded\"> & {\n audioList?: SlideAudioItem[];\n currentAudioIndex?: number;\n defaultPlaying?: boolean;\n isPlaybackPaused?: boolean;\n isAutoAdvanceEnabled?: boolean;\n useAutoAdvanceToggle?: boolean;\n onLoadingChange?: (loading: boolean) => void;\n onPlaybackStarted?: () => void;\n onPlaybackTimeChange?: (timeMs: number) => void;\n onSubtitleToggle?: () => void;\n onPrev?: () => void;\n onNext?: () => void;\n onFullscreen?: () => void;\n isFullscreen?: boolean;\n mobileViewMode?: MobileViewMode;\n settingsPortalContainer?: HTMLElement | null;\n onMobileViewModeChange?: (viewMode: MobileViewMode) => void;\n onEnded?: (audioIndex: number) => void;\n onAutoAdvanceToggle?: (enabled: boolean) => void;\n onInteractionToggle?: () => void;\n hasInteraction?: boolean;\n isInteractionOpen?: boolean;\n isSubtitleEnabled?: boolean;\n prevDisabled?: boolean;\n nextDisabled?: boolean;\n showControls?: boolean;\n customActions?: SlidePlayerCustomActions;\n customActionContext?: SlidePlayerCustomActionContext;\n texts?: SlidePlayerTexts;\n};\n\nconst PauseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PlayIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst Player = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n isPlaybackPaused = false,\n isAutoAdvanceEnabled = true,\n useAutoAdvanceToggle = false,\n onLoadingChange,\n onPlaybackStarted,\n onPlaybackTimeChange,\n onSubtitleToggle,\n onPrev,\n onNext,\n onFullscreen,\n isFullscreen = false,\n mobileViewMode = DEFAULT_MOBILE_VIEW_MODE,\n settingsPortalContainer,\n onMobileViewModeChange,\n onEnded,\n onAutoAdvanceToggle,\n onInteractionToggle,\n hasInteraction = false,\n isInteractionOpen = false,\n isSubtitleEnabled = true,\n prevDisabled = false,\n nextDisabled = false,\n showControls = true,\n customActions,\n customActionContext,\n texts,\n ...props\n}: PlayerProps) => {\n const audioRef = useRef<HTMLAudioElement | null>(null);\n const previousInteractionOpenRef = useRef(isInteractionOpen);\n const audioSrcRef = useRef<string | null>(null);\n const currentAudioKeyRef = useRef<string | null>(null);\n const currentSegmentIndexRef = useRef(0);\n const waitingSegmentIndexRef = useRef<number | null>(null);\n const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n const currentAudioSegmentsRef = useRef<\n NonNullable<SlideAudioItem[\"audioSegments\"]>\n >([]);\n const wasPlayingBeforeExternalPauseRef = useRef(false);\n const isLoadingRef = useRef(false);\n const isPausedByUserRef = useRef(false);\n const activeSourceTypeRef = useRef<\"url\" | \"segment\" | null>(null);\n const isWaitingForSegmentRef = useRef(false);\n const pendingAutoPlayRef = useRef(false);\n const pendingSeekTimeRef = useRef<number | null>(null);\n const isSwitchingSegmentRef = useRef(false);\n const playbackAnimationFrameRef = useRef<number | null>(null);\n const playbackTimeMsRef = useRef(0);\n const playbackAccessModeRef = useRef<\n \"unknown\" | \"auto\" | \"manual\" | \"blocked\"\n >(\"unknown\");\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const [isMobileMoreOpen, setIsMobileMoreOpen] = useState(false);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const customActionList = useMemo(\n () => toPlayerCustomActionList(customActions, customActionContext),\n [customActionContext, customActions]\n );\n const mobileVisibleActionCount = customActionList.length + 5;\n const controlsStyle = useMemo(\n () =>\n ({\n \"--slide-player-mobile-control-count\": String(mobileVisibleActionCount),\n }) as React.CSSProperties,\n [mobileVisibleActionCount]\n );\n const playerTexts = useMemo(\n () => ({\n ...DEFAULT_SLIDE_PLAYER_TEXTS,\n ...texts,\n }),\n [texts]\n );\n const currentAudioKey = useMemo(() => {\n if (!currentAudio) {\n return \"none\";\n }\n\n return (\n currentAudio.audioKey ??\n `${String(currentAudio.sequenceNumber ?? \"none\")}:${String(currentAudio.audioUrl ?? \"\")}`\n );\n }, [currentAudio]);\n const isTogglePlaying = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : isPlaying;\n const toggleAriaLabel = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n ? \"Pause autoplay\"\n : \"Play autoplay\"\n : isPlaying\n ? \"Pause\"\n : \"Play\";\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n if (showControls) {\n return;\n }\n\n setIsMobileMoreOpen(false);\n }, [showControls]);\n\n useEffect(() => {\n if (!previousInteractionOpenRef.current && isInteractionOpen) {\n setIsMobileMoreOpen(false);\n }\n\n previousInteractionOpenRef.current = isInteractionOpen;\n }, [isInteractionOpen]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean) => {\n if (isLoadingRef.current === loading) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.(loading);\n },\n [onLoadingChange]\n );\n\n const isAutoplayBlockedError = useCallback((error: unknown) => {\n if (!(error instanceof DOMException)) {\n return false;\n }\n\n return error.name === \"NotAllowedError\" || error.name === \"SecurityError\";\n }, []);\n\n const canStartPlaybackAutomatically = useCallback(() => {\n return (\n defaultPlaying &&\n !isPlaybackPaused &&\n !isPausedByUserRef.current &&\n playbackAccessModeRef.current !== \"blocked\"\n );\n }, [defaultPlaying, isPlaybackPaused]);\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const getSegmentStartTimeMs = useCallback((segmentIndex: number) => {\n if (segmentIndex <= 0) {\n return 0;\n }\n\n return currentAudioSegmentsRef.current\n .slice(0, segmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n );\n }, []);\n\n const getCurrentPlaybackTimeMs = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return waitingSegmentIndexRef.current != null\n ? getSegmentStartTimeMs(waitingSegmentIndexRef.current)\n : 0;\n }\n\n if (activeSourceTypeRef.current === \"segment\") {\n return (\n getSegmentStartTimeMs(currentSegmentIndexRef.current) +\n Math.max(audioElement.currentTime, 0) * 1000\n );\n }\n\n if (pendingSeekTimeRef.current !== null && audioElement.readyState === 0) {\n return pendingSeekTimeRef.current * 1000;\n }\n\n return Math.max(audioElement.currentTime, 0) * 1000;\n }, [getSegmentStartTimeMs]);\n\n const publishPlaybackTime = useCallback(\n (timeMs: number) => {\n const nextPlaybackTimeMs = Math.max(timeMs, 0);\n\n if (playbackTimeMsRef.current === nextPlaybackTimeMs) {\n return;\n }\n\n playbackTimeMsRef.current = nextPlaybackTimeMs;\n onPlaybackTimeChange?.(nextPlaybackTimeMs);\n },\n [onPlaybackTimeChange]\n );\n\n const syncPlaybackTime = useCallback(() => {\n publishPlaybackTime(getCurrentPlaybackTimeMs());\n }, [getCurrentPlaybackTimeMs, publishPlaybackTime]);\n\n const stopPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current === null\n ) {\n return;\n }\n\n window.cancelAnimationFrame(playbackAnimationFrameRef.current);\n playbackAnimationFrameRef.current = null;\n }, []);\n\n const startPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current !== null\n ) {\n return;\n }\n\n const updateFrame = () => {\n syncPlaybackTime();\n\n const audioElement = audioRef.current;\n\n if (!audioElement || audioElement.paused || audioElement.ended) {\n playbackAnimationFrameRef.current = null;\n return;\n }\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n };\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n }, [syncPlaybackTime]);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n activeSourceTypeRef.current = null;\n pendingSeekTimeRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = null;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n publishPlaybackTime(0);\n setIsPlaying(false);\n updateLoading(false);\n }, [publishPlaybackTime, stopPlaybackTimeLoop, updateLoading]);\n\n const tryPlayCurrentAudio = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return false;\n }\n\n const playPromise = audioElement.play();\n\n if (playPromise && typeof playPromise.then === \"function\") {\n void playPromise\n .then(() => {\n if (playbackAccessModeRef.current === \"unknown\") {\n playbackAccessModeRef.current = \"auto\";\n }\n\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n })\n .catch((error: unknown) => {\n if (\n playbackAccessModeRef.current === \"unknown\" &&\n isAutoplayBlockedError(error)\n ) {\n // Lock autoplay after the first browser rejection.\n playbackAccessModeRef.current = \"blocked\";\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n }\n\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n });\n }\n\n return true;\n },\n [isAutoplayBlockedError, updateLoading]\n );\n\n const startSegmentPlayback = useCallback(\n (segmentIndex: number, _reason: string) => {\n const audioElement = audioRef.current;\n const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n if (!audioElement || !segment) {\n return false;\n }\n\n const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n currentSegmentIndexRef.current = segmentIndex;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = true;\n publishPlaybackTime(getSegmentStartTimeMs(segmentIndex));\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n pendingAutoPlayRef.current = shouldAutoResume;\n updateLoading(false);\n\n const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n activeSourceTypeRef.current = \"segment\";\n\n if (hasNewSrc) {\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = nextAudioSrc;\n audioElement.src = nextAudioSrc;\n audioElement.load();\n }\n\n pendingSeekTimeRef.current = 0;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = 0;\n pendingSeekTimeRef.current = null;\n }\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return true;\n }\n\n return tryPlayCurrentAudio(`start-segment:${_reason}`);\n },\n [\n canStartPlaybackAutomatically,\n getSegmentSrc,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n tryPlayCurrentAudio,\n updateLoading,\n ]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [\n currentAudioIndex,\n onEnded,\n stopPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]\n );\n\n const handleSegmentEnded = useCallback(() => {\n const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n const segments = currentAudioSegmentsRef.current;\n const nextSegment = segments[nextSegmentIndex];\n const activeAudio = currentAudioRef.current;\n const hasFinal = segments.some((segment) => segment.is_final);\n\n if (nextSegment) {\n startSegmentPlayback(nextSegmentIndex, \"ended\");\n return;\n }\n\n if (activeAudio?.isAudioStreaming || !hasFinal) {\n currentSegmentIndexRef.current = nextSegmentIndex;\n waitingSegmentIndexRef.current = nextSegmentIndex;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying;\n publishPlaybackTime(getSegmentStartTimeMs(nextSegmentIndex));\n setIsPlaying(false);\n updateLoading(true);\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [\n defaultPlaying,\n finishAudioItem,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n startSegmentPlayback,\n updateLoading,\n ]);\n\n useEffect(() => {\n if (currentAudioKeyRef.current === currentAudioKey) {\n return;\n }\n\n currentAudioKeyRef.current = currentAudioKey;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n activeSourceTypeRef.current = null;\n audioSrcRef.current = null;\n stopPlaybackTimeLoop();\n publishPlaybackTime(0);\n updateLoading(false);\n\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n setIsPlaying(false);\n }, [\n currentAudioIndex,\n currentAudioKey,\n currentAudioSegments.length,\n currentAudioUrl,\n publishPlaybackTime,\n stopPlaybackTimeLoop,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (isPlaybackPaused) {\n wasPlayingBeforeExternalPauseRef.current = Boolean(\n currentAudioRef.current &&\n !isPausedByUserRef.current &&\n (!audioElement.paused ||\n pendingAutoPlayRef.current ||\n waitingSegmentIndexRef.current !== null)\n );\n\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (\n !wasPlayingBeforeExternalPauseRef.current ||\n !currentAudioRef.current ||\n isPausedByUserRef.current\n ) {\n return;\n }\n\n wasPlayingBeforeExternalPauseRef.current = false;\n\n if (waitingSegmentIndexRef.current !== null) {\n if (\n waitingSegmentIndexRef.current < currentAudioSegmentsRef.current.length\n ) {\n startSegmentPlayback(waitingSegmentIndexRef.current, \"external-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioSrcRef.current && currentAudioSegmentsRef.current.length > 0) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegmentsRef.current.length - 1\n ),\n \"external-resume-init\"\n );\n return;\n }\n\n if (!audioElement.paused) {\n return;\n }\n\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"external-resume\");\n }, [\n isPlaybackPaused,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (!currentAudio) {\n resetAudio();\n return;\n }\n\n if (isPlaybackPaused) {\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (currentAudioUrl) {\n const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n const shouldAutoResume = canStartPlaybackAutomatically();\n const shouldKeepSegmentSource =\n activeSourceTypeRef.current === \"segment\" &&\n Boolean(audioSrcRef.current) &&\n waitingSegmentIndexRef.current === null;\n\n if (shouldKeepSegmentSource) {\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"keep-segment-source\");\n }\n\n return;\n }\n\n if (hasNewSrc) {\n const nextSeekTime =\n waitingSegmentIndexRef.current !== null\n ? getWaitingSegmentSeekTime()\n : 0;\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = currentAudioUrl;\n activeSourceTypeRef.current = \"url\";\n audioElement.src = currentAudioUrl;\n audioElement.load();\n pendingSeekTimeRef.current = nextSeekTime;\n publishPlaybackTime(nextSeekTime * 1000);\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = nextSeekTime;\n pendingSeekTimeRef.current = null;\n }\n }\n\n pendingAutoPlayRef.current = shouldAutoResume;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n updateLoading(false);\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n tryPlayCurrentAudio(hasNewSrc ? \"sync-url-init\" : \"sync-url\");\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n if (isPausedByUserRef.current) {\n setIsPlaying(false);\n updateLoading(false);\n return;\n }\n\n startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n return;\n }\n\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n if (!currentAudioSegments.length) {\n if (currentAudio.isAudioStreaming) {\n waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n resetAudio();\n return;\n }\n\n if (!audioSrcRef.current) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"effect-init\"\n );\n return;\n }\n\n if (!defaultPlaying || isPausedByUserRef.current) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"sync-paused-retry\");\n }\n }, [\n currentAudio,\n currentAudioIndex,\n currentAudioSegments,\n currentAudioUrl,\n defaultPlaying,\n isPlaybackPaused,\n canStartPlaybackAutomatically,\n publishPlaybackTime,\n resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n useEffect(() => stopPlaybackTimeLoop, [stopPlaybackTimeLoop]);\n\n const handleAudioPlay = useCallback(() => {\n syncPlaybackTime();\n startPlaybackTimeLoop();\n setIsPlaying(true);\n updateLoading(false);\n onPlaybackStarted?.();\n }, [\n onPlaybackStarted,\n startPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n }, [currentAudioIndex, stopPlaybackTimeLoop, syncPlaybackTime]);\n\n const handleAudioCanPlay = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n\n if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [\n currentAudioIndex,\n defaultPlaying,\n syncPlaybackTime,\n tryPlayCurrentAudio,\n ]);\n\n const handleLoadedMetadata = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n }, [currentAudioIndex, syncPlaybackTime]);\n\n const handleAudioTimeUpdate = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioSeeking = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n stopPlaybackTimeLoop();\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded, stopPlaybackTimeLoop]);\n\n const handleAudioError = useCallback(() => {\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n }, [stopPlaybackTimeLoop, syncPlaybackTime, updateLoading]);\n const handleMobileViewModeChange = useCallback(\n (nextViewMode: MobileViewMode) => {\n onMobileViewModeChange?.(nextViewMode);\n setIsMobileMoreOpen(false);\n },\n [onMobileViewModeChange]\n );\n\n useEffect(() => {\n onPlaybackTimeChange?.(playbackTimeMsRef.current);\n }, [onPlaybackTimeChange]);\n\n return (\n <div className={cn(\"slide-player\", className)} {...props}>\n <audio\n ref={audioRef}\n preload=\"auto\"\n playsInline\n onLoadedMetadata={handleLoadedMetadata}\n onCanPlay={handleAudioCanPlay}\n onPlay={handleAudioPlay}\n onPause={handleAudioPause}\n onSeeking={handleAudioSeeking}\n onSeeked={handleAudioSeeking}\n onTimeUpdate={handleAudioTimeUpdate}\n onEnded={handleAudioEnded}\n onError={handleAudioError}\n />\n\n {showControls ? (\n <>\n <MobilePlayerSettingsSheet\n container={settingsPortalContainer}\n labels={{\n fullscreen: playerTexts.fullscreenLabel,\n nonFullscreen: playerTexts.nonFullscreenLabel,\n screen: playerTexts.screenLabel,\n subtitle: playerTexts.subtitleLabel,\n subtitleToggle: playerTexts.subtitleToggleAriaLabel,\n title: playerTexts.settingsTitle,\n }}\n isSubtitleEnabled={isSubtitleEnabled}\n onClose={() => setIsMobileMoreOpen(false)}\n onOpenChange={setIsMobileMoreOpen}\n onSubtitleToggle={onSubtitleToggle ?? (() => {})}\n onViewModeChange={handleMobileViewModeChange}\n open={isMobileMoreOpen}\n viewMode={mobileViewMode}\n />\n\n <div className=\"slide-player__controls\" style={controlsStyle}>\n <div className=\"slide-player__group\">\n <button\n aria-expanded={isMobileMoreOpen}\n aria-haspopup=\"dialog\"\n aria-label=\"More options\"\n className=\"slide-player__action slide-player__action--mobile-more\"\n onClick={() => {\n setIsMobileMoreOpen((prevOpen) => !prevOpen);\n }}\n type=\"button\"\n >\n <EllipsisVertical\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n <button aria-label=\"Volume\" className=\"hidden\" type=\"button\">\n <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={playerTexts.subtitleToggleAriaLabel}\n aria-pressed={isSubtitleEnabled}\n className=\"slide-player__action slide-player__action--subtitle\"\n onClick={onSubtitleToggle}\n type=\"button\"\n >\n {isSubtitleEnabled ? (\n <Captions className=\"slide-player__icon\" strokeWidth={2.25} />\n ) : (\n <CaptionsOff\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n <button\n aria-label=\"Rewind\"\n className=\"slide-player__action slide-player__action--prev\"\n disabled={prevDisabled}\n onClick={onPrev}\n type=\"button\"\n >\n <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={toggleAriaLabel}\n className=\"slide-player__toggle slide-player__toggle--playback\"\n onClick={() => {\n if (useAutoAdvanceToggle) {\n onAutoAdvanceToggle?.(!isAutoAdvanceEnabled);\n return;\n }\n\n const audioElement = audioRef.current;\n\n if (isPlaybackPaused || !audioElement || !currentAudio) {\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (isPlaying) {\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n audioElement.pause();\n return;\n }\n\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioElement.src && currentAudioSegments.length > 0) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"toggle\"\n );\n return;\n }\n\n if (audioElement.paused) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"toggle-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n audioElement.pause();\n }}\n type=\"button\"\n >\n {isTogglePlaying ? <PauseIcon /> : <PlayIcon />}\n </button>\n <button\n aria-label=\"Forward\"\n className=\"slide-player__action slide-player__action--next\"\n disabled={nextDisabled}\n onClick={onNext}\n type=\"button\"\n >\n <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n {onFullscreen ? (\n <button\n aria-label={\n isFullscreen ? \"Exit fullscreen\" : \"Enter fullscreen\"\n }\n className=\"slide-player__action slide-player__action--fullscreen\"\n onClick={onFullscreen}\n type=\"button\"\n >\n {isFullscreen ? (\n <ScanLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n ) : (\n <Maximize\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n ) : null}\n </div>\n\n <div className=\"slide-player__separator\" />\n\n <div className=\"slide-player__group\">\n {customActionList.map((customAction, customActionIndex) => (\n <React.Fragment key={`custom-action-${customActionIndex}`}>\n {customAction}\n </React.Fragment>\n ))}\n <button\n aria-label=\"Notes\"\n className={cn(\n \"slide-player__action slide-player__action--notes\",\n isInteractionOpen && \"slide-player__action--active\"\n )}\n disabled={!hasInteraction}\n onClick={onInteractionToggle}\n type=\"button\"\n >\n <FilePenLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n </div>\n </div>\n </>\n ) : null}\n </div>\n );\n};\n\nconst MemoizedPlayer = memo(Player);\n\nMemoizedPlayer.displayName = \"Player\";\n\nexport default MemoizedPlayer;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","isPlaybackPaused","isAutoAdvanceEnabled","useAutoAdvanceToggle","onLoadingChange","onPlaybackStarted","onPlaybackTimeChange","onSubtitleToggle","onPrev","onNext","onFullscreen","isFullscreen","mobileViewMode","DEFAULT_MOBILE_VIEW_MODE","settingsPortalContainer","onMobileViewModeChange","onEnded","onAutoAdvanceToggle","onInteractionToggle","hasInteraction","isInteractionOpen","isSubtitleEnabled","prevDisabled","nextDisabled","showControls","customActions","customActionContext","texts","props","audioRef","useRef","previousInteractionOpenRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","wasPlayingBeforeExternalPauseRef","isLoadingRef","isPausedByUserRef","activeSourceTypeRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","playbackAnimationFrameRef","playbackTimeMsRef","playbackAccessModeRef","isPlaying","setIsPlaying","useState","isMobileMoreOpen","setIsMobileMoreOpen","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","customActionList","toPlayerCustomActionList","mobileVisibleActionCount","controlsStyle","playerTexts","DEFAULT_SLIDE_PLAYER_TEXTS","currentAudioKey","isTogglePlaying","toggleAriaLabel","useEffect","currentUrl","nextUrl","updateLoading","useCallback","loading","isAutoplayBlockedError","error","canStartPlaybackAutomatically","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","getSegmentStartTimeMs","segmentIndex","getCurrentPlaybackTimeMs","audioElement","publishPlaybackTime","timeMs","nextPlaybackTimeMs","syncPlaybackTime","stopPlaybackTimeLoop","startPlaybackTimeLoop","updateFrame","resetAudio","tryPlayCurrentAudio","_reason","playPromise","startSegmentPlayback","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioTimeUpdate","handleAudioSeeking","handleAudioEnded","shouldFinishAsUrl","handleAudioError","handleMobileViewModeChange","nextViewMode","cn","Fragment","MobilePlayerSettingsSheet","prevOpen","EllipsisVertical","Volume2","Captions","CaptionsOff","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine","MemoizedPlayer","memo"],"mappings":"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"}
|