@layers-app/shared 0.4.6 → 0.4.7

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 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 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]
       });
-    }, x = () => {
-      p({
-        animationRef: c,
+    }, k = () => {
+      S({
+        animationRef: u,
         dir: "out",
-        activeRef: m.current[a]
+        activeRef: f.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,
-              {
-                className: n.headerAction,
-                size: "lg",
-                variant: "subtle",
-                onClick: b,
-                children: /* @__PURE__ */ e(R, { 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,
+    }, { 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: g,
-                children: /* @__PURE__ */ e(f, { size: 20 })
+                loading: b,
+                onClick: z,
+                children: /* @__PURE__ */ e(A, { 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__ */ 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 {
-  U 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/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"}

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

@@ -0,0 +1,70 @@
+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;
+}, r = (t, e) => t ? new URL(t, e).toString() : void 0, L = (t, e) => {
+  const n = Array.isArray(t.subtitles) ? t.subtitles.map(A).filter((o) => o.id).map((o) => ({ ...o, url: r(o.url, e) })) : void 0, s = t.storyboard ? {
+    ...t.storyboard,
+    vttUrl: r(t.storyboard.vttUrl, e),
+    metaUrl: r(t.storyboard.metaUrl, e)
+  } : null, l = t.playback?.optimizedReady ?? !1, a = t.processingAvailable === !1 || t.pipelineMode === "UPLOAD_ONLY";
+  return {
+    videoId: t.videoId,
+    state: t.state,
+    isProcessing: !l && !a,
+    processingPercent: t.processing?.percent,
+    posterUrl: r(t.cover?.url, e),
+    chaptersDisabled: t.chaptersDisabled === !0,
+    playback: {
+      primaryUrl: r(t.playback?.primaryUrl, e),
+      rawUrl: r(t.playback?.rawUrl, e),
+      optimizedReady: t.playback?.optimizedReady
+    },
+    subtitles: n,
+    chapters: Array.isArray(t.chapters) ? t.chapters : void 0,
+    storyboard: s
+  };
+};
+function R(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, a = 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 = L(y, c);
+        s({ status: u, loaded: !0 }), u.isProcessing && o < v && (a = setTimeout(d, U));
+      } catch {
+        l || s(
+          (i) => i.loaded ? i : { status: null, loaded: !0 }
+        );
+      }
+    };
+    return d(), () => {
+      l = !0, a && clearTimeout(a);
+    };
+  }, [t, e]), n;
+}
+export {
+  R 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_1ovp6_1", n = "_root_1ovp6_7", t = "_carouselRoot_1ovp6_14", e = "_carouselViewport_1ovp6_18", a = "_carouselSlide_1ovp6_22", _ = "_navButton_1ovp6_29", i = "_navButtonPrev_1ovp6_42", r = "_navButtonNext_1ovp6_46", c = "_headerAction_1ovp6_50", s = "_modalContent_1ovp6_64", v = "_modalBody_1ovp6_69", d = "_videoContainer_1ovp6_75", p = "_videoPlayerFill_1ovp6_85", l = "_processingText_1ovp6_93", u = "_imageContainer_1ovp6_104", m = "_pdfContainer_1ovp6_111", C = "_pdfFrame_1ovp6_119", B = "_audioContainer_1ovp6_126", f = "_audioName_1ovp6_141", x = "_audioElement_1ovp6_149", y = {
+  container: o,
+  root: n,
   carouselRoot: t,
   carouselViewport: e,
   carouselSlide: a,
   navButton: _,
-  navButtonPrev: r,
-  navButtonNext: i,
+  navButtonPrev: i,
+  navButtonNext: r,
   headerAction: c,
-  modalContent: d,
-  modalBody: s,
-  videoContainer: u,
-  imageContainer: f,
-  pdfContainer: l,
-  pdfFrame: m,
-  audioContainer: q,
-  audioName: v,
-  audioElement: C
+  modalContent: s,
+  modalBody: v,
+  videoContainer: d,
+  videoPlayerFill: p,
+  processingText: l,
+  imageContainer: u,
+  pdfContainer: m,
+  pdfFrame: C,
+  audioContainer: B,
+  audioName: f,
+  audioElement: x
 };
 export {
-  q as audioContainer,
-  C as audioElement,
-  v as audioName,
+  B as audioContainer,
+  x as audioElement,
+  f as audioName,
   t as carouselRoot,
   a as carouselSlide,
   e as carouselViewport,
-  n as container,
-  B as default,
+  o as container,
+  y as default,
   c as headerAction,
-  f as imageContainer,
-  s as modalBody,
-  d as modalContent,
+  u as imageContainer,
+  v as modalBody,
+  s 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,
+  m as pdfContainer,
+  C as pdfFrame,
+  l as processingText,
+  n as root,
+  d as videoContainer,
+  p as videoPlayerFill
 };

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

@@ -1,27 +1,27 @@
-const e = "_mediaGrid_pdl2y_11", i = "_mediaTile_pdl2y_27", l = "_tileImg_pdl2y_57", d = "_mediaFadeIn_pdl2y_71", t = "_downloadButton_pdl2y_115", _ = "_imagePreviewWrapper_pdl2y_111", a = "_deleteButton_pdl2y_137", o = "_filePreviewList_pdl2y_189", n = "_fileDownloadName_pdl2y_215", r = "_filePreviewWrapper_pdl2y_227", p = "_fileSize_pdl2y_339", m = {
+const e = "_mediaGrid_1n4ll_6", l = "_mediaTile_1n4ll_14", i = "_tileImg_1n4ll_29", n = "_mediaFadeIn_1n4ll_36", t = "_downloadButton_1n4ll_58", _ = "_imagePreviewWrapper_1n4ll_56", a = "_deleteButton_1n4ll_69", o = "_filePreviewList_1n4ll_95", d = "_fileDownloadName_1n4ll_108", r = "_filePreviewWrapper_1n4ll_114", m = "_fileSize_1n4ll_170", s = {
   mediaGrid: e,
-  mediaTile: i,
-  tileImg: l,
-  mediaFadeIn: d,
+  mediaTile: l,
+  tileImg: i,
+  mediaFadeIn: n,
   downloadButton: t,
   imagePreviewWrapper: _,
   deleteButton: a,
   filePreviewList: o,
-  fileDownloadName: n,
+  fileDownloadName: d,
   filePreviewWrapper: r,
-  fileSize: p
+  fileSize: m
 };
 export {
-  m as default,
+  s as default,
   a as deleteButton,
   t as downloadButton,
-  n as fileDownloadName,
+  d as fileDownloadName,
   o as filePreviewList,
   r as filePreviewWrapper,
-  p as fileSize,
+  m as fileSize,
   _ as imagePreviewWrapper,
-  d as mediaFadeIn,
+  n as mediaFadeIn,
   e as mediaGrid,
-  i as mediaTile,
-  l as tileImg
+  l as mediaTile,
+  i as tileImg
 };

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

@@ -1,11 +1,11 @@
-const o = "_wrapper_1p3dk_1", s = "_logo_1p3dk_15", p = "_shadow_1p3dk_45", a = {
+const o = "_wrapper_16jue_1", s = "_logo_16jue_8", a = "_shadow_16jue_23", e = {
   wrapper: o,
   logo: s,
-  shadow: p
+  shadow: a
 };
 export {
-  a as default,
+  e as default,
   s as logo,
-  p as shadow,
+  a as shadow,
   o as wrapper
 };

package/dist/components/Chat/CallMessage/CallMessage.module.css.js

@@ -1,15 +1,15 @@
-const t = "_root_1rrzr_1", o = "_icon_1rrzr_13", r = "_body_1rrzr_31", _ = "_title_1rrzr_41", c = "_meta_1rrzr_53", e = {
+const t = "_root_328w5_1", o = "_icon_328w5_7", _ = "_body_328w5_16", c = "_title_328w5_21", e = "_meta_328w5_27", n = {
   root: t,
   icon: o,
-  body: r,
-  title: _,
-  meta: c
+  body: _,
+  title: c,
+  meta: e
 };
 export {
-  r as body,
-  e as default,
+  _ as body,
+  n as default,
   o as icon,
-  c as meta,
+  e as meta,
   t as root,
-  _ as title
+  c as title
 };

package/dist/components/Chat/ChatBubble/ChatBubble.module.css.js

@@ -1,4 +1,4 @@
-const o = "_root_1iueq_1", b = "_bubble_1iueq_27", t = {
+const o = "_root_1oixr_1", b = "_bubble_1oixr_14", t = {
   root: o,
   bubble: b
 };

package/dist/components/Chat/ChatHeader/ChatHeader.module.css.js

@@ -1,4 +1,4 @@
-const t = "_root_13wo5_1", o = "_info_13wo5_23", e = "_title_13wo5_43", n = "_subtitle_13wo5_61", s = "_selectionBar_13wo5_87", _ = "_selectionCount_13wo5_97", i = {
+const t = "_root_yfjvk_1", o = "_info_yfjvk_12", e = "_title_yfjvk_22", n = "_subtitle_yfjvk_31", s = "_selectionBar_yfjvk_44", _ = "_selectionCount_yfjvk_49", i = {
   root: t,
   info: o,
   title: e,