@layers-app/shared 0.4.5 → 0.4.7

package/dist/components/VideoPlayer/components/VideoSettingsModal/SubtitleTrackRow.d.ts

@@ -0,0 +1,16 @@
+export type SubtitleTrack = {
+    id: string;
+    language: string | null;
+    fileName: string | null;
+    status: 'empty' | 'uploading' | 'ready';
+};
+type SubtitleTrackRowProps = {
+    track: SubtitleTrack;
+    onUpdate: (updates: Partial<SubtitleTrack>) => void;
+    onUpload: (file: File, language: string) => Promise<void>;
+    selectLanguagePlaceholder: string;
+    uploadLabel: string;
+};
+export declare function SubtitleTrackRow({ track, onUpdate, onUpload, selectLanguagePlaceholder, uploadLabel, }: SubtitleTrackRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubtitleTrackRow.d.ts.map

package/dist/components/VideoPlayer/components/VideoSettingsModal/SubtitleTrackRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtitleTrackRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/VideoPlayer/components/VideoSettingsModal/SubtitleTrackRow.tsx"],"names":[],"mappings":"AAsCA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;CACzC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,yBAAyB,EAAE,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,WAAW,GACZ,EAAE,qBAAqB,2CAgEvB"}

package/dist/components/VideoPlayer/components/VideoSettingsModal/SubtitlesSection.d.ts

@@ -0,0 +1,14 @@
+type SubtitlesSectionProps = {
+    title: string;
+    toggleLabel: string;
+    manualLabel: string;
+    addTrackLabel: string;
+    selectLanguagePlaceholder: string;
+    uploadLabel: string;
+    value: boolean;
+    onChange: (value: boolean) => void;
+    videoId?: string | null;
+};
+export declare function SubtitlesSection({ title, toggleLabel, manualLabel, addTrackLabel, selectLanguagePlaceholder, uploadLabel, value, onChange, videoId, }: SubtitlesSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubtitlesSection.d.ts.map

package/dist/components/VideoPlayer/components/VideoSettingsModal/SubtitlesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtitlesSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/VideoPlayer/components/VideoSettingsModal/SubtitlesSection.tsx"],"names":[],"mappings":"AAQA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,yBAAyB,EACzB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,2CA6EvB"}

package/dist/components/VideoPlayer/components/VideoSettingsModal/context.d.ts

@@ -0,0 +1,4 @@
+import type { VideoSettingsDataSource } from '../../types';
+export declare const VideoSettingsDataSourceProvider: import("react").Provider<VideoSettingsDataSource | null>;
+export declare function useVideoSettingsDataSource(): VideoSettingsDataSource;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/VideoPlayer/components/VideoSettingsModal/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/VideoPlayer/components/VideoSettingsModal/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAK3D,eAAO,MAAM,+BAA+B,0DACH,CAAC;AAE1C,wBAAgB,0BAA0B,IAAI,uBAAuB,CAQpE"}

package/dist/components/VideoPlayer/components/VideoSettingsModal/context.js

@@ -0,0 +1,14 @@
+import { createContext as o, useContext as r } from "react";
+const t = o(null), n = t.Provider;
+function s() {
+  const e = r(t);
+  if (!e)
+    throw new Error(
+      "useVideoSettingsDataSource must be used inside <VideoSettingsModal>"
+    );
+  return e;
+}
+export {
+  n as VideoSettingsDataSourceProvider,
+  s as useVideoSettingsDataSource
+};

package/dist/components/VideoPlayer/components/VideoSettingsModal/index.d.ts

@@ -0,0 +1,22 @@
+import type { Subtitle, VideoSettingsData, VideoSettingsDataSource } from '../../types';
+import type { ChapterInput } from '../../utils/chapters';
+type VideoSettingsModalProps = {
+    opened: boolean;
+    onClose: () => void;
+    dataSource: VideoSettingsDataSource;
+    videoId?: string | null;
+    data?: VideoSettingsData | null;
+    onPosterChange?: (posterUrl: string | null) => void;
+    onChaptersSaved?: (chapters: ChapterInput[]) => void;
+    onChaptersDisabledChange?: (disabled: boolean) => void;
+    onSubtitlesSaved?: (tracks: Subtitle[]) => void;
+    posterUrl?: string | null;
+    chaptersDisabled?: boolean;
+    shakaPlayer?: any | null;
+    nativeVideo?: HTMLVideoElement | null;
+    videoDuration?: number | null;
+    playerMode?: 'shaka' | 'native';
+};
+export declare function VideoSettingsModal({ opened, onClose, dataSource, videoId, data, onPosterChange, onChaptersSaved, onChaptersDisabledChange, onSubtitlesSaved, posterUrl, chaptersDisabled, shakaPlayer, nativeVideo, videoDuration, playerMode, }: VideoSettingsModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/VideoPlayer/components/VideoSettingsModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/VideoPlayer/components/VideoSettingsModal/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAQzD,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,uBAAuB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACrD,wBAAwB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,UAAU,EACV,OAAO,EACP,IAAI,EACJ,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,gBAAgB,EAChB,SAAS,EACT,gBAAwB,EACxB,WAAW,EACX,WAAW,EACX,aAAa,EACb,UAAqB,GACtB,EAAE,uBAAuB,2CAuNzB"}

package/dist/components/VideoPlayer/components/VideoSettingsModal/index.js

@@ -0,0 +1,211 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { useState as a, useRef as E, useCallback as u, useEffect as f } from "react";
+import { useTranslation as I } from "react-i18next";
+import { HelpCircleIcon as B } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as O } from "@hugeicons/react";
+import { Box as N, Stack as U, Flex as q, Text as G, Tooltip as J, Drawer as K, Modal as Q } from "@mantine/core";
+import { IS_TOUCH_DEVICE as W } from "../../utils/touch.js";
+import { ChaptersSection as X } from "./ChaptersSection.js";
+import { CoverSection as Y } from "./CoverSection.js";
+import { FooterActions as Z } from "./FooterActions.js";
+import { ManualSubtitlesPanel as $ } from "./ManualSubtitlesPanel.js";
+import { VideoSettingsDataSourceProvider as ee } from "./context.js";
+function ve({
+  opened: r,
+  onClose: l,
+  dataSource: s,
+  videoId: o,
+  data: n,
+  onPosterChange: b,
+  onChaptersSaved: M,
+  onChaptersDisabledChange: C,
+  onSubtitlesSaved: S,
+  posterUrl: z,
+  chaptersDisabled: g = !1,
+  shakaPlayer: y,
+  nativeVideo: L,
+  videoDuration: D,
+  playerMode: R = "native"
+}) {
+  const { t: e } = I(), [m, P] = a(g), [d, A] = a(
+    null
+  ), [v, w] = a(
+    n ?? null
+  ), [T, F] = a([]), p = E(
+    null
+  ), h = E(null), [H, x] = a(!1), V = u((t) => {
+    A(t);
+  }, []);
+  f(() => {
+    n && w(n);
+  }, [n]), f(() => {
+    !r || !o || s.getSettings().then((t) => {
+      t && w(t);
+    }).catch(() => {
+    });
+  }, [r, o, s]), f(() => {
+    r && P(g);
+  }, [r, g]);
+  const j = u(
+    async (t) => {
+      if (o)
+        return s.uploadCover(t);
+    },
+    [o, s]
+  ), k = u(async () => {
+    x(!0);
+    try {
+      if (p.current) {
+        const t = await p.current();
+        Array.isArray(t) && M?.(t);
+      }
+      C?.(m), h.current && await h.current(), S?.(T), d !== null && b?.(d), o && await s.getSettings(), l();
+    } finally {
+      x(!1);
+    }
+  }, [
+    o,
+    s,
+    m,
+    C,
+    M,
+    l,
+    b,
+    S,
+    d,
+    T
+  ]), _ = /* @__PURE__ */ c(ee, { value: s, children: [
+    /* @__PURE__ */ i(N, { className: "video-settings-modal-body", children: /* @__PURE__ */ c(U, { gap: 32, children: [
+      /* @__PURE__ */ i(
+        Y,
+        {
+          opened: r,
+          videoId: o,
+          initialData: v,
+          title: e("editor.video.settingsModal.cover"),
+          uploadLabel: e("editor.video.settingsModal.uploadFile"),
+          cropLabel: e("editor.video.settingsModal.cropCoverImage"),
+          emptyCoverLabel: e("editor.video.settingsModal.emptyCovers"),
+          loadErrorLabel: e("editor.video.settingsModal.loadError"),
+          retryLabel: e("editor.video.settingsModal.retry"),
+          onCoverUpload: j,
+          onSelectedPosterChange: V,
+          selectedPosterUrl: d ?? z ?? null
+        }
+      ),
+      /* @__PURE__ */ c(U, { gap: "xs", children: [
+        /* @__PURE__ */ c(q, { align: "center", gap: 6, children: [
+          /* @__PURE__ */ i(G, { className: "video-settings-modal-section-title", children: e("editor.video.settingsModal.subtitles") }),
+          /* @__PURE__ */ i(
+            J,
+            {
+              label: e("editor.video.settingsModal.subtitlesFormatHint"),
+              position: "right",
+              withArrow: !0,
+              children: /* @__PURE__ */ i(
+                O,
+                {
+                  icon: B,
+                  size: 16,
+                  color: "var(--mantine-color-dimmed)"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          $,
+          {
+            videoId: o,
+            mode: R,
+            shakaPlayer: y,
+            nativeVideo: L,
+            statusSubtitles: v?.subtitles,
+            onTracksChange: F,
+            onSave: (t) => {
+              h.current = t;
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(
+        X,
+        {
+          videoId: o,
+          initialChapters: v?.chapters,
+          nativeVideo: L,
+          shakaPlayer: y,
+          videoDuration: D,
+          title: e("editor.video.settingsModal.chapters"),
+          toggleLabel: e("editor.video.settingsModal.showChaptersInPlayer"),
+          chaptersDisabled: m,
+          onChaptersDisabledChange: P,
+          onSave: (t) => {
+            p.current = t;
+          },
+          timePlaceholder: e(
+            "editor.video.settingsModal.chaptersTimePlaceholder"
+          ),
+          titlePlaceholder: e(
+            "editor.video.settingsModal.chaptersTitlePlaceholder"
+          ),
+          endTimePlaceholder: e(
+            "editor.video.settingsModal.chaptersEndTimePlaceholder"
+          ),
+          addChapterLabel: e("editor.video.settingsModal.addChapter"),
+          deleteChapterLabel: e("editor.video.settingsModal.deleteChapter"),
+          emptyLabel: e("editor.video.settingsModal.emptyChapters"),
+          errorLabel: e("editor.video.settingsModal.chaptersError"),
+          invalidRangeLabel: e(
+            "editor.video.settingsModal.chaptersInvalidTimeRange"
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ i(N, { className: "video-settings-modal-footer", children: /* @__PURE__ */ i(
+      Z,
+      {
+        cancelLabel: e("editor.video.settingsModal.cancel"),
+        saveLabel: e("editor.video.settingsModal.save"),
+        onCancel: l,
+        onSave: k,
+        isSaving: H
+      }
+    ) })
+  ] });
+  return W ? /* @__PURE__ */ i(
+    K,
+    {
+      opened: r,
+      onClose: l,
+      title: e("editor.video.settingsModal.title"),
+      position: "bottom",
+      size: "auto",
+      radius: "lg",
+      zIndex: 300,
+      className: "video-settings-modal",
+      classNames: {
+        content: "video-settings-drawer",
+        header: "video-settings-drawer__header",
+        title: "video-settings-drawer__title",
+        body: "video-settings-drawer__body"
+      },
+      children: _
+    }
+  ) : /* @__PURE__ */ i(
+    Q,
+    {
+      opened: r,
+      onClose: l,
+      title: e("editor.video.settingsModal.title"),
+      size: "md",
+      radius: "lg",
+      zIndex: 300,
+      className: "video-settings-modal",
+      children: _
+    }
+  );
+}
+export {
+  ve as VideoSettingsModal
+};

package/dist/components/VideoPlayer/components/VideoSpeedMenu/index.d.ts

@@ -0,0 +1,11 @@
+import type { PlayerSettingsSnapshot } from '../../utils/videoSettings';
+type VideoSpeedMenuProps = {
+    disabled?: boolean;
+    settings: PlayerSettingsSnapshot;
+    currentSpeed?: number | null;
+    onBack: () => void;
+    onSelect: (speed: number) => void;
+};
+export declare function VideoSpeedMenu({ disabled, settings, currentSpeed, onBack, onSelect, }: VideoSpeedMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/VideoPlayer/components/VideoSpeedMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/VideoPlayer/components/VideoSpeedMenu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAIxE,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,2CA+BrB"}

package/dist/components/VideoPlayer/components/VideoSpeedMenu/index.js

@@ -0,0 +1,41 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { TickIcon as f, ArrowLeftIcon as u } from "../VideoIcons.js";
+import { VideoMenu as S } from "../VideoMenu.js";
+function I({
+  disabled: o,
+  settings: i,
+  currentSpeed: r,
+  onBack: s,
+  onSelect: c
+}) {
+  const { t: n } = p(), d = (e) => e === 1 ? n("editor.video.settings.normal") : e.toString(), m = r ?? i.currentSpeed, a = i.speeds.map((e) => {
+    const l = e === m;
+    return {
+      key: `speed-${e}`,
+      testId: `video-settings-speed-${e}`,
+      onClick: () => c(e),
+      disabled: o,
+      leftLabel: d(e),
+      rightSection: l ? /* @__PURE__ */ t(f, { size: 16 }) : null
+    };
+  });
+  return /* @__PURE__ */ t(
+    S,
+    {
+      width: 264,
+      maxHeight: 244,
+      header: {
+        label: n("editor.video.settings.speed"),
+        onClick: s,
+        disabled: o,
+        leftSection: /* @__PURE__ */ t(u, { size: 16 }),
+        testId: "video-settings-speed-header"
+      },
+      items: a
+    }
+  );
+}
+export {
+  I as VideoSpeedMenu
+};

package/dist/components/VideoPlayer/components/VideoSubtitlesMenu/index.d.ts

@@ -0,0 +1,10 @@
+import type { PlayerSettingsSnapshot } from '../../utils/videoSettings';
+type VideoSubtitlesMenuProps = {
+    disabled?: boolean;
+    settings: PlayerSettingsSnapshot;
+    onBack: () => void;
+    onSelect: (subtitleId: number | null) => void;
+};
+export declare function VideoSubtitlesMenu({ disabled, settings, onBack, onSelect, }: VideoSubtitlesMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/VideoPlayer/components/VideoSubtitlesMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/VideoPlayer/components/VideoSubtitlesMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AA6BxE,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,uBAAuB,2CAkCzB"}

package/dist/components/VideoPlayer/components/VideoSubtitlesMenu/index.js

@@ -0,0 +1,69 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { isAutoGeneratedTrack as k } from "../../utils/subtitles.js";
+import { TickIcon as b, ArrowLeftIcon as p } from "../VideoIcons.js";
+import { VideoMenu as h } from "../VideoMenu.js";
+const m = {
+  en: "English",
+  es: "Español",
+  fr: "Français",
+  de: "Deutsch",
+  it: "Italiano",
+  pt: "Português",
+  ru: "Русский",
+  uk: "Українська",
+  pl: "Polski",
+  nl: "Nederlands",
+  sv: "Svenska",
+  no: "Norsk",
+  da: "Dansk",
+  fi: "Suomi",
+  tr: "Türkçe",
+  ar: "العربية",
+  he: "עברית",
+  hi: "हिन्दी",
+  ja: "日本語",
+  ko: "한국어",
+  zh: "中文",
+  ro: "Română"
+};
+function L({
+  disabled: i,
+  settings: s,
+  onBack: l,
+  onSelect: a
+}) {
+  const { t: n } = f(), u = n("editor.video.settingsModal.autoGenerated"), d = s.subtitles.map((t) => {
+    const c = t.id === s.currentSubtitleId;
+    let e = t.label;
+    if (k({ label: e })) {
+      const r = t.lang ? m[t.lang.toLowerCase()] : null;
+      r && (e = r), e = `${e} (${u})`;
+    }
+    return {
+      key: `subtitle-${t.id ?? "off"}`,
+      testId: `video-settings-subtitle-${t.id ?? "off"}`,
+      onClick: () => a(t.id),
+      disabled: i,
+      leftLabel: e,
+      rightSection: c ? /* @__PURE__ */ o(b, { size: 16 }) : null
+    };
+  });
+  return /* @__PURE__ */ o(
+    h,
+    {
+      width: 264,
+      header: {
+        label: n("editor.video.settings.subtitlesCc"),
+        onClick: l,
+        disabled: i,
+        leftSection: /* @__PURE__ */ o(p, { size: 16 }),
+        testId: "video-settings-subtitles-header"
+      },
+      items: d
+    }
+  );
+}
+export {
+  L as VideoSubtitlesMenu
+};

package/dist/components/VideoPlayer/hooks/useStoryboard.d.ts

@@ -0,0 +1,21 @@
+import type { Storyboard, StoryboardCue, StoryboardFrame } from '../types';
+type StoryboardInfo = Storyboard;
+interface UseStoryboardProps {
+    storyboard?: StoryboardInfo | null;
+    baseUrl?: string;
+    authHeaders?: Record<string, string>;
+    enabled?: boolean;
+}
+type SheetDimensions = {
+    width: number;
+    height: number;
+};
+export declare function useStoryboard({ storyboard, baseUrl, authHeaders, enabled, }: UseStoryboardProps): {
+    ready: boolean;
+    cues: StoryboardCue[];
+    durationSec: number;
+    getFrameAtRatio: (ratio: number) => StoryboardFrame | null;
+    ensureSheetDimensions: (url: string) => Promise<SheetDimensions | null | undefined>;
+};
+export {};
+//# sourceMappingURL=useStoryboard.d.ts.map

package/dist/components/VideoPlayer/hooks/useStoryboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoryboard.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/hooks/useStoryboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EACb,eAAe,EAEhB,MAAM,UAAU,CAAC;AAOlB,KAAK,cAAc,GAAG,UAAU,CAAC;AAEjC,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,OAAO,EACP,WAAW,EACX,OAAc,GACf,EAAE,kBAAkB;;;;6BAoGT,MAAM,KAAG,eAAe,GAAG,IAAI;iCA3B3B,MAAM;EA8DrB"}

package/dist/components/VideoPlayer/hooks/useStoryboard.js

@@ -0,0 +1,91 @@
+import { useState as u, useRef as A, useEffect as k, useCallback as C, useMemo as F } from "react";
+import { resolveStoryboardUrl as P, parseStoryboardVtt as G, clampRatio as H } from "../utils/storyboard.js";
+function N({
+  storyboard: r,
+  baseUrl: i,
+  authHeaders: p,
+  enabled: y = !0
+}) {
+  const [n, S] = u([]), [m, w] = u(0), [h, l] = u(!1), [c, E] = u(
+    () => /* @__PURE__ */ new Map()
+  ), f = A(/* @__PURE__ */ new Set()), v = y && r?.ready && r.vttUrl && r.metaUrl;
+  k(() => {
+    if (!v) {
+      l(!1), S([]), w(0);
+      return;
+    }
+    let t = !0;
+    return (async () => {
+      const a = P(r.vttUrl, i), e = P(
+        r.metaUrl,
+        i
+      ), U = {
+        method: "GET",
+        headers: p || {},
+        credentials: i ? void 0 : "include"
+      }, [R, x] = await Promise.all([
+        fetch(a, U),
+        fetch(e, U)
+      ]);
+      if (!R.ok || !x.ok) {
+        t && l(!1);
+        return;
+      }
+      const [W, j] = await Promise.all([
+        R.text(),
+        x.json().catch(() => ({}))
+      ]);
+      if (!t) return;
+      const M = G(W, a, i), D = Number(j.durationSec || 0);
+      S(M), w(D), l(M.length > 0 && D > 0);
+    })().catch(() => {
+      t && l(!1);
+    }), () => {
+      t = !1;
+    };
+  }, [v, r?.vttUrl, r?.metaUrl, i, p]);
+  const d = C(
+    async (t) => {
+      if (c.has(t) || f.current.has(t))
+        return c.get(t);
+      f.current.add(t);
+      const s = new Image(), a = await new Promise((e) => {
+        s.onload = () => e({ width: s.naturalWidth, height: s.naturalHeight }), s.onerror = () => e(null), s.src = t;
+      });
+      return f.current.delete(t), a ? (E((e) => {
+        const o = new Map(e);
+        return o.set(t, a), o;
+      }), a) : null;
+    },
+    [c]
+  ), T = C(
+    (t) => {
+      if (!h || !m || n.length === 0) return null;
+      const s = H(t), a = Math.min(
+        n.length - 1,
+        Math.max(0, Math.floor(s * n.length))
+      ), e = n[a], o = c.get(e.sheetUrl);
+      return {
+        ...e,
+        sheetWidth: o?.width,
+        sheetHeight: o?.height
+      };
+    },
+    [h, m, n, c]
+  ), g = F(() => n.map((t) => t.sheetUrl), [n]);
+  return k(() => {
+    if (!h || g.length === 0) return;
+    const t = g[0];
+    c.has(t) || d(t).catch(() => {
+    });
+  }, [h, g, c, d]), {
+    ready: h,
+    cues: n,
+    durationSec: m,
+    getFrameAtRatio: T,
+    ensureSheetDimensions: d
+  };
+}
+export {
+  N as useStoryboard
+};

package/dist/components/VideoPlayer/index.d.ts

@@ -0,0 +1,11 @@
+export { VideoPlayer } from './VideoPlayer';
+export type { VideoPlayerProps } from './VideoPlayer';
+export { VideoSettingsModal } from './components/VideoSettingsModal';
+export { default as VideoSelect } from './components/VideoSelect';
+export type { VideoSelectProps } from './components/VideoSelect';
+export type { Chapter, ChapterThumb, Cover, PlayerInfo, Storyboard, StoryboardCue, StoryboardFrame, StoryboardMeta, Subtitle, SubtitleTrack, SubtitleUploadOptions, VideoPreview, VideoSettingsData, VideoSettingsDataSource, VideoSource, } from './types';
+export { isAutoGeneratedTrack, normalizeSubtitleTrack, } from './utils/subtitles';
+export type { ChapterInput } from './utils/chapters';
+export { parseChaptersText, parseTimestampToSec, secondsToTimestamp, } from './utils/chapters';
+export { IS_TOUCH_DEVICE, IS_TOUCH_TABLET } from './utils/touch';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/VideoPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VideoPlayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,YAAY,EACV,OAAO,EACP,YAAY,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,WAAW,GACZ,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}