@layers-app/shared 0.1.5 → 0.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppContainerStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA4GjE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;iCA9CI,OAAO;iCAIP,MAAM;kCAIL,MAAM;mCAKL,MAAM;4BASb,kBAAkB;0BAIpB,MAAM;;CAoByB,CAAC"}

package/dist/components/AppContainer/hooks/useAppContainerStore.js

@@ -0,0 +1,65 @@
+import { create as i } from "zustand";
+import { persist as h, createJSONStorage as l } from "zustand/middleware";
+const s = 338, n = () => {
+  const o = i(
+    h(
+      () => ({
+        layout: "default",
+        showToolbar: !0,
+        theme: "indigo",
+        hiddenTools: [],
+        toolbarWidth: 280,
+        isTourPassed: !1,
+        showRightbar: !1,
+        rightbarWidth: 338
+      }),
+      {
+        name: "app-menu",
+        // increment version to migrate saved data.
+        version: 2,
+        storage: l(() => localStorage),
+        migrate: (a) => (a?.rightbarWidth < s && (a.rightbarWidth = s), a)
+      }
+    )
+  );
+  return {
+    useStore: o,
+    api: g(o)
+  };
+}, g = (o) => ({
+  toggleToolbar: () => {
+    o.setState((t) => ({ ...t, showToolbar: !t.showToolbar }));
+  },
+  closeToolbar: () => o.setState({ showToolbar: !1 }),
+  openToolbar: () => o.setState({ showToolbar: !0 }),
+  toggleRightbar: () => {
+    o.setState((t) => ({ ...t, showRightbar: !t.showRightbar }));
+  },
+  closeRightbar: () => o.setState({ showRightbar: !1 }),
+  openRightbar: () => o.setState({ showRightbar: !0 }),
+  toggleTourPassed: (t) => {
+    o.setState({ isTourPassed: t });
+  },
+  setToolbarWidth: (t) => {
+    o.setState({ toolbarWidth: t });
+  },
+  setRightbarWidth: (t) => {
+    const e = Math.max(t, s);
+    o.setState({ rightbarWidth: e });
+  },
+  toggleToolVisibility: (t) => {
+    o.setState((e) => ({
+      ...e,
+      hiddenTools: e.hiddenTools.includes(t) ? e.hiddenTools.filter((r) => r !== t) : [...e.hiddenTools, t]
+    }));
+  },
+  setLayout: (t) => {
+    o.setState({ layout: t });
+  },
+  setTheme: (t) => {
+    o.setState({ theme: t });
+  }
+}), A = n();
+export {
+  A as appContainerStore
+};

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

@@ -0,0 +1,3 @@
+import { AppContainerLayout } from '../types';
+export declare const useSetAppContainerLayout: (layout?: AppContainerLayout) => void;
+//# sourceMappingURL=useSetAppContainerLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSetAppContainerLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useSetAppContainerLayout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,eAAO,MAAM,wBAAwB,GACnC,SAAQ,kBAA8B,SASvC,CAAC"}

package/dist/components/AppContainer/hooks/useSetAppContainerLayout.js

@@ -0,0 +1,10 @@
+import { useEffect as o } from "react";
+import { appContainerStore as e } from "./useAppContainerStore.js";
+const p = (t = "default") => {
+  o(() => (e.api.setLayout(t), () => {
+    e.api.setLayout("default");
+  }), [t]);
+};
+export {
+  p as useSetAppContainerLayout
+};

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

