@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/AppContainer/components/ToolSidebar.js

@@ -0,0 +1,131 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useRef as b, useEffect as m, useMemo as S } from "react";
+import { useTranslation as y } from "react-i18next";
+import { useNavigate as C, useParams as W, useLocation as I, matchPath as z } from "react-router-dom";
+import { ActionIcon as A, Title as L, TextInput as N, Text as k } from "@mantine/core";
+import { useField as B } from "@mantine/form";
+import { IconArrowLeft as H } from "@tabler/icons-react";
+import { AppShell as c } from "../../AppShell/AppShell.js";
+import { NavbarResizer as P } from "../../NavbarResizer/NavbarResizer.js";
+import { useAppContainerDataStore as R } from "../hooks/useAppContainerDataStore.js";
+import { appContainerStore as d } from "../hooks/useAppContainerStore.js";
+import { SidebarToggleButton as V } from "./SidebarToggleButton.js";
+import { SlideAnimation as j } from "./SlideAnimation.js";
+import f from "../AppContainer.module.css.js";
+const _ = (u) => {
+  const { t: g } = y("appContainer"), { children: T, navbarTitle: o, onTitleChange: i } = u, w = C(), { showToolbar: a, toolbarWidth: x } = d.useStore(), { formId: v } = W(), l = b(i);
+  m(() => {
+    l.current = i;
+  }, [i]);
+  const s = B({
+    initialValue: o || "",
+    onValueChange: (e) => {
+      l.current?.(e);
+    }
+  });
+  m(() => {
+    s.setValue(o || "");
+  }, [o]);
+  const p = I(), h = R((e) => e.tools), n = S(() => h.find((e) => !!z({ path: e.path, end: !1 }, p.pathname)), [p.pathname, h]);
+  return /* @__PURE__ */ t(
+    j,
+    {
+      show: a,
+      width: "var(--toolbar-width)",
+      position: "left",
+      children: /* @__PURE__ */ r(c.LeftSidebar, { pos: "relative", children: [
+        a && /* @__PURE__ */ t(
+          P,
+          {
+            position: "left",
+            width: x,
+            onChange: d.api.setToolbarWidth
+          }
+        ),
+        /* @__PURE__ */ r(c.Header, { pl: 16, pr: 14, children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 8,
+                flex: 1,
+                minWidth: 0
+              },
+              children: [
+                n?.withBackButton && v && n.name && /* @__PURE__ */ t(
+                  A,
+                  {
+                    onClick: () => w(n?.path),
+                    variant: "light",
+                    size: "md",
+                    color: "gray",
+                    children: /* @__PURE__ */ t(H, { size: 18 })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  L,
+                  {
+                    order: 4,
+                    fz: 16,
+                    component: "div",
+                    style: { flex: 1, minWidth: 0 },
+                    children: i ? /* @__PURE__ */ t(
+                      N,
+                      {
+                        ...s.getInputProps(),
+                        placeholder: g("noName"),
+                        maxLength: 50,
+                        minLength: 1,
+                        unstyled: !0,
+                        classNames: {
+                          input: f.toolTitleInput
+                        },
+                        styles: {
+                          root: {
+                            width: "100%",
+                            flex: 1,
+                            minWidth: "calc(100% - 40px)"
+                          },
+                          input: {
+                            fontSize: "inherit",
+                            fontWeight: "inherit",
+                            lineHeight: "inherit",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap"
+                          }
+                        }
+                      }
+                    ) : /* @__PURE__ */ t(
+                      k,
+                      {
+                        component: "span",
+                        className: f.toolTitleText,
+                        truncate: "end",
+                        style: {
+                          fontSize: "inherit",
+                          fontWeight: "inherit",
+                          lineHeight: "inherit",
+                          display: "block",
+                          width: "100%"
+                        },
+                        children: o
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(V, {})
+        ] }),
+        T
+      ] })
+    }
+  );
+};
+export {
+  _ as ToolSidebar
+};

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+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,
+  {
+    px: 8,
+    leftSection: /* @__PURE__ */ t(n, { icon: r, size: 16 }),
+    justify: "flex-start",
+    variant: "filled",
+    size: "sm",
+    fullWidth: !0,
+    styles: {
+      section: {
+        marginInlineEnd: 8
+      }
+    },
+    ...i,
+    children: o
+  }
+);
+export {
+  c as ToolbarNewButton
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,+CA2GpB,CAAC"}

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

@@ -0,0 +1,122 @@
+import { jsxs as o, jsx as e, Fragment as d } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+import { DiscountTag02Icon as f, CustomerSupportIcon as u, Layers01Icon as S, BookOpen01Icon as I, LicenseIcon as b } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as n } from "@hugeicons/react";
+import { Stack as v, Button as s, Menu as i, Text as k } from "@mantine/core";
+import w from "../../../../../assets/svg/discord-icon.svg.js";
+import y from "../../../../../assets/svg/telegram-icon.svg.js";
+import { useAppContainerDataStore as D } from "../../../hooks/useAppContainerDataStore.js";
+import { WhatsNew as z } from "./WhatsNew.js";
+const P = () => {
+  const { t } = g("helpMenu"), {
+    showMessenger: r,
+    showNewMessage: a,
+    version: m,
+    updatedAt: l,
+    privacyPolicyLink: p,
+    userAgreementLink: h,
+    whatsNewItems: c
+  } = D();
+  return /* @__PURE__ */ o(v, { gap: 6, p: 4, children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        component: "a",
+        href: "https://t.me/layers_app",
+        target: "_blank",
+        bg: "blue.5",
+        leftSection: /* @__PURE__ */ e(y, { width: 16, height: 16 }),
+        c: "white",
+        size: "sm",
+        justify: "flex-start",
+        children: t("joinTelegram")
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        component: "a",
+        href: "https://discord.gg/mEd2PbchRD",
+        target: "_blank",
+        bg: "indigo.5",
+        leftSection: /* @__PURE__ */ e(w, { width: 16, height: 16 }),
+        c: "white",
+        size: "sm",
+        justify: "flex-start",
+        children: t("joinDiscord")
+      }
+    ),
+    /* @__PURE__ */ e(i.Divider, {}),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        onClick: () => {
+          r(), a(t("contactSalesMessage"));
+        },
+        leftSection: /* @__PURE__ */ e(n, { icon: f, size: 16 }),
+        children: t("contactSales")
+      }
+    ),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        onClick: r,
+        leftSection: /* @__PURE__ */ e(n, { icon: u, size: 16 }),
+        children: t("getSupport")
+      }
+    ),
+    /* @__PURE__ */ e(i.Divider, {}),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        leftSection: /* @__PURE__ */ e(n, { icon: S, size: 16 }),
+        component: "a",
+        href: "https://layers.md/",
+        target: "_blank",
+        children: t("aboutLayers")
+      }
+    ),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        variant: "outline",
+        component: "a",
+        target: "_blank",
+        href: h,
+        leftSection: /* @__PURE__ */ e(n, { icon: I, size: 16 }),
+        children: t("userAgreement")
+      }
+    ),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        variant: "outline",
+        component: "a",
+        target: "_blank",
+        href: p,
+        leftSection: /* @__PURE__ */ e(n, { icon: b, size: 16 }),
+        children: t("termsAndPrivacy")
+      }
+    ),
+    /* @__PURE__ */ e(i.Divider, {}),
+    !!c?.length && /* @__PURE__ */ o(d, { children: [
+      /* @__PURE__ */ e(z, { items: c }),
+      /* @__PURE__ */ e(i.Divider, {})
+    ] }),
+    /* @__PURE__ */ o(k, { size: "xs", c: "dimmed", children: [
+      t("updated"),
+      " ",
+      l,
+      /* @__PURE__ */ e("br", {}),
+      "Layers v",
+      m,
+      /* @__PURE__ */ e("br", {}),
+      "© ",
+      (/* @__PURE__ */ new Date()).getFullYear(),
+      " Layers Web Application"
+    ] })
+  ] });
+};
+export {
+  P as HelpMenu
+};

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

