@elevasis/ui 2.30.0 → 2.32.0

package/dist/features/auth/index.js

@@ -88,7 +88,7 @@ function ProtectedRoute2({
 function AdminGuard2({ children, redirectTo, fallback = /* @__PURE__ */ jsx(AppShellLoader, {}) }) {
   return /* @__PURE__ */ jsx(AdminGuard, { redirectTo, fallback, children });
 }
-var FEATURE_LABELS = {
+var SYSTEM_LABELS = {
   crm: "CRM",
   "lead-gen": "Lead Gen",
   projects: "Projects",
@@ -98,19 +98,51 @@ var FEATURE_LABELS = {
   settings: "Settings",
   seo: "SEO"
 };
-function getFeatureLabel(featureKey) {
-  return FEATURE_LABELS[featureKey] ?? featureKey;
+function getSystemLabel(systemKey) {
+  return SYSTEM_LABELS[systemKey] ?? systemKey;
 }
-function FeatureGuard({ featureKey, children, deniedMessage, useFeatureAccess }) {
+function getSurfaceLabel(surfaceKey) {
+  return SYSTEM_LABELS[surfaceKey] ?? surfaceKey;
+}
+function SystemGuard({ systemKey, children, deniedMessage, useFeatureAccess }) {
+  const { checkFeature, isReady } = useFeatureAccess();
+  const navigate = useNavigate();
+  const hasRedirected = useRef(false);
+  const resolvedSystemKey = systemKey;
+  const { allowed, restrictedBy } = checkFeature(resolvedSystemKey);
+  useEffect(() => {
+    if (isReady && !allowed && !hasRedirected.current) {
+      hasRedirected.current = true;
+      const systemLabel = getSystemLabel(resolvedSystemKey);
+      const message = deniedMessage ?? (restrictedBy === "membership" ? `You do not have access to ${systemLabel}.` : `${systemLabel} is not available for your organization.`);
+      notifications.show({
+        title: "Access Restricted",
+        message,
+        autoClose: 5e3,
+        color: "red",
+        position: "top-right"
+      });
+      navigate({ to: "/" });
+    }
+  }, [isReady, allowed, restrictedBy, resolvedSystemKey, deniedMessage, navigate]);
+  if (!isReady) {
+    return /* @__PURE__ */ jsx(AppShellLoader, {});
+  }
+  if (!allowed) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function SurfaceGuard({ surfaceKey, children, deniedMessage, useFeatureAccess }) {
   const { checkFeature, isReady } = useFeatureAccess();
   const navigate = useNavigate();
   const hasRedirected = useRef(false);
-  const { allowed, restrictedBy } = checkFeature(featureKey);
+  const { allowed, restrictedBy } = checkFeature(surfaceKey);
   useEffect(() => {
     if (isReady && !allowed && !hasRedirected.current) {
       hasRedirected.current = true;
-      const featureLabel = getFeatureLabel(featureKey);
-      const message = deniedMessage ?? (restrictedBy === "membership" ? `You do not have access to ${featureLabel}.` : `${featureLabel} is not available for your organization.`);
+      const surfaceLabel = getSurfaceLabel(surfaceKey);
+      const message = deniedMessage ?? (restrictedBy === "membership" ? `You do not have access to ${surfaceLabel}.` : `${surfaceLabel} is not available for your organization.`);
       notifications.show({
         title: "Access Restricted",
         message,
@@ -120,7 +152,7 @@ function FeatureGuard({ featureKey, children, deniedMessage, useFeatureAccess })
       });
       navigate({ to: "/" });
     }
-  }, [isReady, allowed, restrictedBy, featureKey, deniedMessage, navigate]);
+  }, [isReady, allowed, restrictedBy, surfaceKey, deniedMessage, navigate]);
   if (!isReady) {
     return /* @__PURE__ */ jsx(AppShellLoader, {});
   }
@@ -130,4 +162,4 @@ function FeatureGuard({ featureKey, children, deniedMessage, useFeatureAccess })
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 
-export { AdminGuard2 as AdminGuard, FeatureGuard, ProtectedRoute2 as ProtectedRoute };
+export { AdminGuard2 as AdminGuard, ProtectedRoute2 as ProtectedRoute, SurfaceGuard, SystemGuard };