@@ -5,17 +5,20 @@ import { MenuUser, UserNotifications } from './components/menus/UserMenu/MenuUse
 export type ToolDef = {
     id: string;
     name: string;
-    icon: ReactNode;
+    icon: (props?: {
+        size?: number;
+    }) => ReactNode;
     path: string;
     onClick?: () => void;
     withBackButton?: boolean;
     entityName?: string;
 };
 export type AppContainerProps = {
+    showAppsSidebar?: boolean;
     content?: ReactNode;
     toolbar?: ReactNode;
     rightbar?: ReactNode;
-    header?: ReactNode;
+    header: ReactNode;
     navbarTitle?: string;
     displayType?: 'ROUNDED' | 'BOXED';
     footer?: ReactNode;
@@ -38,6 +41,7 @@ export type AppContainerDataStore = {
     version: string;
     updatedAt: string;
     privacyPolicyLink: string;
+    userAgreementLink: string;
     whatsNewItems: WhatsNewProps['items'];
 };
 type ReadNotificationsRequest = {
@@ -48,15 +52,16 @@ type ReadNotificationsRequest = {
 export type AppContainerActionsStore = {
     readNotificationsFunc: (data: ReadNotificationsRequest) => void;
 };
+export type AppContainerLayout = 'header-only' | 'nothing' | 'default';
 export type AppContainerStore = {
     toolbarWidth: number;
     showToolbar: boolean;
     theme: string;
     hiddenTools: string[];
-    withoutToolbar: boolean;
-    withoutHeader: boolean;
+    layout: AppContainerLayout;
     isTourPassed: boolean;
     showRightbar: boolean;
     rightbarWidth: number;
 };
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,aAAa,EAAE,kBAAkB,CAAC;IAClC,IAAI,EAAE,QAAQ,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,qBAAqB,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/components/AppShell/AppShell.d.ts

@@ -10,3 +10,4 @@ export declare const AppShell: (({ children, ...props }: PropsWithChildren<AppSh
     Main: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
     WorkContent: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
 };
+//# sourceMappingURL=AppShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAqErC,eAAO,MAAM,QAAQ,4BAhClB,iBAAiB,CAAC,aAAa,CAAC;sCAnCM,iBAAiB,CAAC,QAAQ,CAAC;0CAwBvB,iBAAiB,CAAC,QAAQ,CAAC;2CAmB1B,iBAAiB,CAAC,QAAQ,CAAC;sCAnChC,iBAAiB,CAAC,QAAQ,CAAC;qCAQ5B,iBAAiB,CAAC,QAAQ,CAAC;mCAmC7B,iBAAiB,CAAC,QAAQ,CAAC;0CAQpB,iBAAiB,CAAC,QAAQ,CAAC;CAgBtE,CAAC"}

package/dist/components/AppShell/AppShell.js

@@ -0,0 +1,18 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Box as r } from "@mantine/core";
+import o from "./AppShell.module.css.js";
+const s = ({ children: e, ...t }) => /* @__PURE__ */ n(r, { className: o.section, ...t, children: e }), a = ({ children: e, ...t }) => /* @__PURE__ */ n(r, { className: o.content, ...t, children: e }), c = ({ children: e, ...t }) => /* @__PURE__ */ n(r, { component: "header", className: o.header, ...t, children: e }), m = ({ children: e, ...t }) => /* @__PURE__ */ n(r, { className: o.leftSidebar, ...t, children: e }), i = ({
+  children: e,
+  ...t
+}) => /* @__PURE__ */ n(r, { className: o.root, ...t, children: e }), l = ({ children: e, ...t }) => /* @__PURE__ */ n(r, { className: o.rightSidebar, ...t, children: e }), p = ({ children: e, ...t }) => /* @__PURE__ */ n(r, { component: "main", className: o.main, ...t, children: e }), u = ({ children: e, ...t }) => /* @__PURE__ */ n(r, { className: o.workContent, ...t, children: e }), b = Object.assign(i, {
+  Section: s,
+  LeftSidebar: m,
+  RightSidebar: l,
+  Content: a,
+  Header: c,
+  Main: p,
+  WorkContent: u
+});
+export {
+  b as AppShell
+};

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

@@ -0,0 +1,19 @@
+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,
+  section: o,
+  leftSidebar: _,
+  rightSidebar: n,
+  main: r,
+  workContent: i
+};
+export {
+  a as default,
+  t as header,
+  _ as leftSidebar,
+  r as main,
+  n as rightSidebar,
+  e as root,
+  o as section,
+  i as workContent
+};

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

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
-import { EmblaCarouselType } from 'embla-carousel';
+import { type ReactNode } from 'react';
+import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
+import type { EmblaCarouselType } from 'embla-carousel';
 interface AttachmentsGalleryContextValue {
     embla: EmblaCarouselType | null;
     setEmbla: (embla: EmblaCarouselType | null) => void;
@@ -11,12 +12,14 @@ interface AttachmentsGalleryContextValue {
     setSelectedIndex: (value: number) => void;
     zoomPercentage: number;
     setZoomPercentage: (value: number) => void;
-    transformRefs: React.MutableRefObject<any[]>;
+    transformRefs: React.MutableRefObject<ReactZoomPanPinchContentRef[]>;
     prevIndexRef: React.MutableRefObject<number>;
 }
 export declare const useAttachmentsGalleryContext: () => AttachmentsGalleryContextValue;
 interface AttachmentsGalleryProviderProps {
     children: ReactNode;
+    initialIndex: number;
 }
-export declare const AttachmentsGalleryProvider: ({ children, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentsGalleryProvider: ({ children, initialIndex, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=AttachmentsGalleryContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsGalleryContext.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/AttachmentsGalleryContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,UAAU,8BAA8B;IACtC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,2BAA2B,EAAE,CAAC,CAAC;IACrE,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAC9C;AAKD,eAAO,MAAM,4BAA4B,sCAQxC,CAAC;AAEF,UAAU,+BAA+B;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,0BAA0B,GAAI,6BAGxC,+BAA+B,4CA6BjC,CAAC"}

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryContext.js

@@ -0,0 +1,39 @@
+import { jsx as C } from "react/jsx-runtime";
+import { useState as e, useRef as n, createContext as P, useContext as S } from "react";
+const o = P(null), G = () => {
+  const t = S(o);
+  if (!t)
+    throw new Error(
+      "useAttachmentsGalleryContext must be used within AttachmentsGalleryProvider"
+    );
+  return t;
+}, p = ({
+  children: t,
+  initialIndex: r
+}) => {
+  const [s, l] = e(null), [c, a] = e(!1), [m, x] = e(!1), [u, d] = e(r ?? 0), [f, i] = e(100), h = n([]), v = n(0);
+  return /* @__PURE__ */ C(
+    o.Provider,
+    {
+      value: {
+        embla: s,
+        setEmbla: l,
+        canScrollPrev: c,
+        setCanScrollPrev: a,
+        canScrollNext: m,
+        setCanScrollNext: x,
+        selectedIndex: u,
+        setSelectedIndex: d,
+        zoomPercentage: f,
+        setZoomPercentage: i,
+        transformRefs: h,
+        prevIndexRef: v
+      },
+      children: t
+    }
+  );
+};
+export {
+  p as AttachmentsGalleryProvider,
+  G as useAttachmentsGalleryContext
+};

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

@@ -5,5 +5,6 @@ interface AttachmentsGalleryModalV2Props {
     attachments?: IFileResponse[];
     initialIndex?: number;
 }
-export declare const AttachmentsGalleryModal: import('react').MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
+export declare const AttachmentsGalleryModal: import("react").MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
 export {};
+//# sourceMappingURL=AttachmentsGalleryModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsGalleryModal.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/AttachmentsGalleryModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAarD,UAAU,8BAA8B;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8GD,eAAO,MAAM,uBAAuB,6FAM/B,8BAA8B,6CAyBlC,CAAC"}

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryModal.js

@@ -0,0 +1,127 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { memo as w } from "react";
+import { Carousel as h } from "@mantine/carousel";
+import { Modal as B, Box as a, ActionIcon as v } from "@mantine/core";
+import { useHotkeys as I } from "@mantine/hooks";
+import { IconChevronLeft as M, IconChevronRight as P } from "@tabler/icons-react";
+import b from "clsx";
+import { AttachmentsGalleryProvider as G, useAttachmentsGalleryContext as R } from "./AttachmentsGalleryContext.js";
+import { GallerySlide as k } from "./components/GallerySlide.js";
+import { ModalFooter as E } from "./components/ModalFooter.js";
+import { ModalHeader as F } from "./components/ModalHeader.js";
+import { MODAL_TRANSITION as L } from "./constants.js";
+import { useEmblaCarousel as T } from "./hooks/useEmblaCarousel.js";
+import o from "./styles.module.css.js";
+const j = ({
+  onClose: t,
+  initialIndex: l = 0,
+  attachments: r = []
+}) => {
+  const { setEmbla: s, selectedIndex: n, setZoomPercentage: g, transformRefs: C } = R(), {
+    scrollPrev: c,
+    scrollNext: m,
+    canScrollPrev: N,
+    canScrollNext: S,
+    visibleSlides: y
+  } = T();
+  I([
+    ["arrowLeft", c],
+    ["arrowRight", m]
+  ]);
+  const d = r?.length <= 1;
+  return /* @__PURE__ */ p(a, { autoFocus: !0, className: o.root, children: [
+    /* @__PURE__ */ e(F, { attachments: r, onClose: t }),
+    /* @__PURE__ */ p("div", { className: o.container, children: [
+      /* @__PURE__ */ e(
+        h,
+        {
+          draggable: !1,
+          getEmblaApi: s,
+          withIndicators: !1,
+          withControls: !1,
+          initialSlide: l ?? 0,
+          height: "100%",
+          classNames: {
+            root: o.carouselRoot,
+            viewport: o.carouselViewport,
+            slide: o.carouselSlide
+          },
+          children: r.map((f, i) => {
+            const A = y.includes(i);
+            return /* @__PURE__ */ e(h.Slide, { children: A ? /* @__PURE__ */ e(
+              k,
+              {
+                isActive: i === n,
+                ref: (u) => {
+                  C.current[i] = u;
+                },
+                attachment: f,
+                onTransformed: (u, x) => {
+                  i === n && g(
+                    Number((x.scale * 100).toFixed(0))
+                  );
+                }
+              }
+            ) : /* @__PURE__ */ e(a, {}) }, f?.id);
+          })
+        }
+      ),
+      !d && /* @__PURE__ */ e(a, { className: b(o.navButton, o.navButtonPrev), children: /* @__PURE__ */ e(
+        v,
+        {
+          variant: "subtle",
+          bg: "transparent",
+          size: 44,
+          onClick: c,
+          disabled: !N,
+          color: "var(--app-container-item-bg-hover)",
+          children: /* @__PURE__ */ e(M, {})
+        }
+      ) }),
+      !d && /* @__PURE__ */ e(a, { className: b(o.navButton, o.navButtonNext), children: /* @__PURE__ */ e(
+        v,
+        {
+          variant: "subtle",
+          disabled: !S,
+          bg: "transparent",
+          color: "var(--app-container-item-bg-hover)",
+          size: 44,
+          onClick: m,
+          children: /* @__PURE__ */ e(P, {})
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(E, { attachments: r })
+  ] });
+}, Y = w(
+  ({
+    opened: t,
+    onOpenChange: l,
+    attachments: r,
+    initialIndex: s
+  }) => /* @__PURE__ */ e(
+    B,
+    {
+      transitionProps: L,
+      classNames: {
+        content: o.modalContent,
+        body: o.modalBody
+      },
+      withCloseButton: !1,
+      opened: t,
+      onClose: () => l?.(!1),
+      fullScreen: !0,
+      children: t && /* @__PURE__ */ e(G, { initialIndex: s ?? 0, children: /* @__PURE__ */ e(
+        j,
+        {
+          attachments: r,
+          initialIndex: s,
+          onClose: () => l?.(!1)
+        }
+      ) })
+    }
+  )
+);
+export {
+  Y as AttachmentsGalleryModal
+};

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

@@ -1 +1,2 @@
 export declare const ErrorSection: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSection.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ErrorSection.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,+CASxB,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ErrorSection.js

@@ -0,0 +1,14 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { useTranslation as o } from "react-i18next";
+import { Flex as i, Text as l } from "@mantine/core";
+import { IconAlertCircle as n } from "@tabler/icons-react";
+const s = () => {
+  const { t } = o("ui");
+  return /* @__PURE__ */ e(i, { align: "center", justify: "center", direction: "column", children: [
+    /* @__PURE__ */ r(n, { size: 36, color: "var(--app-gallary-text)" }),
+    /* @__PURE__ */ r(l, { c: "var(--app-gallary-text)", children: t("gallery.fileError") })
+  ] });
+};
+export {
+  s as ErrorSection
+};

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

@@ -5,5 +5,6 @@ interface IProps {
     isActive: boolean;
     attachment: IFileResponse;
 }
-export declare const GallerySlide: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<IProps & import('react').RefAttributes<HTMLDivElement>>>;
+export declare const GallerySlide: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLDivElement>>>;
 export {};
+//# sourceMappingURL=GallerySlide.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GallerySlide.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/GallerySlide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK5E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AASxD,UAAU,MAAM;IACd,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,wIAoExB,CAAC"}

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

@@ -0,0 +1,69 @@
+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 { ShakaVideoPlayer as N } from "./ShakePlayer/ShakaPlayer.js";
+import { Box as O } from "@mantine/core";
+import { BaseLoader as P } from "../../Loaders/BaseLoader.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(P, {}) : /* @__PURE__ */ r(a, { children: l ? /* @__PURE__ */ r(O, { className: m.videoContainer, children: /* @__PURE__ */ r(
+                N,
+                {
+                  isActive: s,
+                  autoPlay: !1,
+                  attachmentId: e.id
+                }
+              ) }) : /* @__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 ?? ""
+                }
+              ) }) })
+            }
+          )
+        }
+      );
+    }
+  )
+);
+export {
+  k as GallerySlide
+};

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

@@ -2,3 +2,4 @@ import { IFileResponse } from '../../../types/files.ts';
 export declare const ModalFooter: ({ attachments, }: {
     attachments?: IFileResponse[];
 }) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ModalFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalFooter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,eAAO,MAAM,WAAW,GAAI,kBAEzB;IACD,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B,mDAeA,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ModalFooter.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useMenu as l } from "../../../hooks/useMenu.js";
+import { Flex as i, Text as s } from "@mantine/core";
+import { useAttachmentsGalleryContext as a } from "../AttachmentsGalleryContext.js";
+const f = ({
+  attachments: t
+}) => {
+  const { selectedIndex: r } = a(), o = t?.[r], { isMobile: n } = l();
+  return n ? /* @__PURE__ */ e(i, { justify: "center", style: { flex: "none" }, children: /* @__PURE__ */ e(s, { py: 8, size: "xs", c: "var(--app-gallary-text)", children: o?.originalFileName }) }) : null;
+};
+export {
+  f as ModalFooter
+};

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

@@ -3,5 +3,6 @@ interface ModalHeaderProps {
     onClose: () => void;
     attachments?: IFileResponse[];
 }
-export declare const ModalHeader: import('react').MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ModalHeader: import("react").MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
+//# sourceMappingURL=ModalHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,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"}