@layers-app/shared 0.4.5 → 0.4.6

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/useShakePlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShakePlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.tsx"],"names":[],"mappings":"AA4CA,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+KA,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,101 +1,107 @@
-import { useState as U, useRef as i, useCallback as A, useEffect as E } from "react";
-import { getEnvConfig as k } from "../../../../config/envConfig.js";
-const m = () => {
-  const r = k().apiBaseUrl || "";
-  return r.endsWith("/") ? r.slice(0, -1) : r;
-}, T = async (r) => {
-  const u = m();
-  return (await fetch(`${u}/v1/auth/refresh`, {
+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;
+}, E = async (e) => {
+  const s = U();
+  return (await fetch(`${s}/v1/auth/refresh`, {
     method: "POST",
     credentials: "include",
-    signal: r
+    signal: e
   })).ok;
-}, $ = async (r, u) => {
-  const s = await fetch(r, {
-    ...u,
+}, $ = async (e, s) => {
+  const l = await fetch(e, {
+    ...s,
     credentials: "include"
   });
-  return s.status !== 401 && s.status !== 403 || !await T(u.signal) || u.signal.aborted ? s : fetch(r, {
-    ...u,
+  return l.status !== 401 && l.status !== 403 || !await E(s.signal) || s.signal.aborted ? l : fetch(e, {
+    ...s,
     credentials: "include"
   });
-}, V = ({
-  attachmentId: r,
-  isActive: u,
-  autoPlay: s
+}, q = () => !!window.layersDesktop || (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") && window.location.port !== "3000", V = ({
+  attachmentId: e,
+  isActive: s,
+  autoPlay: l
 }) => {
-  const [f, h] = U(null), [b, p] = U(null), [v, w] = U(!1), R = i(null), c = i(!0), o = i(null), t = i(null), l = i(null), d = A(
-    (e) => {
-      if (!r || l.current || !c.current || e.aborted) return;
-      const g = m() || window.location.origin, a = new URL(
-        `/v1/attachments/${r}`,
-        g
+  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();
-      l.current = a, h(null), p(a);
+      u.current = i, g(null), p(i);
     },
-    [r]
-  ), C = A(async () => {
-    if (!r || l.current) return;
+    [e]
+  ), k = A(async () => {
+    if (!e || u.current) return;
     o.current && (clearTimeout(o.current), o.current = null), t.current && t.current.abort();
-    const e = new AbortController();
-    t.current = e, w(!1);
+    const r = new AbortController();
+    t.current = r, d(!1);
     try {
-      await T(e.signal), d(e.signal);
+      await E(r.signal), a(r.signal);
     } catch (n) {
-      if (n instanceof Error && n.name === "AbortError" || !c.current || e.signal.aborted) return;
-      w(!0);
+      if (n instanceof Error && n.name === "AbortError" || !c.current || r.signal.aborted) return;
+      d(!0);
     }
-  }, [r, d]), y = async () => {
-    if (!r)
+  }, [e, a]), y = async () => {
+    if (!e)
       return;
     t.current && t.current.abort();
-    const e = new AbortController();
-    t.current = e;
+    const r = new AbortController();
+    t.current = r;
     try {
-      const n = m(), g = await $(
-        `${n}/v1/attachments/${r}/vod`,
+      const n = U(), h = await $(
+        `${n}/v1/attachments/${e}/vod`,
         {
           method: "GET",
           headers: {
             Accept: "*/*"
           },
-          signal: e.signal
+          signal: r.signal
         }
       );
-      if (!g.ok) {
-        await d(e.signal);
+      if (!h.ok) {
+        await a(r.signal);
         return;
       }
-      const a = await g.json();
-      if (!c.current || e.signal.aborted) return;
-      const B = n || window.location.origin;
-      if (a.ready) {
-        const S = new URL(a.url, B).toString();
-        if (l.current) return;
-        p(null), h(S);
+      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
-        d(e.signal), o.current = setTimeout(() => {
+        a(r.signal), o.current = setTimeout(() => {
           y();
         }, 3e3);
     } catch (n) {
-      if (n instanceof Error && n.name === "AbortError" || !c.current || e.signal.aborted) return;
-      w(!0);
+      if (n instanceof Error && n.name === "AbortError" || !c.current || r.signal.aborted) return;
+      d(!0);
     }
   };
-  return E(() => {
-    if (c.current = !0, h(null), p(null), w(!1), l.current = null, o.current && (clearTimeout(o.current), o.current = null), t.current && (t.current.abort(), t.current = null), !!r)
-      return y(), () => {
-        c.current = !1, o.current && (clearTimeout(o.current), o.current = null), t.current && (t.current.abort(), t.current = null), l.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;
       };
-  }, [r]), E(() => {
-    if (!f && !b || !R.current) return;
-    const e = R.current.querySelector(
+    }
+  }, [e]), C(() => {
+    if (!w && !b || !m.current) return;
+    const r = m.current.querySelector(
       "video"
     );
-    e && (u ? s !== !1 && e.play().catch((n) => {
+    r && (s ? l !== !1 && r.play().catch((n) => {
       console.error("Ошибка при воспроизведении видео:", n);
-    }) : e.pause());
-  }, [u, f, b, s]), { containerRef: R, fallbackToRawAttachment: C, isError: v, vodUrl: f, rawUrl: b };
+    }) : r.pause());
+  }, [s, w, b, l]), { containerRef: m, fallbackToRawAttachment: k, isError: T, vodUrl: w, rawUrl: b };
 };
 export {
   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"}

package/dist/components/AttachmentsGalleryModal/helpers.js

@@ -1,40 +1,45 @@
-import { STEPS as h } from "./constants.js";
-const y = ({
-  instance: r,
+import { isVideoFile as w } from "../../helpers/fileUtils.js";
+import { STEPS as l } from "./constants.js";
+const T = (i) => {
+  const t = (i.contentType || "").toLowerCase(), e = i.originalFileName || "", s = w(i.contentType, e), n = t === "application/pdf" || e.toLowerCase().endsWith(".pdf"), o = t.startsWith("image/") || /\.(jpe?g|png|gif|webp|bmp|svg|avif|heic|heif|tiff?|ico)$/i.test(e), c = t.startsWith("audio/") || /\.(mp3|wav|ogg|flac|m4a|aac|opus|weba)$/i.test(e);
+  return { isVideo: s, isPdf: n, isImage: o, isAudio: c, isSupported: o || s || n || c };
+}, y = ({
+  instance: i,
   from: t,
   to: e,
   duration: s = 200,
   animationRef: n
 }) => {
   n.current && cancelAnimationFrame(n.current);
-  const c = performance.now(), a = (p) => {
-    const i = Math.min((p - c) / s, 1), o = 1 - Math.pow(1 - i, 3), x = t.scale + (e.scale - t.scale) * o, l = t.x + (e.x - t.x) * o, m = t.y + (e.y - t.y) * o;
-    r.setTransformState(x, l, m), i < 1 && (n.current = requestAnimationFrame(a));
+  const o = performance.now(), c = (r) => {
+    const p = Math.min((r - o) / s, 1), a = 1 - Math.pow(1 - p, 3), m = t.scale + (e.scale - t.scale) * a, f = t.x + (e.x - t.x) * a, d = t.y + (e.y - t.y) * a;
+    i.setTransformState(m, f, d), p < 1 && (n.current = requestAnimationFrame(c));
   };
-  n.current = requestAnimationFrame(a);
-}, I = ({
-  dir: r,
+  n.current = requestAnimationFrame(c);
+}, A = ({
+  dir: i,
   activeRef: t,
   animationRef: e
 }) => {
   const s = t?.instance;
   if (!s) return;
-  const { scale: n, positionX: c, positionY: a } = s.transformState, p = s.wrapperComponent?.getBoundingClientRect(), i = (p?.width ?? 0) / 2, o = (p?.height ?? 0) / 2, x = S(n), l = r === "in" ? x + 1 : x - 1, m = Math.min(Math.max(l, 0), h.length - 1), u = h[m], d = u / n, f = i - (i - c) * d, w = o - (o - a) * d;
+  const { scale: n, positionX: o, positionY: c } = s.transformState, r = s.wrapperComponent?.getBoundingClientRect(), p = (r?.width ?? 0) / 2, a = (r?.height ?? 0) / 2, m = S(n), f = i === "in" ? m + 1 : m - 1, d = Math.min(Math.max(f, 0), l.length - 1), g = l[d], u = g / n, h = p - (p - o) * u, x = a - (a - c) * u;
   y({
     instance: s,
-    from: { scale: n, x: c, y: a },
-    to: { scale: u, x: f, y: w },
+    from: { scale: n, x: o, y: c },
+    to: { scale: g, x: h, y: x },
     duration: 200,
     animationRef: e
   });
-}, S = (r) => {
+}, S = (i) => {
   let t = 0, e = 1 / 0;
-  return h.forEach((s, n) => {
-    const c = Math.abs(s - r);
-    c < e && (e = c, t = n);
+  return l.forEach((s, n) => {
+    const o = Math.abs(s - i);
+    o < e && (e = o, t = n);
   }), t;
 };
 export {
   y as animateTransform,
-  I as zoomStep
+  T as getAttachmentFormat,
+  A as zoomStep
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useDownloadFile.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useDownloadFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAQvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,eAAe,GAAI,eAAe,aAAa;;;oBAI9C,cAAc;;CA8C3B,CAAC"}
+{"version":3,"file":"useDownloadFile.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useDownloadFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAQvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,eAAe,GAAI,eAAe,aAAa;;;oBAI9C,cAAc;;CAgD3B,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.js

@@ -1,35 +1,38 @@
-import { useState as w, useCallback as u, useMemo as p } from "react";
-import { downloadImageFromExternalUrl as m, downloadURL as c } from "../../../helpers/download.js";
-import { isVideoFile as b } from "../../../helpers/fileUtils.js";
-import { useMenu as F } from "../../../hooks/useMenu.js";
-const L = (o) => {
-  const [l, e] = w(!1), n = u(
-    async (a) => {
-      if (a.stopPropagation(), !!o)
-        if (e(!0), o?.Url)
-          await m(o?.Url, "file"), e(!1);
-        else {
-          const i = await fetch(`/v1/attachments/${o.id}`, {
-            method: "GET"
-          });
-          if (!i.ok)
-            throw e(!1), new Error(`Error loading: ${i.statusText}`);
-          const d = await i.blob();
-          e(!1);
-          const s = window.URL.createObjectURL(d);
-          s && o && (o.id ? c(s, o.originalFileName || "file") : m(s, "file"));
-        }
+import { useState as u, useCallback as c, useMemo as p } from "react";
+import { downloadImageFromExternalUrl as a, downloadURL as b } from "../../../helpers/download.js";
+import { isVideoFile as F } from "../../../helpers/fileUtils.js";
+import { useMenu as U } from "../../../hooks/useMenu.js";
+const M = (o) => {
+  const [l, e] = u(!1), r = c(
+    async (d) => {
+      if (d.stopPropagation(), !o)
+        return;
+      e(!0);
+      const i = o.originalFileName || "file";
+      if (o?.Url)
+        await a(o?.Url, i), e(!1);
+      else {
+        const s = await fetch(`/v1/attachments/${o.id}`, {
+          method: "GET"
+        });
+        if (!s.ok)
+          throw e(!1), new Error(`Error loading: ${s.statusText}`);
+        const w = await s.blob();
+        e(!1);
+        const n = window.URL.createObjectURL(w);
+        n && o && (o.id ? b(n, i) : a(n, i));
+      }
     },
     [o]
-  ), { isMobile: r } = F(), f = b(
+  ), { isMobile: f } = U(), m = F(
     o?.contentType,
     o?.originalFileName
   );
   return p(
-    () => ({ isVideo: f, isMobile: r, onDownload: n, isFetching: l }),
-    [r, f, n, l]
+    () => ({ isVideo: m, isMobile: f, onDownload: r, isFetching: l }),
+    [f, m, r, l]
   );
 };
 export {
-  L as useDownloadFile
+  M as useDownloadFile
 };

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":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOrD,eAAO,MAAM,gBAAgB,GAAI,YAAY,aAAa;;;;;;;;;;CA4GzD,CAAC"}
+{"version":3,"file":"useGetPreviewUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAQrD,eAAO,MAAM,gBAAgB,GAAI,YAAY,aAAa;;;;;;;;;;CA0FzD,CAAC"}

package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.js

@@ -1,20 +1,20 @@
-import { useState as p, useEffect as F, useMemo as T } from "react";
-import { getEnvConfig as L } from "../../../config/envConfig.js";
-import { isVideoFile as v } from "../../../helpers/fileUtils.js";
-const h = () => {
-  const e = L().apiBaseUrl || "";
+import { useState as f, useEffect as A, useMemo as v } from "react";
+import { getEnvConfig as F } from "../../../config/envConfig.js";
+import { getAttachmentFormat as $ } from "../helpers.js";
+const m = () => {
+  const e = F().apiBaseUrl || "";
   return e.endsWith("/") ? e.slice(0, -1) : e;
-}, B = (e) => {
-  const [u, y] = p(null), [d, n] = p(!1), [w, a] = p(!1);
-  async function g(i) {
-    return fetch(`${h()}/v1/attachments/${i}`, {
+}, S = (e) => {
+  const [l, g] = f(null), [u, n] = f(!1), [d, a] = f(!1);
+  async function p(r) {
+    return fetch(`${m()}/v1/attachments/${r}`, {
       method: "GET",
       credentials: "include"
     });
   }
-  async function m() {
+  async function U() {
     try {
-      return (await fetch(`${h()}/v1/auth/refresh`, {
+      return (await fetch(`${m()}/v1/auth/refresh`, {
         method: "POST",
         credentials: "include"
       })).ok;
@@ -22,46 +22,41 @@ const h = () => {
       return !1;
     }
   }
-  async function U(i, b) {
+  async function E(r, b) {
     n(!0);
-    let s = await g(i);
-    if ((s.status === 401 || s.status === 403) && await m() && (s = await g(i)), !s.ok)
-      throw n(!1), a(!0), new Error(`Error loading: ${s.statusText}`);
-    const f = await s.blob(), E = b && f.type !== "application/pdf" ? new Blob([f], { type: "application/pdf" }) : f;
-    y(window.URL.createObjectURL(E)), n(!1), a(!1);
+    let t = await p(r);
+    if ((t.status === 401 || t.status === 403) && await U() && (t = await p(r)), !t.ok)
+      throw n(!1), a(!0), new Error(`Error loading: ${t.statusText}`);
+    const c = await t.blob(), y = b && c.type !== "application/pdf" ? new Blob([c], { type: "application/pdf" }) : c;
+    g(window.URL.createObjectURL(y)), n(!1), a(!1);
   }
-  const t = v(
-    e.contentType,
-    e.originalFileName
-  ), o = (e.contentType || "").toLowerCase() === "application/pdf" || (e.originalFileName || "").toLowerCase().endsWith(".pdf"), c = (e.contentType || "").toLowerCase().startsWith("image/"), l = (e.contentType || "").toLowerCase().startsWith("audio/") || /\.(mp3|wav|ogg|flac|m4a|aac|opus|weba)$/i.test(
-    e.originalFileName || ""
-  ), r = c || t || o || l;
-  return F(() => {
-    e.id && !t && r && !e.Url && U(e.id, o);
-  }, [e.Url, e.id, t, o, r]), T(
+  const { isVideo: s, isPdf: i, isImage: h, isAudio: w, isSupported: o } = $(e);
+  return A(() => {
+    e.id && !s && o && !e.Url && E(e.id, i);
+  }, [e.Url, e.id, s, i, o]), v(
     () => ({
-      fileUrl: u,
-      isFetching: d,
-      isError: w,
+      fileUrl: l,
+      isFetching: u,
+      isError: d,
       setIsError: a,
-      isVideo: t,
-      isPdf: o,
-      isImage: c,
-      isAudio: l,
-      isSupported: r
+      isVideo: s,
+      isPdf: i,
+      isImage: h,
+      isAudio: w,
+      isSupported: o
     }),
     [
+      l,
+      d,
       u,
+      s,
+      i,
+      h,
       w,
-      d,
-      t,
-      o,
-      c,
-      l,
-      r
+      o
     ]
   );
 };
 export {
-  B as useGetPreviewUrl
+  S as useGetPreviewUrl
 };

package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentsPreview.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsPreview/AttachmentsPreview.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAIhE,UAAU,8BAA8B;IACtC,KAAK,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IAC7C,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,8BAA8B,mDAmNhC,CAAC"}
+{"version":3,"file":"AttachmentsPreview.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsPreview/AttachmentsPreview.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAOhE,UAAU,8BAA8B;IACtC,KAAK,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IAC7C,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,8BAA8B,mDA4QhC,CAAC"}