@layers-app/shared 0.3.9 → 0.4.1

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

@@ -1,4 +1,4 @@
-const e = "_page_188hj_3", g = "_figureContainer_188hj_16", _ = "_figure_188hj_16", a = "_figureA_188hj_29", r = "_figureB_188hj_33", n = "_grainOverlay_188hj_115", i = "_badgeWrap_188hj_127", t = "_badge0_188hj_155", d = "_badge1_188hj_160", o = "_badge2_188hj_169", b = "_badge3_188hj_178", s = {
+const e = "_page_qm43p_5", g = "_figureContainer_qm43p_31", _ = "_figure_qm43p_31", a = "_figureA_qm43p_57", r = "_figureB_qm43p_65", n = "_grainOverlay_qm43p_229", i = "_badgeWrap_qm43p_253", p = "_badge0_qm43p_309", t = "_badge1_qm43p_319", d = "_badge2_qm43p_337", o = "_badge3_qm43p_355", b = {
   page: e,
   figureContainer: g,
   figure: _,
@@ -6,18 +6,18 @@ const e = "_page_188hj_3", g = "_figureContainer_188hj_16", _ = "_figure_188hj_1
   figureB: r,
   grainOverlay: n,
   badgeWrap: i,
-  badge0: t,
-  badge1: d,
-  badge2: o,
-  badge3: b
+  badge0: p,
+  badge1: t,
+  badge2: d,
+  badge3: o
 };
 export {
-  t as badge0,
-  d as badge1,
-  o as badge2,
-  b as badge3,
+  p as badge0,
+  t as badge1,
+  d as badge2,
+  o as badge3,
   i as badgeWrap,
-  s as default,
+  b as default,
   _ as figure,
   a as figureA,
   r as figureB,

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

@@ -7,6 +7,11 @@ declare global {
 }
 export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, showAppsSidebar, headerBorderless, withBg, isBeta, hideHeader, showSearch, showMore, showBorders, showLogo, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
     NavbarContent: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    NewButton: ({ children, ...props }: import("@mantine/core").PolymorphicComponentProps<"button", import("@mantine/core").ButtonProps>) => import("react/jsx-runtime").JSX.Element;
+    NewButton: import("react").ForwardRefExoticComponent<Omit<import("@mantine/core").ButtonProps & {
+        component?: "button" | undefined;
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "component" | keyof import("@mantine/core").ButtonProps> & {
+        ref?: import("react").Ref<HTMLButtonElement> | undefined;
+        renderRoot?: (props: any) => any;
+    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 //# sourceMappingURL=AppContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAwGD,eAAO,MAAM,YAAY,uNAnFtB,iBAAiB;;;CAsFlB,CAAC"}
+{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAwGD,eAAO,MAAM,YAAY,uNAnFtB,iBAAiB;;;;;;;;CAsFlB,CAAC"}

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

@@ -1,4 +1,4 @@
-const t = "_toolTitleInput_103nq_19", n = "_appSidebarButton_103nq_34", o = "_slideContainer_103nq_55", e = "_slideContent_103nq_61", i = "_main_103nq_76", l = "_floatingMeetSlot_103nq_85", a = {
+const t = "_toolTitleInput_7pu9q_37", n = "_appSidebarButton_7pu9q_67", o = "_slideContainer_7pu9q_109", e = "_slideContent_7pu9q_121", i = "_main_7pu9q_151", l = "_floatingMeetSlot_7pu9q_169", a = {
   toolTitleInput: t,
   appSidebarButton: n,
   slideContainer: o,

package/dist/components/AppContainer/components/ToolbarNewButton.d.ts

@@ -1,3 +1,8 @@
-import { ButtonProps, PolymorphicComponentProps } from '@mantine/core';
-export declare const ToolbarNewButton: ({ children, ...props }: PolymorphicComponentProps<"button", ButtonProps>) => import("react/jsx-runtime").JSX.Element;
+import { ButtonProps } from '@mantine/core';
+export declare const ToolbarNewButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps & {
+    component?: "button" | undefined;
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "component" | keyof ButtonProps> & {
+    ref?: import("react").Ref<HTMLButtonElement> | undefined;
+    renderRoot?: (props: any) => any;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ToolbarNewButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarNewButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolbarNewButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE/E,eAAO,MAAM,gBAAgB,GAAI,wBAG9B,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC,4CAmBlD,CAAC"}
+{"version":3,"file":"ToolbarNewButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolbarNewButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAC;AAE/E,eAAO,MAAM,gBAAgB;;;;;6DAuB3B,CAAC"}

package/dist/components/AppContainer/components/ToolbarNewButton.js

@@ -1,15 +1,14 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Add01Icon as r } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as n } from "@hugeicons/react";
-import { Button as e } from "@mantine/core";
-const c = ({
-  children: o,
-  ...i
-}) => /* @__PURE__ */ t(
-  e,
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { Add01Icon as n } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as m } from "@hugeicons/react";
+import { Button as f } from "@mantine/core";
+const s = e(({ children: t, ...r }, i) => /* @__PURE__ */ o(
+  f,
   {
+    ref: i,
     px: 8,
-    leftSection: /* @__PURE__ */ t(n, { icon: r, size: 16 }),
+    leftSection: /* @__PURE__ */ o(m, { icon: n, size: 16 }),
     justify: "flex-start",
     variant: "filled",
     size: "sm",
@@ -19,10 +18,11 @@ const c = ({
         marginInlineEnd: 8
       }
     },
-    ...i,
-    children: o
+    ...r,
+    children: t
   }
-);
+));
+s.displayName = "ToolbarNewButton";
 export {
-  c as ToolbarNewButton
+  s as ToolbarNewButton
 };

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.module.css.js

@@ -1,4 +1,4 @@
-const t = "_dot_h8jhb_1", o = "_line_h8jhb_9", e = {
+const t = "_dot_w7tk6_1", o = "_line_w7tk6_17", e = {
   dot: t,
   line: o
 };

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

@@ -1,6 +1,6 @@
-const e = "_root_9zlef_1", t = "_header_9zlef_9", o = "_section_9zlef_20", _ = "_leftSidebar_9zlef_28", n = "_rightSidebar_9zlef_36", r = "_main_9zlef_44", i = "_workContent_9zlef_52", a = {
-  root: e,
-  header: t,
+const t = "_root_10w7v_1", e = "_header_10w7v_17", o = "_section_10w7v_39", _ = "_leftSidebar_10w7v_55", n = "_rightSidebar_10w7v_71", r = "_main_10w7v_87", i = "_workContent_10w7v_103", a = {
+  root: t,
+  header: e,
   section: o,
   leftSidebar: _,
   rightSidebar: n,
@@ -9,11 +9,11 @@ const e = "_root_9zlef_1", t = "_header_9zlef_9", o = "_section_9zlef_20", _ = "
 };
 export {
   a as default,
-  t as header,
+  e as header,
   _ as leftSidebar,
   r as main,
   n as rightSidebar,
-  e as root,
+  t as root,
   o as section,
   i as workContent
 };

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,6CAiGtD,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,6CAoGtD,CAAC"}

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

@@ -1,29 +1,29 @@
-import { jsx as r, jsxs as P } from "react/jsx-runtime";
-import { memo as F } from "react";
-import { TransformWrapper as U, TransformComponent as y } from "react-zoom-pan-pinch";
+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 E } from "../../Loaders/BaseLoader.js";
-import { ShakaVideoPlayer as O } from "./ShakePlayer/ShakaPlayer.js";
-import { ZOOM_CONFIG as a, TRANSFORM_COMPONENT_STYLES as c } from "../constants.js";
-import { useGetPreviewUrl as b } from "../hooks/useGetPreviewUrl.js";
-import { usePanning as x } from "../hooks/usePanning.js";
+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 T } from "./UnsupportedSection.js";
+import { UnsupportedSection as x } from "./UnsupportedSection.js";
 import i from "../styles.module.css.js";
-const h = F(
+const A = P(
   ({ onTransformed: S, attachment: e, isActive: s, ref: N }) => {
     const {
-      isError: m,
+      isError: n,
       setIsError: g,
       fileUrl: o,
-      isFetching: n,
+      isFetching: m,
       isVideo: d,
       isPdf: t,
       isAudio: f,
-      isSupported: u
-    } = b(e), C = x({ isFetching: n, isVideo: d });
+      isSupported: c
+    } = O(e), y = b({ isFetching: m, isVideo: d });
     return /* @__PURE__ */ r(
-      U,
+      F,
       {
         panning: {
           disabled: !0
@@ -33,7 +33,7 @@ const h = F(
         minScale: a.minScale,
         maxScale: a.maxScale,
         limitToBounds: !0,
-        disabled: n || d || t || f || !u,
+        disabled: m || d || t || f || !c,
         disablePadding: !0,
         centerZoomedOut: !0,
         ref: N,
@@ -45,26 +45,26 @@ const h = F(
           disabled: !0
         },
         children: /* @__PURE__ */ r(
-          y,
+          T,
           {
-            wrapperStyle: c,
-            contentStyle: c,
-            wrapperProps: C,
-            children: u ? n ? /* @__PURE__ */ r(E, {}) : d ? /* @__PURE__ */ r(l, { className: i.videoContainer, children: /* @__PURE__ */ r(
-              O,
+            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 ? m || !(e?.Url || o) ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(l, { className: i.pdfContainer, children: /* @__PURE__ */ r(
+            ) }) : 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 ? m || !(e?.Url || o) ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ P(l, { className: i.audioContainer, children: [
+            ) }) : 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",
@@ -75,7 +75,7 @@ const h = F(
                   className: i.audioElement
                 }
               )
-            ] }) : m ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(
+            ] }) : n ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(
               "img",
               {
                 onError: () => g(!0),
@@ -83,7 +83,13 @@ const h = F(
                 className: i.imageContainer,
                 src: e?.Url ?? o ?? ""
               }
-            ) : /* @__PURE__ */ r(T, { filename: e.originalFileName })
+            ) : /* @__PURE__ */ r(
+              x,
+              {
+                filename: e.originalFileName,
+                contentType: e.contentType
+              }
+            )
           }
         )
       }
@@ -91,5 +97,5 @@ const h = F(
   }
 );
 export {
-  h 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.module.css.js

@@ -1,7 +1,7 @@
-const e = {
-  "vod-player": "_vod-player_be6om_1",
-  "vod-player__player": "_vod-player__player_be6om_13"
+const a = {
+  "vod-player": "_vod-player_1paib_1",
+  "vod-player__player": "_vod-player__player_1paib_25"
 };
 export {
-  e as default
+  a as default
 };

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

@@ -1,6 +1,7 @@
 interface Props {
     filename?: string;
+    contentType?: string;
 }
-export declare const UnsupportedSection: ({ filename }: Props) => import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"UnsupportedSection.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/UnsupportedSection.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,GAAI,cAAc,KAAK,4CAqBrD,CAAC"}
+{"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

@@ -1,16 +1,17 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { useTranslation as n } from "react-i18next";
-import { Flex as p, Stack as c, Text as t } from "@mantine/core";
-import { IconFileOff as o } from "@tabler/icons-react";
-const g = ({ filename: e }) => {
-  const { t: l } = n("ui");
-  return /* @__PURE__ */ r(p, { align: "center", justify: "center", children: /* @__PURE__ */ a(c, { align: "center", gap: "xs", maw: 480, p: "xl", children: [
-    /* @__PURE__ */ r(o, { size: 48, color: "var(--app-gallary-text)" }),
-    /* @__PURE__ */ r(t, { c: "var(--app-gallary-text)", fz: "lg", fw: 600, children: l("gallery.unsupportedTitle") }),
-    e ? /* @__PURE__ */ r(t, { c: "var(--app-gallary-text)", fz: "sm", ta: "center", fs: "italic", children: e }) : null,
-    /* @__PURE__ */ r(t, { c: "var(--app-gallary-text)", fz: "sm", ta: "center", children: l("gallery.unsupportedBody") })
+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 {
-  g as UnsupportedSection
+  y as UnsupportedSection
 };

package/dist/components/AttachmentsGalleryModal/styles.module.css.js

@@ -1,4 +1,4 @@
-const o = "_container_13fbv_1", n = "_root_13fbv_7", t = "_carouselRoot_13fbv_14", e = "_carouselViewport_13fbv_18", a = "_carouselSlide_13fbv_22", _ = "_navButton_13fbv_29", r = "_navButtonPrev_13fbv_42", i = "_navButtonNext_13fbv_46", v = "_modalContent_13fbv_50", d = "_modalBody_13fbv_55", c = "_videoContainer_13fbv_61", s = "_imageContainer_13fbv_66", u = "_pdfContainer_13fbv_73", f = "_pdfFrame_13fbv_81", l = "_audioContainer_13fbv_88", m = "_audioName_13fbv_103", b = "_audioElement_13fbv_111", C = {
+const o = "_container_329fy_1", n = "_root_329fy_13", t = "_carouselRoot_329fy_27", e = "_carouselViewport_329fy_35", a = "_carouselSlide_329fy_43", _ = "_navButton_329fy_57", r = "_navButtonPrev_329fy_83", i = "_navButtonNext_329fy_91", d = "_modalContent_329fy_99", c = "_modalBody_329fy_109", s = "_videoContainer_329fy_121", u = "_imageContainer_329fy_131", f = "_pdfContainer_329fy_145", l = "_pdfFrame_329fy_161", y = "_audioContainer_329fy_175", m = "_audioName_329fy_205", v = "_audioElement_329fy_221", C = {
   container: o,
   root: n,
   carouselRoot: t,
@@ -7,33 +7,33 @@ const o = "_container_13fbv_1", n = "_root_13fbv_7", t = "_carouselRoot_13fbv_14
   navButton: _,
   navButtonPrev: r,
   navButtonNext: i,
-  modalContent: v,
-  modalBody: d,
-  videoContainer: c,
-  imageContainer: s,
-  pdfContainer: u,
-  pdfFrame: f,
-  audioContainer: l,
+  modalContent: d,
+  modalBody: c,
+  videoContainer: s,
+  imageContainer: u,
+  pdfContainer: f,
+  pdfFrame: l,
+  audioContainer: y,
   audioName: m,
-  audioElement: b
+  audioElement: v
 };
 export {
-  l as audioContainer,
-  b as audioElement,
+  y as audioContainer,
+  v as audioElement,
   m as audioName,
   t as carouselRoot,
   a as carouselSlide,
   e as carouselViewport,
   o as container,
   C as default,
-  s as imageContainer,
-  d as modalBody,
-  v as modalContent,
+  u as imageContainer,
+  c as modalBody,
+  d as modalContent,
   _ as navButton,
   i as navButtonNext,
   r as navButtonPrev,
-  u as pdfContainer,
-  f as pdfFrame,
+  f as pdfContainer,
+  l as pdfFrame,
   n as root,
-  c as videoContainer
+  s as videoContainer
 };

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

@@ -1,4 +1,4 @@
-const e = "_imagePreviewWrapper_qqm20_1", t = "_deleteButton_qqm20_6", o = "_downloadButton_qqm20_13", i = "_filePreviewList_qqm20_32", r = "_fileDownloadName_qqm20_45", a = "_filePreviewWrapper_qqm20_51", l = {
+const e = "_imagePreviewWrapper_1814g_1", t = "_deleteButton_1814g_11", o = "_downloadButton_1814g_25", i = "_filePreviewList_1814g_63", r = "_fileDownloadName_1814g_89", a = "_filePreviewWrapper_1814g_101", l = {
   imagePreviewWrapper: e,
   deleteButton: t,
   downloadButton: o,

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

@@ -1,15 +1,15 @@
-const o = "_wrapper_1y9p0_1", s = "_logo_1y9p0_8", p = "_desktop_1y9p0_23", _ = "_shadow_1y9p0_37", t = "_desktopShadow_1y9p0_50", d = {
+const o = "_wrapper_1n4or_1", s = "_logo_1n4or_15", _ = "_desktop_1n4or_45", t = "_shadow_1n4or_73", d = "_desktopShadow_1n4or_99", p = {
   wrapper: o,
   logo: s,
-  desktop: p,
-  shadow: _,
-  desktopShadow: t
+  desktop: _,
+  shadow: t,
+  desktopShadow: d
 };
 export {
-  d as default,
-  p as desktop,
-  t as desktopShadow,
+  p as default,
+  _ as desktop,
+  d as desktopShadow,
   s as logo,
-  _ as shadow,
+  t as shadow,
   o as wrapper
 };

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

@@ -1,4 +1,4 @@
-const o = "_accordionRoot_3pkfo_1", c = "_accordionControl_3pkfo_5", n = "_accordionItem_3pkfo_9", t = {
+const o = "_accordionRoot_1of7x_1", c = "_accordionControl_1of7x_9", n = "_accordionItem_1of7x_17", t = {
   accordionRoot: o,
   accordionControl: c,
   accordionItem: n