@variamosple/variamos-components 0.2.5 → 0.4.0

package/dist/Components/ProtectedRoute/index.js

@@ -2,32 +2,32 @@ import { jsx as f, Fragment as u } from "react/jsx-runtime";
 import { useEffect as g } from "react";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as h } from "../../Context/RouterContext.js";
-import { useSession as d } from "../../Context/SessionContext.js";
 import "../../Context/NotificationContext.js";
-const L = ({
-  notAuthorizedPath: r,
-  allowedPermissions: i = [],
-  children: p
+import { useRouter as R } from "../../Context/RouterContext.js";
+import { useSession as E } from "../../Context/SessionContext.js";
+const h = [], j = ({
+  notAuthorizedPath: n,
+  allowedPermissions: o = h,
+  children: c
 }) => {
-  var s;
-  const { isAuthenticated: e, isLoading: n, user: t } = d(), { navigate: m } = h();
+  var m;
+  const { isAuthenticated: r, isLoading: e, user: t } = E(), { navigate: s } = R();
   return g(() => {
-    if (!n && e) {
-      const o = (t == null ? void 0 : t.permissions) || [];
-      !i.length || o.some((c) => i.includes(c)) || m(r);
+    if (!e && r) {
+      const i = (t == null ? void 0 : t.permissions) ?? [];
+      o.length === 0 || i.some((p) => o.includes(p)) || s(n);
     }
   }, [
-    n,
     e,
     r,
-    m,
+    n,
+    s,
     t,
-    i
-  ]), i.length > 0 && !((s = t == null ? void 0 : t.permissions) != null && s.some(
-    (o) => i.includes(o)
-  )) ? null : /* @__PURE__ */ f(u, { children: p });
+    o
+  ]), o.length > 0 && !((m = t == null ? void 0 : t.permissions) != null && m.some(
+    (i) => o.includes(i)
+  )) ? null : /* @__PURE__ */ f(u, { children: c });
 };
 export {
-  L as ProtectedRoute
+  j as ProtectedRoute
 };

package/dist/Components/index.d.ts

@@ -3,6 +3,6 @@ export * from './ConfirmationModal';
 export * from './Footer';
 export * from './Header';
 export * from './NotAuthorized';
+export * from './Notifications';
 export * from './Paginator';
 export * from './ProtectedRoute';
-export * from './Notifications';

package/dist/Components/index.js

@@ -3,20 +3,20 @@ import { confirmationModalDefaultProps as f } from "./ConfirmationModal/index.js
 import { Footer as p } from "./Footer/index.js";
 import { Header as m } from "./Header/index.js";
 import { NotAuthorized as n } from "./NotAuthorized/index.js";
-import { Paginator as d } from "./Paginator/index.js";
-import { ProtectedRoute as u } from "./ProtectedRoute/index.js";
-import { NotificationBell as P } from "./Notifications/NotificationBell.js";
-import { NotificationDrawer as h } from "./Notifications/NotificationDrawer.js";
-import { NotificationSettings as A } from "./Notifications/NotificationSettings.js";
+import { NotificationBell as d } from "./Notifications/NotificationBell.js";
+import { NotificationDrawer as u } from "./Notifications/NotificationDrawer.js";
+import { NotificationSettings as P } from "./Notifications/NotificationSettings.js";
+import { Paginator as h } from "./Paginator/index.js";
+import { ProtectedRoute as A } from "./ProtectedRoute/index.js";
 export {
   t as AuthWrapper,
   p as Footer,
   m as Header,
   n as NotAuthorized,
-  P as NotificationBell,
-  h as NotificationDrawer,
-  A as NotificationSettings,
-  d as Paginator,
-  u as ProtectedRoute,
+  d as NotificationBell,
+  u as NotificationDrawer,
+  P as NotificationSettings,
+  h as Paginator,
+  A as ProtectedRoute,
   f as confirmationModalDefaultProps
 };

package/dist/Context/AnalyticsContext.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { ResponseModel } from '../Model';
 export declare const AnalyticsContext: import('react').Context<unknown>;
 export declare const PAGE_VISIT_EVENT = "page-visit";
 export interface AnalyticsProviderProps {
     onVisit: (pageId: string) => Promise<ResponseModel<void>>;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const AnalyticsProvider: FC<AnalyticsProviderProps>;

package/dist/Context/AnalyticsContext.js

@@ -1,23 +1,23 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as c, useEffect as r } from "react";
-import { Events as a } from "../Common/Events.js";
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as d, useEffect as s } from "react";
+import { Events as i } from "../Common/Events.js";
 import { useDebouncedValue as m } from "../Hooks/useDebouncedValue.js";
