@layers-app/shared 0.2.8 → 0.3.1

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

@@ -1,150 +1,158 @@
-import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { useState as F, useRef as j, useCallback as m, useEffect as A } from "react";
+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 R, CustomerSupportIcon as $, Book02Icon as B, Structure02Icon as E, Layers01Icon as O, BookOpen01Icon as U, LicenseIcon as W } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as n } from "@hugeicons/react";
-import { Stack as N, Button as h, Menu as o, Popover as u, UnstyledButton as G, Group as H, Text as I } from "@mantine/core";
-import { IconChevronRight as K } from "@tabler/icons-react";
-import Y from "../../../../../assets/svg/discord-icon.svg.js";
-import q from "../../../../../assets/svg/telegram-icon.svg.js";
-import J from "../../../../../assets/svg/whatsapp-icon.svg.js";
-import { isFeature as Q } from "../../../../../helpers/feature.js";
-import { resetFeatureFlow as V } from "../../../../../store/featureProgress.js";
-import { useAppContainerDataStore as X } from "../../../hooks/useAppContainerDataStore.js";
-import { WhatsNew as Z } from "./WhatsNew.js";
-import { resetOnboarding as ee } from "../../../../OnboardingTour/useOnboardingTour.js";
-import { FeatureProgressKey as te } from "../../../../FeatureProgress/constants.js";
-const ve = () => {
-  const { t } = _("helpMenu"), [S, g] = F(!1), a = j(null), {
-    showMessenger: f,
-    showNewMessage: b,
-    workspaceMenu: y,
-    getFirstPageLink: M,
-    version: T,
-    updatedAt: z,
-    privacyPolicyLink: D,
-    userAgreementLink: L,
-    whatsNewItems: w
-  } = X(), C = () => {
-    p();
+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";
+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 { 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 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: z,
+    workspaceMenu: C,
+    getFirstPageLink: D,
+    version: E,
+    updatedAt: P,
+    privacyPolicyLink: x,
+    userAgreementLink: F,
+    whatsNewItems: b
+  } = 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}`
-    )), ee("graph"), V(te.GraphStart);
-    const d = window.location.pathname.split("/").filter(Boolean), P = d[0], v = d[1] === "pages" ? d[2] : void 0, c = P || y.active.workspaceId;
-    if (c) {
+    )), 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(`/${c}/pages/${v}`);
+        window.location.assign(`/${l}/pages/${v}`);
         return;
       }
-      const k = M?.(c);
+      const k = D?.(l);
       if (k) {
         window.location.assign(k);
         return;
       }
-      window.location.assign(`/${c}/pages`);
+      window.location.assign(`/${l}/pages`);
       return;
     }
     window.location.assign("/");
-  }, i = m(() => {
-    a.current && (window.clearTimeout(a.current), a.current = null);
-  }, []), l = m(() => {
-    i(), g(!0);
-  }, [i]), p = m(() => {
-    i(), a.current = window.setTimeout(() => {
-      g(!1);
+  }, n = h(() => {
+    c.current && (window.clearTimeout(c.current), c.current = null);
+  }, []), d = h(() => {
+    n(), f(!0);
+  }, [n]), m = h(() => {
+    n(), c.current = window.setTimeout(() => {
+      f(!1);
     }, 120);
-  }, [i]);
-  return A(() => () => {
-    i();
-  }, [i]), /* @__PURE__ */ s(N, { gap: 6, p: 4, children: [
-    /* @__PURE__ */ e(
-      h,
+  }, [n]);
+  return R(() => () => {
+    n();
+  }, [n]), /* @__PURE__ */ a(K, { gap: 6, p: 4, children: [
+    o.social.whatsappEnabled && /* @__PURE__ */ e(
+      u,
       {
         component: "a",
-        href: "https://wa.me/37378291264",
+        href: o.social.whatsapp,
         target: "_blank",
         bg: "#00C000",
-        leftSection: /* @__PURE__ */ e(J, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ e(X, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
         children: t("joinWhatsApp")
       }
     ),
-    /* @__PURE__ */ e(
-      h,
+    o.social.telegramEnabled && /* @__PURE__ */ e(
+      u,
       {
         component: "a",
-        href: "https://t.me/layers_app",
+        href: o.social.telegram,
         target: "_blank",
         bg: "blue.5",
-        leftSection: /* @__PURE__ */ e(q, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ e(V, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
         children: t("joinTelegram")
       }
     ),
-    /* @__PURE__ */ e(
-      h,
+    o.social.discordEnabled && /* @__PURE__ */ e(
+      u,
       {
         component: "a",
-        href: "https://discord.gg/mEd2PbchRD",
+        href: o.social.discord,
         target: "_blank",
         bg: "indigo.6",
-        leftSection: /* @__PURE__ */ e(Y, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ e(Q, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
         children: t("joinDiscord")
       }
     ),
-    /* @__PURE__ */ e(o.Divider, {}),
-    /* @__PURE__ */ e(
-      o.Item,
-      {
-        onClick: () => {
-          f(), b(t("contactSalesMessage"));
-        },
-        leftSection: /* @__PURE__ */ e(n, { icon: R, size: 16 }),
-        children: t("contactSales")
-      }
-    ),
-    /* @__PURE__ */ e(
-      o.Item,
-      {
-        onClick: f,
-        leftSection: /* @__PURE__ */ e(n, { icon: $, size: 16 }),
-        children: t("getSupport")
-      }
-    ),
-    /* @__PURE__ */ e(o.Divider, {}),
-    Q() && /* @__PURE__ */ s(
-      u,
+    (o.social.whatsappEnabled || o.social.telegramEnabled || o.social.discordEnabled) && /* @__PURE__ */ e(i.Divider, {}),
+    !y.isDesktop && T && /* @__PURE__ */ a(I, { children: [
+      /* @__PURE__ */ e(
+        i.Item,
+        {
+          onClick: () => {
+            w(), z(t("contactSalesMessage"));
+          },
+          leftSection: /* @__PURE__ */ e(s, { icon: O, size: 16 }),
+          children: t("contactSales")
+        }
+      ),
+      /* @__PURE__ */ e(
+        i.Item,
+        {
+          onClick: w,
+          leftSection: /* @__PURE__ */ e(s, { icon: U, size: 16 }),
+          children: t("getSupport")
+        }
+      ),
+      /* @__PURE__ */ e(i.Divider, {})
+    ] }),
+    ee() && /* @__PURE__ */ a(
+      g,
       {
-        opened: S,
+        opened: M,
         width: 200,
         position: "right-start",
         offset: 10,
         withinPortal: !0,
         shadow: "md",
         children: [
-          /* @__PURE__ */ e(u.Target, { children: /* @__PURE__ */ e("div", { onMouseEnter: l, onMouseLeave: p, children: /* @__PURE__ */ e(
-            o.Item,
+          /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e("div", { onMouseEnter: d, onMouseLeave: m, children: /* @__PURE__ */ e(
+            i.Item,
             {
-              leftSection: /* @__PURE__ */ e(n, { icon: B, size: 16 }),
-              rightSection: /* @__PURE__ */ e(K, { size: 14 }),
+              leftSection: /* @__PURE__ */ e(s, { icon: H, size: 16 }),
+              rightSection: /* @__PURE__ */ e(J, { size: 14 }),
               onClick: (r) => {
-                r.preventDefault(), l();
+                r.preventDefault(), d();
               },
               children: t("tutorials")
             }
           ) }) }),
           /* @__PURE__ */ e(
-            u.Dropdown,
+            g.Dropdown,
             {
               py: 4,
               ml: 6,
@@ -152,27 +160,27 @@ const ve = () => {
                 backgroundColor: "light-dark(var(--app-shell-bg),var(--mantine-color-dark-6))",
                 border: "none"
               },
-              onMouseEnter: l,
-              onMouseLeave: p,
+              onMouseEnter: d,
+              onMouseLeave: m,
               children: /* @__PURE__ */ e(
-                G,
+                Y,
                 {
-                  onClick: C,
+                  onClick: j,
                   style: {
                     width: "100%",
                     borderRadius: 12,
                     padding: "6px 12px"
                   },
-                  children: /* @__PURE__ */ s(H, { gap: 10, children: [
+                  children: /* @__PURE__ */ a(q, { gap: 10, children: [
                     /* @__PURE__ */ e(
-                      n,
+                      s,
                       {
-                        icon: E,
+                        icon: N,
                         size: 16,
                         color: "var(--mantine-color-dimmed)"
                       }
                     ),
-                    /* @__PURE__ */ e(I, { size: "sm", c: "bright", children: t("mindMap") })
+                    /* @__PURE__ */ e(S, { size: "sm", c: "bright", children: t("mindMap") })
                   ] })
                 }
               )
@@ -182,56 +190,48 @@ const ve = () => {
       }
     ),
     /* @__PURE__ */ e(
-      o.Item,
-      {
-        leftSection: /* @__PURE__ */ e(n, { icon: O, size: 16 }),
-        component: "a",
-        href: "https://layers.md/",
-        target: "_blank",
-        children: t("aboutLayers")
-      }
-    ),
-    /* @__PURE__ */ e(
-      o.Item,
+      i.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
-        href: L,
-        leftSection: /* @__PURE__ */ e(n, { icon: U, size: 16 }),
+        href: F,
+        leftSection: /* @__PURE__ */ e(s, { icon: W, size: 16 }),
         children: t("userAgreement")
       }
     ),
     /* @__PURE__ */ e(
-      o.Item,
+      i.Item,
       {
         variant: "outline",
         component: "a",
         target: "_blank",
-        href: D,
-        leftSection: /* @__PURE__ */ e(n, { icon: W, size: 16 }),
+        href: x,
+        leftSection: /* @__PURE__ */ e(s, { icon: G, size: 16 }),
         children: t("termsAndPrivacy")
       }
     ),
-    /* @__PURE__ */ e(o.Divider, {}),
-    !!w?.length && /* @__PURE__ */ s(x, { children: [
-      /* @__PURE__ */ e(Z, { items: w }),
-      /* @__PURE__ */ e(o.Divider, {})
+    /* @__PURE__ */ e(i.Divider, {}),
+    !!b?.length && /* @__PURE__ */ a(I, { children: [
+      /* @__PURE__ */ e(ie, { items: b }),
+      /* @__PURE__ */ e(i.Divider, {})
     ] }),
-    /* @__PURE__ */ s(I, { size: "xs", c: "dimmed", children: [
+    /* @__PURE__ */ a(S, { size: "xs", c: "dimmed", children: [
       t("updated"),
       " ",
-      z,
+      P,
       /* @__PURE__ */ e("br", {}),
-      "Layers v",
-      T,
+      o.name,
+      " v",
+      E,
       /* @__PURE__ */ e("br", {}),
       "© ",
       (/* @__PURE__ */ new Date()).getFullYear(),
-      " Layers Web Application"
+      " ",
+      o.copyrightHolder
     ] })
   ] });
 };
 export {
-  ve as HelpMenu
+  ze as HelpMenu
 };

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/ColorPicker/ColorPickerPopover.d.ts

@@ -1,11 +1,11 @@
 import { PropsWithChildren } from 'react';
-interface ColorPickerPopoverProps {
+import { PopoverProps } from '@mantine/core';
+type ColorPickerPopoverProps = {
     value?: string;
     onChange?: (v: string) => void;
-    defaultOpened?: boolean;
-    size?: number;
-    radius?: number;
-}
-export declare const ColorPickerPopover: ({ value, onChange, defaultOpened, size, radius, children, }: PropsWithChildren<ColorPickerPopoverProps>) => import("react/jsx-runtime").JSX.Element;
+    opened?: boolean;
+    setOpened?: (opened: boolean) => void;
+} & Pick<PopoverProps, 'withinPortal' | 'floatingStrategy'>;
+export declare const ColorPickerPopover: ({ value, onChange, opened, setOpened, children, withinPortal, floatingStrategy, }: PropsWithChildren<ColorPickerPopoverProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ColorPickerPopover.d.ts.map

package/dist/components/ColorPicker/ColorPickerPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerPopover.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPickerPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAMpD,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,6DAOhC,iBAAiB,CAAC,uBAAuB,CAAC,4CAgC5C,CAAC"}
+{"version":3,"file":"ColorPickerPopover.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPickerPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAInD,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,GAAG,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,kBAAkB,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,GAAI,mFAQhC,iBAAiB,CAAC,uBAAuB,CAAC,4CA0B5C,CAAC"}

package/dist/components/ColorPicker/ColorPickerPopover.js

@@ -1,42 +1,40 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { Popover as t } from "@mantine/core";
-import { ColorPicker as n } from "./ColorPicker.js";
-const w = ({
-  value: r,
-  onChange: i,
-  defaultOpened: c,
-  size: l = 18,
-  radius: d,
-  children: p
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { Menu as r } from "@mantine/core";
+import { ColorPicker as d } from "./ColorPicker.js";
+const x = ({
+  value: i,
+  onChange: t,
+  opened: c,
+  setOpened: e,
+  children: n,
+  withinPortal: m,
+  floatingStrategy: p
 }) => {
-  const [s, e] = h(c);
-  return /* @__PURE__ */ f(
-    t,
+  const { t: s } = a("ui");
+  return /* @__PURE__ */ l(
+    r,
     {
-      opened: s,
+      opened: c,
       onChange: e,
       position: "bottom-start",
-      withArrow: !0,
+      withinPortal: m,
+      floatingStrategy: p,
       children: [
-        /* @__PURE__ */ o(t.Target, { children: /* @__PURE__ */ o("div", { onClick: () => e((m) => !m), style: { cursor: "pointer" }, children: p || /* @__PURE__ */ o(
-          n.ColorCircle,
-          {
-            value: r,
-            size: l,
-            radius: d
-          }
-        ) }) }),
-        /* @__PURE__ */ o(t.Dropdown, { maw: 270, children: /* @__PURE__ */ o("div", { onClick: () => e(!1), children: /* @__PURE__ */ o(
-          n,
-          {
-            ...i ? { value: r, onChange: i } : { defaultValue: r ?? void 0 }
-          }
-        ) }) })
+        /* @__PURE__ */ o(r.Target, { children: n }),
+        /* @__PURE__ */ l(r.Dropdown, { children: [
+          /* @__PURE__ */ o(r.Label, { px: 4, py: 0, mih: 17, mb: 6, children: s("colorPicker.color") }),
+          /* @__PURE__ */ o("div", { onClick: () => e?.(!1), children: /* @__PURE__ */ o(
+            d,
+            {
+              ...t ? { value: i, onChange: t } : { defaultValue: i ?? void 0 }
+            }
+          ) })
+        ] })
       ]
     }
   );
 };
 export {
-  w as ColorPickerPopover
+  x as ColorPickerPopover
 };

package/dist/components/CommentComposer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,4EAQ7B,oBAAoB,4CAoctB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,4EAQ7B,oBAAoB,4CAuctB,CAAC"}