@layers-app/shared 0.4.5 → 0.4.7

package/dist/components/AttachmentsGalleryModal/components/LegacyAttachmentVideoPlayer.js

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { ErrorSection as m } from "./ErrorSection.js";
+import { useShakePlayer as n } from "./ShakePlayer/useShakePlayer.js";
+import c from "../styles.module.css.js";
+import { VideoPlayer as d } from "../../VideoPlayer/VideoPlayer.js";
+const u = ({
+  attachmentId: o,
+  isActive: t,
+  autoPlay: l
+}) => {
+  const { containerRef: s, vodUrl: r, rawUrl: i, isError: a } = n({
+    attachmentId: o,
+    isActive: t,
+    autoPlay: l
+  });
+  return a ? /* @__PURE__ */ e(m, {}) : /* @__PURE__ */ e("div", { ref: s, className: c.videoPlayerFill, children: /* @__PURE__ */ e(
+    d,
+    {
+      videoId: o,
+      source: {
+        streamUrl: r,
+        nativeUrl: i,
+        optimizedReady: !!r,
+        isProcessing: !r && !i
+      }
+    }
+  ) });
+};
+export {
+  u as LegacyAttachmentVideoPlayer
+};

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAQrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,iEACK,gBAAgB,6CAwI5C,CAAC"}
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalHeader.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,iEACK,gBAAgB,6CA0M5C,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.js

