markdown-flow-ui 0.1.115-beta.0 → 0.1.115-beta.2

package/dist/components/ContentRender/plugins/CustomVariable.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomVariable.es.js","sources":["../../../../src/components/ContentRender/plugins/CustomVariable.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Components } from \"react-markdown\";\nimport { OnSendContentParams } from \"../../types\";\nimport { Button } from \"../../ui/button\";\nimport { Checkbox } from \"../../ui/checkbox\";\nimport MarkdownFlowInput from \"../MarkdownFlowInput\";\nimport {\n  InputGroup,\n  InputGroupTextarea,\n} from \"../../ui/inputGroup/input-group\";\nimport { cn } from \"../../../lib/utils\";\n\n// Define custom variable node type\ninterface CustomVariableNode {\n  tagName: \"custom-variable\";\n  properties?: {\n    variableName?: string;\n    buttonTexts?: string[];\n    buttonValues?: string[];\n    placeholder?: string;\n    isMultiSelect?: boolean;\n  };\n}\n\n// Define custom variable component Props type\ninterface CustomVariableProps {\n  node: CustomVariableNode;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  readonly?: boolean;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  beforeSend?: (param: OnSendContentParams) => boolean;\n}\n\ninterface ComponentsWithCustomVariable extends Components {\n  \"custom-variable\"?: React.ComponentType<CustomVariableProps>;\n}\n\n// Multi select section( with checkboxes and input)\ninterface MultiSelectSectionProps {\n  node: CustomVariableNode;\n  readonly?: boolean;\n  selectedValues: string[];\n  inputValue: string;\n  confirmButtonText: string;\n  handleCheckboxChange: (value: string, checked: boolean) => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  handleConfirmClick: () => void;\n}\n\nconst MultiSelectSection = ({\n  node,\n  readonly,\n  selectedValues,\n  inputValue,\n  confirmButtonText,\n  handleCheckboxChange,\n  handleInputChange,\n  handleKeyDown,\n  handleConfirmClick,\n}: MultiSelectSectionProps) => {\n  const placeholder = node.properties?.placeholder;\n  const confirmDisabled =\n    readonly || (selectedValues.length === 0 && !inputValue?.trim());\n\n  const renderConfirmButton = (extraWrapperClassName?: string) => (\n    <span\n      className={cn(\n        \"multi-select-confirm-wrapper flex flex-col items-center\",\n        confirmDisabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\",\n        extraWrapperClassName\n      )}\n    >\n      <button\n        type=\"button\"\n        className=\"multi-select-confirm-button text-sm font-medium text-primary\"\n        disabled={confirmDisabled}\n        onClick={handleConfirmClick}\n      >\n        {confirmButtonText}\n      </button>\n    </span>\n  );\n\n  return (\n    <span className=\"multi-select-container flex w-full flex-col\">\n      <span className=\"flex flex-wrap gap-y-[9px] gap-x-6\">\n        {node.properties?.buttonTexts?.map((text, index) => {\n          const value = node.properties?.buttonValues?.[index];\n          const buttonValue = value !== undefined ? value : text;\n          return (\n            <Checkbox\n              key={index}\n              label={text}\n              disabled={readonly}\n              checked={selectedValues.includes(buttonValue)}\n              onCheckedChange={(checked) =>\n                handleCheckboxChange(buttonValue, checked)\n              }\n              className=\"text-sm\"\n            />\n          );\n        })}\n      </span>\n      {placeholder ? (\n        <span className=\"block mb-1 w-full max-w-[500px]\">\n          <span className=\"multi-select-input-row flex w-full items-end gap-3\">\n            <InputGroup data-disabled={readonly} className=\"flex-1\">\n              <InputGroupTextarea\n                disabled={readonly}\n                placeholder={placeholder}\n                value={inputValue}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                className=\"text-sm px-3\"\n                title={placeholder}\n              />\n            </InputGroup>\n            {renderConfirmButton(\"shrink-0\")}\n          </span>\n        </span>\n      ) : (\n        renderConfirmButton(\"self-start multi-select-confirm-wrapper--stacked\")\n      )}\n    </span>\n  );\n};\n\n// Single select section( with buttons and input)\ninterface SingleSelectSectionProps {\n  node: CustomVariableNode;\n  readonly?: boolean;\n  resolvedDefaultButtonText?: string;\n  handleButtonClick: (value: string) => void;\n  inputValue: string;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleSendClick: () => void;\n}\n\nconst SingleSelectSection = ({\n  node,\n  readonly,\n  resolvedDefaultButtonText,\n  handleButtonClick,\n  inputValue,\n  handleInputChange,\n  handleSendClick,\n}: SingleSelectSectionProps) => (\n  <span className=\"single-select-container inline-flex w-full flex-col\">\n    <span className=\"flex flex-wrap gap-y-[9px] gap-x-2\">\n      {node.properties?.buttonTexts?.map((text, index) => {\n        const value = node.properties?.buttonValues?.[index];\n        const buttonValue = value !== undefined ? value : text;\n        return (\n          <Button\n            key={index}\n            disabled={readonly}\n            variant=\"outline\"\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => handleButtonClick(buttonValue)}\n            className={cn(\n              \"max-w-full shrink whitespace-normal break-words text-left leading-5 h-auto min-h-8 px-3 py-1.5\",\n              \"hover:bg-gray-200\",\n              resolvedDefaultButtonText === text && \"select\"\n            )}\n          >\n            {text}\n          </Button>\n        );\n      })}\n    </span>\n    {node.properties?.placeholder && (\n      <span className=\"mt-[9px] mb-1\">\n        <MarkdownFlowInput\n          disabled={readonly}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n          title={node.properties.placeholder}\n        />\n      </span>\n    )}\n  </span>\n);\n\n// Pure input\ninterface InputSectionProps {\n  readonly?: boolean;\n  placeholder?: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onSend: () => void;\n}\n\nconst InputSection = ({\n  readonly,\n  placeholder,\n  value,\n  onChange,\n  onSend,\n}: InputSectionProps) => {\n  if (!placeholder) {\n    return null;\n  }\n\n  return (\n    <MarkdownFlowInput\n      disabled={readonly}\n      placeholder={placeholder}\n      value={value}\n      onChange={onChange}\n      onSend={onSend}\n      title={placeholder}\n    />\n  );\n};\n\n// Define custom variable component\nconst CustomButtonInputVariable = ({\n  node,\n  readonly,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  onSend,\n  confirmButtonText = \"Submit\", // Default to English, can be overridden\n  beforeSend = () => true,\n}: CustomVariableProps) => {\n  const [inputValue, setInputValue] = React.useState(defaultInputText || \"\");\n  const [selectedValues, setSelectedValues] = React.useState<string[]>(\n    defaultSelectedValues || []\n  );\n  const isMultiSelect = node.properties?.isMultiSelect ?? false;\n  const baseButtonTexts = node.properties?.buttonTexts || [];\n  const baseButtonValues = node.properties?.buttonValues || [];\n  const interactionIdentity = React.useMemo(\n    () =>\n      [\n        node.properties?.variableName ?? \"\",\n        node.properties?.placeholder ?? \"\",\n        isMultiSelect ? \"multi\" : \"single\",\n        baseButtonTexts.join(\"\\u0001\"),\n        baseButtonValues.join(\"\\u0001\"),\n      ].join(\"\\u0002\"),\n    [\n      baseButtonTexts,\n      baseButtonValues,\n      isMultiSelect,\n      node.properties?.placeholder,\n      node.properties?.variableName,\n    ]\n  );\n  const defaultSelectedValuesKey = (defaultSelectedValues || []).join(\"\\u0001\");\n  const shouldUseFallbackButton =\n    !isMultiSelect &&\n    baseButtonTexts.length === 0 &&\n    !node.properties?.placeholder;\n  const fallbackButtonLabel =\n    node.properties?.variableName?.trim() || defaultButtonText || \"Submit\";\n\n  const singleSelectNode = React.useMemo<CustomVariableNode>(() => {\n    if (!shouldUseFallbackButton) {\n      return node;\n    }\n    return {\n      ...node,\n      properties: {\n        ...(node.properties || {}),\n        buttonTexts: [fallbackButtonLabel],\n        buttonValues: [fallbackButtonLabel],\n      },\n    };\n  }, [fallbackButtonLabel, node, shouldUseFallbackButton]);\n\n  const singleSelectButtonTexts =\n    singleSelectNode.properties?.buttonTexts || [];\n  const singleSelectButtonValues =\n    singleSelectNode.properties?.buttonValues || [];\n  const isSingleSelect = !isMultiSelect && singleSelectButtonTexts.length > 0;\n\n  const handleButtonClick = (value: string) => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      buttonText: value,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleCheckboxChange = (value: string, checked: boolean) => {\n    setSelectedValues((prev) => {\n      if (checked) {\n        return [...prev, value];\n      } else {\n        return prev.filter((v) => v !== value);\n      }\n    });\n  };\n\n  const handleConfirmClick = () => {\n    const noSelection = selectedValues.length === 0 && !inputValue?.trim();\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      selectedValues,\n      inputText: inputValue?.trim() || undefined,\n    };\n    if (readonly || noSelection) return;\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setInputValue(e.target.value);\n  };\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.nativeEvent.isComposing || e.keyCode === 229) {\n      return;\n    }\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      if (isMultiSelect) {\n        const noSelection = selectedValues.length === 0 && !inputValue.trim();\n        if (!noSelection) handleConfirmClick();\n      } else {\n        handleSendClick();\n      }\n    }\n  };\n  const handleSendClick = () => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      inputText: inputValue,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const resolvedDefaultButtonText = React.useMemo(() => {\n    if (!defaultButtonText) {\n      return undefined;\n    }\n    const valueIndex = singleSelectButtonValues.indexOf(defaultButtonText);\n    if (valueIndex > -1) {\n      return singleSelectButtonTexts[valueIndex] ?? defaultButtonText;\n    }\n    const textIndex = singleSelectButtonTexts.indexOf(defaultButtonText);\n    if (textIndex > -1) {\n      return singleSelectButtonTexts[textIndex];\n    }\n    return undefined;\n  }, [defaultButtonText, singleSelectButtonTexts, singleSelectButtonValues]);\n\n  React.useEffect(() => {\n    setInputValue(defaultInputText || \"\");\n  }, [defaultInputText, interactionIdentity]);\n\n  React.useEffect(() => {\n    setSelectedValues(defaultSelectedValues || []);\n  }, [defaultSelectedValuesKey, interactionIdentity]);\n\n  return (\n    <span className=\"custom-variable-container inline-flex items-center flex-wrap\">\n      {isMultiSelect && (\n        <MultiSelectSection\n          node={node}\n          readonly={readonly}\n          selectedValues={selectedValues}\n          inputValue={inputValue}\n          confirmButtonText={confirmButtonText}\n          handleCheckboxChange={handleCheckboxChange}\n          handleInputChange={handleInputChange}\n          handleKeyDown={handleKeyDown}\n          handleConfirmClick={handleConfirmClick}\n        />\n      )}\n\n      {!isMultiSelect && isSingleSelect && (\n        <SingleSelectSection\n          node={singleSelectNode}\n          readonly={readonly}\n          resolvedDefaultButtonText={resolvedDefaultButtonText}\n          handleButtonClick={handleButtonClick}\n          inputValue={inputValue}\n          handleInputChange={handleInputChange}\n          handleSendClick={handleSendClick}\n        />\n      )}\n\n      {!isMultiSelect && !isSingleSelect && node.properties?.placeholder && (\n        <InputSection\n          readonly={readonly}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n        />\n      )}\n    </span>\n  );\n};\n\nexport default CustomButtonInputVariable;\nexport type {\n  ComponentsWithCustomVariable,\n  CustomVariableNode,\n  CustomVariableProps,\n};\n"],"names":["MultiSelectSection","node","readonly","selectedValues","inputValue","confirmButtonText","handleCheckboxChange","handleInputChange","handleKeyDown","handleConfirmClick","placeholder","confirmDisabled","renderConfirmButton","extraWrapperClassName","jsx","cn","jsxs","text","index","value","buttonValue","Checkbox","checked","InputGroup","InputGroupTextarea","SingleSelectSection","resolvedDefaultButtonText","handleButtonClick","handleSendClick","Button","MarkdownFlowInput","InputSection","onChange","onSend","CustomButtonInputVariable","defaultButtonText","defaultInputText","defaultSelectedValues","beforeSend","setInputValue","React","setSelectedValues","isMultiSelect","baseButtonTexts","baseButtonValues","interactionIdentity","defaultSelectedValuesKey","shouldUseFallbackButton","fallbackButtonLabel","singleSelectNode","singleSelectButtonTexts","singleSelectButtonValues","isSingleSelect","param","prev","v","noSelection","e","valueIndex","textIndex"],"mappings":"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"}
+{"version":3,"file":"CustomVariable.es.js","sources":["../../../../src/components/ContentRender/plugins/CustomVariable.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Components } from \"react-markdown\";\nimport { OnSendContentParams } from \"../../types\";\nimport { Button } from \"../../ui/button\";\nimport { Checkbox } from \"../../ui/checkbox\";\nimport MarkdownFlowInput from \"../MarkdownFlowInput\";\nimport {\n  InputGroup,\n  InputGroupTextarea,\n} from \"../../ui/inputGroup/input-group\";\nimport { cn } from \"../../../lib/utils\";\n\n// Define custom variable node type\ninterface CustomVariableNode {\n  tagName: \"custom-variable\";\n  properties?: {\n    variableName?: string;\n    buttonTexts?: string[];\n    buttonValues?: string[];\n    placeholder?: string;\n    isMultiSelect?: boolean;\n  };\n}\n\n// Define custom variable component Props type\ninterface CustomVariableProps {\n  node: CustomVariableNode;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  readonly?: boolean;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  beforeSend?: (param: OnSendContentParams) => boolean;\n}\n\ninterface ComponentsWithCustomVariable extends Components {\n  \"custom-variable\"?: React.ComponentType<CustomVariableProps>;\n}\n\n// Multi select section( with checkboxes and input)\ninterface MultiSelectSectionProps {\n  node: CustomVariableNode;\n  readonly?: boolean;\n  selectedValues: string[];\n  inputValue: string;\n  confirmButtonText: string;\n  handleCheckboxChange: (value: string, checked: boolean) => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  handleConfirmClick: () => void;\n}\n\nconst MultiSelectSection = ({\n  node,\n  readonly,\n  selectedValues,\n  inputValue,\n  confirmButtonText,\n  handleCheckboxChange,\n  handleInputChange,\n  handleKeyDown,\n  handleConfirmClick,\n}: MultiSelectSectionProps) => {\n  const placeholder = node.properties?.placeholder;\n  const confirmDisabled =\n    readonly || (selectedValues.length === 0 && !inputValue?.trim());\n\n  const renderConfirmButton = (extraWrapperClassName?: string) => (\n    <span\n      className={cn(\n        \"multi-select-confirm-wrapper flex flex-col items-center\",\n        confirmDisabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\",\n        extraWrapperClassName\n      )}\n    >\n      <button\n        type=\"button\"\n        className=\"multi-select-confirm-button text-sm font-medium text-primary\"\n        disabled={confirmDisabled}\n        onClick={handleConfirmClick}\n      >\n        {confirmButtonText}\n      </button>\n    </span>\n  );\n\n  return (\n    <span className=\"multi-select-container flex w-full flex-col\">\n      <span className=\"flex flex-wrap gap-y-[9px] gap-x-6\">\n        {node.properties?.buttonTexts?.map((text, index) => {\n          const value = node.properties?.buttonValues?.[index];\n          const buttonValue = value !== undefined ? value : text;\n          return (\n            <Checkbox\n              key={index}\n              label={text}\n              disabled={readonly}\n              checked={selectedValues.includes(buttonValue)}\n              onCheckedChange={(checked) =>\n                handleCheckboxChange(buttonValue, checked)\n              }\n              className=\"text-sm\"\n            />\n          );\n        })}\n      </span>\n      {placeholder ? (\n        <span className=\"block mb-1 w-full max-w-[500px]\">\n          <span className=\"multi-select-input-row flex w-full items-end gap-3\">\n            <InputGroup data-disabled={readonly} className=\"flex-1\">\n              <InputGroupTextarea\n                disabled={readonly}\n                placeholder={placeholder}\n                value={inputValue}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                className=\"text-sm px-3\"\n                title={placeholder}\n              />\n            </InputGroup>\n            {renderConfirmButton(\"shrink-0\")}\n          </span>\n        </span>\n      ) : (\n        renderConfirmButton(\"self-start multi-select-confirm-wrapper--stacked\")\n      )}\n    </span>\n  );\n};\n\n// Single select section( with buttons and input)\ninterface SingleSelectSectionProps {\n  node: CustomVariableNode;\n  readonly?: boolean;\n  resolvedDefaultButtonText?: string;\n  handleButtonClick: (value: string) => void;\n  inputValue: string;\n  handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  handleSendClick: () => void;\n}\n\nconst SingleSelectSection = ({\n  node,\n  readonly,\n  resolvedDefaultButtonText,\n  handleButtonClick,\n  inputValue,\n  handleInputChange,\n  handleSendClick,\n}: SingleSelectSectionProps) => (\n  <span className=\"single-select-container inline-flex w-full flex-col\">\n    <span className=\"flex flex-wrap gap-y-[9px] gap-x-2\">\n      {node.properties?.buttonTexts?.map((text, index) => {\n        const value = node.properties?.buttonValues?.[index];\n        const buttonValue = value !== undefined ? value : text;\n        return (\n          <Button\n            key={index}\n            disabled={readonly}\n            variant=\"outline\"\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => handleButtonClick(buttonValue)}\n            className={cn(\n              \"max-w-full shrink whitespace-normal break-words text-left leading-5 h-auto min-h-8 px-3 py-1.5\",\n              \"hover:bg-gray-200\",\n              resolvedDefaultButtonText === text && \"select\"\n            )}\n          >\n            {text}\n          </Button>\n        );\n      })}\n    </span>\n    {node.properties?.placeholder && (\n      <span className=\"mt-[9px] mb-1\">\n        <MarkdownFlowInput\n          disabled={readonly}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n          title={node.properties.placeholder}\n        />\n      </span>\n    )}\n  </span>\n);\n\n// Pure input\ninterface InputSectionProps {\n  readonly?: boolean;\n  placeholder?: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onSend: () => void;\n}\n\nconst InputSection = ({\n  readonly,\n  placeholder,\n  value,\n  onChange,\n  onSend,\n}: InputSectionProps) => {\n  if (!placeholder) {\n    return null;\n  }\n\n  return (\n    <MarkdownFlowInput\n      disabled={readonly}\n      placeholder={placeholder}\n      value={value}\n      onChange={onChange}\n      onSend={onSend}\n      title={placeholder}\n    />\n  );\n};\n\n// Define custom variable component\nconst CustomButtonInputVariable = ({\n  node,\n  readonly,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  onSend,\n  confirmButtonText = \"Submit\", // Default to English, can be overridden\n  beforeSend = () => true,\n}: CustomVariableProps) => {\n  const [inputValue, setInputValue] = React.useState(defaultInputText || \"\");\n  const [selectedValues, setSelectedValues] = React.useState<string[]>(\n    defaultSelectedValues || []\n  );\n  const isMultiSelect = node.properties?.isMultiSelect ?? false;\n  const baseButtonTexts = node.properties?.buttonTexts || [];\n  const shouldUseFallbackButton =\n    !isMultiSelect &&\n    baseButtonTexts.length === 0 &&\n    !node.properties?.placeholder;\n  const fallbackButtonLabel =\n    node.properties?.variableName?.trim() || defaultButtonText || \"Submit\";\n\n  const singleSelectNode = React.useMemo<CustomVariableNode>(() => {\n    if (!shouldUseFallbackButton) {\n      return node;\n    }\n    return {\n      ...node,\n      properties: {\n        ...(node.properties || {}),\n        buttonTexts: [fallbackButtonLabel],\n        buttonValues: [fallbackButtonLabel],\n      },\n    };\n  }, [fallbackButtonLabel, node, shouldUseFallbackButton]);\n\n  const singleSelectButtonTexts =\n    singleSelectNode.properties?.buttonTexts || [];\n  const singleSelectButtonValues =\n    singleSelectNode.properties?.buttonValues || [];\n  const isSingleSelect = !isMultiSelect && singleSelectButtonTexts.length > 0;\n\n  const handleButtonClick = (value: string) => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      buttonText: value,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleCheckboxChange = (value: string, checked: boolean) => {\n    setSelectedValues((prev) => {\n      if (checked) {\n        return [...prev, value];\n      } else {\n        return prev.filter((v) => v !== value);\n      }\n    });\n  };\n\n  const handleConfirmClick = () => {\n    const noSelection = selectedValues.length === 0 && !inputValue?.trim();\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      selectedValues,\n      inputText: inputValue?.trim() || undefined,\n    };\n    if (readonly || noSelection) return;\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setInputValue(e.target.value);\n  };\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.nativeEvent.isComposing || e.keyCode === 229) {\n      return;\n    }\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      if (isMultiSelect) {\n        const noSelection = selectedValues.length === 0 && !inputValue.trim();\n        if (!noSelection) handleConfirmClick();\n      } else {\n        handleSendClick();\n      }\n    }\n  };\n  const handleSendClick = () => {\n    const param = {\n      variableName: node.properties?.variableName || \"\",\n      inputText: inputValue,\n    };\n    if (!beforeSend?.(param)) return;\n    onSend?.(param);\n  };\n\n  const resolvedDefaultButtonText = React.useMemo(() => {\n    if (!defaultButtonText) {\n      return undefined;\n    }\n    const valueIndex = singleSelectButtonValues.indexOf(defaultButtonText);\n    if (valueIndex > -1) {\n      return singleSelectButtonTexts[valueIndex] ?? defaultButtonText;\n    }\n    const textIndex = singleSelectButtonTexts.indexOf(defaultButtonText);\n    if (textIndex > -1) {\n      return singleSelectButtonTexts[textIndex];\n    }\n    return undefined;\n  }, [defaultButtonText, singleSelectButtonTexts, singleSelectButtonValues]);\n\n  React.useEffect(() => {\n    setInputValue(defaultInputText || \"\");\n  }, [defaultInputText, node]);\n\n  React.useEffect(() => {\n    setSelectedValues(defaultSelectedValues || []);\n  }, [defaultSelectedValues, node]);\n\n  return (\n    <span className=\"custom-variable-container inline-flex items-center flex-wrap\">\n      {isMultiSelect && (\n        <MultiSelectSection\n          node={node}\n          readonly={readonly}\n          selectedValues={selectedValues}\n          inputValue={inputValue}\n          confirmButtonText={confirmButtonText}\n          handleCheckboxChange={handleCheckboxChange}\n          handleInputChange={handleInputChange}\n          handleKeyDown={handleKeyDown}\n          handleConfirmClick={handleConfirmClick}\n        />\n      )}\n\n      {!isMultiSelect && isSingleSelect && (\n        <SingleSelectSection\n          node={singleSelectNode}\n          readonly={readonly}\n          resolvedDefaultButtonText={resolvedDefaultButtonText}\n          handleButtonClick={handleButtonClick}\n          inputValue={inputValue}\n          handleInputChange={handleInputChange}\n          handleSendClick={handleSendClick}\n        />\n      )}\n\n      {!isMultiSelect && !isSingleSelect && node.properties?.placeholder && (\n        <InputSection\n          readonly={readonly}\n          placeholder={node.properties.placeholder}\n          value={inputValue}\n          onChange={handleInputChange}\n          onSend={handleSendClick}\n        />\n      )}\n    </span>\n  );\n};\n\nexport default CustomButtonInputVariable;\nexport type {\n  ComponentsWithCustomVariable,\n  CustomVariableNode,\n  CustomVariableProps,\n};\n"],"names":["MultiSelectSection","node","readonly","selectedValues","inputValue","confirmButtonText","handleCheckboxChange","handleInputChange","handleKeyDown","handleConfirmClick","placeholder","confirmDisabled","renderConfirmButton","extraWrapperClassName","jsx","cn","jsxs","text","index","value","buttonValue","Checkbox","checked","InputGroup","InputGroupTextarea","SingleSelectSection","resolvedDefaultButtonText","handleButtonClick","handleSendClick","Button","MarkdownFlowInput","InputSection","onChange","onSend","CustomButtonInputVariable","defaultButtonText","defaultInputText","defaultSelectedValues","beforeSend","setInputValue","React","setSelectedValues","isMultiSelect","baseButtonTexts","shouldUseFallbackButton","fallbackButtonLabel","singleSelectNode","singleSelectButtonTexts","singleSelectButtonValues","isSingleSelect","param","prev","v","noSelection","e","valueIndex","textIndex"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),_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;
+"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"),Ge=require("./MobilePlayerSettingsSheet.cjs.js"),Je=require("./constants.cjs.js"),Qe=require("./utils/mobileScreenMode.cjs.js"),Ie=require("./utils/playerCustomActions.cjs.js");;/* empty css                */const er=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"),rr=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"),tr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.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/captions-off.cjs.js"),sr=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.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/rotate-cw.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/scan-line.cjs.js"),ar=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),cr=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=C=>{if(typeof window>"u"||!C||je.has(C))return;const N=window.document.createElement("audio");N.preload="auto",N.setAttribute("playsinline","true"),N.src=C,N.load(),je.set(C,N)},ir=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),or=()=>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"})]}),fr=({audioList:C=[],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:we,onNext:Ce,onFullscreen:te,isFullscreen:ne=!1,mobileViewMode:Me=Qe.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,...Fe})=>{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),h=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,W]=r.useState(!1),o=d>=0?C[d]:void 0,P=o?.audioUrl,k=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,s)=>e.segment_index-s.segment_index),[o?.audioSegments]),me=r.useMemo(()=>Ie.toPlayerCustomActionList(le,ae),[ae,le]),pe=me.length+5,Ue=r.useMemo(()=>({"--slide-player-mobile-control-count":String(pe)}),[pe]),q=r.useMemo(()=>({...Je.DEFAULT_SLIDE_PLAYER_TEXTS,...ce}),[ce]),Q=r.useMemo(()=>o?o.audioKey??`${String(o.sequenceNumber??"none")}:${String(o.audioUrl??"")}`:"none",[o]),We=D?z:J,Pe=D?z?"Pause autoplay":"Play autoplay":J?"Pause":"Play";r.useEffect(()=>{Z.current=o},[o]),r.useEffect(()=>{Y||W(!1)},[Y]),r.useEffect(()=>{!ie.current&&V&&W(!1),ie.current=V},[V]),r.useEffect(()=>{j.current=k},[k]),r.useEffect(()=>{const e=o?.audioUrl,s=d>=0?C[d+1]?.audioUrl:void 0;ke(e),ke(s)},[C,o?.audioUrl,d]);const n=r.useCallback((e,s=null)=>{fe.current===e&&(!e||s===null)||(fe.current=e,I?.({loading:e,reason:e?s:null}))},[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((s,l)=>s+Math.max(Number(l.duration_ms??0),0),0)/1e3},[]),F=r.useCallback(e=>e<=0?0:j.current.slice(0,e).reduce((s,l)=>s+Math.max(Number(l.duration_ms??0),0),0),[]),ge=r.useCallback(()=>{const e=p.current;return e?v.current==="segment"?F(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?F(a.current):0},[F]),b=r.useCallback(e=>{const s=Math.max(e,0);G.current!==s&&(G.current=s,O?.(s))},[O]),i=r.useCallback(()=>{b(ge())},[ge,b]),f=r.useCallback(()=>{typeof window>"u"||L.current===null||(window.cancelAnimationFrame(L.current),L.current=null)},[]),ye=r.useCallback(()=>{if(typeof window>"u"||L.current!==null)return;const e=()=>{i();const s=p.current;if(!s||s.paused||s.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,h.current=!1,R.current=!1,e.pause(),e.removeAttribute("src"),e.load(),_.current=null,y.current=0,a.current=null,b(0),c(!1),n(!1))},[b,f,n]),g=r.useCallback(e=>{const s=p.current;if(!s)return!1;const l=s.play();return l&&typeof l.then=="function"&&l.then(()=>{M.current==="unknown"&&(M.current="auto"),u.current=!1,R.current=!1}).catch(U=>{M.current==="unknown"&&xe(U)&&(M.current="blocked",u.current=!1,n(!1)),R.current=!1,c(!1)}),!0},[xe,n]),S=r.useCallback((e,s)=>{const l=p.current,U=j.current[e];if(!l||!U)return!1;const w=he(U.audio_data);y.current=e,a.current=null,h.current=!1,R.current=!0,b(F(e));const H=A();u.current=H,n(!1);const Ye=_.current!==w;return v.current="segment",Ye&&(l.pause(),l.removeAttribute("src"),l.load(),_.current=w,l.src=w,l.load()),m.current=0,l.readyState>0&&(l.currentTime=0,m.current=null),H?g(`start-segment:${s}`):(u.current=!1,R.current=!1,l.pause(),c(!1),!0)},[A,he,F,b,g,n]),$=r.useCallback(e=>{f(),u.current=!1,h.current=!1,R.current=!1,i(),c(!1),n(!1),d>=0&&ue?.(d)},[d,ue,f,i,n]),Re=r.useCallback(()=>{const e=y.current+1,s=j.current,l=s[e],U=Z.current,w=s.some(H=>H.is_final);if(l){S(e,"ended");return}if(U?.isAudioStreaming||!w){y.current=e,a.current=e,h.current=!0,u.current=E,b(F(e)),c(!1),n(!0,"waitingForMoreAudio");return}$("segments-completed")},[E,$,F,b,S,n]);r.useEffect(()=>{if(oe.current===Q)return;oe.current=Q,y.current=0,a.current=null,h.current=!1,x.current=!1,B.current=!1,u.current=!1,R.current=!1,v.current=null,_.current=null,f(),b(0),n(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),c(!1))},[d,Q,k.length,P,b,f,n]),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,n(!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,n(!0,"waitingForMoreAudio");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,g("external-resume"))}}},[T,S,g,n]),r.useEffect(()=>{const e=p.current;if(e){if(!o){K();return}if(T){u.current=!1,n(!1),e.pause(),c(!1);return}if(P){const s=_.current!==P,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,g("keep-segment-source"));return}if(s){const w=a.current!==null?be():0;e.pause(),e.removeAttribute("src"),e.load(),_.current=P,v.current="url",e.src=P,e.load(),m.current=w,b(w*1e3),e.readyState>0&&(e.currentTime=w,m.current=null)}if(u.current=l,h.current=!1,R.current=!1,n(!1),!l){u.current=!1,e.pause(),c(!1);return}g(s?"sync-url-init":"sync-url");return}if(a.current!==null){if(a.current<k.length){if(x.current){c(!1),n(!1);return}S(a.current,"wait-resume");return}h.current=!0,u.current=A(),c(!1),n(A());return}if(!k.length){if(o.isAudioStreaming){a.current=y.current,h.current=!0,u.current=A(),c(!1),n(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,g("sync-paused-retry"))}},[o,d,k,P,E,T,A,b,K,S,g,be,n]),r.useEffect(()=>K,[K]),r.useEffect(()=>f,[f]);const Ve=r.useCallback(()=>{i(),ye(),c(!0),n(!1),ee?.()},[ee,ye,i,n]),Be=r.useCallback(()=>{h.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)&&g("canplay")},[d,E,i,g]),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]),$e=r.useCallback(()=>{h.current||n(!0,"loadingAudio")},[n]),He=r.useCallback(()=>{if(h.current){n(!0,"waitingForMoreAudio");return}n(!0,"loadingAudio")},[n]),Ee=r.useCallback(()=>{i()},[i]),ze=r.useCallback(()=>{const e=v.current==="url"||j.current.length===0;if(f(),R.current=!1,e){$("url-ended");return}Re()},[$,Re,f]),De=r.useCallback(()=>{f(),i(),c(!1),n(!1)},[f,i,n]),Xe=r.useCallback(e=>{se?.(e),W(!1)},[se]);return r.useEffect(()=>{O?.(G.current)},[O]),t.jsxRuntimeExports.jsxs("div",{className:_e.cn("slide-player",N),...Fe,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadStart:$e,onLoadedMetadata:Oe,onCanPlay:Ke,onPlay:Ve,onPause:Be,onWaiting:He,onSeeking:Ee,onSeeked:Ee,onTimeUpdate:Ze,onEnded:ze,onError:De}),Y?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Ge.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:()=>W(!1),onOpenChange:W,onSubtitleToggle:re??(()=>{}),onViewModeChange:Xe,open:de,viewMode:Me}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:Ue,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":de,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{W(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(er.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(rr.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(tr.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(nr.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:we,type:"button",children:t.jsxRuntimeExports.jsx(sr.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":Pe,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,h.current=!1,c(!1),n(!1),e.pause();return}M.current="manual",x.current=!1,u.current=!0,n(!0,"waitingForMoreAudio");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,g("toggle-resume");return}u.current=!1,x.current=!0,e.pause()}},type:"button",children:We?t.jsxRuntimeExports.jsx(ir,{}):t.jsxRuntimeExports.jsx(or,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:qe,onClick:Ce,type:"button",children:t.jsxRuntimeExports.jsx(ur.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(lr.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(ar.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,s)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${s}`)),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(cr.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},Se=r.memo(fr);Se.displayName="Player";exports.default=Se;
 //# sourceMappingURL=Player.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  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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"}
+{"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\nexport type SlidePlayerLoadingReason = \"loadingAudio\" | \"waitingForMoreAudio\";\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?: (state: {\n    loading: boolean;\n    reason: SlidePlayerLoadingReason | null;\n  }) => 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, reason: SlidePlayerLoadingReason | null = null) => {\n      if (isLoadingRef.current === loading && (!loading || reason === null)) {\n        return;\n      }\n\n      isLoadingRef.current = loading;\n      onLoadingChange?.({\n        loading,\n        reason: loading ? reason : null,\n      });\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, \"waitingForMoreAudio\");\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, \"waitingForMoreAudio\");\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 handleAudioLoadStart = useCallback(() => {\n    if (isWaitingForSegmentRef.current) {\n      return;\n    }\n\n    updateLoading(true, \"loadingAudio\");\n  }, [updateLoading]);\n\n  const handleAudioWaiting = useCallback(() => {\n    if (isWaitingForSegmentRef.current) {\n      updateLoading(true, \"waitingForMoreAudio\");\n      return;\n    }\n\n    updateLoading(true, \"loadingAudio\");\n  }, [updateLoading]);\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        onLoadStart={handleAudioLoadStart}\n        onLoadedMetadata={handleLoadedMetadata}\n        onCanPlay={handleAudioCanPlay}\n        onPlay={handleAudioPlay}\n        onPause={handleAudioPause}\n        onWaiting={handleAudioWaiting}\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, \"waitingForMoreAudio\");\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","reason","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","handleAudioLoadStart","handleAudioWaiting","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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"}

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

@@ -11,6 +11,7 @@ export interface SlidePlayerTexts {
     fullscreenLabel?: string;
     fullscreenHintText?: string;
 }
+export type SlidePlayerLoadingReason = "loadingAudio" | "waitingForMoreAudio";
 export type PlayerProps = Omit<React.ComponentProps<"div">, "onEnded"> & {
     audioList?: SlideAudioItem[];
     currentAudioIndex?: number;
@@ -18,7 +19,10 @@ export type PlayerProps = Omit<React.ComponentProps<"div">, "onEnded"> & {
     isPlaybackPaused?: boolean;
     isAutoAdvanceEnabled?: boolean;
     useAutoAdvanceToggle?: boolean;
-    onLoadingChange?: (loading: boolean) => void;
+    onLoadingChange?: (state: {
+        loading: boolean;
+        reason: SlidePlayerLoadingReason | null;
+    }) => void;
     onPlaybackStarted?: () => void;
     onPlaybackTimeChange?: (timeMs: number) => void;
     onSubtitleToggle?: () => void;