@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/AliasTextInput/AliasTextInput.js

@@ -1,22 +1,22 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { HelpCircleIcon as h } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as m } from "@hugeicons/react";
-import { Stack as y, Flex as l, Text as a, TextInput as w, Loader as z, Tooltip as f, Box as S } from "@mantine/core";
-import { brand as T } from "../../config/brand.js";
+import { Stack as y, Flex as l, Text as a, TextInput as w, Loader as z, Tooltip as g, Box as S } from "@mantine/core";
+import { getPublicAppOrigin as T } from "../../utils/publicOrigin.js";
 const L = ({
   form: s,
   label: n,
   disabled: o,
   localization: { aliasPlaceholder: d },
-  stackProps: g,
+  stackProps: f,
   flexProps: p,
   textInputProps: u,
   isCheckingAlias: v,
   previewMode: e = !1,
-  tooltipLabel: t
+  tooltipLabel: i
 }) => {
-  const { error: i, ...x } = s;
-  return /* @__PURE__ */ c(y, { gap: 5, ...g, children: [
+  const { error: t, ...x } = s;
+  return /* @__PURE__ */ c(y, { gap: 5, ...f, children: [
     n ? typeof n == "string" ? /* @__PURE__ */ r(a, { fw: 500, size: "xs", children: n }) : n : null,
     /* @__PURE__ */ c(
       l,
@@ -25,7 +25,7 @@ const L = ({
         gap: "sm",
         ...p,
         style: {
-          border: `1px solid ${i ? "var(--mantine-color-error)" : "var(--mantine-color-default-border)"}`,
+          border: `1px solid ${t ? "var(--mantine-color-error)" : "var(--mantine-color-default-border)"}`,
           borderRadius: "var(--mantine-radius-default)",
           color: o ? "var(--input-disabled-color)" : void 0,
           background: o ? "var(--mantine-color-disabled)" : void 0,
@@ -43,7 +43,7 @@ const L = ({
                 c: o ? "dimmed" : "gray",
                 size: "sm",
                 style: { whiteSpace: "nowrap" },
-                children: T.appUrl.replace(/^https?:\/\//, "")
+                children: `${T().replace(/^https?:\/\//, "")}/`
               }
             ) }),
             /* @__PURE__ */ r(
@@ -56,7 +56,7 @@ const L = ({
                 maxLength: 50,
                 disabled: o,
                 readOnly: !s.onChange,
-                rightSection: v ? /* @__PURE__ */ r(z, { size: 20 }) : !e && t ? /* @__PURE__ */ r(f, { label: t, withArrow: !0, children: /* @__PURE__ */ r(m, { size: 20, color: "gray", icon: h }) }) : void 0,
+                rightSection: v ? /* @__PURE__ */ r(z, { size: 20 }) : !e && i ? /* @__PURE__ */ r(g, { label: i, withArrow: !0, children: /* @__PURE__ */ r(m, { size: 20, color: "gray", icon: h }) }) : void 0,
                 ...x,
                 ...u,
                 styles: {
@@ -69,11 +69,11 @@ const L = ({
               }
             )
           ] }),
-          e && /* @__PURE__ */ r(S, { w: 20, h: 20, children: /* @__PURE__ */ r(f, { label: t || d, children: /* @__PURE__ */ r(m, { size: 20, color: "gray", icon: h }) }) })
+          e && /* @__PURE__ */ r(S, { w: 20, h: 20, children: /* @__PURE__ */ r(g, { label: i || d, children: /* @__PURE__ */ r(m, { size: 20, color: "gray", icon: h }) }) })
         ]
       }
     ),
-    i && /* @__PURE__ */ r(a, { fz: "xs", c: "var(--mantine-color-error)", children: i })
+    t && /* @__PURE__ */ r(a, { fz: "xs", c: "var(--mantine-color-error)", children: t })
   ] });
 };
 export {

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;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AA6GD,eAAO,MAAM,YAAY,sOAvFtB,iBAAiB;;;;;;;;CA0FlB,CAAC"}
+{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAuBA,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;AA8GD,eAAO,MAAM,YAAY,sOAxFtB,iBAAiB;;;;;;;;CA2FlB,CAAC"}

package/dist/components/AppContainer/AppContainer.js

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

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

@@ -1,27 +1,19 @@
-const t = "_toolTitleInput_16kiz_37", o = "_appSidebarButton_16kiz_67", e = "_sidebarSyncStatus_16kiz_109", n = "_desktopUpdateButton_16kiz_121", a = "_desktopUpdateButtonIndicator_16kiz_163", d = "_desktopUpdateButtonIcon_16kiz_175", s = "_desktopUpdateButtonLabel_16kiz_223", i = "_slideContainer_16kiz_239", p = "_slideContent_16kiz_251", _ = "_main_16kiz_281", k = "_floatingMeetSlot_16kiz_299", l = {
+const t = "_toolTitleInput_xal77_37", n = "_appSidebarButton_xal77_67", a = "_sidebarSyncStatus_xal77_109", e = "_slideContainer_xal77_217", o = "_slideContent_xal77_229", l = "_main_xal77_259", i = "_floatingMeetSlot_xal77_277", s = {
   toolTitleInput: t,
-  appSidebarButton: o,
-  sidebarSyncStatus: e,
-  desktopUpdateButton: n,
-  desktopUpdateButtonIndicator: a,
-  desktopUpdateButtonIcon: d,
-  desktopUpdateButtonLabel: s,
-  slideContainer: i,
-  slideContent: p,
-  main: _,
-  floatingMeetSlot: k
+  appSidebarButton: n,
+  sidebarSyncStatus: a,
+  slideContainer: e,
+  slideContent: o,
+  main: l,
+  floatingMeetSlot: i
 };
 export {
-  o as appSidebarButton,
-  l as default,
-  n as desktopUpdateButton,
-  d as desktopUpdateButtonIcon,
-  a as desktopUpdateButtonIndicator,
-  s as desktopUpdateButtonLabel,
-  k as floatingMeetSlot,
-  _ as main,
-  e as sidebarSyncStatus,
-  i as slideContainer,
-  p as slideContent,
+  n as appSidebarButton,
+  s as default,
+  i as floatingMeetSlot,
+  l as main,
+  a as sidebarSyncStatus,
+  e as slideContainer,
+  o as slideContent,
   t as toolTitleInput
 };

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

@@ -7,7 +7,8 @@ type AppSidebarButtonProps = {
     active?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;
     'data-cy'?: string;
+    'data-onboarding-tour-id'?: string;
 };
-export declare const AppSidebarButton: ({ title, icon, active, onClick, "data-cy": dataCy, ref, }: AppSidebarButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppSidebarButton: ({ title, icon, active, onClick, "data-cy": dataCy, "data-onboarding-tour-id": dataOnboardingTourId, ref, }: AppSidebarButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AppSidebarButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/AppSidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,qBAAqB,GAAG;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,2DAO9B,qBAAqB,4CAmCvB,CAAC"}
+{"version":3,"file":"AppSidebarButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/AppSidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,qBAAqB,GAAG;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,4GAQ9B,qBAAqB,4CAoCvB,CAAC"}

package/dist/components/AppContainer/components/AppSidebarButton.js

@@ -1,36 +1,38 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { Stack as p, ActionIcon as s, Text as d } from "@mantine/core";
-import l from "../AppContainer.module.css.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { Stack as p, ActionIcon as s, Text as l } from "@mantine/core";
+import u from "../AppContainer.module.css.js";
 const f = ({
-  title: t,
+  title: a,
   icon: r,
-  active: e,
-  onClick: c,
-  "data-cy": o,
-  ref: n
-}) => /* @__PURE__ */ i(
+  active: o,
+  onClick: e,
+  "data-cy": n,
+  "data-onboarding-tour-id": i,
+  ref: c
+}) => /* @__PURE__ */ d(
   p,
   {
-    ref: n,
-    className: l.appSidebarButton,
+    ref: c,
+    className: u.appSidebarButton,
     gap: 0,
     align: "center",
-    onClick: c,
-    "data-cy": o,
+    onClick: e,
+    "data-cy": n,
+    "data-onboarding-tour-id": i,
     children: [
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ t(
         s,
         {
           size: "lg",
           variant: "subtle",
           color: "gray",
           "data-button": !0,
-          "data-active": e,
+          "data-active": o,
           children: r
         }
       ),
-      t && /* @__PURE__ */ a(
-        d,
+      a && /* @__PURE__ */ t(
+        l,
         {
           fz: 10,
           fw: 500,
@@ -40,7 +42,7 @@ const f = ({
           truncate: !0,
           ta: "center",
           w: "var(--apps-sidebar-width)",
-          children: t
+          children: a
         }
       )
     ]

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":"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"}
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAgDA,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,4CAgVA,CAAC"}