@layers-app/shared 0.4.3 → 0.4.5

package/dist/components/AppContainer/components/SidebarToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/SidebarToggleButton.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,mDAkBrE,CAAC"}
+{"version":3,"file":"SidebarToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/SidebarToggleButton.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,mBAAmB,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,mDAyBrE,CAAC"}

package/dist/components/AppContainer/components/SidebarToggleButton.js

@@ -1,27 +1,36 @@
 import { jsx as r } from "react/jsx-runtime";
-import { SidebarLeft01Icon as i, SidebarRight01Icon as n } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as c } from "@hugeicons/react";
-import { ActionIcon as a } from "@mantine/core";
-import { appContainerStore as t } from "../hooks/useAppContainerStore.js";
-const g = ({ forOpen: e }) => {
-  const { showToolbar: o } = t.useStore();
-  return e && o ? null : /* @__PURE__ */ r(
-    a,
+import { useTranslation as n } from "react-i18next";
+import { SidebarLeft01Icon as a, SidebarRight01Icon as l } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as p } from "@hugeicons/react";
+import { Tooltip as c, ActionIcon as m } from "@mantine/core";
+import { appContainerStore as e } from "../hooks/useAppContainerStore.js";
+const h = ({ forOpen: i }) => {
+  const { t } = n("appContainer"), { showToolbar: o } = e.useStore();
+  return i && o ? null : /* @__PURE__ */ r(
+    c,
     {
-      variant: "subtle",
-      size: "md",
-      color: "gray",
-      onClick: t.api.toggleToolbar,
+      label: t(o ? "hideSidebar" : "showSidebar"),
+      withArrow: !0,
+      openDelay: 400,
       children: /* @__PURE__ */ r(
-        c,
+        m,
         {
-          icon: o ? i : n,
-          size: 20
+          variant: "subtle",
+          size: "md",
+          color: "gray",
+          onClick: e.api.toggleToolbar,
+          children: /* @__PURE__ */ r(
+            p,
+            {
+              icon: o ? a : l,
+              size: 20
+            }
+          )
         }
       )
     }
   );
 };
 export {
-  g as SidebarToggleButton
+  h as SidebarToggleButton
 };

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

@@ -1 +1 @@
-{"version":3,"file":"GallerySlide.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/GallerySlide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAsB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI5E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD,UAAU,MAAM;IACd,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAClC,OAAO,gBAAgB,CACxB,CAAC,eAAe,CAAC,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,2EACwB,MAAM,6CAoGtD,CAAC"}
+{"version":3,"file":"GallerySlide.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/GallerySlide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAsB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI5E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD,UAAU,MAAM;IACd,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAClC,OAAO,gBAAgB,CACxB,CAAC,eAAe,CAAC,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,2EACwB,MAAM,6CA0GtD,CAAC"}

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/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 a = {
-  "vod-player": "_vod-player_1paib_1",
-  "vod-player__player": "_vod-player__player_1paib_25"
+const _ = {
+  "vod-player": "_vod-player_11682_1",
+  "vod-player__player": "_vod-player__player_11682_25"
 };
 export {
-  a 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":"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"}

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

@@ -1,61 +1,102 @@
-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
+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`, {
+    method: "POST",
+    credentials: "include",
+    signal: r
+  })).ok;
+}, $ = async (r, u) => {
+  const s = await fetch(r, {
+    ...u,
+    credentials: "include"
+  });
+  return s.status !== 401 && s.status !== 403 || !await T(u.signal) || u.signal.aborted ? s : fetch(r, {
+    ...u,
+    credentials: "include"
+  });
+}, V = ({
+  attachmentId: r,
+  isActive: u,
+  autoPlay: s
 }) => {
-  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)
+  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
+      ).toString();
+      l.current = a, h(null), p(a);
+    },
+    [r]
+  ), C = A(async () => {
+    if (!r || l.current) return;
+    o.current && (clearTimeout(o.current), o.current = null), t.current && t.current.abort();
+    const e = new AbortController();
+    t.current = e, w(!1);
+    try {
+      await T(e.signal), d(e.signal);
+    } catch (n) {
+      if (n instanceof Error && n.name === "AbortError" || !c.current || e.signal.aborted) return;
+      w(!0);
+    }
+  }, [r, d]), y = async () => {
+    if (!r)
       return;
-    r.current && r.current.abort();
-    const t = new AbortController();
-    r.current = t;
+    t.current && t.current.abort();
+    const e = new AbortController();
+    t.current = e;
     try {
-      const o = R(), p = await fetch(
-        `${o}/v1/attachments/${e}/vod`,
+      const n = m(), g = await $(
+        `${n}/v1/attachments/${r}/vod`,
         {
           method: "GET",
-          credentials: "include",
           headers: {
             Accept: "*/*"
           },
-          signal: t.signal
+          signal: e.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 (!g.ok) {
+        await d(e.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);
       } else
-        n.current = setTimeout(() => {
-          g();
+        d(e.signal), o.current = setTimeout(() => {
+          y();
         }, 3e3);
-    } catch (o) {
-      if (o instanceof Error && o.name === "AbortError" || !u.current || t.signal.aborted) return;
-      d(!0);
+    } catch (n) {
+      if (n instanceof Error && n.name === "AbortError" || !c.current || e.signal.aborted) return;
+      w(!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 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;
       };
-  }, [e]), m(() => {
-    if (!l || !s.current) return;
-    const t = s.current.querySelector(
+  }, [r]), E(() => {
+    if (!f && !b || !R.current) return;
+    const e = R.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 };
+    e && (u ? s !== !1 && e.play().catch((n) => {
+      console.error("Ошибка при воспроизведении видео:", n);
+    }) : e.pause());
+  }, [u, f, b, s]), { containerRef: R, fallbackToRawAttachment: C, isError: v, vodUrl: f, rawUrl: b };
 };
 export {
-  C as useShakePlayer
+  V as useShakePlayer
 };

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,mDAoNhC,CAAC"}
+{"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"}

package/dist/components/AttachmentsPreview/AttachmentsPreview.js

@@ -1,7 +1,7 @@
 import { jsxs as n, Fragment as C, jsx as r } from "react/jsx-runtime";
 import { Download01Icon as g } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as x } from "@hugeicons/react";
-import { Stack as v, Grid as z, Box as h, Image as F, LoadingOverlay as f, ActionIcon as c, CloseIcon as I, Flex as y, Text as N } from "@mantine/core";
+import { Stack as v, Grid as z, Box as h, Image as F, LoadingOverlay as y, ActionIcon as c, CloseIcon as f, Flex as I, Text as N } from "@mantine/core";
 import { useDisclosure as M } from "@mantine/hooks";
 import { getFileIcons as P } from "../../helpers/getFileIcons.js";
 import { getFileType as A } from "../../helpers/getFileType.js";
@@ -16,7 +16,7 @@ const U = ({
   const [T, { open: w, close: b }] = M(!1), s = o.filter((e) => e.isImage), d = o.filter((e) => !e.isImage), D = s.map((e) => ({
     id: e.id,
     Url: e.url,
-    contentType: "image",
+    contentType: e.type || "image/png",
     fileName: e.name,
     originalFileName: e.name,
     fileSize: e.size,
@@ -40,17 +40,16 @@ const U = ({
         return /* @__PURE__ */ r(z.Col, { span: "content", children: /* @__PURE__ */ n(
           h,
           {
-            w: 56,
-            h: 56,
             pos: "relative",
             className: a.imagePreviewWrapper,
+            style: { width: "var(--attachment-image-w, 56px)", height: "var(--attachment-image-h, 56px)" },
             children: [
               /* @__PURE__ */ r(
                 F,
                 {
                   src: e.src,
-                  width: 56,
-                  height: 56,
+                  w: "100%",
+                  h: "100%",
                   fit: "cover",
                   radius: "sm",
                   style: {
@@ -60,7 +59,7 @@ const U = ({
                 }
               ),
               /* @__PURE__ */ r(
-                f,
+                y,
                 {
                   visible: e.isTemp && t === "view" && u,
                   loaderProps: { size: 20 }
@@ -94,7 +93,7 @@ const U = ({
                   color: "dark",
                   onClick: () => i(l),
                   className: a.deleteButton,
-                  children: /* @__PURE__ */ r(I, { size: "12px" })
+                  children: /* @__PURE__ */ r(f, { size: "12px" })
                 }
               )
             ]
@@ -111,14 +110,14 @@ const U = ({
             const l = o.indexOf(e);
             return /* @__PURE__ */ n(h, { className: a.filePreviewWrapper, children: [
               /* @__PURE__ */ r(
-                f,
+                y,
                 {
                   visible: e.isTemp && t === "view" && u,
                   loaderProps: { size: 20 }
                 }
               ),
               /* @__PURE__ */ n(
-                y,
+                I,
                 {
                   align: "center",
                   justify: "space-between",
@@ -126,7 +125,7 @@ const U = ({
                   gap: 2,
                   children: [
                     /* @__PURE__ */ n(
-                      y,
+                      I,
                       {
                         align: "center",
                         gap: "xs",
@@ -190,7 +189,7 @@ const U = ({
                   color: "dark",
                   onClick: () => i(l),
                   className: a.deleteButton,
-                  children: /* @__PURE__ */ r(I, { size: "12px" })
+                  children: /* @__PURE__ */ r(f, { size: "12px" })
                 }
               )
             ] }, e.id);

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

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

package/dist/components/Chat/CallMessage/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface CallMessageProps {
+    /** Call state */
+    variant: 'ended' | 'active' | 'missed' | 'declined';
+    /** Who initiated: outgoing = you called, incoming = they called */
+    outgoing?: boolean;
+    /** Audio or video call */
+    callType?: 'audio' | 'video';
+    /** DM (1:1) or channel (group) call */
+    mode?: 'dm' | 'channel';
+    /** Duration string: "20 seconds", "8 minutes" */
+    duration?: string;
+    /** Time string for DM calls: "14:03" */
+    time?: string;
+    /** Number of participants (channel mode) */
+    participantCount?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CallMessage: React.NamedExoticComponent<CallMessageProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Chat/CallMessage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/CallMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,uCAAuC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,8CA6EtB,CAAC"}