@layers-app/shared 0.4.8 → 0.4.9

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,34 @@
+import type { Chapter, Storyboard, Subtitle } from '../../VideoPlayer';
+export type AttachmentVideoStatus = {
+    videoId?: string;
+    state?: string;
+    isProcessing: boolean;
+    processingPercent?: number;
+    posterUrl?: string;
+    chaptersDisabled?: boolean;
+    autogenDisabled?: 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,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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;AAgFF;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,CAAC,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CA2DR"}

package/dist/components/AttachmentsGalleryModal/components/useAttachmentVideoStatus.js

@@ -0,0 +1,71 @@
+import { useState as m, useEffect as f } from "react";
+import { getEnvConfig as b } from "../../../config/envConfig.js";
+import { normalizeSubtitleTrack as A } from "../../VideoPlayer/utils/subtitles.js";
+const U = 3e3, v = 200, h = () => {
+  const t = b().apiBaseUrl || "";
+  return t.endsWith("/") ? t.slice(0, -1) : t;
+}, a = (t, e) => t ? new URL(t, e).toString() : void 0, g = (t, e) => {
+  const n = Array.isArray(t.subtitles) ? t.subtitles.map(A).filter((o) => o.id).map((o) => ({ ...o, url: a(o.url, e) })) : void 0, s = t.storyboard ? {
+    ...t.storyboard,
+    vttUrl: a(t.storyboard.vttUrl, e),
+    metaUrl: a(t.storyboard.metaUrl, e)
+  } : null, l = t.playback?.optimizedReady ?? !1, r = t.processingAvailable === !1 || t.pipelineMode === "UPLOAD_ONLY";
+  return {
+    videoId: t.videoId,
+    state: t.state,
+    isProcessing: !l && !r,
+    processingPercent: t.processing?.percent,
+    posterUrl: a(t.cover?.url, e),
+    chaptersDisabled: t.chaptersDisabled === !0,
+    autogenDisabled: t.autogenDisabled === !0,
+    playback: {
+      primaryUrl: a(t.playback?.primaryUrl, e),
+      rawUrl: a(t.playback?.rawUrl, e),
+      optimizedReady: t.playback?.optimizedReady
+    },
+    subtitles: n,
+    chapters: Array.isArray(t.chapters) ? t.chapters : void 0,
+    storyboard: s
+  };
+};
+function P(t, e) {
+  const [n, s] = m({ status: null, loaded: !1 });
+  return f(() => {
+    if (s({ status: null, loaded: !1 }), !t) {
+      s({ status: null, loaded: !0 });
+      return;
+    }
+    let l = !1, r = null, o = 0;
+    const c = h() || window.location.origin, d = async () => {
+      o += 1;
+      try {
+        const i = await fetch(`${c}/v1/videos/${t}/status`, {
+          method: "GET",
+          credentials: "include",
+          headers: { Accept: "application/json" }
+        });
+        if (l) return;
+        if (!i.ok) {
+          s(
+            (p) => p.loaded ? p : { status: null, loaded: !0 }
+          );
+          return;
+        }
+        const y = await i.json();
+        if (l) return;
+        const u = g(y, c);
+        s({ status: u, loaded: !0 }), u.isProcessing && o < v && (r = setTimeout(d, U));
+      } catch {
+        l || s(
+          (i) => i.loaded ? i : { status: null, loaded: !0 }
+        );
+      }
+    };
+    return d(), () => {
+      l = !0, r && clearTimeout(r);
+    };
+  }, [t, e]), n;
+}
+export {
+  P as useAttachmentVideoStatus
+};

package/dist/components/AttachmentsGalleryModal/styles.module.css.js

@@ -1,41 +1,45 @@
-const n = "_container_nqf56_1", o = "_root_nqf56_13", t = "_carouselRoot_nqf56_27", e = "_carouselViewport_nqf56_35", a = "_carouselSlide_nqf56_43", _ = "_navButton_nqf56_57", r = "_navButtonPrev_nqf56_83", i = "_navButtonNext_nqf56_91", c = "_headerAction_nqf56_99", d = "_modalContent_nqf56_127", s = "_modalBody_nqf56_137", u = "_videoContainer_nqf56_149", f = "_imageContainer_nqf56_159", l = "_pdfContainer_nqf56_173", m = "_pdfFrame_nqf56_189", q = "_audioContainer_nqf56_203", v = "_audioName_nqf56_233", C = "_audioElement_nqf56_249", B = {
-  container: n,
-  root: o,
+const o = "_container_bzmkz_1", n = "_root_bzmkz_13", t = "_carouselRoot_bzmkz_27", e = "_carouselViewport_bzmkz_35", a = "_carouselSlide_bzmkz_43", _ = "_navButton_bzmkz_57", i = "_navButtonPrev_bzmkz_83", r = "_navButtonNext_bzmkz_91", z = "_headerAction_bzmkz_99", c = "_modalContent_bzmkz_127", s = "_modalBody_bzmkz_137", m = "_videoContainer_bzmkz_149", d = "_videoPlayerFill_bzmkz_169", l = "_processingText_bzmkz_185", u = "_imageContainer_bzmkz_207", b = "_pdfContainer_bzmkz_221", k = "_pdfFrame_bzmkz_237", v = "_audioContainer_bzmkz_251", C = "_audioName_bzmkz_281", p = "_audioElement_bzmkz_297", B = {
+  container: o,
+  root: n,
   carouselRoot: t,
   carouselViewport: e,
   carouselSlide: a,
   navButton: _,
-  navButtonPrev: r,
-  navButtonNext: i,
-  headerAction: c,
-  modalContent: d,
+  navButtonPrev: i,
+  navButtonNext: r,
+  headerAction: z,
+  modalContent: c,
   modalBody: s,
-  videoContainer: u,
-  imageContainer: f,
-  pdfContainer: l,
-  pdfFrame: m,
-  audioContainer: q,
-  audioName: v,
-  audioElement: C
+  videoContainer: m,
+  videoPlayerFill: d,
+  processingText: l,
+  imageContainer: u,
+  pdfContainer: b,
+  pdfFrame: k,
+  audioContainer: v,
+  audioName: C,
+  audioElement: p
 };
 export {
-  q as audioContainer,
-  C as audioElement,
-  v as audioName,
+  v as audioContainer,
+  p as audioElement,
+  C as audioName,
   t as carouselRoot,
   a as carouselSlide,
   e as carouselViewport,
-  n as container,
+  o as container,
   B as default,
-  c as headerAction,
-  f as imageContainer,
+  z as headerAction,
+  u as imageContainer,
   s as modalBody,
-  d as modalContent,
+  c as modalContent,
   _ as navButton,
-  i as navButtonNext,
-  r as navButtonPrev,
-  l as pdfContainer,
-  m as pdfFrame,
-  o as root,
-  u as videoContainer
+  r as navButtonNext,
+  i as navButtonPrev,
+  b as pdfContainer,
+  k as pdfFrame,
+  l as processingText,
+  n as root,
+  m as videoContainer,
+  d as videoPlayerFill
 };

package/dist/components/CommentComposer/CommentComposer.module.css.js

@@ -1,15 +1,19 @@
-const o = "_commentComposerWrapper_jn3k1_1", e = "_commentComposerFloat_jn3k1_135", r = "_composerContainer_jn3k1_193", t = "_editorWrapper_jn3k1_225", n = "_editMode_jn3k1_383", p = {
+const o = "_commentComposerWrapper_ate6h_1", t = "_commentComposerFloat_ate6h_135", e = "_composerContainer_ate6h_193", a = "_editorWrapper_ate6h_225", r = "_editMode_ate6h_383", m = "_compact_ate6h_409", c = "_attachmentsSlot_ate6h_441", p = {
   commentComposerWrapper: o,
-  commentComposerFloat: e,
-  composerContainer: r,
-  editorWrapper: t,
-  editMode: n
+  commentComposerFloat: t,
+  composerContainer: e,
+  editorWrapper: a,
+  editMode: r,
+  compact: m,
+  attachmentsSlot: c
 };
 export {
-  e as commentComposerFloat,
+  c as attachmentsSlot,
+  t as commentComposerFloat,
   o as commentComposerWrapper,
-  r as composerContainer,
+  m as compact,
+  e as composerContainer,
   p as default,
-  n as editMode,
-  t as editorWrapper
+  r as editMode,
+  a as editorWrapper
 };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CommentComposerProps } from './types';
-export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, autoFocus, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentComposer: React.MemoExoticComponent<({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, compact, placeholder: placeholderProp, autoFocus, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,uFAS7B,oBAAoB,4CAuctB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAsBf,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,2JAYvB,oBAAoB,6CAydxB,CAAC"}