@layers-app/shared 0.3.0 → 0.3.1

package/dist/components/AppContainer/components/AppsSidebar/UserSection.js

@@ -1,23 +1,23 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useTranslation as I } from "react-i18next";
-import { Link as v } from "react-router-dom";
-import { Delete03Icon as x, UserAdd02Icon as A, HelpCircleIcon as D } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as p } from "@hugeicons/react";
-import { Stack as a, Menu as r, Tooltip as t, ActionIcon as z } from "@mantine/core";
-import { IconUserCircle as C } from "@tabler/icons-react";
-import { usePlatform as S } from "../../../../hooks/usePlatform.js";
-import { useTrashModalStore as U, openTrashModal as y, closeTrashModal as L } from "../../../../store/trashModal.js";
-import { useAppContainerDataStore as j } from "../../hooks/useAppContainerDataStore.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { useTranslation as O } from "react-i18next";
+import { Link as D } from "react-router-dom";
+import { Delete03Icon as E, UserAdd02Icon as x, HelpCircleIcon as A, Wifi01Icon as M, WifiDisconnected04Icon as L } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as s } from "@hugeicons/react";
+import { Stack as d, Menu as r, Tooltip as l, Box as I, ActionIcon as U } from "@mantine/core";
+import { IconUserCircle as F } from "@tabler/icons-react";
+import { usePlatform as R } from "../../../../hooks/usePlatform.js";
+import { useTrashModalStore as k, openTrashModal as z, closeTrashModal as j } from "../../../../store/trashModal.js";
+import { useAppContainerDataStore as G } from "../../hooks/useAppContainerDataStore.js";
 import { AppSidebarButton as c } from "../AppSidebarButton.js";
 import { HelpMenu as H } from "../menus/HelpMenu/HelpMenu.js";
