@layers-app/shared 0.4.6 → 0.4.7

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

@@ -1,114 +1,247 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useTranslation as M } from "react-i18next";
-import { Link as x } from "react-router-dom";
-import { Delete03Icon as A, UserAdd02Icon as D, HelpCircleIcon as z } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as a } from "@hugeicons/react";
-import { Stack as c, Menu as r, Tooltip as s, ActionIcon as C } from "@mantine/core";
-import { IconUserCircle as U } from "@tabler/icons-react";
-import { usePlatform as L } from "../../../../hooks/usePlatform.js";
-import { useTrashModalStore as j, openTrashModal as H, closeTrashModal as k } from "../../../../store/trashModal.js";
-import { useAppContainerDataStore as B } from "../../hooks/useAppContainerDataStore.js";
-import F from "../../AppContainer.module.css.js";
-import { AppSidebarButton as p } from "../AppSidebarButton.js";
-import { HelpMenu as G } from "../menus/HelpMenu/HelpMenu.js";
-import { MenuUserDropdown as N } from "../menus/UserMenu/MenuUserDropdown.js";
-const $ = ({
-  trashMenu: d,
-  onInviteClick: h,
-  showBorders: S = !0
+import { jsx as e, jsxs as n, Fragment as v } from "react/jsx-runtime";
+import { useState as i, useMemo as q, useCallback as H } from "react";
+import { useTranslation as J } from "react-i18next";
+import { Link as Q } from "react-router-dom";
+import { HelpCircleIcon as V, Delete03Icon as X, UserAdd02Icon as Z } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as g } from "@hugeicons/react";
+import { Tooltip as a, Stack as C, Menu as o, ActionIcon as $ } from "@mantine/core";
+import { IconUserCircle as ee } from "@tabler/icons-react";
+import { usePlatform as oe } from "../../../../hooks/usePlatform.js";
+import { useTrashModalStore as te, openTrashModal as ne, closeTrashModal as re } from "../../../../store/trashModal.js";
+import { useAppContainerDataStore as se } from "../../hooks/useAppContainerDataStore.js";
+import { AppSidebarButton as T } from "../AppSidebarButton.js";
+import { HelpMenu as y, DesktopSupportReportModal as ie, DesktopDiagnosticsConsentModal as le, DesktopUpdateFlowModal as pe } from "../menus/HelpMenu/HelpMenu.js";
+import { MenuUserDropdown as de } from "../menus/UserMenu/MenuUserDropdown.js";
+import { DesktopUpdateButton as ae } from "./DesktopUpdateButton.js";
+import ce from "../../AppContainer.module.css.js";
+import I from "../menus/HelpMenu/HelpMenu.module.css.js";
+import { isOnboardingCompleted as he } from "../../../OnboardingTour/useOnboardingTour.js";
+import { OnboardingTourWrapper as ue } from "../../../OnboardingTour/OnboardingTourWrapper.js";
+const me = [
+  "desktop-help-report-tour-v2-1",
+  "desktop-help-report-tour-v2-2"
+], k = "desktop-help-report-entry", Ee = ({
+  trashMenu: D,
+  onInviteClick: b,
+  showBorders: x = !0
 }) => {
-  const { t: e } = M("appContainer"), w = L(), {
-    user: m,
-    isAnonym: t,
-    userMenuItems: T,
-    publicMode: f,
-    navbarDisplayFormat: v,
-    syncStatusSlot: u
-  } = B(), y = j((l) => l.opened), g = !t && !f && m.role !== "mG" && d, b = !t && w.has("inviteUsers") && h, i = v === "iconsAndLabels", I = !t && !f && u;
-  return /* @__PURE__ */ n(
-    c,
+  const { t } = J("appContainer"), p = oe(), [E, c] = i(!1), [_, h] = i(!1), [u, A] = i(!1), [K, R] = i(!1), [L, m] = i(!1), [z, j] = i(!1), {
+    user: f,
+    isAnonym: s,
+    userMenuItems: B,
+    publicMode: d,
+    navbarDisplayFormat: F,
+    syncStatusSlot: w
+  } = se(), N = te((l) => l.opened), M = !s && !d && f.role !== "mG" && D, O = !s && p.has("inviteUsers") && b, r = F === "iconsAndLabels", G = !s && !d && w, W = q(() => !p.isDesktop || s || d ? null : me.find(
+    (l) => !he(l)
+  ) ?? null, [s, p.isDesktop, d, f.id]), S = z ? null : W, U = /* @__PURE__ */ e(a, { label: t("help"), position: "right", disabled: r, children: /* @__PURE__ */ e(
+    T,
     {
-      style: {
-        borderTop: S ? "1px solid var(--app-shell-border)" : void 0
-      },
-      flex: 1,
-      pt: 8,
-      gap: 16,
-      align: "center",
-      children: [
-        /* @__PURE__ */ n(
-          c,
-          {
-            justify: !g && !b ? "end" : "space-between",
-            gap: 8,
-            flex: 1,
-            children: [
-              g && /* @__PURE__ */ n(
-                r,
-                {
-                  position: "right",
-                  offset: 6,
-                  width: 360,
-                  opened: y,
-                  onChange: (l) => {
-                    l ? H() : k();
-                  },
-                  children: [
-                    /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
-                      s,
-                      {
-                        label: e("trash"),
-                        position: "right",
-                        disabled: i,
-                        children: /* @__PURE__ */ o(
-                          p,
-                          {
-                            title: i ? e("trash") : null,
-                            icon: /* @__PURE__ */ o(a, { icon: A, size: 20 })
-                          }
-                        )
-                      }
-                    ) }),
-                    /* @__PURE__ */ o(r.Dropdown, { children: d })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ n(c, { gap: 8, children: [
-                b && /* @__PURE__ */ o(s, { label: e("invite"), position: "right", disabled: i, children: /* @__PURE__ */ o(
-                  p,
+      title: r ? t("help") : null,
+      icon: /* @__PURE__ */ e(g, { icon: V, size: 20 })
+    }
+  ) }), P = H(() => {
+    R(!0);
+  }, []), Y = H(() => {
+    j(!0), m(!0);
+  }, []);
+  return /* @__PURE__ */ n(v, { children: [
+    /* @__PURE__ */ n(
+      C,
+      {
+        style: {
+          borderTop: x ? "1px solid var(--app-shell-border)" : void 0
+        },
+        flex: 1,
+        pt: 8,
+        gap: 16,
+        align: "center",
+        children: [
+          /* @__PURE__ */ n(
+            C,
+            {
+              justify: !M && !O ? "end" : "space-between",
+              gap: 8,
+              flex: 1,
+              children: [
+                M && /* @__PURE__ */ n(
+                  o,
                   {
-                    title: i ? e("invite") : null,
-                    icon: /* @__PURE__ */ o(a, { icon: D, size: 20 }),
-                    onClick: h
+                    position: "right",
+                    offset: 6,
+                    width: 360,
+                    opened: N,
+                    onChange: (l) => {
+                      l ? ne() : re();
+                    },
+                    children: [
+                      /* @__PURE__ */ e(o.Target, { children: /* @__PURE__ */ e(
+                        a,
+                        {
+                          label: t("trash"),
+                          position: "right",
+                          disabled: r,
+                          children: /* @__PURE__ */ e(
+                            T,
+                            {
+                              title: r ? t("trash") : null,
+                              icon: /* @__PURE__ */ e(g, { icon: X, size: 20 })
+                            }
+                          )
+                        }
+                      ) }),
+                      /* @__PURE__ */ e(o.Dropdown, { children: D })
+                    ]
                   }
-                ) }),
-                /* @__PURE__ */ n(r, { position: "right-end", offset: 6, width: 260, children: [
-                  /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(s, { label: e("help"), position: "right", disabled: i, children: /* @__PURE__ */ o(
-                    p,
+                ),
+                /* @__PURE__ */ n(C, { gap: 8, children: [
+                  O && /* @__PURE__ */ e(
+                    a,
                     {
-                      title: i ? e("help") : null,
-                      icon: /* @__PURE__ */ o(a, { icon: z, size: 20 })
+                      label: t("invite"),
+                      position: "right",
+                      disabled: r,
+                      children: /* @__PURE__ */ e(
+                        T,
+                        {
+                          title: r ? t("invite") : null,
+                          icon: /* @__PURE__ */ e(g, { icon: Z, size: 20 }),
+                          onClick: b
+                        }
+                      )
                     }
-                  ) }) }),
-                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(G, {}) })
-                ] }),
-                I && /* @__PURE__ */ o("div", { className: F.sidebarSyncStatus, children: u })
-              ] })
-            ]
-          }
-        ),
-        t ? /* @__PURE__ */ o(x, { to: "/login", children: /* @__PURE__ */ o(s, { label: "Log in", position: "right", children: /* @__PURE__ */ o(C, { size: "lg", variant: "light", children: /* @__PURE__ */ o(U, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
-          N,
-          {
-            user: m,
-            menuItems: T,
-            position: "right-end"
-          }
-        )
-      ]
-    }
-  );
+                  ),
+                  S ? /* @__PURE__ */ e(
+                    ue,
+                    {
+                      featureKey: S,
+                      onComplete: Y,
+                      tour: [
+                        {
+                          id: k,
+                          title: t("desktopHelpReportTour.title"),
+                          content: t("desktopHelpReportTour.content"),
+                          focusRevealProps: {
+                            popoverProps: {
+                              position: "right",
+                              offset: 10,
+                              middlewares: {
+                                flip: !1,
+                                shift: !0
+                              }
+                            }
+                          }
+                        }
+                      ],
+                      children: /* @__PURE__ */ n(
+                        o,
+                        {
+                          position: "right-end",
+                          offset: 6,
+                          width: 264,
+                          shadow: "xl",
+                          radius: 12,
+                          opened: !0,
+                          onChange: m,
+                          children: [
+                            /* @__PURE__ */ e(o.Target, { children: U }),
+                            /* @__PURE__ */ e(
+                              o.Dropdown,
+                              {
+                                className: I.helpMenuDropdown,
+                                p: 0,
+                                children: /* @__PURE__ */ e(
+                                  y,
+                                  {
+                                    onReportProblemClick: () => c(!0),
+                                    onCheckUpdatesClick: P,
+                                    onCollectDiagnosticsClick: () => h(!0),
+                                    diagnosticsCollecting: u,
+                                    reportProblemTourTargetId: k
+                                  }
+                                )
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ n(
+                    o,
+                    {
+                      position: "right-end",
+                      offset: 6,
+                      width: 264,
+                      shadow: "xl",
+                      radius: 12,
+                      opened: L,
+                      onChange: m,
+                      children: [
+                        /* @__PURE__ */ e(o.Target, { children: U }),
+                        /* @__PURE__ */ e(
+                          o.Dropdown,
+                          {
+                            className: I.helpMenuDropdown,
+                            p: 0,
+                            children: /* @__PURE__ */ e(
+                              y,
+                              {
+                                onReportProblemClick: () => c(!0),
+                                onCheckUpdatesClick: P,
+                                onCollectDiagnosticsClick: () => h(!0),
+                                diagnosticsCollecting: u,
+                                reportProblemTourTargetId: k
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  G && /* @__PURE__ */ e("div", { className: ce.sidebarSyncStatus, children: w })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(ae, { showLabels: r }),
+          s ? /* @__PURE__ */ e(Q, { to: "/login", children: /* @__PURE__ */ e(a, { label: "Log in", position: "right", children: /* @__PURE__ */ e($, { size: "lg", variant: "light", children: /* @__PURE__ */ e(ee, { size: 20 }) }) }) }) : /* @__PURE__ */ e(
+            de,
+            {
+              user: f,
+              menuItems: B,
+              position: "right-end"
+            }
+          )
+        ]
+      }
+    ),
+    p.isDesktop && /* @__PURE__ */ n(v, { children: [
+      /* @__PURE__ */ e(
+        ie,
+        {
+          opened: E,
+          onClose: () => c(!1)
+        }
+      ),
+      /* @__PURE__ */ e(
+        le,
+        {
+          opened: _,
+          onClose: () => h(!1),
+          collecting: u,
+          onCollectingChange: A
+        }
+      ),
+      /* @__PURE__ */ e(
+        pe,
+        {
+          opened: K,
+          onClose: () => R(!1)
+        }
+      )
+    ] })
+  ] });
 };
 export {
-  $ as UserSection
+  Ee as UserSection
 };

package/dist/components/AppContainer/components/Main.js

@@ -1,16 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
 import { appContainerStore as n } from "../hooks/useAppContainerStore.js";
 import s from "../AppContainer.module.css.js";
-const p = ({ children: o, withBg: r = !1 }) => {
-  const a = n.useStore((t) => t.showToolbar);
+const p = ({ children: o, withBg: a = !1 }) => {
+  const r = n.useStore((t) => t.showToolbar);
   return /* @__PURE__ */ e(
     "main",
     {
       className: s.main,
-      "data-tool-sidebar-opened": a,
+      "data-tool-sidebar-opened": r,
       "data-app-container": !0,
       style: {
-        backgroundColor: r ? "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5))" : "unset"
+        backgroundColor: a ? "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5))" : "unset"
       },
       children: o
     }

package/dist/components/AppContainer/components/SlideAnimation.js

@@ -3,13 +3,13 @@ import { useIsFirstRender as a } from "@mantine/hooks";
 import { AnimatePresence as m, motion as d } from "framer-motion";
 import t from "../AppContainer.module.css.js";
 const u = ({
-  children: n,
-  show: s,
+  children: s,
+  show: n,
   width: e,
   position: r
 }) => {
   const o = a();
-  return /* @__PURE__ */ i(m, { children: s && /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(m, { children: n && /* @__PURE__ */ i(
     d.div,
     {
       className: t.slideContainer,
@@ -32,7 +32,7 @@ const u = ({
           className: t.slideContent,
           style: { width: e },
           "data-position": r,
-          children: n
+          children: s
         }
       )
     }

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

@@ -6,13 +6,13 @@ import { ActionIcon as k, Title as D, TextInput as F, Flex as b, Text as H, Badg
 import { useField as E } from "@mantine/form";
 import { useMediaQuery as O } from "@mantine/hooks";
 import { IconArrowLeft as Q } from "@tabler/icons-react";
-import { AppShell as y } from "../../AppShell/AppShell.js";
+import { AppShell as v } from "../../AppShell/AppShell.js";
 import { NavbarResizer as q } from "../../NavbarResizer/NavbarResizer.js";
 import { useAppContainerDataStore as G } from "../hooks/useAppContainerDataStore.js";
 import { appContainerStore as n } from "../hooks/useAppContainerStore.js";
-import { SidebarToggleButton as v } from "./SidebarToggleButton.js";
+import { SidebarToggleButton as w } from "./SidebarToggleButton.js";
 import { SlideAnimation as J } from "./SlideAnimation.js";
-import w from "../AppContainer.module.css.js";
+import y from "../AppContainer.module.css.js";
 const se = (T) => {
   const { t: h } = A("appContainer"), { children: d, navbarTitle: i, onTitleChange: r, isBeta: S, bottomSlot: c } = T, C = L(), { showToolbar: l, toolbarWidth: I } = n.useStore(), { formId: z } = N(), m = B(r);
   p(() => {
@@ -63,7 +63,7 @@ const se = (T) => {
             minLength: 1,
             unstyled: !0,
             classNames: {
-              input: w.toolTitleInput
+              input: y.toolTitleInput
             },
             styles: {
               root: {
@@ -86,7 +86,7 @@ const se = (T) => {
             H,
             {
               component: "span",
-              className: w.toolTitleText,
+              className: y.toolTitleText,
               truncate: "end",
               style: {
                 fontSize: "inherit",
@@ -141,7 +141,7 @@ const se = (T) => {
             style: { borderBottom: "1px solid var(--app-shell-border-color, var(--mantine-color-default-border))" },
             children: [
               x,
-              /* @__PURE__ */ e(v, {})
+              /* @__PURE__ */ e(w, {})
             ]
           }
         ),
@@ -155,7 +155,7 @@ const se = (T) => {
       show: l,
       width: "var(--toolbar-width)",
       position: "left",
-      children: /* @__PURE__ */ t(y.LeftSidebar, { pos: "relative", children: [
+      children: /* @__PURE__ */ t(v.LeftSidebar, { pos: "relative", children: [
         l && /* @__PURE__ */ e(
           q,
           {
@@ -164,9 +164,9 @@ const se = (T) => {
             onChange: n.api.setToolbarWidth
           }
         ),
-        /* @__PURE__ */ t(y.Header, { pl: 16, pr: 14, children: [
+        /* @__PURE__ */ t(v.Header, { pl: 16, pr: 14, children: [
           x,
-          /* @__PURE__ */ e(v, {})
+          /* @__PURE__ */ e(w, {})
         ] }),
         d,
         c

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

@@ -1,2 +1,63 @@
-export declare const HelpMenu: () => import("react/jsx-runtime").JSX.Element;
+export type DesktopBridge = {
+    getVersion?: () => Promise<string>;
+    collectDiagnostics?: () => Promise<{
+        ok: boolean;
+        archivePath?: string;
+        folderPath?: string;
+        error?: string;
+    }>;
+    onDiagnosticsProgress?: (cb: (progress: DesktopDiagnosticsProgress) => void) => () => void;
+    updates?: {
+        status: () => Promise<DesktopUpdateState>;
+        check: () => Promise<DesktopUpdateState>;
+        download: () => Promise<DesktopUpdateState>;
+        install: () => Promise<DesktopUpdateState>;
+        onChanged: (cb: (state: DesktopUpdateState) => void) => () => void;
+    };
+};
+export type DesktopDiagnosticsProgress = {
+    phase: 'preparing' | 'copying' | 'analyzing' | 'archiving' | 'done' | 'error';
+    percent: number;
+    completedUnits?: number;
+    totalUnits?: number;
+};
+export type DesktopUpdateState = {
+    status: 'disabled' | 'idle' | 'checking' | 'available' | 'not_available' | 'downloading' | 'downloaded' | 'installing' | 'error';
+    enabled: boolean;
+    currentVersion: string;
+    availableVersion?: string;
+    feedUrl?: string;
+    error?: string;
+    progress?: {
+        percent?: number;
+        transferredBytes?: number;
+        totalBytes?: number;
+        bytesPerSecond?: number;
+    };
+    canCheck: boolean;
+    canDownload: boolean;
+    canInstall: boolean;
+};
+export declare const getDesktopBridge: () => DesktopBridge | undefined;
+export declare const DesktopSupportReportModal: ({ opened, onClose, }: {
+    opened: boolean;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopDiagnosticsConsentModal: ({ opened, onClose, collecting, onCollectingChange, }: {
+    opened: boolean;
+    onClose: () => void;
+    collecting: boolean;
+    onCollectingChange: (collecting: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopUpdateFlowModal: ({ opened, onClose, }: {
+    opened: boolean;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const HelpMenu: ({ onReportProblemClick, onCheckUpdatesClick, onCollectDiagnosticsClick, diagnosticsCollecting, reportProblemTourTargetId, }: {
+    onReportProblemClick?: () => void;
+    onCheckUpdatesClick?: () => void;
+    onCollectDiagnosticsClick?: () => void;
+    diagnosticsCollecting?: boolean;
+    reportProblemTourTargetId?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HelpMenu.d.ts.map

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":"AAmCA,eAAO,MAAM,QAAQ,+CA2RpB,CAAC"}
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"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"}