@layers-app/shared 0.4.4 → 0.4.6

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

@@ -1,45 +1,52 @@
 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 l } from "@mantine/core";
+import { Box as a } from "@mantine/core";
 import { BaseLoader as U } from "../../Loaders/BaseLoader.js";
 import { ShakaVideoPlayer as E } from "./ShakePlayer/ShakaPlayer.js";
-import { ZOOM_CONFIG as a, TRANSFORM_COMPONENT_STYLES as u } from "../constants.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 { ErrorSection as p } from "./ErrorSection.js";
+import { ErrorSection as t } from "./ErrorSection.js";
 import { UnsupportedSection as x } from "./UnsupportedSection.js";
 import i from "../styles.module.css.js";
-const A = P(
-  ({ onTransformed: S, attachment: e, isActive: s, ref: N }) => {
+const h = P(
+  ({ onTransformed: S, attachment: e, isActive: n, ref: N }) => {
     const {
-      isError: n,
+      isError: m,
       setIsError: g,
       fileUrl: o,
-      isFetching: m,
-      isVideo: d,
-      isPdf: t,
-      isAudio: f,
-      isSupported: c
-    } = O(e), y = b({ isFetching: m, isVideo: d });
-    return /* @__PURE__ */ r(
+      isFetching: l,
+      isVideo: f,
+      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,
+      {
+        isActive: n,
+        autoPlay: n,
+        attachmentId: e.id
+      }
+    ) }) }) : /* @__PURE__ */ r(
       F,
       {
         panning: {
           disabled: !0
         },
         onTransformed: S,
-        initialScale: a.initialScale,
-        minScale: a.minScale,
-        maxScale: a.maxScale,
+        initialScale: s.initialScale,
+        minScale: s.minScale,
+        maxScale: s.maxScale,
         limitToBounds: !0,
-        disabled: m || d || t || f || !c,
+        disabled: l || c || u || !d,
         disablePadding: !0,
         centerZoomedOut: !0,
         ref: N,
         wheel: {
           disabled: !1,
-          step: a.wheelStep
+          step: s.wheelStep
         },
         doubleClick: {
           disabled: !0
@@ -47,35 +54,28 @@ const A = P(
         children: /* @__PURE__ */ r(
           T,
           {
-            wrapperStyle: u,
-            contentStyle: u,
+            wrapperStyle: p,
+            contentStyle: p,
             wrapperProps: y,
-            children: c ? m ? /* @__PURE__ */ r(U, {}) : d ? /* @__PURE__ */ r(l, { className: i.videoContainer, children: /* @__PURE__ */ r(
-              E,
-              {
-                isActive: s,
-                autoPlay: s,
-                attachmentId: e.id
-              }
-            ) }) : t ? n || !(e?.Url || o) ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(l, { className: i.pdfContainer, children: /* @__PURE__ */ r(
+            children: d ? l ? /* @__PURE__ */ r(U, {}) : c ? m || !(e?.Url || o) ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ r(a, { className: i.pdfContainer, children: /* @__PURE__ */ r(
               "iframe",
               {
                 title: e.originalFileName || "pdf",
                 src: e?.Url ?? o ?? "",
                 className: i.pdfFrame
               }
-            ) }) : f ? n || !(e?.Url || o) ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ C(l, { className: i.audioContainer, children: [
-              /* @__PURE__ */ r(l, { className: i.audioName, children: e.originalFileName || "audio" }),
+            ) }) : 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(
                 "audio",
                 {
                   src: e?.Url ?? o ?? "",
                   controls: !0,
-                  autoPlay: s,
+                  autoPlay: n,
                   className: i.audioElement
                 }
               )
-            ] }) : n ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(
+            ] }) : m ? /* @__PURE__ */ r(t, {}) : /* @__PURE__ */ r(
               "img",
               {
                 onError: () => g(!0),
@@ -97,5 +97,5 @@ const A = P(
   }
 );
 export {
-  A as GallerySlide
+  h as GallerySlide
 };

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":"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"}

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

@@ -1,33 +1,33 @@
 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 { 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 j } from "../../../helpers/getFileType.js";
-import { useAttachmentsGalleryContext as D } from "../AttachmentsGalleryContext.js";
-import { zoomStep as f } from "../helpers.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 Z } from "../hooks/useZoomReset.js";
+import { useZoomReset as O } from "../hooks/useZoomReset.js";
 import n from "../styles.module.css.js";
-const L = v(
+const U = 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({
+    O();
+    const { t: r } = F("ui"), c = I(null), { zoomPercentage: y, transformRefs: m, selectedIndex: a } = j(), o = z?.[a], b = () => {
+      p({
         animationRef: c,
         dir: "in",
         activeRef: m.current[a]
       });
-    }, b = () => {
-      f({
+    }, x = () => {
+      p({
         animationRef: c,
         dir: "out",
         activeRef: m.current[a]
       });
-    }, { isVideo: A, isFetching: d, onDownload: u, isMobile: h } = M(o);
+    }, { isFetching: d, onDownload: g, isMobile: h } = M(o), A = o ? D(o).isImage : !1;
     return /* @__PURE__ */ l(
-      F,
+      C,
       {
         style: {
           borderRadius: 8,
@@ -41,19 +41,19 @@ const L = v(
         py: 8,
         bg: "var(--mantine-color-dark-6)",
         children: [
-          h ? /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
-            t,
+          h ? /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
+            i,
             {
               className: n.headerAction,
               size: "lg",
               variant: "subtle",
               loading: d,
-              onClick: u,
-              children: /* @__PURE__ */ e(p, { size: 20 })
+              onClick: g,
+              children: /* @__PURE__ */ e(f, { size: 20 })
             }
           ) }) : /* @__PURE__ */ l(s, { align: "center", gap: 8, ml: 6, miw: 0, children: [
             o ? T(
-              j(
+              Z(
                 o.contentType ?? "",
                 !1,
                 o.originalFileName
@@ -61,21 +61,21 @@ const L = v(
               !1,
               20
             ) : null,
-            /* @__PURE__ */ e(g, { fw: 500, fz: 14, c: "var(--app-gallary-text)", truncate: !0, children: o?.originalFileName || "" })
+            /* @__PURE__ */ e(u, { 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,
+          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: b,
+                onClick: x,
                 children: /* @__PURE__ */ e(N, { size: 20 })
               }
             ) }),
             /* @__PURE__ */ l(
-              g,
+              u,
               {
                 fw: 500,
                 fz: 14,
@@ -88,31 +88,31 @@ const L = v(
                 ]
               }
             ),
-            /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.zoomIn"), children: /* @__PURE__ */ e(
-              t,
+            /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.zoomIn"), children: /* @__PURE__ */ e(
+              i,
               {
                 className: n.headerAction,
                 size: "lg",
                 variant: "subtle",
-                onClick: x,
+                onClick: b,
                 children: /* @__PURE__ */ e(R, { size: 20 })
               }
             ) })
-          ] }),
+          ] }) : /* @__PURE__ */ e("div", {}),
           /* @__PURE__ */ l(s, { justify: "end", gap: "xs", children: [
-            !h && /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
-              t,
+            !h && /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
+              i,
               {
                 className: n.headerAction,
                 size: "lg",
                 variant: "subtle",
                 loading: d,
-                onClick: u,
-                children: /* @__PURE__ */ e(p, { size: 20 })
+                onClick: g,
+                children: /* @__PURE__ */ e(f, { size: 20 })
               }
             ) }),
-            /* @__PURE__ */ e(i, { withArrow: !0, label: r("gallery.close"), children: /* @__PURE__ */ e(
-              t,
+            /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.close"), children: /* @__PURE__ */ e(
+              i,
               {
                 className: n.headerAction,
                 size: "lg",
@@ -128,5 +128,5 @@ const L = v(
   }
 );
 export {
-  L as ModalHeader
+  U as ModalHeader
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ShakaPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.tsx"],"names":[],"mappings":"AAsBA,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,oFAO9B,SAAS,yVA6CX,CAAC"}
+{"version":3,"file":"ShakaPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.tsx"],"names":[],"mappings":"AA2BA,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,oFAO9B,SAAS,yVAoEX,CAAC"}

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

@@ -1,52 +1,70 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useRef as d, useEffect as g } from "react";
-import a from "clsx";
-import h from "shaka-player-react";
-import { BaseLoader as k } from "../../../Loaders/BaseLoader.js";
-import { ErrorSection as v } from "../ErrorSection.js";
-import { useShakePlayer as S } from "./useShakePlayer.js";
-import i from "./ShakaPlayer.module.css.js";
+import { useRef as g, useEffect as k } from "react";
+import s from "clsx";
+import S from "shaka-player-react";
+import { BaseLoader as w } from "../../../Loaders/BaseLoader.js";
+import { ErrorSection as R } from "../ErrorSection.js";
+import { useShakePlayer as _ } from "./useShakePlayer.js";
+import n from "./ShakaPlayer.module.css.js";
 const q = ({
-  attachmentId: l,
-  autoPlay: o,
-  isActive: n,
-  loader: f,
-  stylesContainer: m,
-  classNameContainer: p
+  attachmentId: p,
+  autoPlay: t,
+  isActive: f,
+  loader: u,
+  stylesContainer: d,
+  classNameContainer: y
 }) => {
-  const { isError: c, containerRef: u, vodUrl: e } = S({
-    autoPlay: o,
-    isActive: n,
-    attachmentId: l
-  }), t = d(null);
-  return g(() => {
-    const s = t.current?.player?.getNetworkingEngine?.();
-    s && s.registerRequestFilter((E, y) => {
-      y.allowCrossSiteCredentials = !0;
+  const { fallbackToRawAttachment: e, isError: v, containerRef: E, vodUrl: o, rawUrl: i } = _({
+    autoPlay: t,
+    isActive: f,
+    attachmentId: p
+  }), l = g(null);
+  return k(() => {
+    const a = l.current?.player, c = a?.getNetworkingEngine?.();
+    if (!c) return;
+    c.registerRequestFilter((N, h) => {
+      h.allowCrossSiteCredentials = !0;
     });
-  }, [e]), c ? /* @__PURE__ */ r(v, {}) : e ? /* @__PURE__ */ r(
+    const m = () => {
+      e();
+    };
+    return a?.addEventListener?.("error", m), () => {
+      a?.removeEventListener?.("error", m);
+    };
+  }, [e, o]), v ? /* @__PURE__ */ r(R, {}) : !o && !i ? u ?? /* @__PURE__ */ r(w, {}) : /* @__PURE__ */ r(
     "div",
     {
-      ref: u,
-      style: m,
-      className: a(
-        i["vod-player"],
+      ref: E,
+      style: d,
+      className: s(
+        n["vod-player"],
         "shaka-vod-player-wrapper",
-        p
+        y
       ),
-      children: /* @__PURE__ */ r(
-        h,
+      children: o ? /* @__PURE__ */ r(
+        S,
         {
-          ref: t,
-          autoPlay: o ?? !0,
-          className: a(i["vod-player__player"]),
-          src: e,
+          ref: l,
+          autoPlay: t ?? !0,
+          className: s(n["vod-player__player"]),
+          src: o,
           crossOrigin: "use-credentials",
-          controls: !0
+          controls: !0,
+          onError: e
+        }
+      ) : /* @__PURE__ */ r(
+        "video",
+        {
+          autoPlay: t ?? !0,
+          className: s(n["vod-player__player"]),
+          src: i ?? void 0,
+          crossOrigin: "use-credentials",
+          controls: !0,
+          onError: e
         }
       )
     }
-  ) : f ?? /* @__PURE__ */ r(k, {});
+  );
 };
 export {
   q as ShakaVideoPlayer

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

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

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

@@ -4,7 +4,9 @@ export declare const useShakePlayer: ({ attachmentId, isActive, autoPlay, }: {
     autoPlay?: boolean;
 }) => {
     containerRef: import("react").RefObject<HTMLDivElement | null>;
+    fallbackToRawAttachment: () => Promise<void>;
     isError: boolean;
     vodUrl: string | null;
+    rawUrl: string | null;
 };
 //# sourceMappingURL=useShakePlayer.d.ts.map

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

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

@@ -1,5 +1,13 @@
 import { MutableRefObject } from 'react';
 import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
+import { IFileResponse } from '../../types/files';
+export declare const getAttachmentFormat: (attachment: Pick<IFileResponse, "contentType" | "originalFileName">) => {
+    isVideo: boolean;
+    isPdf: boolean;
+    isImage: boolean;
+    isAudio: boolean;
+    isSupported: boolean;
+};
 export declare const animateTransform: ({ instance, from, to, duration, animationRef, }: {
     instance: ReactZoomPanPinchContentRef["instance"];
     from: {

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAInE,eAAO,MAAM,gBAAgB,GAAI,iDAM9B;IACD,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IAClD,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC/C,SAuBA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,mCAItB;IACD,GAAG,EAAE,IAAI,GAAG,KAAK,CAAC;IAClB,SAAS,EAAE,2BAA2B,CAAC;IACvC,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC/C,SA2BA,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,eAAO,MAAM,mBAAmB,GAC9B,YAAY,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,kBAAkB,CAAC;;;;;;CAkBpE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iDAM9B;IACD,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IAClD,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC/C,SAuBA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,mCAItB;IACD,GAAG,EAAE,IAAI,GAAG,KAAK,CAAC;IAClB,SAAS,EAAE,2BAA2B,CAAC;IACvC,YAAY,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAC/C,SA2BA,CAAC"}