@layers-app/shared 0.2.5 → 0.2.7

package/dist/components/WorkspaceMenu/WorkspaceMenu.js

@@ -1,69 +1,69 @@
-import { jsx as e, Fragment as M, jsxs as n } from "react/jsx-runtime";
-import { useState as j } from "react";
+import { jsxs as t, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { useState as L } from "react";
 import { useTranslation as h } from "react-i18next";
 import { Link as b } from "react-router-dom";
-import { Setting07Icon as A, UserMultiple02Icon as L, Add01Icon as K } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as g } from "@hugeicons/react";
-import { Flex as l, Menu as p, Tooltip as T, Text as m, Stack as a, Box as f, Button as k, ScrollArea as P, Progress as U } from "@mantine/core";
+import { Setting07Icon as N, UserMultiple02Icon as K, Add01Icon as T } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as k } from "@hugeicons/react";
+import { Stack as a, Flex as l, Text as m, Box as f, Button as S, Menu as p, Tooltip as D, Progress as P, ScrollArea as U } from "@mantine/core";
+import { useAppContainerDataStore as w } from "../AppContainer/hooks/useAppContainerDataStore.js";
 import { useMenu as B } from "../../hooks/useMenu.js";
-import { formatStorage as z } from "../../utils/formatStorage.js";
-import { Logotype as D } from "../Logotype.js";
-import { WorkspaceAvatar as S } from "../WorkspaceAvatar/WorkspaceAvatar.js";
-import { Numbers as F } from "../table/helpers/formatters.js";
-import { WorkspaceItem as O } from "./WorkspaceItem.js";
+import { formatStoragePercent as F, formatStorage as z } from "../../utils/formatStorage.js";
+import { Logotype as O } from "../Logotype.js";
+import { WorkspaceAvatar as x } from "../WorkspaceAvatar/WorkspaceAvatar.js";
+import { WorkspaceItem as E } from "./WorkspaceItem.js";
 const ne = ({
   children: r,
   onCreate: i,
-  onClick: t,
-  active: o,
+  onClick: o,
+  active: n,
   items: c,
   workspaceLink: s,
-  settingsLink: x,
-  membersLink: y,
+  settingsLink: y,
+  membersLink: C,
   isAnonym: I,
   publicMode: W
 }) => {
-  const { t: C } = h("workspaceMenu"), { isMobile: u } = B(), [N, d] = j(!1);
+  const { t: A } = h("workspaceMenu"), { isMobile: u } = B(), [j, d] = L(!1);
   return I || W ? /* @__PURE__ */ e(l, { w: "100%", justify: u ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
-    D,
+    O,
     {
       minified: !u,
       w: u ? 65 : 24,
       isLink: !1
     }
-  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(
+  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ t(
     p,
     {
-      opened: N,
+      opened: j,
       onChange: d,
       position: "right-start",
       keepMounted: !1,
       clickOutsideEvents: ["mousedown", "click"],
       offset: 17,
       children: [
-        /* @__PURE__ */ e(p.Target, { children: r ?? /* @__PURE__ */ n(l, { onClick: () => d((w) => !w), children: [
-          /* @__PURE__ */ e(S, { size: 30, workspace: o }),
-          /* @__PURE__ */ e(l, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(T, { label: o.workspaceName, children: /* @__PURE__ */ e(m, { size: "md", truncate: !0, children: o?.workspaceName || C("noName") }) }) })
+        /* @__PURE__ */ e(p.Target, { children: r ?? /* @__PURE__ */ t(l, { onClick: () => d((g) => !g), children: [
+          /* @__PURE__ */ e(x, { size: 30, workspace: n }),
+          /* @__PURE__ */ e(l, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(D, { label: n.workspaceName, children: /* @__PURE__ */ e(m, { size: "md", truncate: !0, children: n?.workspaceName || A("noName") }) }) })
         ] }) }),
-        /* @__PURE__ */ e(p.Dropdown, { w: 338, children: /* @__PURE__ */ n(a, { gap: 6, children: [
+        /* @__PURE__ */ e(p.Dropdown, { w: 338, children: /* @__PURE__ */ t(a, { gap: 6, children: [
           /* @__PURE__ */ e(
-            E,
+            H,
             {
-              active: o,
+              active: n,
               workspaceLink: s,
-              settingsLink: x,
-              membersLink: y,
+              settingsLink: y,
+              membersLink: C,
               onClose: () => d(!1)
             }
           ),
           /* @__PURE__ */ e(f, { px: 4, children: /* @__PURE__ */ e(p.Divider, {}) }),
           /* @__PURE__ */ e(
-            R,
+            $,
             {
               onCreate: i,
-              onClick: t,
+              onClick: o,
               items: c.filter(
-                (w) => w.workspaceId !== o?.workspaceId
+                (g) => g.workspaceId !== n?.workspaceId
               ),
               onClose: () => d(!1)
             }
@@ -72,21 +72,21 @@ const ne = ({
       ]
     }
   ) });
-}, E = ({
+}, H = ({
   active: r,
   workspaceLink: i,
-  settingsLink: t,
-  membersLink: o,
+  settingsLink: o,
+  membersLink: n,
   onClose: c
 }) => {
   const { t: s } = h("workspaceMenu");
-  return /* @__PURE__ */ n(a, { p: 4, pb: 5, gap: 12, children: [
-    /* @__PURE__ */ n(l, { gap: 10, children: [
-      /* @__PURE__ */ e(S, { size: 48, workspace: r }),
-      /* @__PURE__ */ n(a, { gap: 0, miw: 0, children: [
+  return /* @__PURE__ */ t(a, { p: 4, pb: 5, gap: 12, children: [
+    /* @__PURE__ */ t(l, { gap: 10, children: [
+      /* @__PURE__ */ e(x, { size: 48, workspace: r }),
+      /* @__PURE__ */ t(a, { gap: 0, miw: 0, children: [
         /* @__PURE__ */ e(m, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright)", children: r.workspaceName || s("noName") }),
-        /* @__PURE__ */ e(m, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ n(l, { gap: 6, component: "span", children: [
-          r.totalMembers ? /* @__PURE__ */ n(M, { children: [
+        /* @__PURE__ */ e(m, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ t(l, { gap: 6, component: "span", children: [
+          r.totalMembers ? /* @__PURE__ */ t(M, { children: [
             s("member", { count: r.totalMembers }),
             /* @__PURE__ */ e(
               f,
@@ -99,52 +99,53 @@ const ne = ({
               }
             )
           ] }) : null,
-          s(`plans.${r.plan}`)
+          w.getState().isSaas && s(`plans.${r.plan}`)
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ e(H, { active: r }),
-    /* @__PURE__ */ n(l, { children: [
+    w.getState().isSaas && /* @__PURE__ */ e(R, { active: r }),
+    /* @__PURE__ */ t(l, { children: [
       /* @__PURE__ */ e(
-        k,
+        S,
         {
           flex: 1,
           component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: A }),
-          to: i ?? t ?? "",
+          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: N }),
+          to: i ?? o ?? "",
           onClick: c,
           children: s("settings")
         }
       ),
-      o && /* @__PURE__ */ e(
-        k,
+      n && w.getState().isSaas && /* @__PURE__ */ e(
+        S,
         {
           flex: 1,
           component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: L }),
-          to: o,
+          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: K }),
+          to: n,
           onClick: c,
           children: s("members")
         }
       )
     ] })
   ] });
-}, H = ({
+}, R = ({
   active: r
 }) => {
-  const { t: i } = h("workspaceMenu"), t = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = F.formatPercents(t);
-  return /* @__PURE__ */ n(a, { gap: 4, w: "100%", children: [
-    /* @__PURE__ */ n(l, { justify: "space-between", children: [
-      /* @__PURE__ */ n(m, { size: "sm", fw: 500, children: [
+  const { t: i } = h("workspaceMenu"), o = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), n = F(o * 100);
+  return /* @__PURE__ */ t(a, { gap: 4, w: "100%", children: [
+    /* @__PURE__ */ t(l, { justify: "space-between", children: [
+      /* @__PURE__ */ t(m, { size: "sm", fw: 500, children: [
         i("usedStorage"),
         ": ",
-        o
+        n,
+        "%"
       ] }),
-      /* @__PURE__ */ n(m, { size: "sm", fw: 500, c: "gray", children: [
+      /* @__PURE__ */ t(m, { size: "sm", fw: 500, c: "gray", children: [
         z(r?.storageUsedKb),
         " ",
         i("of"),
@@ -152,20 +153,20 @@ const ne = ({
         z(r?.storageLimitKb)
       ] })
     ] }),
-    /* @__PURE__ */ e(U, { h: 4, value: t * 100 })
+    /* @__PURE__ */ e(P, { h: 4, value: o * 100 })
   ] });
-}, R = ({
+}, $ = ({
   onCreate: r,
   onClick: i,
-  items: t,
-  onClose: o
+  items: o,
+  onClose: n
 }) => {
   const { t: c } = h("workspaceMenu");
-  return /* @__PURE__ */ n(a, { gap: 12, children: [
-    t?.length > 0 && /* @__PURE__ */ n(a, { gap: 0, children: [
+  return /* @__PURE__ */ t(a, { gap: 12, children: [
+    o?.length > 0 && /* @__PURE__ */ t(a, { gap: 0, children: [
       /* @__PURE__ */ e(p.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: c("switchWorkspace") }),
       /* @__PURE__ */ e(f, { w: "100%", px: 4, children: /* @__PURE__ */ e(
-        P.Autosize,
+        U.Autosize,
         {
           mah: 200,
           w: "100%",
@@ -174,14 +175,14 @@ const ne = ({
           type: "always",
           styles: {
             viewport: {
-              paddingRight: t.length > 4 ? 12 : 0
+              paddingRight: o.length > 4 ? 12 : 0
             },
             content: {
               minWidth: 0
             }
           },
-          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: t.map((s) => /* @__PURE__ */ e(
-            O,
+          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: o.map((s) => /* @__PURE__ */ e(
+            E,
             {
               workspace: s,
               onClick: i
@@ -192,21 +193,21 @@ const ne = ({
       ) })
     ] }),
     /* @__PURE__ */ e(f, { p: 4, pt: 0, children: /* @__PURE__ */ e(
-      k,
+      S,
       {
         fullWidth: !0,
         variant: "default",
         size: "sm",
         onClick: () => {
-          r?.(), o?.();
+          r?.(), n?.();
         },
-        leftSection: /* @__PURE__ */ e(g, { icon: K, size: 16 }),
+        leftSection: /* @__PURE__ */ e(k, { icon: T, size: 16 }),
         children: c("newWorkspace")
       }
     ) })
   ] });
 };
 export {
-  E as ActiveWorkspace,
+  H as ActiveWorkspace,
   ne as WorkspaceMenu
 };

package/dist/components/modals/RemoveConfirmModal.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { Delete03Icon as v } from "@hugeicons/core-free-icons";
+import { Unlink03Icon as v } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as y } from "@hugeicons/react";
 import { Stack as C, Text as c } from "@mantine/core";
 import { modals as a } from "@mantine/modals";

package/dist/components/table/components/TableHeaders.js

@@ -5,7 +5,7 @@ import { TABLE_ATTRIBUTES as t } from "../constants.js";
 import { useTableStore as d } from "../hooks/useTableStore.js";
 import { visibleColumnsBySideReselect as p } from "../selectors.js";
 import { TableHeaderCell as g } from "./TableHeaderCell.js";
-import { getHeaderStyles as E, getColumnId as b } from "../helpers/columns.js";
+import { getColumnId as E, getHeaderStyles as b } from "../helpers/columns.js";
 const D = h(() => {
   const { useStore: e } = d(), { left: i, base: n, right: r } = e(p);
   return /* @__PURE__ */ c(x, { [t.HEADERS]: "", children: [
@@ -18,7 +18,7 @@ const D = h(() => {
   return /* @__PURE__ */ o(
     m,
     {
-      style: E(e),
+      style: b(e),
       [t.HEADER_GRID]: "",
       children: e.map((r) => /* @__PURE__ */ o(
         g,
@@ -26,7 +26,7 @@ const D = h(() => {
           column: r,
           sort: n
         },
-        b(r.field)
+        E(r.field)
       ))
     }
   );

package/dist/components/table/components/TablePanel.js

@@ -1,4 +1,4 @@
-import { jsxs as p, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { jsxs as p, Fragment as u, jsx as t } from "react/jsx-runtime";
 import { memo as g } from "react";
 import { useTableStore as b } from "../hooks/useTableStore.js";
 import { visibleRowsReselect as f, visibleColumnsBySideReselect as d, metaReselect as v } from "../selectors.js";

package/dist/components/table/helpers/columns.js

@@ -3,7 +3,7 @@ import E from "@emotion/styled";
 import { ActionIcon as N, Checkbox as v } from "@mantine/core";
 import { IconChevronDown as W, IconChevronRight as A } from "@tabler/icons-react";
 import { isValid as h, format as p } from "date-fns";
-import { round as a, assignWith as D, get as c, isNil as R } from "lodash-es";
+import { get as c, isNil as D, round as a, assignWith as R } from "lodash-es";
 import { EXPAND_COLUMN_FIELD as g, SELECT_COLUMN_FIELD as m } from "../constants.js";
 import { useTableStore as I } from "../hooks/useTableStore.js";
 import { selectionReselect as T } from "../selectors.js";
@@ -65,7 +65,7 @@ const L = {
 }, K = (e, t) => ({
   ...L,
   ...w(t?.type ?? e.type),
-  ...D(
+  ...R(
     {},
     e,
     t,
@@ -177,7 +177,7 @@ const L = {
   const r = e.aggregation;
   if (!r || r.render) return null;
   const n = t.map((i) => c(i, e.field)).map(s.parse).filter((i) => !isNaN(i));
-  return r.type === "sum" ? n.reduce((i, l) => i + l, 0) : r.type === "avg" ? n.reduce((i, l) => i + l, 0) / n.length : r.type === "min" ? Math.min(...n) : r.type === "max" ? Math.max(...n) : r.type === "count" ? t.map((l) => c(l, e.field)).filter((l) => !R(l)).length : null;
+  return r.type === "sum" ? n.reduce((i, l) => i + l, 0) : r.type === "avg" ? n.reduce((i, l) => i + l, 0) / n.length : r.type === "min" ? Math.min(...n) : r.type === "max" ? Math.max(...n) : r.type === "count" ? t.map((l) => c(l, e.field)).filter((l) => !D(l)).length : null;
 }, u = E.div``;
 export {
   J as filterPinnedColumns,

package/dist/components/table/hooks/TableProvider.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { createContext as S, useLayoutEffect as C } from "react";
-const b = S(
+import { useLayoutEffect as S, createContext as C } from "react";
+const b = C(
   null
 ), P = ({
   children: h,
@@ -19,7 +19,7 @@ const b = S(
   selection: c,
   sorting: d,
   expanding: f
-}) => (C(() => {
+}) => (S(() => {
   t.useStore.setState((o) => ({
     ...o,
     props: {

package/dist/components/table/selectors.js

@@ -1,7 +1,7 @@
-import { get as w, chunk as A, set as h } from "lodash-es";
+import { set as h, get as w, chunk as A } from "lodash-es";
 import { createSelector as a } from "reselect";
 import { TABLE_AGGREGATION_ROW_ID as O } from "./constants.js";
-import { isTechnicalColumn as x, getSelectionColumn as T, getExpandingColumn as $, mergeColumn as N, getColumnId as W, getAggregateValue as R, getAggregationColumns as b } from "./helpers/columns.js";
+import { getAggregateValue as R, getAggregationColumns as b, getColumnId as T, isTechnicalColumn as x, mergeColumn as $, getSelectionColumn as N, getExpandingColumn as W } from "./helpers/columns.js";
 const E = [], M = a(
   [
     (e) => e.props.rows,
@@ -102,11 +102,11 @@ const E = [], M = a(
       (p) => !d.find((g) => g.field === p.field)
     );
     return [
-      ...e ? [T({ selected: r, pinned: c, api: o })] : [],
-      ...n ? [$({ expanded: l, pinned: c, api: o })] : [],
+      ...e ? [N({ selected: r, pinned: c, api: o })] : [],
+      ...n ? [W({ expanded: l, pinned: c, api: o })] : [],
       ...d,
       ...f
-    ].map((p) => N(p, t[p.field]));
+    ].map((p) => $(p, t[p.field]));
   }
 ), C = a(
   [v],
@@ -123,7 +123,7 @@ const E = [], M = a(
   })
 ), G = a(
   [v],
-  (e) => e.reduce((r, n) => (r[n.field] = n, r[W(n.field)] = n, r), {})
+  (e) => e.reduce((r, n) => (r[n.field] = n, r[T(n.field)] = n, r), {})
 ), I = a(
   [
     C,

package/dist/helpers/getFileType.d.ts

@@ -1,3 +1,2 @@
-import { appMode } from './isAppMode';
-export declare const getFileType: (mimeType: string, mode?: appMode) => "other" | "presentation" | "documents" | "folder" | "media" | "xlsx" | "docx" | "pptx" | "diagram" | "archieve";
+export declare const getFileType: (mimeType: string, isSaas?: boolean) => "other" | "presentation" | "documents" | "folder" | "media" | "xlsx" | "docx" | "pptx" | "diagram" | "archieve";
 //# sourceMappingURL=getFileType.d.ts.map

package/dist/helpers/getFileType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFileType.d.ts","sourceRoot":"","sources":["../../src/helpers/getFileType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,MAAM,aAAa,CAAC;AAEjD,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,EAAE,OAAM,OAAgB,oHAqCnE,CAAC"}
+{"version":3,"file":"getFileType.d.ts","sourceRoot":"","sources":["../../src/helpers/getFileType.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,EAAE,SAAQ,OAAc,oHAqCnE,CAAC"}

package/dist/helpers/getFileType.js

@@ -1,5 +1,4 @@
-import { isAppMode as r } from "./isAppMode.js";
-const a = (e, t = "SAAS") => {
+const n = (e, t = !0) => {
   if (e.includes("text"))
     return "documents";
   if (e.includes("image") || e.includes("video"))
@@ -14,11 +13,11 @@ const a = (e, t = "SAAS") => {
     case "application/excel":
       return "documents";
     case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
-      return r(t, "SAAS") ? "documents" : "xlsx";
+      return t ? "documents" : "xlsx";
     case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
-      return r(t, "SAAS") ? "documents" : "docx";
+      return t ? "documents" : "docx";
     case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
-      return r(t, "SAAS") ? "presentation" : "pptx";
+      return t ? "presentation" : "pptx";
     case "application/slides":
       return "media";
     case "audio/mpeg":
@@ -36,5 +35,5 @@ const a = (e, t = "SAAS") => {
   }
 };
 export {
-  a as getFileType
+  n as getFileType
 };

package/dist/helpers/showFeatureFeedback.d.ts

@@ -0,0 +1,16 @@
+import { NotificationData } from '@mantine/notifications';
+import type { createBrowserRouter } from 'react-router-dom';
+import { FeatureRating } from '../hooks/useFeatureFeedback';
+declare global {
+    interface Window {
+        appRoute: ReturnType<typeof createBrowserRouter>;
+    }
+}
+export type ShowFeatureFeedbackOptions = Omit<Partial<NotificationData>, 'message' | 'onClose'> & {
+    feature: string;
+    delay?: number;
+    onRate?: (rating: FeatureRating) => void;
+    onClose?: () => void;
+};
+export declare function showFeatureFeedback({ feature, title, delay, onRate, onClose, ...notificationProps }: ShowFeatureFeedbackOptions): void;
+//# sourceMappingURL=showFeatureFeedback.d.ts.map

package/dist/helpers/showFeatureFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"showFeatureFeedback.d.ts","sourceRoot":"","sources":["../../src/helpers/showFeatureFeedback.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAiB,MAAM,wBAAwB,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EACL,aAAa,EAEd,MAAM,6BAA6B,CAAC;AAKrC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,QAAQ,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;KAClD;CACF;AA2DD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,OAAO,CAAC,gBAAgB,CAAC,EACzB,SAAS,GAAG,SAAS,CACtB,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,GAAG,iBAAiB,EACrB,EAAE,0BAA0B,QA2F5B"}

package/dist/helpers/showFeatureFeedback.js

@@ -0,0 +1,109 @@
+import { jsx as h } from "react/jsx-runtime";
+import { Rating as F } from "@mantine/core";
+import { notifications as d } from "@mantine/notifications";
+import { trackFeatureFeedback as p } from "../hooks/useFeatureFeedback.js";
+import { setFeatureRating as v } from "../lib/layersVisitData.js";
+import O from "./showFeatureFeedback.module.css.js";
+const _ = "feature-feedback-", k = 2e3, M = 12e3;
+function C(e) {
+  const t = new MutationObserver(() => {
+    document.querySelector('[role="dialog"]') && e();
+  });
+  return t.observe(document.body, { childList: !0, subtree: !0 }), () => t.disconnect();
+}
+function y(e) {
+  const t = window.appRoute;
+  if (!t) return null;
+  const o = t.state.location.pathname;
+  return t.subscribe((s) => {
+    s.location.pathname !== o && e();
+  });
+}
+const x = [
+  "😠",
+  // 😠 1 = terrible
+  "😟",
+  // 😟 2 = bad
+  "😐",
+  // 😐 3 = okay
+  "🙂",
+  // 🙂 4 = good
+  "🥰"
+  // 🥰 5 = great
+], N = [
+  "var(--mantine-color-red-light-hover)",
+  "var(--mantine-color-orange-light-hover)",
+  "var(--mantine-color-orange-light-hover)",
+  "var(--mantine-color-orange-light-hover)",
+  "var(--mantine-color-green-light-hover)"
+], A = {
+  width: 40,
+  height: 40,
+  borderRadius: 100,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: 24,
+  lineHeight: 1
+}, S = (e) => {
+  const t = x[e - 1], o = N[e - 1];
+  return !t || !o ? null : /* @__PURE__ */ h("div", { style: { ...A, background: o }, children: t });
+};
+function H({
+  feature: e,
+  title: t,
+  delay: o,
+  onRate: s,
+  onClose: w,
+  ...R
+}) {
+  const a = `${_}${e}`;
+  let c = !1, u = !1, r = null, i = null, l = null;
+  const n = () => {
+    r && clearTimeout(r), r = null, i?.(), i = null, l?.(), l = null;
+  }, g = () => {
+    c || (c = !0, u = !0, n(), d.hide(a));
+  }, f = () => {
+    n(), c = !1, u = !1;
+    let b = !1;
+    const I = (T) => {
+      const m = T;
+      b = !0, n(), p(e, m), v(e, m), s?.(m), d.update({
+        id: a,
+        title: "Thanks!",
+        message: "",
+        icon: null,
+        autoClose: k,
+        withCloseButton: !0
+      });
+    };
+    d.show({
+      icon: null,
+      autoClose: M,
+      withCloseButton: !0,
+      withBorder: !0,
+      ...R,
+      title: t,
+      classNames: O,
+      id: a,
+      message: /* @__PURE__ */ h("div", { className: O.rating, children: /* @__PURE__ */ h(
+        F,
+        {
+          emptySymbol: S,
+          fullSymbol: S,
+          highlightSelectedOnly: !0,
+          size: "xl",
+          onChange: I,
+          styles: { root: { gap: 10, margin: "8px" } }
+        }
+      ) }),
+      onClose: () => {
+        n(), !(b || u) && (p(e, 0), v(e, 0), w?.());
+      }
+    }), i = C(g), l = y(g) ?? null;
+  };
+  o && o > 0 ? (r = setTimeout(f, o * 1e3), l = y(() => n()) ?? null, i = C(() => n())) : f();
+}
+export {
+  H as showFeatureFeedback
+};

package/dist/helpers/showFeatureFeedback.module.css.js

@@ -0,0 +1,9 @@
+const o = "_root_1y0ew_1", t = "_body_1y0ew_7", s = {
+  root: o,
+  body: t
+};
+export {
+  t as body,
+  s as default,
+  o as root
+};

package/dist/helpers/showNotifications.d.ts

@@ -1,12 +1,23 @@
+import { ReactNode } from 'react';
 import { NotificationData } from '@mantine/notifications';
 type MessageType = string | number | NotificationData;
+export interface NotificationAction {
+    label: ReactNode;
+    onClick: () => void;
+    variant?: 'filled' | 'default';
+}
+export type ExtendedNotificationData = Omit<NotificationData, 'message'> & {
+    message?: ReactNode;
+    actions?: NotificationAction[];
+};
 export declare const showRequestNotifications: <Response, Request extends Promise<Response> = Promise<Response>>(request: Request, options?: {
     notifyId?: string;
     successMsg?: ((res: Response) => MessageType) | MessageType;
     errorMsg?: ((err: any) => MessageType) | MessageType;
 }) => Promise<any>;
-export declare const showMessageNotification: (props: NotificationData) => void;
-export declare const showSuccessNotification: (props: NotificationData) => void;
-export declare const showErrorNotification: (props: NotificationData) => void;
+export declare const showMessageNotification: (props: ExtendedNotificationData) => void;
+export declare const showSuccessNotification: (props: ExtendedNotificationData) => void;
+export declare const showWarningNotification: (props: ExtendedNotificationData) => void;
+export declare const showErrorNotification: (props: ExtendedNotificationData) => void;
 export {};
 //# sourceMappingURL=showNotifications.d.ts.map

package/dist/helpers/showNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAoB,MAAM,wBAAwB,CAAC;AAG5E,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AA+BtD,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,gBAAgB,SAS9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,gBAAgB,SAQ9D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,gBAAgB,SAS5D,CAAC"}
+{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,EACL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAKhC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAetD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC,CAAC;AAmEF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAwCF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,SAKpE,CAAC"}