@layers-app/shared 0.4.6 → 0.4.7

package/dist/components/AnimatedFigurePage/AnimatedFigurePage.module.css.js

@@ -1,11 +1,11 @@
-const e = "_page_4n9uu_5", u = "_figureContainer_4n9uu_31", g = "_figure_4n9uu_31", _ = "_figureA_4n9uu_57", a = "_figureB_4n9uu_65", n = "_grainOverlay_4n9uu_229", r = "_badgeWrap_4n9uu_253", i = "_badge0_4n9uu_309", t = "_badge1_4n9uu_319", d = "_badge2_4n9uu_337", o = "_badge3_4n9uu_355", b = {
+const e = "_page_q8c84_3", g = "_figureContainer_q8c84_16", _ = "_figure_q8c84_16", a = "_figureA_q8c84_29", r = "_figureB_q8c84_33", c = "_grainOverlay_q8c84_115", n = "_badgeWrap_q8c84_127", i = "_badge0_q8c84_155", t = "_badge1_q8c84_160", d = "_badge2_q8c84_169", o = "_badge3_q8c84_178", b = {
   page: e,
-  figureContainer: u,
-  figure: g,
-  figureA: _,
-  figureB: a,
-  grainOverlay: n,
-  badgeWrap: r,
+  figureContainer: g,
+  figure: _,
+  figureA: a,
+  figureB: r,
+  grainOverlay: c,
+  badgeWrap: n,
   badge0: i,
   badge1: t,
   badge2: d,
@@ -16,12 +16,12 @@ export {
   t as badge1,
   d as badge2,
   o as badge3,
-  r as badgeWrap,
+  n as badgeWrap,
   b as default,
-  g as figure,
-  _ as figureA,
-  a as figureB,
-  u as figureContainer,
-  n as grainOverlay,
+  _ as figure,
+  a as figureA,
+  r as figureB,
+  g as figureContainer,
+  c as grainOverlay,
   e as page
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AA+FD,eAAO,MAAM,YAAY,uNA1EtB,iBAAiB;;;;;;;;CA6ElB,CAAC"}
+{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAwGD,eAAO,MAAM,YAAY,uNAnFtB,iBAAiB;;;;;;;;CAsFlB,CAAC"}

package/dist/components/AppContainer/AppContainer.js

@@ -1,93 +1,100 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useEffect as N } from "react";
-import { useMantineColorScheme as P, Stack as E, Flex as O } from "@mantine/core";
-import { isAppMode as $ } from "../../helpers/isAppMode.js";
-import { useQueryParam as F } from "../../hooks/useNumberQueryParam.js";
-import { AppShell as o } from "../AppShell/AppShell.js";
-import { useMeetWidget as K } from "./MeetWidgetContext.js";
-import { AppsSidebar as Q } from "./components/AppsSidebar/AppsSidebar.js";
-import { Header as R } from "./components/Header.js";
-import { Main as _ } from "./components/Main.js";
-import q from "./components/NavbarContent.js";
-import { RightSidebar as z } from "./components/RightSidebar.js";
-import { ToolSidebar as G } from "./components/ToolSidebar.js";
-import { ToolbarNewButton as I } from "./components/ToolbarNewButton.js";
-import { useAppContainerDataStore as J } from "./hooks/useAppContainerDataStore.js";
-import { appContainerStore as L } from "./hooks/useAppContainerStore.js";
-const U = ({
-  header: l,
-  content: d,
-  toolbar: i,
-  navbarTitle: h,
-  footer: n,
-  onTitleChange: c,
-  trashMenu: f,
-  rightbar: m,
-  onInviteClick: u,
-  showAppsSidebar: S = !0,
-  headerBorderless: b = !1,
-  withBg: x = !1,
-  isBeta: g = !1,
-  hideHeader: w = !1,
-  showSearch: C = !0,
-  showMore: A = !0,
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useEffect as E } from "react";
+import { useMantineColorScheme as F, Stack as O, Flex as $ } from "@mantine/core";
+import { isAppMode as K } from "../../helpers/isAppMode.js";
+import { useQueryParam as Q } from "../../hooks/useNumberQueryParam.js";
+import { AppShell as t } from "../AppShell/AppShell.js";
+import { useMeetWidget as R } from "./MeetWidgetContext.js";
+import { AppsSidebar as V } from "./components/AppsSidebar/AppsSidebar.js";
+import { Header as _ } from "./components/Header.js";
+import { Main as q } from "./components/Main.js";
+import z from "./components/NavbarContent.js";
+import { RightSidebar as G } from "./components/RightSidebar.js";
+import { ToolSidebar as I } from "./components/ToolSidebar.js";
+import { ToolbarNewButton as J } from "./components/ToolbarNewButton.js";
+import { useAppContainerDataStore as L } from "./hooks/useAppContainerDataStore.js";
+import { appContainerStore as U } from "./hooks/useAppContainerStore.js";
+import X from "./AppContainer.module.css.js";
+const Y = ({
+  header: h,
+  content: f,
+  toolbar: n,
+  navbarTitle: u,
+  footer: s,
+  onTitleChange: S,
+  trashMenu: b,
+  rightbar: a,
+  onInviteClick: g,
+  showAppsSidebar: x = !0,
+  headerBorderless: w = !1,
+  withBg: C = !1,
+  isBeta: M = !1,
+  hideHeader: A = !1,
+  showSearch: T = !0,
+  showMore: v = !0,
   showBorders: y = !0,
-  showLogo: M = !1
+  showLogo: W = !1
 }) => {
-  const { toolbarWidth: W, rightbarWidth: k, layout: s } = L.useStore(), v = J((H) => H.user), a = $(v.mode, "DESKTOP"), { setColorScheme: p } = P(), t = F("theme"), T = K();
-  N(() => {
-    !a && (t === "dark" || t === "light") && p(t);
-  }, [t, p, a]);
-  const j = {
-    "--toolbar-width": `${W}px`,
-    "--rightbar-width": `${k}px`
-  }, B = s !== "nothing" && !w, D = s === "default" && !!i;
-  return /* @__PURE__ */ r(o, { style: j, children: [
-    S && /* @__PURE__ */ e(o.Section, { w: "var(--apps-sidebar-width)", children: /* @__PURE__ */ e(
-      Q,
+  const {
+    toolbarWidth: k,
+    rightbarWidth: N,
+    layout: l,
+    showToolbar: j
+  } = U.useStore(), B = L((P) => P.user), m = K(B.mode, "DESKTOP"), { setColorScheme: p } = F(), r = Q("theme"), i = R();
+  E(() => {
+    !m && (r === "dark" || r === "light") && p(r);
+  }, [r, p, m]);
+  const D = {
+    "--toolbar-width": `${k}px`,
+    "--rightbar-width": `${N}px`
+  }, H = l !== "nothing" && !A, d = l === "default" && !!n, c = !d || !j;
+  return /* @__PURE__ */ o(t, { style: D, children: [
+    x && /* @__PURE__ */ e(t.Section, { w: "var(--apps-sidebar-width)", children: /* @__PURE__ */ e(
+      V,
       {
-        onInviteClick: u,
-        trashMenu: f,
-        showSearch: C,
-        showMore: A,
+        onInviteClick: g,
+        trashMenu: b,
+        showSearch: T,
+        showMore: v,
         showBorders: y,
-        showLogo: M
+        showLogo: W
       }
     ) }),
-    /* @__PURE__ */ r(o.Section, { flex: 1, display: "flex", pos: "relative", children: [
-      D && /* @__PURE__ */ e(
-        G,
+    /* @__PURE__ */ o(t.Section, { flex: 1, display: "flex", pos: "relative", children: [
+      d && /* @__PURE__ */ e(
+        I,
         {
-          isBeta: g,
-          onTitleChange: c,
-          navbarTitle: h,
-          children: i
+          isBeta: M,
+          onTitleChange: S,
+          navbarTitle: u,
+          bottomSlot: c ? null : i,
+          children: n
         }
       ),
-      T,
-      /* @__PURE__ */ r(E, { mih: 0, gap: 0, h: "100%", flex: 2, miw: 0, children: [
-        B && /* @__PURE__ */ e(
-          o.Header,
+      i && c && /* @__PURE__ */ e("div", { className: X.floatingMeetSlot, children: i }),
+      /* @__PURE__ */ o(O, { mih: 0, gap: 0, h: "100%", flex: 2, miw: 0, children: [
+        H && /* @__PURE__ */ e(
+          t.Header,
           {
             px: "sm",
-            style: b ? { borderBottom: "none" } : void 0,
-            children: /* @__PURE__ */ e(R, { children: l })
+            style: w ? { borderBottom: "none" } : void 0,
+            children: /* @__PURE__ */ e(_, { children: h })
           }
         ),
-        /* @__PURE__ */ r(O, { mih: 0, gap: 0, h: "100%", children: [
-          /* @__PURE__ */ e(o.WorkContent, { children: /* @__PURE__ */ r(_, { withBg: x, children: [
-            d,
-            n && /* @__PURE__ */ e("footer", { children: n })
+        /* @__PURE__ */ o($, { mih: 0, gap: 0, h: "100%", children: [
+          /* @__PURE__ */ e(t.WorkContent, { children: /* @__PURE__ */ o(q, { withBg: C, children: [
+            f,
+            s && /* @__PURE__ */ e("footer", { children: s })
           ] }) }),
-          m && /* @__PURE__ */ e(z, { children: m })
+          a && /* @__PURE__ */ e(G, { children: a })
         ] })
       ] })
     ] })
   ] });
-}, he = Object.assign(U, {
-  NavbarContent: q,
-  NewButton: I
+}, Se = Object.assign(Y, {
+  NavbarContent: z,
+  NewButton: J
 });
 export {
-  he as AppContainer
+  Se as AppContainer
 };

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

@@ -1,17 +1,27 @@
-const t = "_toolTitleInput_1nq45_37", n = "_appSidebarButton_1nq45_67", e = "_sidebarSyncStatus_1nq45_109", o = "_slideContainer_1nq45_121", s = "_slideContent_1nq45_133", i = "_main_1nq45_163", a = {
+const t = "_toolTitleInput_ukfsq_19", o = "_appSidebarButton_ukfsq_34", e = "_sidebarSyncStatus_ukfsq_55", n = "_desktopUpdateButton_ukfsq_61", s = "_desktopUpdateButtonIndicator_ukfsq_82", a = "_desktopUpdateButtonIcon_ukfsq_88", d = "_desktopUpdateButtonLabel_ukfsq_112", p = "_slideContainer_ukfsq_120", u = "_slideContent_ukfsq_126", _ = "_main_ukfsq_141", i = "_floatingMeetSlot_ukfsq_150", k = {
   toolTitleInput: t,
-  appSidebarButton: n,
+  appSidebarButton: o,
   sidebarSyncStatus: e,
-  slideContainer: o,
-  slideContent: s,
-  main: i
+  desktopUpdateButton: n,
+  desktopUpdateButtonIndicator: s,
+  desktopUpdateButtonIcon: a,
+  desktopUpdateButtonLabel: d,
+  slideContainer: p,
+  slideContent: u,
+  main: _,
+  floatingMeetSlot: i
 };
 export {
-  n as appSidebarButton,
-  a as default,
-  i as main,
+  o as appSidebarButton,
+  k as default,
+  n as desktopUpdateButton,
+  a as desktopUpdateButtonIcon,
+  s as desktopUpdateButtonIndicator,
+  d as desktopUpdateButtonLabel,
+  i as floatingMeetSlot,
+  _ as main,
   e as sidebarSyncStatus,
-  o as slideContainer,
-  s as slideContent,
+  p as slideContainer,
+  u as slideContent,
   t as toolTitleInput
 };

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

@@ -0,0 +1,6 @@
+type DesktopUpdateButtonProps = {
+    showLabels: boolean;
+};
+export declare const DesktopUpdateButton: ({ showLabels, }: DesktopUpdateButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DesktopUpdateButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopUpdateButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/DesktopUpdateButton.tsx"],"names":[],"mappings":"AA+BA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,iBAEjC,wBAAwB,mDAkL1B,CAAC"}

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

@@ -0,0 +1,161 @@
+import { jsx as l, jsxs as w } from "react/jsx-runtime";
+import { useState as V, useEffect as N, useMemo as T, useCallback as I } from "react";
+import { useTranslation as D } from "react-i18next";
+import { RefreshIcon as E, DownloadCircle01Icon as p, ReloadIcon as R, Alert02Icon as C } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as A } from "@hugeicons/react";
+import { Tooltip as B, Stack as S, Indicator as _, ActionIcon as x, Text as z } from "@mantine/core";
+import { getDesktopBridge as L } from "../menus/HelpMenu/HelpMenu.js";
+import s from "../../AppContainer.module.css.js";
+const P = "layers:desktop-update:download", j = "layers:desktop-update:install", H = "layers:desktop-update:check", O = /* @__PURE__ */ new Set([
+  "available",
+  "downloading",
+  "downloaded",
+  "installing",
+  "error"
+]), Q = ({
+  showLabels: c
+}) => {
+  const { t: e } = D("appContainer"), [t, r] = V(null);
+  N(() => {
+    const a = L()?.updates;
+    if (!a) {
+      r(null);
+      return;
+    }
+    let d = !1;
+    const u = (h) => {
+      d || r(h);
+    };
+    a.status().then(u).catch(() => {
+    });
+    const y = a.onChanged(u);
+    return () => {
+      d = !0, y();
+    };
+  }, []);
+  const b = t?.enabled && O.has(t.status), { icon: f, label: v, tooltip: i, eventName: n, busy: k, tone: o } = T(() => {
+    const a = t?.availableVersion ? `v${t.availableVersion}` : e("desktopUpdate.sidebarUnknownVersion", {
+      defaultValue: "the latest version"
+    });
+    return t?.status === "downloaded" ? {
+      icon: E,
+      label: e("desktopUpdate.sidebarRestart", {
+        defaultValue: "Restart"
+      }),
+      tooltip: e("desktopUpdate.sidebarRestartTooltip", {
+        version: a,
+        defaultValue: "Restart to install {{version}}"
+      }),
+      eventName: j,
+      busy: !1,
+      tone: "ready"
+    } : t?.status === "downloading" ? {
+      icon: p,
+      label: e("desktopUpdate.sidebarDownloading", {
+        defaultValue: "Downloading"
+      }),
+      tooltip: e("desktopUpdate.sidebarDownloadingTooltip", {
+        version: a,
+        defaultValue: "Downloading update {{version}}"
+      }),
+      eventName: null,
+      busy: !0,
+      tone: "busy"
+    } : t?.status === "installing" ? {
+      icon: R,
+      label: e("desktopUpdate.sidebarInstalling", {
+        defaultValue: "Installing"
+      }),
+      tooltip: e("desktopUpdate.sidebarInstallingTooltip", {
+        version: a,
+        defaultValue: "Installing update {{version}}"
+      }),
+      eventName: null,
+      busy: !0,
+      tone: "busy"
+    } : t?.status === "error" ? {
+      icon: C,
+      label: e("desktopUpdate.sidebarRetry", {
+        defaultValue: "Retry"
+      }),
+      tooltip: t.error || e("desktopUpdate.sidebarRetryTooltip", {
+        defaultValue: "Retry update check"
+      }),
+      eventName: H,
+      busy: !1,
+      tone: "error"
+    } : {
+      icon: p,
+      label: e("desktopUpdate.sidebarUpdate", {
+        defaultValue: "Update"
+      }),
+      tooltip: e("desktopUpdate.sidebarUpdateTooltip", {
+        version: a,
+        defaultValue: "Update to {{version}}"
+      }),
+      eventName: P,
+      busy: !1,
+      tone: "available"
+    };
+  }, [t?.availableVersion, t?.error, t?.status, e]), m = I(() => {
+    n && window.dispatchEvent(new Event(n));
+  }, [n]);
+  if (!b) return null;
+  const g = o === "available" || o === "ready", U = o === "ready" ? "green" : "blue";
+  return /* @__PURE__ */ l(B, { label: i, position: "right", withArrow: !0, openDelay: 250, children: /* @__PURE__ */ w(
+    S,
+    {
+      className: s.desktopUpdateButton,
+      "data-tone": o,
+      "data-disabled": !n || void 0,
+      gap: 0,
+      align: "center",
+      onClick: m,
+      children: [
+        /* @__PURE__ */ l(
+          _,
+          {
+            className: s.desktopUpdateButtonIndicator,
+            disabled: !g,
+            color: U,
+            inline: !0,
+            offset: 4,
+            position: "top-end",
+            processing: !0,
+            size: 10,
+            withBorder: !0,
+            children: /* @__PURE__ */ l(
+              x,
+              {
+                className: s.desktopUpdateButtonIcon,
+                "aria-label": i,
+                size: "lg",
+                variant: "light",
+                color: o === "ready" ? "green" : o === "error" ? "red" : "blue",
+                loading: k,
+                "data-button": !0,
+                children: /* @__PURE__ */ l(A, { icon: f, size: 18 })
+              }
+            )
+          }
+        ),
+        c && /* @__PURE__ */ l(
+          z,
+          {
+            className: s.desktopUpdateButtonLabel,
+            fz: 10,
+            fw: 500,
+            lh: 1.4,
+            c: "var(--app-container-title-color)",
+            px: 4,
+            ta: "center",
+            children: v
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Q as DesktopUpdateButton
+};

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

@@ -1 +1 @@
-{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAoHA,CAAC"}
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAmPA,CAAC"}