@@ -1,132 +1,184 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { memo as v, useRef as I } from "react";
-import { useTranslation as C } from "react-i18next";
-import { Box as F, Tooltip as i, ActionIcon as t, Flex as s, Text as g } from "@mantine/core";
-import { IconDownload as p, IconMinus as N, IconPlus as R, IconX as k } from "@tabler/icons-react";
-import { getFileIcons as T } from "../../../helpers/getFileIcons.js";
-import { getFileType as j } from "../../../helpers/getFileType.js";
-import { useAttachmentsGalleryContext as D } from "../AttachmentsGalleryContext.js";
-import { zoomStep as f } from "../helpers.js";
-import { useDownloadFile as M } from "../hooks/useDownloadFile.js";
-import { useZoomReset as Z } from "../hooks/useZoomReset.js";
-import n from "../styles.module.css.js";
-const L = v(
-  ({ onClose: w, attachments: z }) => {
-    Z();
-    const { t: r } = C("ui"), c = I(null), { zoomPercentage: y, transformRefs: m, selectedIndex: a } = D(), o = z?.[a], x = () => {
-      f({
-        animationRef: c,
+import { jsxs as o, Fragment as P, jsx as e } from "react/jsx-runtime";
+import { memo as V, useRef as O, useState as Z, useMemo as j } from "react";
+import { useTranslation as x } from "react-i18next";
+import { Box as B, Tooltip as i, ActionIcon as a, Flex as m, Text as h, Loader as E } from "@mantine/core";
+import { IconDownload as A, IconMinus as U, IconPlus as G, IconSettings as H, IconX as K } from "@tabler/icons-react";
+import { getEnvConfig as L } from "../../../config/envConfig.js";
+import { getFileIcons as X } from "../../../helpers/getFileIcons.js";
+import { getFileType as q } from "../../../helpers/getFileType.js";
+import { createVideoSettingsDataSource as J } from "../../../videoSettings/createVideoSettingsDataSource.js";
+import { useAttachmentsGalleryContext as Q } from "../AttachmentsGalleryContext.js";
+import { getAttachmentFormat as W, zoomStep as S } from "../helpers.js";
+import { useDownloadFile as Y } from "../hooks/useDownloadFile.js";
+import { useZoomReset as _ } from "../hooks/useZoomReset.js";
+import { useAttachmentVideoStatus as $ } from "./useAttachmentVideoStatus.js";
+import r from "../styles.module.css.js";
+import { VideoSettingsModal as ee } from "../../VideoPlayer/components/VideoSettingsModal/index.js";
+const ve = V(
+  ({ onClose: C, attachments: I }) => {
+    _();
+    const { t: n } = x("ui"), { t: p } = x(), u = O(null), {
+      zoomPercentage: F,
+      transformRefs: f,
+      selectedIndex: g,
+      videoRefreshKey: D,
+      refreshVideo: c
+    } = Q(), t = I?.[g], v = t ? W(t) : null, { status: l } = $(
+      v?.isVideo ? t?.id : void 0,
+      D
+    ), s = l?.videoId ?? null, [N, w] = Z(!1), d = j(
+      () => s ? J(s, {
+        baseUrl: L().apiBaseUrl
+      }) : null,
+      [s]
+    ), R = () => {
+      S({
+        animationRef: u,
         dir: "in",
-        activeRef: m.current[a]
+        activeRef: f.current[g]
       });
-    }, b = () => {
-      f({
-        animationRef: c,
+    }, k = () => {
+      S({
+        animationRef: u,
         dir: "out",
-        activeRef: m.current[a]
+        activeRef: f.current[g]
       });
-    }, { isVideo: A, isFetching: d, onDownload: u, isMobile: h } = M(o);
-    return /* @__PURE__ */ l(
-      F,
-      {
-        style: {
-          borderRadius: 8,
-          display: "grid",
-          gridTemplateColumns: "1fr auto 1fr",
-          alignItems: "center",
-          flex: "none",
-          gap: 12
-        },
-        px: 8,
-        py: 8,
-        bg: "var(--mantine-color-dark-6)",
-        children: [
-          h ? /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
-            t,
-            {
-              className: n.headerAction,
-              size: "lg",
-              variant: "subtle",
-              loading: d,
-              onClick: u,
-              children: /* @__PURE__ */ e(p, { size: 20 })
-            }
-          ) }) : /* @__PURE__ */ l(s, { align: "center", gap: 8, ml: 6, miw: 0, children: [
-            o ? T(
-              j(
-                o.contentType ?? "",
-                !1,
-                o.originalFileName
-              ),
-              !1,
-              20
-            ) : null,
-            /* @__PURE__ */ e(g, { fw: 500, fz: 14, c: "var(--app-gallary-text)", truncate: !0, children: o?.originalFileName || "" })
-          ] }),
-          A ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ l(s, { gap: "xs", children: [
-            /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.zoomOut"), children: /* @__PURE__ */ e(
-              t,
-              {
-                className: n.headerAction,
-                size: "lg",
-                variant: "subtle",
-                onClick: b,
-                children: /* @__PURE__ */ e(N, { size: 20 })
-              }
-            ) }),
-            /* @__PURE__ */ l(
-              g,
-              {
-                fw: 500,
-                fz: 14,
-                c: "var(--app-gallary-text)",
-                miw: 50,
-                ta: "center",
-                children: [
-                  y,
-                  "%"
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.zoomIn"), children: /* @__PURE__ */ e(
-              t,
-              {
-                className: n.headerAction,
-                size: "lg",
-                variant: "subtle",
-                onClick: x,
-                children: /* @__PURE__ */ e(R, { size: 20 })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ l(s, { justify: "end", gap: "xs", children: [
-            !h && /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
-              t,
+    }, { isFetching: b, onDownload: z, isMobile: y } = Y(t), T = v?.isImage ?? !1;
+    return /* @__PURE__ */ o(P, { children: [
+      /* @__PURE__ */ o(
+        B,
+        {
+          style: {
+            borderRadius: 8,
+            display: "grid",
+            gridTemplateColumns: "1fr auto 1fr",
+            alignItems: "center",
+            flex: "none",
+            gap: 12
+          },
+          px: 8,
+          py: 8,
+          bg: "var(--mantine-color-dark-6)",
+          children: [
+            y ? /* @__PURE__ */ e(i, { withArrow: !0, label: n("gallery.download"), children: /* @__PURE__ */ e(
+              a,
               {
-                className: n.headerAction,
+                className: r.headerAction,
                 size: "lg",
                 variant: "subtle",
-                loading: d,
-                onClick: u,
-                children: /* @__PURE__ */ e(p, { size: 20 })
+                loading: b,
+                onClick: z,
+                children: /* @__PURE__ */ e(A, { size: 20 })
               }
-            ) }),
-            /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.close"), children: /* @__PURE__ */ e(
-              t,
-              {
-                className: n.headerAction,
-                size: "lg",
-                variant: "subtle",
-                onClick: w,
-                children: /* @__PURE__ */ e(k, { size: 20 })
-              }
-            ) })
-          ] })
-        ]
-      }
-    );
+            ) }) : /* @__PURE__ */ o(m, { align: "center", gap: 8, ml: 6, miw: 0, children: [
+              t ? X(
+                q(
+                  t.contentType ?? "",
+                  !1,
+                  t.originalFileName
+                ),
+                !1,
+                20
+              ) : null,
+              /* @__PURE__ */ e(h, { fw: 500, fz: 14, c: "var(--app-gallary-text)", truncate: !0, children: t?.originalFileName || "" })
+            ] }),
+            T ? /* @__PURE__ */ o(m, { gap: "xs", children: [
+              /* @__PURE__ */ e(i, { withArrow: !0, label: n("gallery.zoomOut"), children: /* @__PURE__ */ e(
+                a,
+                {
+                  className: r.headerAction,
+                  size: "lg",
+                  variant: "subtle",
+                  onClick: k,
+                  children: /* @__PURE__ */ e(U, { size: 20 })
+                }
+              ) }),
+              /* @__PURE__ */ o(
+                h,
+                {
+                  fw: 500,
+                  fz: 14,
+                  c: "var(--app-gallary-text)",
+                  miw: 50,
+                  ta: "center",
+                  children: [
+                    F,
+                    "%"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(i, { withArrow: !0, label: n("gallery.zoomIn"), children: /* @__PURE__ */ e(
+                a,
+                {
+                  className: r.headerAction,
+                  size: "lg",
+                  variant: "subtle",
+                  onClick: R,
+                  children: /* @__PURE__ */ e(G, { size: 20 })
+                }
+              ) })
+            ] }) : l?.isProcessing ? /* @__PURE__ */ o(m, { align: "center", gap: 8, miw: 0, children: [
+              /* @__PURE__ */ e(E, { size: "xs", color: "var(--app-gallary-text)" }),
+              /* @__PURE__ */ e(h, { className: r.processingText, fw: 500, fz: 14, children: p("editor.video.upload.processingShort", {
+                percent: Math.round(l.processingPercent ?? 0)
+              }) })
+            ] }) : /* @__PURE__ */ e("div", {}),
+            /* @__PURE__ */ o(m, { justify: "end", gap: "xs", children: [
+              d && !l?.isProcessing && /* @__PURE__ */ e(i, { withArrow: !0, label: p("editor.video.player.settings"), children: /* @__PURE__ */ e(
+                a,
+                {
+                  className: r.headerAction,
+                  size: "lg",
+                  variant: "subtle",
+                  onClick: () => w(!0),
+                  children: /* @__PURE__ */ e(H, { size: 20 })
+                }
+              ) }),
+              !y && /* @__PURE__ */ e(i, { withArrow: !0, label: n("gallery.download"), children: /* @__PURE__ */ e(
+                a,
+                {
+                  className: r.headerAction,
+                  size: "lg",
+                  variant: "subtle",
+                  loading: b,
+                  onClick: z,
+                  children: /* @__PURE__ */ e(A, { size: 20 })
+                }
+              ) }),
+              /* @__PURE__ */ e(i, { withArrow: !0, label: n("gallery.close"), children: /* @__PURE__ */ e(
+                a,
+                {
+                  className: r.headerAction,
+                  size: "lg",
+                  variant: "subtle",
+                  onClick: C,
+                  children: /* @__PURE__ */ e(K, { size: 20 })
+                }
+              ) })
+            ] })
+          ]
+        }
+      ),
+      d && s && /* @__PURE__ */ e(
+        ee,
+        {
+          opened: N,
+          onClose: () => w(!1),
+          dataSource: d,
+          videoId: s,
+          chaptersDisabled: l?.chaptersDisabled,
+          onChaptersSaved: c,
+          onSubtitlesSaved: c,
+          onPosterChange: c,
+          onChaptersDisabledChange: (M) => {
+            d.setChaptersDisabled(M).then(c).catch(() => {
+            });
+          }
+        }
+      )
+    ] });
   }
 );
 export {
-  L as ModalHeader
+  ve as ModalHeader
 };

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.module.css.js

@@ -1,7 +1,7 @@
-const _ = {
-  "vod-player": "_vod-player_11682_1",
-  "vod-player__player": "_vod-player__player_11682_25"
+const e = {
+  "vod-player": "_vod-player_1eqso_1",
+  "vod-player__player": "_vod-player__player_1eqso_13"
 };
 export {
-  _ as default
+  e as default
 };

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShakePlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,cAAc,GAAI,uCAI5B;IACD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;;;;;CA+KA,CAAC"}
+{"version":3,"file":"useShakePlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.tsx"],"names":[],"mappings":"AAkDA,eAAO,MAAM,cAAc,GAAI,uCAI5B;IACD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;;;;;CAqLA,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.js

@@ -1,101 +1,107 @@
-import { useState as U, useRef as i, useCallback as A, useEffect as E } from "react";
-import { getEnvConfig as k } from "../../../../config/envConfig.js";
-const m = () => {
-  const r = k().apiBaseUrl || "";
-  return r.endsWith("/") ? r.slice(0, -1) : r;
-}, T = async (r) => {
-  const u = m();
-  return (await fetch(`${u}/v1/auth/refresh`, {
+import { useState as R, useRef as f, useCallback as A, useEffect as C } from "react";
+import { getEnvConfig as S } from "../../../../config/envConfig.js";
+const U = () => {
+  const e = S().apiBaseUrl || "";
+  return e.endsWith("/") ? e.slice(0, -1) : e;
+}, E = async (e) => {
+  const s = U();
+  return (await fetch(`${s}/v1/auth/refresh`, {
     method: "POST",
     credentials: "include",
-    signal: r
+    signal: e
   })).ok;
-}, $ = async (r, u) => {
-  const s = await fetch(r, {
-    ...u,
+}, $ = async (e, s) => {
+  const l = await fetch(e, {
+    ...s,
     credentials: "include"
   });
-  return s.status !== 401 && s.status !== 403 || !await T(u.signal) || u.signal.aborted ? s : fetch(r, {
-    ...u,
+  return l.status !== 401 && l.status !== 403 || !await E(s.signal) || s.signal.aborted ? l : fetch(e, {
+    ...s,
     credentials: "include"
   });
-}, V = ({
-  attachmentId: r,
-  isActive: u,
-  autoPlay: s
+}, q = () => !!window.layersDesktop || (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") && window.location.port !== "3000", V = ({
+  attachmentId: e,
+  isActive: s,
+  autoPlay: l
 }) => {
-  const [f, h] = U(null), [b, p] = U(null), [v, w] = U(!1), R = i(null), c = i(!0), o = i(null), t = i(null), l = i(null), d = A(
-    (e) => {
-      if (!r || l.current || !c.current || e.aborted) return;
-      const g = m() || window.location.origin, a = new URL(
-        `/v1/attachments/${r}`,
-        g
+  const [w, g] = R(null), [b, p] = R(null), [T, d] = R(!1), m = f(null), c = f(!0), o = f(null), t = f(null), u = f(null), a = A(
+    (r) => {
+      if (!e || u.current || !c.current || r.aborted) return;
+      const h = U() || window.location.origin, i = new URL(
+        `/v1/attachments/${e}`,
+        h
       ).toString();
-      l.current = a, h(null), p(a);
+      u.current = i, g(null), p(i);
     },
-    [r]
-  ), C = A(async () => {
-    if (!r || l.current) return;
+    [e]
+  ), k = A(async () => {
+    if (!e || u.current) return;
     o.current && (clearTimeout(o.current), o.current = null), t.current && t.current.abort();
-    const e = new AbortController();
-    t.current = e, w(!1);
+    const r = new AbortController();
+    t.current = r, d(!1);
     try {
-      await T(e.signal), d(e.signal);
+      await E(r.signal), a(r.signal);
     } catch (n) {
-      if (n instanceof Error && n.name === "AbortError" || !c.current || e.signal.aborted) return;
-      w(!0);
+      if (n instanceof Error && n.name === "AbortError" || !c.current || r.signal.aborted) return;
+      d(!0);
     }
-  }, [r, d]), y = async () => {
-    if (!r)
+  }, [e, a]), y = async () => {
+    if (!e)
       return;
     t.current && t.current.abort();
-    const e = new AbortController();
-    t.current = e;
+    const r = new AbortController();
+    t.current = r;
     try {
-      const n = m(), g = await $(
-        `${n}/v1/attachments/${r}/vod`,
+      const n = U(), h = await $(
+        `${n}/v1/attachments/${e}/vod`,
         {
           method: "GET",
           headers: {
             Accept: "*/*"
           },
-          signal: e.signal
+          signal: r.signal
         }
       );
-      if (!g.ok) {
-        await d(e.signal);
+      if (!h.ok) {
+        await a(r.signal);
         return;
       }
-      const a = await g.json();
-      if (!c.current || e.signal.aborted) return;
-      const B = n || window.location.origin;
-      if (a.ready) {
-        const S = new URL(a.url, B).toString();
-        if (l.current) return;
-        p(null), h(S);
+      const i = await h.json();
+      if (!c.current || r.signal.aborted) return;
+      const v = n || window.location.origin;
+      if (i.ready) {
+        const B = new URL(i.url, v).toString();
+        if (u.current) return;
+        p(null), g(B);
       } else
-        d(e.signal), o.current = setTimeout(() => {
+        a(r.signal), o.current = setTimeout(() => {
           y();
         }, 3e3);
     } catch (n) {
-      if (n instanceof Error && n.name === "AbortError" || !c.current || e.signal.aborted) return;
-      w(!0);
+      if (n instanceof Error && n.name === "AbortError" || !c.current || r.signal.aborted) return;
+      d(!0);
     }
   };
-  return E(() => {
-    if (c.current = !0, h(null), p(null), w(!1), l.current = null, o.current && (clearTimeout(o.current), o.current = null), t.current && (t.current.abort(), t.current = null), !!r)
-      return y(), () => {
-        c.current = !1, o.current && (clearTimeout(o.current), o.current = null), t.current && (t.current.abort(), t.current = null), l.current = null;
+  return C(() => {
+    if (c.current = !0, g(null), p(null), d(!1), u.current = null, o.current && (clearTimeout(o.current), o.current = null), t.current && (t.current.abort(), t.current = null), !!e) {
+      if (q()) {
+        const r = new AbortController();
+        t.current = r, a(r.signal);
+      } else
+        y();
+      return () => {
+        c.current = !1, o.current && (clearTimeout(o.current), o.current = null), t.current && (t.current.abort(), t.current = null), u.current = null;
       };
-  }, [r]), E(() => {
-    if (!f && !b || !R.current) return;
-    const e = R.current.querySelector(
+    }
+  }, [e]), C(() => {
+    if (!w && !b || !m.current) return;
+    const r = m.current.querySelector(
       "video"
     );
-    e && (u ? s !== !1 && e.play().catch((n) => {
+    r && (s ? l !== !1 && r.play().catch((n) => {
       console.error("Ошибка при воспроизведении видео:", n);
-    }) : e.pause());
-  }, [u, f, b, s]), { containerRef: R, fallbackToRawAttachment: C, isError: v, vodUrl: f, rawUrl: b };
+    }) : r.pause());
+  }, [s, w, b, l]), { containerRef: m, fallbackToRawAttachment: k, isError: T, vodUrl: w, rawUrl: b };
 };
 export {
   V as useShakePlayer

package/dist/components/AttachmentsGalleryModal/components/StatusVideoPlayer.d.ts

@@ -0,0 +1,18 @@
+import type { AttachmentVideoStatus } from './useAttachmentVideoStatus';
+type Props = {
+    attachmentId: string;
+    status: AttachmentVideoStatus;
+    isActive?: boolean;
+    autoPlay?: boolean;
+};
+/**
+ * Player for videos that went through the video pipeline: playback URLs come
+ * straight from `/v1/videos/{id}/status`, so there is no `/vod` polling. While
+ * the backend is still transcoding, chapters are hidden and HLS is used only
+ * once `optimizedReady`; otherwise the raw URL plays. The processing progress
+ * is shown in the gallery header. Subtitles/chapters/storyboard ride along from
+ * the same status payload.
+ */
+export declare const StatusVideoPlayer: ({ attachmentId, status, isActive, autoPlay, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusVideoPlayer.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/StatusVideoPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/StatusVideoPlayer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,+CAK/B,KAAK,4CAsCP,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/StatusVideoPlayer.js

@@ -0,0 +1,35 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as s, useEffect as t } from "react";
+import y from "../styles.module.css.js";
+import { VideoPlayer as m } from "../../VideoPlayer/VideoPlayer.js";
+const U = ({
+  attachmentId: d,
+  status: e,
+  isActive: o,
+  autoPlay: l
+}) => {
+  const i = s(null), c = e.isProcessing, a = e.playback.optimizedReady ? e.playback.primaryUrl ?? null : null, n = e.playback.rawUrl ?? null;
+  return t(() => {
+    const r = i.current?.querySelector("video");
+    r && (o ? l !== !1 && r.play().catch(() => {
+    }) : r.pause());
+  }, [o, l, a, n]), /* @__PURE__ */ p("div", { ref: i, className: y.videoPlayerFill, children: /* @__PURE__ */ p(
+    m,
+    {
+      videoId: d,
+      source: {
+        streamUrl: a,
+        nativeUrl: n,
+        posterUrl: e.posterUrl ?? null,
+        optimizedReady: !!e.playback.optimizedReady,
+        isProcessing: c
+      },
+      subtitles: e.subtitles,
+      chapters: c || e.chaptersDisabled ? void 0 : e.chapters,
+      storyboard: e.storyboard
+    }
+  ) });
+};
+export {
+  U as StatusVideoPlayer
+};

package/dist/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.d.ts

@@ -0,0 +1,33 @@
+import type { Chapter, Storyboard, Subtitle } from '../../VideoPlayer';
+export type AttachmentVideoStatus = {
+    videoId?: string;
+    state?: string;
+    isProcessing: boolean;
+    processingPercent?: number;
+    posterUrl?: string;
+    chaptersDisabled?: boolean;
+    playback: {
+        primaryUrl?: string | null;
+        rawUrl?: string | null;
+        optimizedReady?: boolean;
+    };
+    subtitles?: Subtitle[];
+    chapters?: Chapter[];
+    storyboard?: Storyboard | null;
+};
+type Result = {
+    status: AttachmentVideoStatus | null;
+    loaded: boolean;
+};
+/**
+ * Fetches (and, while processing, polls) the video status for an attachment.
+ * Pipeline videos resolve here via the videoId → sourceAttachmentId fallback and
+ * carry their own playback URLs + subtitles/chapters/storyboard — so the rich
+ * player needs no `/vod` polling. While the backend is still transcoding the
+ * status is re-polled so the processing banner, HLS switch and subtitles appear
+ * without reopening. Old attachments (no VideoAsset) return 404 → `status` stays
+ * null and the caller falls back to the legacy `/vod` flow.
+ */
+export declare function useAttachmentVideoStatus(attachmentId?: string, refreshKey?: number): Result;
+export {};
+//# sourceMappingURL=useAttachmentVideoStatus.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachmentVideoStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACF,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA8EF;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,CAAC,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CA2DR"}