@layers-app/shared 0.4.0 → 0.4.1

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

@@ -1,69 +1,101 @@
-import { jsx as r, Fragment as a } from "react/jsx-runtime";
-import { memo as u, forwardRef as g } from "react";
-import { TransformWrapper as h, TransformComponent as C } from "react-zoom-pan-pinch";
-import { Box as N } from "@mantine/core";
-import { BaseLoader as O } from "../../Loaders/BaseLoader.js";
-import { ShakaVideoPlayer as P } from "./ShakePlayer/ShakaPlayer.js";
-import { ZOOM_CONFIG as o, TRANSFORM_COMPONENT_STYLES as t } from "../constants.js";
-import { useGetPreviewUrl as b } from "../hooks/useGetPreviewUrl.js";
-import { usePanning as w } from "../hooks/usePanning.js";
-import { ErrorSection as y } from "./ErrorSection.js";
-import m from "../styles.module.css.js";
-const k = u(
-  g(
-    ({ onTransformed: n, attachment: e, isActive: s }, d) => {
-      const { isError: p, setIsError: c, fileUrl: f, isFetching: i, isVideo: l } = b(e), S = w({ isFetching: i, isVideo: l });
-      return /* @__PURE__ */ r(
-        h,
-        {
-          panning: {
-            disabled: !0
-          },
-          onTransformed: n,
-          initialScale: o.initialScale,
-          minScale: o.minScale,
-          maxScale: o.maxScale,
-          limitToBounds: !0,
-          disabled: i || l,
-          disablePadding: !0,
-          centerZoomedOut: !0,
-          ref: d,
-          wheel: {
-            disabled: !1,
-            step: o.wheelStep
-          },
-          doubleClick: {
-            disabled: !0
-          },
-          children: /* @__PURE__ */ r(
-            C,
-            {
-              wrapperStyle: t,
-              contentStyle: t,
-              wrapperProps: S,
-              children: i ? /* @__PURE__ */ r(O, {}) : /* @__PURE__ */ r(a, { children: l ? /* @__PURE__ */ r(N, { className: m.videoContainer, children: /* @__PURE__ */ r(
-                P,
+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 { 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 { useGetPreviewUrl as O } from "../hooks/useGetPreviewUrl.js";
+import { usePanning as b } from "../hooks/usePanning.js";
+import { ErrorSection as p } 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 {
+      isError: n,
+      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(
+      F,
+      {
+        panning: {
+          disabled: !0
+        },
+        onTransformed: S,
+        initialScale: a.initialScale,
+        minScale: a.minScale,
+        maxScale: a.maxScale,
+        limitToBounds: !0,
+        disabled: m || d || t || f || !c,
+        disablePadding: !0,
+        centerZoomedOut: !0,
+        ref: N,
+        wheel: {
+          disabled: !1,
+          step: a.wheelStep
+        },
+        doubleClick: {
+          disabled: !0
+        },
+        children: /* @__PURE__ */ r(
+          T,
+          {
+            wrapperStyle: u,
+            contentStyle: u,
+            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(
+              "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" }),
+              /* @__PURE__ */ r(
+                "audio",
                 {
-                  isActive: s,
-                  autoPlay: !1,
-                  attachmentId: e.id
+                  src: e?.Url ?? o ?? "",
+                  controls: !0,
+                  autoPlay: s,
+                  className: i.audioElement
                 }
-              ) }) : /* @__PURE__ */ r(a, { children: p ? /* @__PURE__ */ r(y, {}) : /* @__PURE__ */ r(
-                "img",
-                {
-                  onError: () => c(!0),
-                  alt: e.originalFileName || "file",
-                  className: m.imageContainer,
-                  src: e?.Url ?? f ?? ""
-                }
-              ) }) })
-            }
-          )
-        }
-      );
-    }
-  )
+              )
+            ] }) : n ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(
+              "img",
+              {
+                onError: () => g(!0),
+                alt: e.originalFileName || "file",
+                className: i.imageContainer,
+                src: e?.Url ?? o ?? ""
+              }
+            ) : /* @__PURE__ */ r(
+              x,
+              {
+                filename: e.originalFileName,
+                contentType: e.contentType
+              }
+            )
+          }
+        )
+      }
+    );
+  }
 );
 export {
-  k as GallerySlide
+  A 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":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,iEACK,gBAAgB,6CAgI5C,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;AAMrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,iEACK,gBAAgB,6CA6I5C,CAAC"}

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

@@ -1,29 +1,31 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { memo as I, useRef as b } from "react";
 import { useTranslation as A } from "react-i18next";
