@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/AttachmentsGalleryModal/components/GallerySlide.js

@@ -1,46 +1,46 @@
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { memo as P } from "react";
-import { TransformWrapper as F, TransformComponent as T } from "react-zoom-pan-pinch";
-import { Box as a } from "@mantine/core";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { memo as F } from "react";
+import { TransformWrapper as P, TransformComponent as T } from "react-zoom-pan-pinch";
+import { Box as l } from "@mantine/core";
 import { BaseLoader as U } from "../../Loaders/BaseLoader.js";
-import { ShakaVideoPlayer as E } from "./ShakePlayer/ShakaPlayer.js";
-import { TRANSFORM_COMPONENT_STYLES as p, ZOOM_CONFIG as s } from "../constants.js";
-import { useGetPreviewUrl as O } from "../hooks/useGetPreviewUrl.js";
-import { usePanning as b } from "../hooks/usePanning.js";
+import { AttachmentVideoPlayer as b } from "./AttachmentVideoPlayer.js";
+import { TRANSFORM_COMPONENT_STYLES as d, ZOOM_CONFIG as s } from "../constants.js";
+import { useGetPreviewUrl as E } from "../hooks/useGetPreviewUrl.js";
+import { useDoubleClickZoom as O } from "../hooks/useDoubleClickZoom.js";
 import { ErrorSection as t } from "./ErrorSection.js";
 import { UnsupportedSection as x } from "./UnsupportedSection.js";
 import i from "../styles.module.css.js";