@@ -0,0 +1,9 @@
+const t = "_dot_1x557_1", o = "_line_1x557_9", e = {
+  dot: t,
+  line: o
+};
+export {
+  e as default,
+  t as dot,
+  o as line
+};

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

@@ -5,3 +5,4 @@ export type WhatsNewProps = {
     }[];
 };
 export declare const WhatsNew: ({ items }: WhatsNewProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WhatsNew.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WhatsNew.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/WhatsNew.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,WAAW,aAAa,4CAiDhD,CAAC"}

package/dist/components/AppContainer/components/menus/HelpMenu/WhatsNew.js

@@ -0,0 +1,58 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { LinkSquare02Icon as d } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import { Stack as s, Menu as a, Title as g, Flex as f, Button as y } from "@mantine/core";
+import o from "./HelpMenu.module.css.js";
+const L = ({ items: r }) => {
+  const { t } = p("helpMenu");
+  return /* @__PURE__ */ n(s, { gap: 12, children: [
+    /* @__PURE__ */ n(s, { gap: 0, children: [
+      /* @__PURE__ */ e(a.Label, { children: /* @__PURE__ */ e(g, { order: 6, component: "span", c: "var(--mantine-color-bright)", children: t("whatsNew") }) }),
+      r?.map((i, l, c) => {
+        const h = l === 0, m = l === c.length - 1;
+        return /* @__PURE__ */ e(
+          a.Item,
+          {
+            px: 12,
+            py: 0,
+            h: 35,
+            component: "a",
+            href: i.link,
+            target: "_blank",
+            styles: {
+              itemLabel: {
+                height: "100%"
+              }
+            },
+            children: /* @__PURE__ */ n(f, { gap: 10, h: "100%", children: [
+              /* @__PURE__ */ e(v, { isFirst: h, isLast: m }),
+              i.title
+            ] })
+          },
+          i.title
+        );
+      })
+    ] }),
+    /* @__PURE__ */ e(
+      y,
+      {
+        rightSection: /* @__PURE__ */ e(u, { icon: d, size: "1em" }),
+        variant: "default",
+        size: "xs",
+        fullWidth: !0,
+        children: t("showMore")
+      }
+    )
+  ] });
+}, v = ({
+  isFirst: r,
+  isLast: t
+}) => /* @__PURE__ */ n(s, { gap: 4, h: "100%", align: "center", children: [
+  /* @__PURE__ */ e("div", { className: o.line, style: { opacity: r ? 0 : 1 } }),
+  /* @__PURE__ */ e("div", { className: o.dot }),
+  /* @__PURE__ */ e("div", { className: o.line, style: { opacity: t ? 0 : 1 } })
+] });
+export {
+  L as WhatsNew
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/menus/MoreMenu.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ,+CAwCpB,CAAC"}

package/dist/components/AppContainer/components/menus/MoreMenu.js

@@ -0,0 +1,42 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Link as c } from "react-router-dom";
+import { PinIcon as m } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as p } from "@hugeicons/react";
+import { useAppContainerDataStore as a } from "../../hooks/useAppContainerDataStore.js";
+import { Stack as s, Menu as l, ActionIcon as d } from "@mantine/core";
+import { IconPinFilled as f } from "@tabler/icons-react";
+import { appContainerStore as n } from "../../hooks/useAppContainerStore.js";
+const y = () => {
+  const e = n.useStore((o) => o.hiddenTools), t = a((o) => o.tools);
+  return /* @__PURE__ */ i(s, { gap: 2, children: t?.map((o) => /* @__PURE__ */ i(
+    l.Item,
+    {
+      component: c,
+      to: o.path,
+      leftSection: o.icon({ size: 16 }),
+      rightSection: /* @__PURE__ */ i(
+        d,
+        {
+          size: "sm",
+          color: "gray",
+          variant: "subtle",
+          onClick: (r) => {
+            r.preventDefault(), r.stopPropagation(), n.api.toggleToolVisibility(o.id);
+          },
+          children: e.includes(o.id) ? /* @__PURE__ */ i(p, { icon: m, size: 16 }) : /* @__PURE__ */ i(
+            f,
+            {
+              size: 16,
+              color: "var(--mantine-primary-color-filled)"
+            }
+          )
+        }
+      ),
+      children: o.name
+    },
+    o.id
+  )) });
+};
+export {
+  y as MoreMenu
+};

