@layers-app/shared 0.4.5 → 0.4.7

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

@@ -1,105 +1,247 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useTranslation as v } 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 p } from "@hugeicons/react";
-import { Stack as a, Menu as r, Tooltip as t, ActionIcon as C } from "@mantine/core";
-import { IconUserCircle as S } from "@tabler/icons-react";
-import { usePlatform as U } from "../../../../hooks/usePlatform.js";
-import { useTrashModalStore as y, openTrashModal as L, closeTrashModal as j } from "../../../../store/trashModal.js";
-import { useAppContainerDataStore as H } from "../../hooks/useAppContainerDataStore.js";
-import { AppSidebarButton as c } from "../AppSidebarButton.js";
-import { HelpMenu as k } from "../menus/HelpMenu/HelpMenu.js";
-import { MenuUserDropdown as B } from "../menus/UserMenu/MenuUserDropdown.js";
-const X = ({
-  trashMenu: d,
-  onInviteClick: h,
-  showBorders: g = !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 } = v("appContainer"), b = U(), { user: m, isAnonym: l, userMenuItems: w, publicMode: T, navbarDisplayFormat: I } = H(), M = y((s) => s.opened), f = !l && !T && m.role !== "mG" && d, u = !l && b.has("inviteUsers") && h, i = I === "iconsAndLabels";
-  return /* @__PURE__ */ n(
-    a,
+  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: g ? "1px solid var(--app-shell-border)" : void 0
-      },
-      flex: 1,
-      pt: 8,
-      gap: 16,
-      align: "center",
-      children: [
-        /* @__PURE__ */ n(
-          a,
-          {
-            justify: !f && !u ? "end" : "space-between",
-            gap: 8,
-            flex: 1,
-            children: [
-              f && /* @__PURE__ */ n(
-                r,
-                {
-                  position: "right",
-                  offset: 6,
-                  width: 360,
-                  opened: M,
-                  onChange: (s) => {
-                    s ? L() : j();
-                  },
-                  children: [
-                    /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
-                      t,
-                      {
-                        label: e("trash"),
-                        position: "right",
-                        disabled: i,
-                        children: /* @__PURE__ */ o(
-                          c,
-                          {
-                            title: i ? e("trash") : null,
-                            icon: /* @__PURE__ */ o(p, { icon: A, size: 20 })
-                          }
-                        )
-                      }
-                    ) }),
-                    /* @__PURE__ */ o(r.Dropdown, { children: d })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ n(a, { gap: 8, children: [
-                u && /* @__PURE__ */ o(t, { label: e("invite"), position: "right", disabled: i, children: /* @__PURE__ */ o(
-                  c,
+      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(p, { 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(t, { label: e("help"), position: "right", disabled: i, children: /* @__PURE__ */ o(
-                    c,
+                ),
+                /* @__PURE__ */ n(C, { gap: 8, children: [
+                  O && /* @__PURE__ */ e(
+                    a,
                     {
-                      title: i ? e("help") : null,
-                      icon: /* @__PURE__ */ o(p, { 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
+                        }
+                      )
+                    }
+                  ),
+                  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__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(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 })
                 ] })
-              ] })
-            ]
-          }
-        ),
-        l ? /* @__PURE__ */ o(x, { to: "/login", children: /* @__PURE__ */ o(t, { label: "Log in", position: "right", children: /* @__PURE__ */ o(C, { size: "lg", variant: "light", children: /* @__PURE__ */ o(S, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
-          B,
-          {
-            user: m,
-            menuItems: w,
-            position: "right-end"
-          }
-        )
-      ]
-    }
-  );
+              ]
+            }
+          ),
+          /* @__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 {
-  X as UserSection
+  Ee as UserSection
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAED,eAAO,MAAM,MAAM,GAAI,cAAc,iBAAiB,4CAOrD,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAED,eAAO,MAAM,MAAM,GAAI,cAAc,iBAAiB,4CAOrD,CAAC"}

package/dist/components/AppContainer/components/Header.js

@@ -1,9 +1,10 @@
-import { jsxs as e, Fragment as o, jsx as t } from "react/jsx-runtime";
-import { SidebarToggleButton as n } from "./SidebarToggleButton.js";
-const p = ({ children: r }) => /* @__PURE__ */ e(o, { children: [
-  /* @__PURE__ */ t(n, { forOpen: !0 }),
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { Flex as t } from "@mantine/core";
+import { SidebarToggleButton as i } from "./SidebarToggleButton.js";
+const a = ({ children: r }) => /* @__PURE__ */ e(t, { align: "center", gap: 8, h: "100%", w: "100%", miw: 0, children: [
+  /* @__PURE__ */ o(i, { forOpen: !0 }),
   r
 ] });
 export {
-  p as Header
+  a as Header
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ToolSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAsBtE,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA2IlD,CAAC"}
+{"version":3,"file":"ToolSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAgCtE,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAyLlD,CAAC"}