-const h = P(
-  ({ onTransformed: S, attachment: e, isActive: n, ref: N }) => {
+const L = F(
+  ({ onTransformed: u, attachment: r, isActive: p, ref: N }) => {
     const {
-      isError: m,
-      setIsError: g,
+      isError: a,
+      setIsError: S,
       fileUrl: o,
-      isFetching: l,
-      isVideo: f,
+      isFetching: m,
+      isVideo: y,
       isPdf: c,
-      isAudio: u,
-      isSupported: d
-    } = O(e), y = b({ isFetching: l, isVideo: f });
-    return f && !l && d ? /* @__PURE__ */ r("div", { style: p, children: /* @__PURE__ */ r(a, { className: i.videoContainer, children: /* @__PURE__ */ r(
-      E,
+      isAudio: f,
+      isSupported: n
+    } = E(r), C = O();
+    return y && !m && n ? /* @__PURE__ */ e("div", { style: d, children: /* @__PURE__ */ e(l, { className: i.videoContainer, children: /* @__PURE__ */ e(
+      b,
       {
-        isActive: n,
-        autoPlay: n,
-        attachmentId: e.id
+        isActive: p,
+        autoPlay: !1,
+        attachmentId: r.id
       }
-    ) }) }) : /* @__PURE__ */ r(
-      F,
+    ) }) }) : /* @__PURE__ */ e(
+      P,
       {
         panning: {
-          disabled: !0
+          velocityDisabled: !0
         },
-        onTransformed: S,
+        onTransformed: u,
         initialScale: s.initialScale,
         minScale: s.minScale,
         maxScale: s.maxScale,
         limitToBounds: !0,
-        disabled: l || c || u || !d,
+        disabled: m || c || f || !n,
         disablePadding: !0,
         centerZoomedOut: !0,
         ref: N,
@@ -51,43 +51,43 @@ const h = P(
         doubleClick: {
           disabled: !0
         },
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ e(
           T,
           {
-            wrapperStyle: p,
-            contentStyle: p,
-            wrapperProps: y,
-            children: d ? l ? /* @__PURE__ */ r(U, {}) : c ? m || !(e?.Url || o) ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ r(a, { className: i.pdfContainer, children: /* @__PURE__ */ r(
+            wrapperStyle: d,
+            contentStyle: d,
+            wrapperProps: C,
+            children: n ? m ? /* @__PURE__ */ e(U, {}) : c ? a || !(r?.Url || o) ? /* @__PURE__ */ e(t, {}) : /* @__PURE__ */ e(l, { className: i.pdfContainer, children: /* @__PURE__ */ e(
               "iframe",
               {
-                title: e.originalFileName || "pdf",
-                src: e?.Url ?? o ?? "",
+                title: r.originalFileName || "pdf",
+                src: r?.Url ?? o ?? "",
                 className: i.pdfFrame
               }
-            ) }) : u ? m || !(e?.Url || o) ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ C(a, { className: i.audioContainer, children: [
-              /* @__PURE__ */ r(a, { className: i.audioName, children: e.originalFileName || "audio" }),
-              /* @__PURE__ */ r(
+            ) }) : f ? a || !(r?.Url || o) ? /* @__PURE__ */ e(t, {}) : /* @__PURE__ */ g(l, { className: i.audioContainer, children: [
+              /* @__PURE__ */ e(l, { className: i.audioName, children: r.originalFileName || "audio" }),
+              /* @__PURE__ */ e(
                 "audio",
                 {
-                  src: e?.Url ?? o ?? "",
+                  src: r?.Url ?? o ?? "",
                   controls: !0,
-                  autoPlay: n,
+                  autoPlay: p,
                   className: i.audioElement
                 }
               )
-            ] }) : m ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ r(
+            ] }) : a ? /* @__PURE__ */ e(t, {}) : /* @__PURE__ */ e(
               "img",
               {
-                onError: () => g(!0),
-                alt: e.originalFileName || "file",
+                onError: () => S(!0),
+                alt: r.originalFileName || "file",
                 className: i.imageContainer,
-                src: e?.Url ?? o ?? ""
+                src: r?.Url ?? o ?? ""
               }
-            ) : /* @__PURE__ */ r(
+            ) : /* @__PURE__ */ e(
               x,
               {
-                filename: e.originalFileName,
-                contentType: e.contentType
+                filename: r.originalFileName,
+                contentType: r.contentType
               }
             )
           }
@@ -97,5 +97,5 @@ const h = P(
   }
 );
 export {
-  h as GallerySlide
+  L as GallerySlide
 };

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

@@ -0,0 +1,14 @@
+type Props = {
+    attachmentId: string;
+    isActive?: boolean;
+    autoPlay?: boolean;
+};
+/**
+ * Player for legacy attachments that never went through the video pipeline (no
+ * VideoAsset, `/status` 404). Stream resolution stays on the existing `/vod`
+ * flow via `useShakePlayer` (HLS when ready, raw fallback). No subtitles/chapters
+ * exist for these, so none are passed.
+ */
+export declare const LegacyAttachmentVideoPlayer: ({ attachmentId, isActive, autoPlay, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LegacyAttachmentVideoPlayer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyAttachmentVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/LegacyAttachmentVideoPlayer.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,GAAI,uCAIzC,KAAK,4CAwBP,CAAC"}

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

@@ -2,7 +2,8 @@ import { IFileResponse } from '../../../types/files';
 interface ModalHeaderProps {
     onClose: () => void;
     attachments?: IFileResponse[];
+    allowDownload?: boolean;
 }
-export declare const ModalHeader: import("react").MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ModalHeader: import("react").MemoExoticComponent<({ onClose, attachments, allowDownload }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=ModalHeader.d.ts.map

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,6CA2I5C,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;AAYrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,gFAC2B,gBAAgB,6CAuNlE,CAAC"}

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

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

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts

@@ -6,6 +6,6 @@ type BaseProps = {
     stylesContainer?: React.CSSProperties;
     classNameContainer?: string;
 };
-export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
 export {};
 //# sourceMappingURL=ShakaPlayer.d.ts.map

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,4CAoCP,CAAC"}

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

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

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

@@ -0,0 +1,51 @@
+/**
+ * Per-artifact status for the media pipeline.
+ *
+ * The gallery used to show a single aggregate "processing N%" spinner, so a user
+ * whose subtitles were ready but whose chapters had failed saw the same thing as
+ * a user whose video had not started processing at all. Each artifact now
+ * reports its own state, and the caller can tell "still working" apart from
+ * "gave up" — which is also what tells the poller when to stop.
+ */
+export type RawArtifact = {
+    type?: string;
+    status?: string;
+    outcome?: string | null;
+    dependencyReason?: string | null;
+    errorMessage?: string | null;
+    /**
+     * Explicit state from the backend. Reading these beats re-deriving the same answer from status
+     * and outcome strings — that derivation is what let a permanently failed artifact keep the modal
+     * polling. Optional: older backends do not send them and we fall back to the derivation below.
+     */
+    terminal?: boolean | null;
+    successful?: boolean | null;
+    retryable?: boolean | null;
+};
+export type ArtifactState = 'pending' | 'running' | 'waiting' | 'retrying' | 'ready' | 'failed';
+export type ArtifactStatus = {
+    type: string;
+    state: ArtifactState;
+    /** Ready, but the backend flagged a quality or coverage warning. */
+    hasWarning: boolean;
+    dependencyReason?: string | null;
+    /** True once this artifact cannot change on its own; drives when polling stops. */
+    terminal: boolean;
+};
+/** Artifacts the gallery surfaces; other types (e.g. meeting-only) stay hidden. */
+export declare const TRACKED_ARTIFACT_TYPES: readonly ["TRANSCRIPT", "SUBTITLES", "CHAPTERS"];
+export declare const normalizeArtifacts: (raw: RawArtifact[] | undefined | null) => ArtifactStatus[];
+export declare const isArtifactSettled: (artifact: ArtifactStatus) => boolean;
+/**
+ * True once no tracked artifact can still change on its own.
+ *
+ * An empty list is deliberately NOT settled: it means the backend has not
+ * reported artifacts yet (or is an older build), and treating "no data" as
+ * "finished" would stop polling before anything ever arrives.
+ */
+export declare const areArtifactsSettled: (artifacts: ArtifactStatus[]) => boolean;
+export declare const shouldKeepPolling: (status: {
+    isProcessing: boolean;
+    artifactsSettled: boolean;
+}) => boolean;
+//# sourceMappingURL=artifactStatus.d.ts.map