-const u = c({}), d = "page-visit", E = ({
+const f = d({}), n = "page-visit", E = ({
   onVisit: t,
-  children: s
+  children: c
 }) => {
   const [e, o] = m(null, 1e4);
-  return r(() => {
-    a.subscribe(d, (i) => {
-      o(i.detail.id);
-    });
-  }, [o]), r(() => {
-    e && t(e).then(() => {
-    });
-  }, [e, t]), /* @__PURE__ */ n(u.Provider, { value: {}, children: s });
+  return s(() => {
+    const r = (u) => {
+      o(u.detail.id);
+    };
+    return i.subscribe(n, r), () => i.unsubscribe(n, r);
+  }, [o]), s(() => {
+    e && t(e);
+  }, [e, t]), /* @__PURE__ */ a(f.Provider, { value: {}, children: c });
 };
 export {
-  u as AnalyticsContext,
+  f as AnalyticsContext,
   E as AnalyticsProvider,
-  d as PAGE_VISIT_EVENT
+  n as PAGE_VISIT_EVENT
 };

package/dist/Context/MenuContext.js

@@ -1,61 +1,53 @@
-import { jsx as R } from "react/jsx-runtime";
-import { createContext as L, useMemo as d, useEffect as S, useContext as y } from "react";
-import { useQuery as E } from "../Hooks/useQuery.js";
-import { useRouter as j } from "./RouterContext.js";
-import { useSession as q } from "./SessionContext.js";
-const P = L({
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as v, useMemo as n, useEffect as x, useContext as M } from "react";
+import { isAllowedFor as F } from "../Common/isAllowedFor.js";
+import { useQuery as h } from "../Hooks/useQuery.js";
+import { useRouter as w } from "./RouterContext.js";
+import { useSession as C } from "./SessionContext.js";
+const d = v({
   items: [],
   isLoading: !0
-}), A = ({
-  requestMenu: e,
-  children: h
+}), j = ({
+  requestMenu: s,
+  children: f
 }) => {
-  const { user: r } = q(), { basePath: l } = j(), {
+  const { user: c } = C(), { basePath: r } = w(), {
     data: o,
-    loadData: f,
-    isLoading: n,
-    isLoaded: p
-  } = E({
-    queryFunction: e
-  }), g = d(() => {
-    var w;
-    const i = (r == null ? void 0 : r.permissions) || [], c = (r == null ? void 0 : r.roles) || [];
-    return (w = o == null ? void 0 : o.items) != null && w.length ? o.items.filter((s) => {
-      var v, x;
-      if (!((v = s == null ? void 0 : s.allowedPermissions) != null && v.length) && !((x = s == null ? void 0 : s.allowedRoles) != null && x.length))
-        return !0;
-      let t = !0;
-      return s.allowedRoles && (t = t && s.allowedRoles.some((a) => c.includes(a))), s.allowedPermissions && (t = t && s.allowedPermissions.some(
-        (a) => i.includes(a)
-      )), t;
-    }) : [];
-  }, [o == null ? void 0 : o.items, r]), C = d(() => {
+    loadData: u,
+    isLoading: e,
+    isLoaded: a
+  } = h({
+    queryFunction: s
+  }), p = n(() => {
+    var t;
+    return (t = o == null ? void 0 : o.items) != null && t.length ? o.items.filter((i) => F(i, c)) : [];
+  }, [o == null ? void 0 : o.items, c]), l = n(() => {
     if (!(o != null && o.subMenu))
       return;
-    const i = o == null ? void 0 : o.subMenu.find(
-      (c) => l === c.accessibleFrom
+    const t = o == null ? void 0 : o.subMenu.find(
+      (i) => r === i.accessibleFrom
     );
-    return (i == null ? void 0 : i.items) || void 0;
-  }, [o == null ? void 0 : o.subMenu, l]), F = d(() => o != null && o.options ? o == null ? void 0 : o.options.filter(
-    (i) => !i.accessibleFrom || l === i.accessibleFrom
-  ) : [], [o == null ? void 0 : o.options, l]);
-  return S(() => {
-    !n && !p && f({});
-  }, [n, p, f]), /* @__PURE__ */ R(
-    P.Provider,
+    return (t == null ? void 0 : t.items) || void 0;
+  }, [o == null ? void 0 : o.subMenu, r]), b = n(() => o != null && o.options ? o == null ? void 0 : o.options.filter(
+    (t) => !t.accessibleFrom || r === t.accessibleFrom
+  ) : [], [o == null ? void 0 : o.options, r]);
+  return x(() => {
+    !e && !a && u({});
+  }, [e, a, u]), /* @__PURE__ */ m(
+    d.Provider,
     {
-      value: { items: g, subMenu: C, options: F, isLoading: n },
-      children: h
+      value: { items: p, subMenu: l, options: b, isLoading: e },
+      children: f
     }
   );
-}, B = () => {
-  const e = y(P);
-  if (e === void 0)
+}, q = () => {
+  const s = M(d);
+  if (s === void 0)
     throw new Error("useSession must be used within a SessionProvider");
-  return e;
+  return s;
 };
 export {
-  P as MenuContext,
-  A as MenuContextProvider,
-  B as useMenu
+  d as MenuContext,
+  j as MenuContextProvider,
+  q as useMenu
 };

package/dist/Context/NotificationContext.d.ts

@@ -1,17 +1,6 @@
 import { FC, ReactNode } from 'react';
-export interface NotificationItem {
-    id: string;
-    templateKey: string;
-    variables: Record<string, any>;
-    metadata: Record<string, any>;
-    isRead: boolean;
-    createdAt: string;
-}
-export interface UserNotificationPreferences {
-    emailEnabled: boolean;
-    inAppEnabled: boolean;
-    mutedEventTypes: string[];
-}
+import { NotificationItem, UserNotificationPreferences } from './notificationApi';
+export type { NotificationItem, UserNotificationPreferences, } from './notificationApi';
 interface NotificationContextType {
     notifications: NotificationItem[];
     unreadCount: number;
@@ -36,4 +25,3 @@ export interface NotificationProviderProps {
 }
 export declare const NotificationProvider: FC<NotificationProviderProps>;
 export declare const useNotifications: () => NotificationContextType;
-export {};