package/dist/components/AppContainer/components/menus/UserMenu/MenuUserDropdown.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { appMode } from '../../../../..';
 import { FloatingPosition } from '@mantine/core';
+import { appMode } from '../../../../../helpers/isAppMode';
 export type MenuUser = {
     id: string;
     avatar: string | null;
@@ -29,3 +29,4 @@ export type MenuUserDropdownProps = PropsWithChildren<{
     user: MenuUser;
 }>;
 export declare const MenuUserDropdown: ({ position, children, user, menuItems, }: MenuUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuUserDropdown.d.ts.map

package/dist/components/AppContainer/components/menus/UserMenu/MenuUserDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuUserDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/UserMenu/MenuUserDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAGL,gBAAgB,EAIjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAG3D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,GAAI,0CAK9B,qBAAqB,4CAyCvB,CAAC"}

package/dist/components/AppContainer/components/menus/UserMenu/MenuUserDropdown.js

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Menu as t, Stack as l, Flex as h, Text as i, Divider as s } from "@mantine/core";
+import { UserAvatar as o } from "../../../../UserAvatar/index.js";
+const x = ({
+  position: d = "bottom-end",
+  children: m,
+  user: r,
+  menuItems: c
+}) => /* @__PURE__ */ n(t, { keepMounted: !0, offset: 16, position: d, children: [
+  /* @__PURE__ */ e(t.Target, { children: m ?? /* @__PURE__ */ e(
+    o,
+    {
+      user: r,
+      size: 36,
+      style: {
+        cursor: "pointer"
+      }
+    }
+  ) }),
+  /* @__PURE__ */ e(t.Dropdown, { w: 264, children: /* @__PURE__ */ n(l, { gap: 2, children: [
+    /* @__PURE__ */ n(h, { h: 49, px: "sm", gap: 10, mb: 5, py: 6, children: [
+      /* @__PURE__ */ e(o, { user: r, size: 36 }),
+      /* @__PURE__ */ n("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ e(
+          i,
+          {
+            c: "var(--mantine-color-bright)",
+            lh: "sm",
+            fz: "sm",
+            fw: 700,
+            truncate: "end",
+            children: r.name
+          }
+        ),
+        /* @__PURE__ */ e(i, { lh: "140%", fz: "xs", c: "dimmed", truncate: "end", children: r.email })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(s, {}),
+    c
+  ] }) })
+] });
+export {
+  x as MenuUserDropdown
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAI3E,eAAO,MAAM,eAAe,GAAI,oNAgB7B,qBAAqB,GAAG,wBAAwB,SAsClD,CAAC"}

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

@@ -0,0 +1,60 @@
+import { useLayoutEffect as z } from "react";
+import { useAppContainerActionsStore as B } from "./useAppContainerActionsStore.js";
+import { useAppContainerDataStore as G } from "./useAppContainerDataStore.js";
+const O = ({
+  user: t,
+  workspaceMenu: p,
+  tools: S,
+  userMenuItems: f,
+  notifications: r,
+  isAnonym: C,
+  readNotificationsFunc: m,
+  publicMode: o,
+  showMessenger: x,
+  showNewMessage: A,
+  version: D,
+  updatedAt: E,
+  privacyPolicyLink: a,
+  userAgreementLink: j,
+  whatsNewItems: q
+}) => {
+  z(() => {
+    G.setState({
+      user: t,
+      workspaceMenu: p,
+      tools: S,
+      userMenuItems: f,
+      notifications: r,
+      isAnonym: C,
+      publicMode: o,
+      showMessenger: x,
+      showNewMessage: A,
+      version: D,
+      updatedAt: E,
+      privacyPolicyLink: a,
+      userAgreementLink: j,
+      whatsNewItems: q
+    }), B.setState({
+      readNotificationsFunc: m
+    });
+  }, [
+    C,
+    r,
+    o,
+    m,
+    x,
+    A,
+    S,
+    t,
+    f,
+    p,
+    D,
+    E,
+    a,
+    j,
+    q
+  ]);
+};
+export {
+  O as useAppContainer
+};

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

@@ -1,2 +1,3 @@
 import { AppContainerActionsStore } from '../types';
-export declare const useAppContainerActionsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AppContainerActionsStore>>;
+export declare const useAppContainerActionsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AppContainerActionsStore>>;
+//# sourceMappingURL=useAppContainerActionsStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppContainerActionsStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerActionsStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,2BAA2B,uFAIvC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { create as o } from "zustand";
+const e = o(
+  () => ({
+    readNotificationsFunc: () => {
+    }
+  })
+);
+export {
+  e as useAppContainerActionsStore
+};

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

@@ -1,2 +1,3 @@
 import { AppContainerDataStore } from '../types';
-export declare const useAppContainerDataStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AppContainerDataStore>>;
+export declare const useAppContainerDataStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AppContainerDataStore>>;
+//# sourceMappingURL=useAppContainerDataStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppContainerDataStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerDataStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,wBAAwB,oFA8BlC,CAAC"}

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

@@ -0,0 +1,37 @@
+import { create as e } from "zustand";
+const a = e(() => ({
+  tools: [],
+  user: {
+    avatar: "",
+    email: "",
+    id: "",
+    name: "",
+    mode: "SAAS",
+    role: ""
+  },
+  version: "",
+  updatedAt: "",
+  privacyPolicyLink: "",
+  userAgreementLink: "",
+  userMenuItems: null,
+  workspaceMenu: {
+    items: [],
+    active: {
+      workspaceId: "",
+      workspaceName: "",
+      workspaceIcon: "",
+      plan: "FREE"
+    }
+  },
+  whatsNewItems: [],
+  notifications: [],
+  isAnonym: !1,
+  publicMode: !1,
+  showMessenger: () => {
+  },
+  showNewMessage: () => {
+  }
+}));
+export {
+  a as useAppContainerDataStore
+};

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

@@ -1,17 +1,17 @@
 import { StoreApi, UseBoundStore } from 'zustand';
-import { AppContainerStore } from '../types';
+import { AppContainerLayout, AppContainerStore } from '../types';
 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;
+            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>>;
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
         };
     }>;
     api: {
@@ -25,8 +25,8 @@ export declare const appContainerStore: {
         setToolbarWidth: (width: number) => void;
         setRightbarWidth: (width: number) => void;
         toggleToolVisibility: (id: string) => void;
-        setWithoutToolbar: (flag: boolean) => void;
-        setWithoutHeader: (flag: boolean) => void;
+        setLayout: (layout: AppContainerLayout) => void;
         setTheme: (theme: string) => void;
     };
 };
+//# sourceMappingURL=useAppContainerStore.d.ts.map