-import { Box as C, Tooltip as l, ActionIcon as o, Text as m, Flex as p } from "@mantine/core";
-import { IconDownload as h, IconMinus as R, IconPlus as k, IconX as F } from "@tabler/icons-react";
-import { useAttachmentsGalleryContext as T } from "../AttachmentsGalleryContext.js";
-import { zoomStep as u } from "../helpers.js";
-import { useDownloadFile as j } from "../hooks/useDownloadFile.js";
-import { useZoomReset as D } from "../hooks/useZoomReset.js";
-const V = I(
-  ({ onClose: f, attachments: y }) => {
-    D();
-    const { t: e } = A("ui"), i = b(null), { zoomPercentage: x, transformRefs: n, selectedIndex: a } = T(), c = y?.[a], w = () => {
-      u({
-        animationRef: i,
+import { Box as C, Tooltip as t, ActionIcon as a, Flex as n, Text as p } from "@mantine/core";
+import { IconDownload as h, IconMinus as F, 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";
+const J = I(
+  ({ onClose: u, attachments: y }) => {
+    Z();
+    const { t: r } = A("ui"), c = b(null), { zoomPercentage: w, transformRefs: s, selectedIndex: i } = D(), l = y?.[i], x = () => {
+      f({
+        animationRef: c,
         dir: "in",
-        activeRef: n.current[a]
+        activeRef: s.current[i]
       });
     }, v = () => {
-      u({
-        animationRef: i,
+      f({
+        animationRef: c,
         dir: "out",
-        activeRef: n.current[a]
+        activeRef: s.current[i]
       });
-    }, { isVideo: z, isFetching: s, onDownload: d, isMobile: g } = j(c);
-    return /* @__PURE__ */ t(
+    }, { isVideo: z, isFetching: g, onDownload: m, isMobile: d } = M(l);
+    return /* @__PURE__ */ o(
       C,
       {
         style: {
@@ -38,32 +40,43 @@ const V = I(
         py: 8,
         bg: "var(--mantine-color-dark-6)",
         children: [
-          g ? /* @__PURE__ */ r(l, { withArrow: !0, label: e("gallery.download"), children: /* @__PURE__ */ r(
-            o,
+          d ? /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
+            a,
             {
               c: "var(--app-gallary-text)",
               color: "gray",
               size: "lg",
               variant: "light",
-              loading: s,
-              onClick: d,
-              children: /* @__PURE__ */ r(h, { size: 20 })
+              loading: g,
+              onClick: m,
+              children: /* @__PURE__ */ e(h, { size: 20 })
             }
-          ) }) : /* @__PURE__ */ r(m, { ml: 6, fw: 500, fz: 14, c: "var(--app-gallary-text)", truncate: !0, children: c?.originalFileName || "" }),
-          z ? /* @__PURE__ */ r("div", {}) : /* @__PURE__ */ t(p, { gap: "xs", children: [
-            /* @__PURE__ */ r(l, { withArrow: !0, label: e("gallery.zoomOut"), children: /* @__PURE__ */ r(
-              o,
+          ) }) : /* @__PURE__ */ o(n, { align: "center", gap: 8, ml: 6, miw: 0, children: [
+            l ? T(
+              j(
+                l.contentType ?? "",
+                !1,
+                l.originalFileName
+              ),
+              !1,
+              20
+            ) : null,
+            /* @__PURE__ */ e(p, { fw: 500, fz: 14, c: "var(--app-gallary-text)", truncate: !0, children: l?.originalFileName || "" })
+          ] }),
+          z ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ o(n, { gap: "xs", children: [
+            /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.zoomOut"), children: /* @__PURE__ */ e(
+              a,
               {
                 c: "var(--app-gallary-text)",
                 color: "gray",
                 size: "lg",
                 variant: "light",
                 onClick: v,
-                children: /* @__PURE__ */ r(R, { size: 20 })
+                children: /* @__PURE__ */ e(F, { size: 20 })
               }
             ) }),
-            /* @__PURE__ */ t(
-              m,
+            /* @__PURE__ */ o(
+              p,
               {
                 fw: 500,
                 fz: 14,
@@ -71,45 +84,45 @@ const V = I(
                 miw: 50,
                 ta: "center",
                 children: [
-                  x,
+                  w,
                   "%"
                 ]
               }
             ),
-            /* @__PURE__ */ r(l, { withArrow: !0, label: e("gallery.zoomIn"), children: /* @__PURE__ */ r(
-              o,
+            /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.zoomIn"), children: /* @__PURE__ */ e(
+              a,
               {
                 c: "var(--app-gallary-text)",
                 color: "gray",
                 size: "lg",
                 variant: "light",
-                onClick: w,
-                children: /* @__PURE__ */ r(k, { size: 20 })
+                onClick: x,
+                children: /* @__PURE__ */ e(R, { size: 20 })
               }
             ) })
           ] }),
-          /* @__PURE__ */ t(p, { justify: "end", gap: "xs", children: [
-            !g && /* @__PURE__ */ r(l, { withArrow: !0, label: e("gallery.download"), children: /* @__PURE__ */ r(
-              o,
+          /* @__PURE__ */ o(n, { justify: "end", gap: "xs", children: [
+            !d && /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.download"), children: /* @__PURE__ */ e(
+              a,
               {
                 c: "var(--app-gallary-text)",
                 size: "lg",
                 color: "gray",
                 variant: "light",
-                loading: s,
-                onClick: d,
-                children: /* @__PURE__ */ r(h, { size: 20 })
+                loading: g,
+                onClick: m,
+                children: /* @__PURE__ */ e(h, { size: 20 })
               }
             ) }),
-            /* @__PURE__ */ r(l, { withArrow: !0, label: e("gallery.close"), children: /* @__PURE__ */ r(
-              o,
+            /* @__PURE__ */ e(t, { withArrow: !0, label: r("gallery.close"), children: /* @__PURE__ */ e(
+              a,
               {
                 c: "var(--app-gallary-text)",
                 size: "lg",
                 color: "gray",
                 variant: "light",
-                onClick: f,
-                children: /* @__PURE__ */ r(F, { size: 20 })
+                onClick: u,
+                children: /* @__PURE__ */ e(k, { size: 20 })
               }
             ) })
           ] })
@@ -119,5 +132,5 @@ const V = I(
   }
 );
 export {
-  V as ModalHeader
+  J 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 | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+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 {};
 //# sourceMappingURL=ShakaPlayer.d.ts.map

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":"AASA,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,8GAgCX,CAAC"}
+{"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"}

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

@@ -1,44 +1,53 @@
 import { jsx as r } from "react/jsx-runtime";
+import { useRef as d, useEffect as g } from "react";
 import a from "clsx";
-import n from "shaka-player-react";
-import { BaseLoader as y } from "../../../Loaders/BaseLoader.js";
-import { ErrorSection as d } from "../ErrorSection.js";
-import { useShakePlayer as h } from "./useShakePlayer.js";
-import t from "./ShakaPlayer.module.css.js";
-const N = ({
-  attachmentId: m,
-  autoPlay: e,
-  isActive: s,
-  loader: i,
-  stylesContainer: l,
+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";
+const q = ({
+  attachmentId: l,
+  autoPlay: o,
+  isActive: n,
+  loader: f,
+  stylesContainer: m,
   classNameContainer: p
 }) => {
-  const { isError: f, containerRef: c, vodUrl: o } = h({
-    autoPlay: e,
-    isActive: s,
-    attachmentId: m
-  });
-  return f ? /* @__PURE__ */ r(d, {}) : o ? /* @__PURE__ */ r(
+  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;
+    });
+  }, [e]), c ? /* @__PURE__ */ r(v, {}) : e ? /* @__PURE__ */ r(
     "div",
     {
-      ref: c,
-      style: l,
+      ref: u,
+      style: m,
       className: a(
-        t["vod-player"],
+        i["vod-player"],
         "shaka-vod-player-wrapper",
         p
       ),
       children: /* @__PURE__ */ r(
-        n,
+        h,
         {
-          autoPlay: e ?? !0,
-          className: a(t["vod-player__player"]),
-          src: o
+          ref: t,
+          autoPlay: o ?? !0,
+          className: a(i["vod-player__player"]),
+          src: e,
+          crossOrigin: "use-credentials",
+          controls: !0
         }
       )
     }
-  ) : i ?? /* @__PURE__ */ r(y, {});
+  ) : f ?? /* @__PURE__ */ r(k, {});
 };
 export {
-  N as ShakaVideoPlayer
+  q as ShakaVideoPlayer
 };

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

@@ -3,7 +3,7 @@ export declare const useShakePlayer: ({ attachmentId, isActive, autoPlay, }: {
     isActive?: boolean;
     autoPlay?: boolean;
 }) => {
-    containerRef: import("react").RefObject<HTMLDivElement>;
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
     isError: boolean;
     vodUrl: string | null;
 };

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":"AAEA,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+GA,CAAC"}
+{"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"}

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

@@ -1,54 +1,61 @@
-import { useState as g, useRef as c, useEffect as E } from "react";
-const y = ({
-  attachmentId: o,
+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 || "";
+  return e.endsWith("/") ? e.slice(0, -1) : e;
+}, C = ({
+  attachmentId: e,
   isActive: i,
   autoPlay: a
 }) => {
-  const [l, f] = g(null), [h, d] = g(!1), s = c(null), u = c(!0), t = c(null), r = c(null), b = async () => {
-    if (!o)
+  const [l, f] = w(null), [E, d] = w(!1), s = c(null), u = c(!0), n = c(null), r = c(null), g = async () => {
+    if (!e)
       return;
     r.current && r.current.abort();
-    const e = new AbortController();
-    r.current = e;
+    const t = new AbortController();
+    r.current = t;
     try {
-      const n = await fetch(`/v1/attachments/${o}/vod`, {
-        method: "GET",
-        credentials: "include",
-        headers: {
-          Accept: "*/*"
-        },
-        signal: e.signal
-      });
-      if (!n.ok) throw new Error("Failed to get VOD URL");
-      const w = await n.json();
-      if (!u.current || e.signal.aborted) return;
-      if (w.ready) {
-        const m = new URL(w.url, window.location.origin).toString();
-        f(m);
+      const o = R(), p = await fetch(
+        `${o}/v1/attachments/${e}/vod`,
+        {
+          method: "GET",
+          credentials: "include",
+          headers: {
+            Accept: "*/*"
+          },
+          signal: t.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);
       } else
-        t.current = setTimeout(() => {
-          b();
+        n.current = setTimeout(() => {
+          g();
         }, 3e3);
-    } catch (n) {
-      if (n instanceof Error && n.name === "AbortError" || !u.current || e.signal.aborted) return;
+    } catch (o) {
+      if (o instanceof Error && o.name === "AbortError" || !u.current || t.signal.aborted) return;
       d(!0);
     }
   };
-  return E(() => {
-    if (u.current = !0, f(null), d(!1), t.current && (clearTimeout(t.current), t.current = null), r.current && (r.current.abort(), r.current = null), !!o)
-      return b(), () => {
-        u.current = !1, t.current && (clearTimeout(t.current), t.current = null), r.current && (r.current.abort(), r.current = null);
+  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);
       };
-  }, [o]), E(() => {
+  }, [e]), m(() => {
     if (!l || !s.current) return;
-    const e = s.current.querySelector(
+    const t = s.current.querySelector(
       "video"
     );
-    e && (i ? a !== !1 && e.play().catch((n) => {
-      console.error("Ошибка при воспроизведении видео:", n);
-    }) : e.pause());
-  }, [i, l, a]), { containerRef: s, isError: h, vodUrl: l };
+    t && (i ? a !== !1 && t.play().catch((o) => {
+      console.error("Ошибка при воспроизведении видео:", o);
+    }) : t.pause());
+  }, [i, l, a]), { containerRef: s, isError: E, vodUrl: l };
 };
 export {
-  y as useShakePlayer
+  C as useShakePlayer
 };

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

@@ -0,0 +1,7 @@
+interface Props {
+    filename?: string;
+    contentType?: string;
+}
+export declare const UnsupportedSection: ({ filename, contentType }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UnsupportedSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnsupportedSection.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/UnsupportedSection.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,GAAI,2BAA2B,KAAK,4CAuBlE,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/UnsupportedSection.js

@@ -0,0 +1,17 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useTranslation as o } from "react-i18next";
+import { Flex as c, Stack as i, Text as r } from "@mantine/core";
+import { getFileIcons as s } from "../../../helpers/getFileIcons.js";
+import { getFileType as f } from "../../../helpers/getFileType.js";
+const y = ({ filename: e, contentType: a }) => {
+  const { t: l } = o("ui"), n = f(a ?? "", !1, e);
+  return /* @__PURE__ */ t(c, { align: "center", justify: "center", children: /* @__PURE__ */ p(i, { align: "center", gap: "xs", maw: 480, p: "xl", children: [
+    s(n, !1, 48),
+    /* @__PURE__ */ t(r, { c: "var(--app-gallary-text)", fz: "lg", fw: 600, children: l("gallery.unsupportedTitle") }),
+    e ? /* @__PURE__ */ t(r, { c: "var(--app-gallary-text)", fz: "sm", ta: "center", fs: "italic", children: e }) : null,
+    /* @__PURE__ */ t(r, { c: "var(--app-gallary-text)", fz: "sm", ta: "center", children: l("gallery.unsupportedBody") })
+  ] }) });
+};
+export {
+  y as UnsupportedSection
+};

package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.d.ts

@@ -5,5 +5,9 @@ export declare const useGetPreviewUrl: (attachment: IFileResponse) => {
     isError: boolean;
     setIsError: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     isVideo: boolean;
+    isPdf: boolean;
+    isImage: boolean;
+    isAudio: boolean;
+    isSupported: boolean;
 };
 //# sourceMappingURL=useGetPreviewUrl.d.ts.map

package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetPreviewUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,gBAAgB,GAAI,YAAY,aAAa;;;;;;CAwCzD,CAAC"}
+{"version":3,"file":"useGetPreviewUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOrD,eAAO,MAAM,gBAAgB,GAAI,YAAY,aAAa;;;;;;;;;;CA4GzD,CAAC"}