@layers-app/shared 0.0.43 → 0.0.45

package/dist/KanbanLayout-C6wJBGZ2.js

@@ -0,0 +1,287 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useTranslation as A } from "react-i18next";
+import { Flex as r, Text as c, ActionIcon as a, Divider as p, Box as m, Avatar as u, Skeleton as s } from "@mantine/core";
+import "react";
+import { IconCheck as h, IconBug as S, IconSquareRotated as F, IconPlus as f, IconCalendarEvent as g, IconEqual as w } from "@tabler/icons-react";
+import "react-router-dom";
+import { randomId as y } from "@mantine/hooks";
+import "@tanstack/react-query";
+import "query-string";
+import "@mantine/form";
+import "@mantine/dropzone";
+import "@mantine/notifications";
+import "lodash-es";
+import { u as I, S as z } from "./index-W83Evo8i.js";
+import "react-dom";
+import "draggable-ui";
+import "@mantine/modals";
+import "i18next";
+import "framer-motion";
+import "@mantine/dates";
+const _ = "_column_10zam_1", k = "_card_10zam_6", o = {
+  column: _,
+  card: k
+}, Z = () => {
+  const { tasksList: b, statusesList: d } = I(), D = /* @__PURE__ */ new Date(), B = (i) => {
+    const n = new Date(D);
+    return n.setDate(n.getDate() + (3 + i)), n.toDateString();
+  }, { t: l } = A("onboarding"), v = [
+    {
+      id: y(),
+      color: "blue",
+      icon: h,
+      name: l("selectCategory.options.task"),
+      type: "task",
+      order: 1
+    },
+    {
+      id: y(),
+      color: "orange",
+      icon: S,
+      name: l("selectCategory.options.bug"),
+      type: "bug",
+      order: 2
+    },
+    {
+      id: y(),
+      color: "grape",
+      icon: F,
+      name: l("selectCategory.options.milestone"),
+      type: "milestone",
+      order: 3
+    }
+  ], E = (i) => {
+    const n = v.find((j) => j.type === i);
+    return n ? /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: n.color, children: /* @__PURE__ */ t(n.icon, {}) }) : null;
+  };
+  return /* @__PURE__ */ e(r, { gap: 13, align: "start", w: "100%", children: [
+    /* @__PURE__ */ e(
+      r,
+      {
+        gap: 11,
+        p: 7,
+        direction: "column",
+        w: 340,
+        className: o.column,
+        children: [
+          /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
+            /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
+              /* @__PURE__ */ t(z, { color: "#228BE6", title: d[0] }),
+              /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
+                "(",
+                l("defineStatuses.tasks"),
+                ": ",
+                b.length,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
+          ] }),
+          /* @__PURE__ */ t(p, { w: "100%" }),
+          b.map((i, n) => /* @__PURE__ */ e(
+            r,
+            {
+              gap: 0,
+              direction: "column",
+              align: "start",
+              justify: "space-between",
+              w: "100%",
+              h: 105,
+              className: o.card,
+              px: 14,
+              py: 9,
+              children: [
+                /* @__PURE__ */ e(m, { children: [
+                  /* @__PURE__ */ t(c, { fz: 18, fw: 400, children: i.title }),
+                  /* @__PURE__ */ e(r, { align: "center", children: [
+                    /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
+                    /* @__PURE__ */ t(c, { fz: 16, c: "#495057", children: B(n) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
+                  /* @__PURE__ */ e(r, { children: [
+                    E(i.type),
+                    /* @__PURE__ */ e(c, { fz: 13, children: [
+                      "DEMO-",
+                      n + 1
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(r, { children: [
+                    /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
+                    /* @__PURE__ */ t(
+                      u,
+                      {
+                        variant: "filled",
+                        color: "#228BE6",
+                        radius: "xl",
+                        size: 24
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            i.id
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      r,
+      {
+        gap: 11,
+        p: 7,
+        direction: "column",
+        w: 340,
+        className: o.column,
+        children: [
+          /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
+            /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
+              /* @__PURE__ */ t(z, { color: "#12B886", title: d[1] }),
+              /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
+                "(",
+                l("defineStatuses.tasks"),
+                ": 2)"
+              ] })
+            ] }),
+            /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
+          ] }),
+          /* @__PURE__ */ t(p, { w: "100%" }),
+          Array(2).fill(0).map((i, n) => /* @__PURE__ */ e(
+            r,
+            {
+              gap: 0,
+              direction: "column",
+              align: "start",
+              justify: "space-between",
+              w: "100%",
+              h: 105,
+              className: o.card,
+              px: 14,
+              py: 9,
+              children: [
+                /* @__PURE__ */ e(m, { children: [
+                  /* @__PURE__ */ t(
+                    s,
+                    {
+                      animate: !1,
+                      mb: 15,
+                      w: n === 0 ? 128 : 172,
+                      h: 18
+                    }
+                  ),
+                  /* @__PURE__ */ e(r, { align: "center", children: [
+                    /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
+                    /* @__PURE__ */ t(s, { animate: !1, w: n === 0 ? 52 : 63, h: 12 })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
+                  /* @__PURE__ */ e(r, { children: [
+                    /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ t(h, {}) }),
+                    /* @__PURE__ */ e(c, { c: "#ADB5BD", fz: 13, children: [
+                      "DEMO-",
+                      n + 4
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(r, { children: [
+                    /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
+                    /* @__PURE__ */ t(
+                      u,
+                      {
+                        variant: "filled",
+                        color: "#228BE6",
+                        radius: "xl",
+                        size: 24
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            n
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      r,
+      {
+        gap: 11,
+        p: 7,
+        direction: "column",
+        w: 340,
+        className: o.column,
+        children: [
+          /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
+            /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
+              /* @__PURE__ */ t(z, { color: "#FA5252", title: d[2] }),
+              /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
+                "(",
+                l("defineStatuses.tasks"),
+                ": 2)"
+              ] })
+            ] }),
+            /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
+          ] }),
+          /* @__PURE__ */ t(p, { w: "100%" }),
+          Array(2).fill(0).map((i, n) => /* @__PURE__ */ e(
+            r,
+            {
+              gap: 0,
+              direction: "column",
+              align: "start",
+              justify: "space-between",
+              w: "100%",
+              h: 105,
+              className: o.card,
+              px: 14,
+              py: 9,
+              children: [
+                /* @__PURE__ */ e(m, { children: [
+                  /* @__PURE__ */ t(
+                    s,
+                    {
+                      animate: !1,
+                      mb: 15,
+                      w: n === 0 ? 266 : 150,
+                      h: 18
+                    }
+                  ),
+                  /* @__PURE__ */ e(r, { align: "center", children: [
+                    /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
+                    /* @__PURE__ */ t(s, { animate: !1, w: n === 0 ? 72 : 46, h: 12 })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
+                  /* @__PURE__ */ e(r, { children: [
+                    /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ t(h, {}) }),
+                    /* @__PURE__ */ e(c, { c: "#ADB5BD", fz: 13, children: [
+                      "DEMO-",
+                      n + 6
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(r, { children: [
+                    /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
+                    /* @__PURE__ */ t(
+                      u,
+                      {
+                        variant: "filled",
+                        color: "#228BE6",
+                        radius: "xl",
+                        size: 24
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            n
+          ))
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Z as default
+};

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

@@ -5,8 +5,7 @@ declare global {
         preSignMode?: boolean;
     }
 }
-export declare const AppContainer: (({ header, content, navbar, navbarTitle, displayType, footer, onTitleChange, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
     NavbarContent: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    NavbarFooter: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    NavbarHeader: ({ 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;
 };

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

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+declare global {
+    interface Window {
+        publicMode?: boolean;
+        preSignMode?: boolean;
+    }
+}
+export declare const Header: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const Main: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { MouseEventHandler } from 'react';
+type AppSidebarButtonProps = {
+    title: string;
+    icon: React.ReactNode;
+    active?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+};
+export declare const AppSidebarButton: import('react').ForwardRefExoticComponent<AppSidebarButtonProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1 @@
+export declare const AppsSection: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const AppsSidebar: ({ trashMenu, onInviteClick, }: {
+    trashMenu: React.ReactNode;
+    onInviteClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const TopSection: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const UserSection: ({ trashMenu, onInviteClick, }: {
+    trashMenu: React.ReactNode;
+    onInviteClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-import { AppContainerProps } from '../types';
-export declare const MobileNavbar: (props: Pick<AppContainerProps, "navbar">) => import("react/jsx-runtime").JSX.Element;
+import { PropsWithChildren } from 'react';
+export declare const MobileNavbar: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const RightSidebar: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const SidebarToggleButton: ({ forOpen }: {
+    forOpen?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+export declare const SlideAnimation: ({ children, show, width, position, }: {
+    children: React.ReactNode;
+    show: boolean;
+    width: string;
+    position: "left" | "right";
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { AppContainerProps } from '../types';
+export declare const ToolSidebar: (props: PropsWithChildren<Pick<AppContainerProps, "navbarTitle" | "onTitleChange">>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ButtonProps, PolymorphicComponentProps } from '@mantine/core';
+export declare const ToolbarNewButton: ({ children, ...props }: PolymorphicComponentProps<"button", ButtonProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const HelpMenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/menus/HelpMenu/WhatsNew.d.ts

@@ -0,0 +1,7 @@
+export type WhatsNewProps = {
+    items?: {
+        title: string;
+        link: string;
+    }[];
+};
+export declare const WhatsNew: ({ items }: WhatsNewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const MoreMenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/{MenuUserDropdown.d.ts → menus/UserMenu/MenuUserDropdown.d.ts}

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { appMode } from '../../..';
+import { appMode } from '../../../../..';
 import { FloatingPosition } from '@mantine/core';
 export type MenuUser = {
     id: string;

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

@@ -1,2 +1,2 @@
 import { AppContainerActionsStore, AppContainerDataStore } from '../types';
-export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, }: AppContainerDataStore & AppContainerActionsStore) => void;
+export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, version, updatedAt, privacyPolicyLink, whatsNewItems, }: AppContainerDataStore & AppContainerActionsStore) => void;

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

@@ -1,14 +1,32 @@
+import { StoreApi, UseBoundStore } from 'zustand';
 import { AppContainerStore } from '../types';
-export declare const useAppContainerStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AppContainerStore>, "setState" | "persist"> & {
-    setState(partial: AppContainerStore | Partial<AppContainerStore> | ((state: AppContainerStore) => AppContainerStore | Partial<AppContainerStore>), replace?: false | undefined): unknown;
-    setState(state: AppContainerStore | ((state: AppContainerStore) => AppContainerStore), replace: true): unknown;
-    persist: {
-        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: AppContainerStore) => void) => () => void;
-        onFinishHydration: (fn: (state: AppContainerStore) => void) => () => void;
-        getOptions: () => Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
+export declare const appContainerStore: {
+    useStore: UseBoundStore<Omit<StoreApi<AppContainerStore>, "setState" | "persist"> & {
+        setState(partial: AppContainerStore | Partial<AppContainerStore> | ((state: AppContainerStore) => AppContainerStore | Partial<AppContainerStore>), replace?: false | undefined): unknown;
+        setState(state: AppContainerStore | ((state: AppContainerStore) => AppContainerStore), replace: true): unknown;
+        persist: {
+            setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>) => void;
+            clearStorage: () => void;
+            rehydrate: () => Promise<void> | void;
+            hasHydrated: () => boolean;
+            onHydrate: (fn: (state: AppContainerStore) => void) => () => void;
+            onFinishHydration: (fn: (state: AppContainerStore) => void) => () => void;
+            getOptions: () => Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
+        };
+    }>;
+    api: {
+        toggleToolbar: () => void;
+        closeToolbar: () => void;
+        openToolbar: () => void;
+        toggleRightbar: () => void;
+        closeRightbar: () => void;
+        openRightbar: () => void;
+        toggleTourPassed: (flag: boolean) => void;
+        setToolbarWidth: (width: number) => void;
+        setRightbarWidth: (width: number) => void;
+        toggleToolVisibility: (id: string) => void;
+        setWithoutToolbar: (flag: boolean) => void;
+        setWithoutHeader: (flag: boolean) => void;
+        setTheme: (theme: string) => void;
     };
-}>;
+};

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { WorkspaceMenuProps } from '../WorkspaceMenu/WorkspaceMenu';
-import { MenuUser, UserNotifications } from './components/MenuUserDropdown';
+import { WhatsNewProps } from './components/menus/HelpMenu/WhatsNew';
+import { MenuUser, UserNotifications } from './components/menus/UserMenu/MenuUserDropdown';
 export type ToolDef = {
     id: string;
     name: string;
@@ -12,12 +13,15 @@ export type ToolDef = {
 };
 export type AppContainerProps = {
     content?: ReactNode;
-    navbar?: ReactNode;
+    toolbar?: ReactNode;
+    rightbar?: ReactNode;
     header?: ReactNode;
     navbarTitle?: string;
     displayType?: 'ROUNDED' | 'BOXED';
     footer?: ReactNode;
     onTitleChange?: (title?: string) => void;
+    trashMenu?: ReactNode;
+    onInviteClick?: () => void;
 };
 export type AppContainerDataStore = {
     tools: ToolDef[];
@@ -31,6 +35,10 @@ export type AppContainerDataStore = {
     publicMode: boolean;
     showMessenger: () => void;
     showNewMessage: (message: string) => void;
+    version: string;
+    updatedAt: string;
+    privacyPolicyLink: string;
+    whatsNewItems: WhatsNewProps['items'];
 };
 type ReadNotificationsRequest = {
     messageIds: number[];
@@ -41,18 +49,14 @@ export type AppContainerActionsStore = {
     readNotificationsFunc: (data: ReadNotificationsRequest) => void;
 };
 export type AppContainerStore = {
-    navbarWidth: number;
-    onNavbarWidthChange: (width: number) => void;
-    opened: boolean;
-    toggle: () => void;
-    close: () => void;
-    open: () => void;
+    toolbarWidth: number;
+    showToolbar: boolean;
     theme: string;
     hiddenTools: string[];
-    toggleToolVisibility: (id: string) => void;
-    withoutNavbar: boolean;
+    withoutToolbar: boolean;
     withoutHeader: boolean;
     isTourPassed: boolean;
-    toggleTourPassed: (flag: boolean) => void;
+    showRightbar: boolean;
+    rightbarWidth: number;
 };
 export {};

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

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { BoxProps } from '@mantine/core';
+export type AppShellProps = BoxProps;
+export declare const AppShell: (({ children, ...props }: PropsWithChildren<AppShellProps>) => import("react/jsx-runtime").JSX.Element) & {
+    Section: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    LeftSidebar: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    RightSidebar: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    Main: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    WorkContent: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { EmblaCarouselType } from 'embla-carousel';
+interface AttachmentsGalleryContextValue {
+    embla: EmblaCarouselType | null;
+    setEmbla: (embla: EmblaCarouselType | null) => void;
+    canScrollPrev: boolean;
+    setCanScrollPrev: (value: boolean) => void;
+    canScrollNext: boolean;
+    setCanScrollNext: (value: boolean) => void;
+    selectedIndex: number;
+    setSelectedIndex: (value: number) => void;
+    zoomPercentage: number;
+    setZoomPercentage: (value: number) => void;
+    transformRefs: React.MutableRefObject<any[]>;
+    prevIndexRef: React.MutableRefObject<number>;
+}
+export declare const useAttachmentsGalleryContext: () => AttachmentsGalleryContextValue;
+interface AttachmentsGalleryProviderProps {
+    children: ReactNode;
+}
+export declare const AttachmentsGalleryProvider: ({ children, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { IFileResponse } from '../../types/files.ts';
+interface AttachmentsGalleryModalV2Props {
+    opened: boolean;
+    onOpenChange?: (opened: boolean) => void;
+    attachments?: IFileResponse[];
+    initialIndex?: number;
+}
+export declare const AttachmentsGalleryModal: import('react').MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
+export {};

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

@@ -0,0 +1 @@
+export declare const ErrorSection: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { TransformWrapper } from 'react-zoom-pan-pinch';
+import { IFileResponse } from '../../../types/files.ts';
+interface IProps {
+    onTransformed?: React.ComponentProps<typeof TransformWrapper>['onTransformed'];
+    isActive: boolean;
+    attachment: IFileResponse;
+}
+export declare const GallerySlide: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<IProps & import('react').RefAttributes<HTMLDivElement>>>;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+import { IFileResponse } from '../../../types/files.ts';
+interface ModalHeaderProps {
+    onClose: () => void;
+    attachments?: IFileResponse[];
+}
+export declare const ModalHeader: import('react').MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

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

@@ -0,0 +1,7 @@
+type BaseProps = {
+    autoPlay?: boolean;
+    isActive?: boolean;
+    attachmentId: string;
+};
+export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, }: BaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,19 @@
+export declare const MOCK_SLIDES: string[];
+export declare const ZOOM_CONFIG: {
+    readonly initialScale: 1;
+    readonly minScale: 1;
+    readonly maxScale: 5;
+    readonly wheelStep: 0.1;
+    readonly doubleClickStep: 0.7;
+};
+export declare const MODAL_TRANSITION: {
+    readonly duration: 200;
+    readonly exitDuration: 200;
+};
+export declare const TRANSFORM_COMPONENT_STYLES: {
+    width: string;
+    height: string;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+};

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

@@ -0,0 +1,8 @@
+import { SyntheticEvent } from 'react';
+import { IFileResponse } from '../../../types/files.ts';
+export declare const useDownloadFile: (targetAttach?: IFileResponse) => {
+    isVideo: boolean;
+    isMobile: boolean;
+    onDownload: (e: SyntheticEvent) => Promise<void>;
+    isFetching: boolean;
+};

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

@@ -0,0 +1,8 @@
+export declare const useEmblaCarousel: () => {
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    selectedIndex: number;
+    visibleSlides: number[];
+};