-import { MenuUserDropdown as k } from "../menus/UserMenu/MenuUserDropdown.js";
-const W = ({
-  trashMenu: u,
-  onInviteClick: d
+import { MenuUserDropdown as K } from "../menus/UserMenu/MenuUserDropdown.js";
+const io = ({
+  trashMenu: C,
+  onInviteClick: h
 }) => {
-  const { t: e } = I("appContainer"), g = S(), { user: h, isAnonym: s, userMenuItems: b, publicMode: w, navbarDisplayFormat: M } = j(), T = U((l) => l.opened), m = !s && !w && h.role !== "mG", f = !s && g.has("inviteUsers") && d, i = M === "iconsAndLabels";
-  return /* @__PURE__ */ n(
-    a,
+  const { t: i } = O("appContainer"), m = R(), { user: f, isAnonym: p, userMenuItems: T, publicMode: S, navbarDisplayFormat: v, onSyncClick: g, syncState: N } = G(), w = k((e) => e.opened), u = !p && !S && f.role !== "mG", y = !p && m.has("inviteUsers") && h, n = v === "iconsAndLabels";
+  return /* @__PURE__ */ t(
+    d,
     {
       style: { borderTop: "1px solid var(--app-shell-border)" },
       flex: 1,
@@ -25,71 +25,106 @@ const W = ({
       gap: 16,
       align: "center",
       children: [
-        /* @__PURE__ */ n(
-          a,
+        /* @__PURE__ */ t(
+          d,
           {
-            justify: !m && !f ? "end" : "space-between",
+            justify: !u && !y ? "end" : "space-between",
             gap: 8,
             flex: 1,
             children: [
-              m && /* @__PURE__ */ n(
+              u && /* @__PURE__ */ t(
                 r,
                 {
                   position: "right",
                   offset: 6,
                   width: 360,
-                  opened: T,
-                  onChange: (l) => {
-                    l ? y() : L();
+                  opened: w,
+                  onChange: (e) => {
+                    e ? z() : j();
                   },
                   children: [
                     /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
-                      t,
+                      l,
                       {
-                        label: e("trash"),
+                        label: i("trash"),
                         position: "right",
-                        disabled: i,
+                        disabled: n,
                         children: /* @__PURE__ */ o(
                           c,
                           {
-                            title: i ? e("trash") : null,
-                            icon: /* @__PURE__ */ o(p, { icon: x, size: 20 })
+                            title: n ? i("trash") : null,
+                            icon: /* @__PURE__ */ o(s, { icon: E, size: 20 })
                           }
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ o(r.Dropdown, { children: u })
+                    /* @__PURE__ */ o(r.Dropdown, { children: C })
                   ]
                 }
               ),
-              /* @__PURE__ */ n(a, { gap: 8, children: [
-                f && /* @__PURE__ */ o(t, { label: e("invite"), position: "right", disabled: i, children: /* @__PURE__ */ o(
+              /* @__PURE__ */ t(d, { gap: 8, children: [
+                y && /* @__PURE__ */ o(l, { label: i("invite"), position: "right", disabled: n, children: /* @__PURE__ */ o(
                   c,
                   {
-                    title: i ? e("invite") : null,
-                    icon: /* @__PURE__ */ o(p, { icon: A, size: 20 }),
-                    onClick: d
+                    title: n ? i("invite") : null,
+                    icon: /* @__PURE__ */ o(s, { icon: x, size: 20 }),
+                    onClick: h
                   }
                 ) }),
-                /* @__PURE__ */ n(r, { position: "right-end", offset: 6, width: 260, children: [
-                  /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(t, { label: e("help"), position: "right", disabled: i, children: /* @__PURE__ */ o(
+                /* @__PURE__ */ t(r, { position: "right-end", offset: 6, width: 260, children: [
+                  /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(l, { label: i("help"), position: "right", disabled: n, children: /* @__PURE__ */ o(
                     c,
                     {
-                      title: i ? e("help") : null,
-                      icon: /* @__PURE__ */ o(p, { icon: D, size: 20 })
+                      title: n ? i("help") : null,
+                      icon: /* @__PURE__ */ o(s, { icon: A, size: 20 })
                     }
                   ) }) }),
                   /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(H, {}) })
-                ] })
+                ] }),
+                m.isDesktop && g && (() => {
+                  const e = (N || "").toUpperCase(), a = e === "SYNCED" || e === "OK", b = a ? "var(--mantine-color-green-6)" : e === "SYNCING" ? "var(--mantine-color-blue-6)" : e === "ERROR" || e === "CONFLICT" || e === "OFFLINE" ? "var(--mantine-color-red-6)" : e === "ATTENTION" ? "var(--mantine-color-orange-6)" : "var(--mantine-color-yellow-6)";
+                  return /* @__PURE__ */ o(l, { label: i(a ? "sync.tooltipSynced" : e === "SYNCING" ? "sync.tooltipSyncing" : e === "OFFLINE" ? "sync.tooltipOffline" : e === "ERROR" ? "sync.tooltipError" : e === "CONFLICT" ? "sync.tooltipConflict" : e === "ATTENTION" ? "sync.tooltipAttention" : e === "QUEUED" ? "sync.tooltipQueued" : "sync.tooltipSyncing"), position: "right", children: /* @__PURE__ */ o(
+                    c,
+                    {
+                      title: "Sync",
+                      icon: /* @__PURE__ */ t(I, { pos: "relative", display: "inline-flex", children: [
+                        /* @__PURE__ */ o(
+                          s,
+                          {
+                            icon: a ? M : L,
+                            size: 20,
+                            color: b
+                          }
+                        ),
+                        /* @__PURE__ */ o(
+                          I,
+                          {
+                            pos: "absolute",
+                            bottom: -2,
+                            right: -2,
+                            w: 8,
+                            h: 8,
+                            style: {
+                              borderRadius: "50%",
+                              border: "2px solid var(--app-shell-bg)",
+                              backgroundColor: b
+                            }
+                          }
+                        )
+                      ] }),
+                      onClick: g
+                    }
+                  ) });
+                })()
               ] })
             ]
           }
         ),
-        s ? /* @__PURE__ */ o(v, { to: "/login", children: /* @__PURE__ */ o(t, { label: "Log in", position: "right", children: /* @__PURE__ */ o(z, { size: "lg", variant: "light", children: /* @__PURE__ */ o(C, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
-          k,
+        p ? /* @__PURE__ */ o(D, { to: "/login", children: /* @__PURE__ */ o(l, { label: "Log in", position: "right", children: /* @__PURE__ */ o(U, { size: "lg", variant: "light", children: /* @__PURE__ */ o(F, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
+          K,
           {
-            user: h,
-            menuItems: b,
+            user: f,
+            menuItems: T,
             position: "right-end"
           }
         )
@@ -98,5 +133,5 @@ const W = ({
   );
 };
 export {
-  W as UserSection
+  io as UserSection
 };

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

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

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

@@ -1,9 +1,9 @@
-import { jsxs as s, jsx as e, Fragment as k } from "react/jsx-runtime";
-import { useState as j, useRef as A, useMemo as _, useCallback as h, useEffect as $ } from "react";
-import { useTranslation as B } from "react-i18next";
-import { DiscountTag02Icon as R, CustomerSupportIcon as U, Book02Icon as O, Structure02Icon as H, Layers01Icon as N, BookOpen01Icon as W, LicenseIcon as G } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as i } from "@hugeicons/react";
-import { Stack as K, Button as u, Menu as n, Popover as g, UnstyledButton as Y, Group as q, Text as S } from "@mantine/core";
+import { jsxs as a, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { useState as A, useRef as $, useMemo as B, useCallback as h, useEffect as R } from "react";
+import { useTranslation as _ } from "react-i18next";
+import { DiscountTag02Icon as O, CustomerSupportIcon as U, Book02Icon as H, Structure02Icon as N, BookOpen01Icon as W, LicenseIcon as G } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as s } from "@hugeicons/react";
+import { Stack as K, Button as u, Menu as i, Popover as g, UnstyledButton as Y, Group as q, Text as S } from "@mantine/core";
 import { IconChevronRight as J } from "@tabler/icons-react";
 import Q from "../../../../../assets/svg/discord-icon.svg.js";
 import V from "../../../../../assets/svg/telegram-icon.svg.js";
@@ -11,60 +11,61 @@ import X from "../../../../../assets/svg/whatsapp-icon.svg.js";
 import { brand as o } from "../../../../../config/brand.js";
 import { getEnvConfig as Z } from "../../../../../config/envConfig.js";
 import { isFeature as ee } from "../../../../../helpers/feature.js";
-import { resetFeatureFlow as te } from "../../../../../store/featureProgress.js";
-import { useAppContainerDataStore as oe } from "../../../hooks/useAppContainerDataStore.js";
-import { WhatsNew as re } from "./WhatsNew.js";
+import { usePlatform as te } from "../../../../../hooks/usePlatform.js";
+import { resetFeatureFlow as oe } from "../../../../../store/featureProgress.js";
+import { useAppContainerDataStore as re } from "../../../hooks/useAppContainerDataStore.js";
+import { WhatsNew as ie } from "./WhatsNew.js";
 import { resetOnboarding as ne } from "../../../../OnboardingTour/useOnboardingTour.js";
-import { FeatureProgressKey as ie } from "../../../../FeatureProgress/constants.js";
-const Me = () => {
-  const { t } = B("helpMenu"), [y, f] = j(!1), c = A(null), M = _(() => {
+import { FeatureProgressKey as ae } from "../../../../FeatureProgress/constants.js";
+const ze = () => {
+  const { t } = _("helpMenu"), y = te(), [M, f] = A(!1), c = $(null), T = B(() => {
     const r = Z().analytics;
     return r?.intercomEnabled !== !1 && !!r?.intercomAppId;
   }, []), {
     showMessenger: w,
-    showNewMessage: T,
-    workspaceMenu: z,
-    getFirstPageLink: C,
+    showNewMessage: z,
+    workspaceMenu: C,
+    getFirstPageLink: D,
     version: E,
-    updatedAt: D,
+    updatedAt: P,
     privacyPolicyLink: x,
-    userAgreementLink: L,
+    userAgreementLink: F,
     whatsNewItems: b
-  } = oe(), P = () => {
+  } = re(), j = () => {
     m();
     const r = new URL(window.location.href);
     r.searchParams.get("view") === "graph" && (r.searchParams.delete("view"), window.history.replaceState(
       window.history.state,
       "",
       `${r.pathname}${r.search}${r.hash}`
-    )), ne("graph"), te(ie.GraphStart);
-    const p = window.location.pathname.split("/").filter(Boolean), F = p[0], v = p[1] === "pages" ? p[2] : void 0, l = F || z.active.workspaceId;
+    )), ne("graph"), oe(ae.GraphStart);
+    const p = window.location.pathname.split("/").filter(Boolean), L = p[0], v = p[1] === "pages" ? p[2] : void 0, l = L || C.active.workspaceId;
     if (l) {
       if (v) {
         window.location.assign(`/${l}/pages/${v}`);
         return;
       }
-      const I = C?.(l);
-      if (I) {
-        window.location.assign(I);
+      const k = D?.(l);
+      if (k) {
+        window.location.assign(k);
         return;
       }
       window.location.assign(`/${l}/pages`);
       return;
     }
     window.location.assign("/");
-  }, a = h(() => {
+  }, n = h(() => {
     c.current && (window.clearTimeout(c.current), c.current = null);
   }, []), d = h(() => {
-    a(), f(!0);
-  }, [a]), m = h(() => {
-    a(), c.current = window.setTimeout(() => {
+    n(), f(!0);
+  }, [n]), m = h(() => {
+    n(), c.current = window.setTimeout(() => {
       f(!1);
     }, 120);
-  }, [a]);
-  return $(() => () => {
-    a();
-  }, [a]), /* @__PURE__ */ s(K, { gap: 6, p: 4, children: [
+  }, [n]);
+  return R(() => () => {
+    n();
+  }, [n]), /* @__PURE__ */ a(K, { gap: 6, p: 4, children: [
     o.social.whatsappEnabled && /* @__PURE__ */ e(
       u,
       {
@@ -107,32 +108,32 @@ const Me = () => {
         children: t("joinDiscord")
       }
     ),
-    (o.social.whatsappEnabled || o.social.telegramEnabled || o.social.discordEnabled) && /* @__PURE__ */ e(n.Divider, {}),
-    M && /* @__PURE__ */ s(k, { children: [
+    (o.social.whatsappEnabled || o.social.telegramEnabled || o.social.discordEnabled) && /* @__PURE__ */ e(i.Divider, {}),
+    !y.isDesktop && T && /* @__PURE__ */ a(I, { children: [
       /* @__PURE__ */ e(
-        n.Item,
+        i.Item,
         {
           onClick: () => {
-            w(), T(t("contactSalesMessage"));
+            w(), z(t("contactSalesMessage"));
           },
-          leftSection: /* @__PURE__ */ e(i, { icon: R, size: 16 }),
+          leftSection: /* @__PURE__ */ e(s, { icon: O, size: 16 }),
           children: t("contactSales")
         }
       ),
       /* @__PURE__ */ e(
-        n.Item,
+        i.Item,
         {
           onClick: w,
-          leftSection: /* @__PURE__ */ e(i, { icon: U, size: 16 }),
+          leftSection: /* @__PURE__ */ e(s, { icon: U, size: 16 }),
           children: t("getSupport")
         }
       ),
-      /* @__PURE__ */ e(n.Divider, {})
+      /* @__PURE__ */ e(i.Divider, {})
     ] }),
-    ee() && /* @__PURE__ */ s(
+    ee() && /* @__PURE__ */ a(
       g,
       {
-        opened: y,
+        opened: M,
         width: 200,
         position: "right-start",
         offset: 10,
@@ -140,9 +141,9 @@ const Me = () => {
         shadow: "md",
         children: [
           /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e("div", { onMouseEnter: d, onMouseLeave: m, children: /* @__PURE__ */ e(
-            n.Item,
+            i.Item,
             {
-              leftSection: /* @__PURE__ */ e(i, { icon: O, size: 16 }),
+              leftSection: /* @__PURE__ */ e(s, { icon: H, size: 16 }),
               rightSection: /* @__PURE__ */ e(J, { size: 14 }),
               onClick: (r) => {
                 r.preventDefault(), d();
@@ -164,17 +165,17 @@ const Me = () => {
               children: /* @__PURE__ */ e(
                 Y,
                 {
-                  onClick: P,
+                  onClick: j,
                   style: {
                     width: "100%",
                     borderRadius: 12,
                     padding: "6px 12px"
                   },
-                  children: /* @__PURE__ */ s(q, { gap: 10, children: [
+                  children: /* @__PURE__ */ a(q, { gap: 10, children: [
                     /* @__PURE__ */ e(
-                      i,
+                      s,
                       {
-                        icon: H,
+                        icon: N,
                         size: 16,
                         color: "var(--mantine-color-dimmed)"
                       }
@@ -189,46 +190,36 @@ const Me = () => {
       }
     ),
     /* @__PURE__ */ e(
-      n.Item,
-      {
-        leftSection: /* @__PURE__ */ e(i, { icon: N, size: 16 }),
-        component: "a",
-        href: o.websiteUrl,
-        target: "_blank",
-        children: t("aboutLayers")
-      }
-    ),
-    /* @__PURE__ */ e(
-      n.Item,
+      i.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
-        href: L,
-        leftSection: /* @__PURE__ */ e(i, { icon: W, size: 16 }),
+        href: F,
+        leftSection: /* @__PURE__ */ e(s, { icon: W, size: 16 }),
         children: t("userAgreement")
       }
     ),
     /* @__PURE__ */ e(
-      n.Item,
+      i.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
         href: x,
-        leftSection: /* @__PURE__ */ e(i, { icon: G, size: 16 }),
+        leftSection: /* @__PURE__ */ e(s, { icon: G, size: 16 }),
         children: t("termsAndPrivacy")
       }
     ),
-    /* @__PURE__ */ e(n.Divider, {}),
-    !!b?.length && /* @__PURE__ */ s(k, { children: [
-      /* @__PURE__ */ e(re, { items: b }),
-      /* @__PURE__ */ e(n.Divider, {})
+    /* @__PURE__ */ e(i.Divider, {}),
+    !!b?.length && /* @__PURE__ */ a(I, { children: [
+      /* @__PURE__ */ e(ie, { items: b }),
+      /* @__PURE__ */ e(i.Divider, {})
     ] }),
-    /* @__PURE__ */ s(S, { size: "xs", c: "dimmed", children: [
+    /* @__PURE__ */ a(S, { size: "xs", c: "dimmed", children: [
       t("updated"),
       " ",
-      D,
+      P,
       /* @__PURE__ */ e("br", {}),
       o.name,
       " v",
@@ -242,5 +233,5 @@ const Me = () => {
   ] });
 };
 export {
-  Me as HelpMenu
+  ze as HelpMenu
 };

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/AppContainer/hooks/useAppContainer.d.ts

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

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

@@ -1 +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,2PAkB7B,qBAAqB,GAAG,wBAAwB,SA0ClD,CAAC"}
+{"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,mRAoB7B,qBAAqB,GAAG,wBAAwB,SA8ClD,CAAC"}

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

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

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

@@ -1 +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,oFAgClC,CAAC"}
+{"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,oFAkClC,CAAC"}

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

@@ -32,7 +32,9 @@ const s = e(() => ({
   showMessenger: () => {
   },
   showNewMessage: () => {
-  }
+  },
+  onSyncClick: void 0,
+  syncState: void 0
 }));
 export {
   s as useAppContainerDataStore

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

@@ -27,6 +27,7 @@ export type AppContainerProps = {
     trashMenu?: ReactNode;
     onInviteClick?: () => void;
     withBg?: boolean;
+    hideHeader?: boolean;
 };
 export type AppContainerDataStore = {
     tools: ToolDef[];
@@ -47,6 +48,8 @@ export type AppContainerDataStore = {
     userAgreementLink: string;
     whatsNewItems: WhatsNewProps['items'];
     navbarDisplayFormat: 'iconsAndLabels' | 'iconsOnly';
+    onSyncClick?: () => void;
+    syncState?: 'SYNCED' | 'SYNCING' | 'OFFLINE' | 'ERROR' | string;
 };
 type ReadNotificationsRequest = {
     messageIds: number[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"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"}

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
 };