@jmruthers/pace-core 0.5.21 → 0.5.23

package/dist/{chunk-ULP6OIQE.js → chunk-O2VJ5KRZ.js}

@@ -284,6 +284,18 @@ var PagePermissionGuardComponent = ({
   loading = /* @__PURE__ */ jsx2(DefaultLoading, {})
 }) => {
   const instanceId = useMemo2(() => Math.random().toString(36).substr(2, 9), []);
+  const renderCountRef = useRef(0);
+  renderCountRef.current += 1;
+  console.log(`[PagePermissionGuard] RENDER #${renderCountRef.current} for ${pageName}:${operation}`, {
+    instanceId,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  });
+  useEffect2(() => {
+    console.log(`[PagePermissionGuard] MOUNTED: ${pageName}:${operation}`, { instanceId });
+    return () => {
+      console.log(`[PagePermissionGuard] UNMOUNTED: ${pageName}:${operation}`, { instanceId });
+    };
+  }, [pageName, operation, instanceId]);
   const { user, selectedOrganisationId, selectedEventId, supabase } = useUnifiedAuth();
   const [hasChecked, setHasChecked] = useState2(false);
   const [checkError, setCheckError] = useState2(null);
@@ -452,6 +464,16 @@ var PagePermissionGuardComponent = ({
     true
     // Use cache
   );
+  console.log(`[PagePermissionGuard] useCan result for ${pageName}:${operation}`, {
+    instanceId,
+    can,
+    canIsLoading,
+    canError: !!canError,
+    userId: user?.id,
+    stableScope,
+    permission,
+    effectivePageId
+  });
   const isLoading = !resolvedScope || canIsLoading;
   const error = checkError || canError;
   useEffect2(() => {
@@ -509,19 +531,110 @@ var PagePermissionGuardComponent = ({
       permissionKey
     });
   }, [isLoading, hasChecked, resolvedScope, checkError, can, shouldShowAccessDenied, shouldShowContent, permissionKey, instanceId]);
+  const renderDecision = {
+    instanceId,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    renderCount: renderCountRef.current,
+    // State values
+    isLoading,
+    hasValidScope,
+    hasValidUser,
+    hasChecked,
+    checkError: !!checkError,
+    can,
+    // Calculated values
+    shouldShowAccessDenied,
+    shouldShowContent,
+    // Render conditions
+    willShowLoading: isLoading || !hasValidScope || !hasValidUser || !hasChecked,
+    willShowError: checkError && !can,
+    willShowDenied: shouldShowAccessDenied,
+    willShowContent: shouldShowContent,
+    // Raw data for debugging
+    resolvedScope: resolvedScope ? {
+      organisationId: resolvedScope.organisationId,
+      eventId: resolvedScope.eventId,
+      appId: resolvedScope.appId
+    } : null,
+    user: user ? { id: user.id, email: user.email } : null
+  };
+  console.log("[PagePermissionGuard] RENDER DECISION:", renderDecision);
+  if (can && !shouldShowContent) {
+    console.error("[PagePermissionGuard] CRITICAL BUG DETECTED: Has permission but shouldShowContent is false!", {
+      ...renderDecision,
+      bug: "PERMISSION_GRANTED_BUT_CONTENT_NOT_SHOWING"
+    });
+  }
+  if (shouldShowContent && !(isLoading || !hasValidScope || !hasValidUser || !hasChecked) && !(checkError && !can) && !shouldShowAccessDenied) {
+    console.log("[PagePermissionGuard] SHOULD RENDER CONTENT - This is the correct path!", {
+      ...renderDecision,
+      status: "CONTENT_SHOULD_BE_RENDERED"
+    });
+  }
   if (isLoading || !hasValidScope || !hasValidUser || !hasChecked) {
-    return /* @__PURE__ */ jsx2("div", { children: loading }, `loading-${permissionKey}`);
+    console.log("[PagePermissionGuard] RENDERING: LOADING STATE");
+    return /* @__PURE__ */ jsxs("div", { style: { border: "3px solid orange", padding: "5px", backgroundColor: "lightyellow" }, children: [
+      /* @__PURE__ */ jsx2("div", { style: { color: "orange", fontWeight: "bold" }, children: "\u{1F504} LOADING STATE" }),
+      loading
+    ] }, `loading-${permissionKey}`);
   }
   if (checkError && !can) {
-    return /* @__PURE__ */ jsx2("div", { children: fallback }, `error-${permissionKey}`);
+    console.log("[PagePermissionGuard] RENDERING: ERROR STATE");
+    return /* @__PURE__ */ jsxs("div", { style: { border: "3px solid red", padding: "5px", backgroundColor: "lightcoral" }, children: [
+      /* @__PURE__ */ jsx2("div", { style: { color: "red", fontWeight: "bold" }, children: "\u274C ERROR STATE" }),
+      fallback
+    ] }, `error-${permissionKey}`);
   }
   if (shouldShowAccessDenied) {
-    return /* @__PURE__ */ jsx2("div", { children: fallback }, `denied-${permissionKey}`);
+    console.log("[PagePermissionGuard] RENDERING: ACCESS DENIED STATE");
+    return /* @__PURE__ */ jsxs("div", { style: { border: "3px solid red", padding: "5px", backgroundColor: "lightcoral" }, children: [
+      /* @__PURE__ */ jsx2("div", { style: { color: "red", fontWeight: "bold" }, children: "\u{1F6AB} ACCESS DENIED STATE" }),
+      fallback
+    ] }, `denied-${permissionKey}`);
   }
   if (shouldShowContent) {
-    return /* @__PURE__ */ jsx2("div", { children }, `content-${permissionKey}`);
+    console.log("[PagePermissionGuard] RENDERING: CONTENT STATE - SHOWING CHILDREN");
+    console.log("[PagePermissionGuard] CONTENT RENDER SUCCESS - This should fix the Access Denied issue!");
+    const forceRenderContent = /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          border: "5px solid red",
+          padding: "10px",
+          margin: "10px",
+          backgroundColor: "yellow",
+          position: "relative",
+          zIndex: 9999
+        },
+        children: [
+          /* @__PURE__ */ jsx2("div", { style: {
+            background: "red",
+            color: "white",
+            padding: "10px",
+            fontSize: "16px",
+            fontWeight: "bold",
+            marginBottom: "10px",
+            textAlign: "center"
+          }, children: "\u{1F6A8} FORCE RENDER: PagePermissionGuard Content is ACTUALLY RENDERING! \u{1F6A8}" }),
+          /* @__PURE__ */ jsx2("div", { style: {
+            background: "lightgreen",
+            padding: "5px",
+            fontSize: "14px",
+            marginBottom: "10px",
+            border: "2px solid green"
+          }, children: "\u2705 This proves the PagePermissionGuard is working correctly!" }),
+          /* @__PURE__ */ jsxs("div", { style: { border: "2px solid blue", padding: "5px" }, children: [
+            /* @__PURE__ */ jsx2("strong", { children: "Original Children:" }),
+            children
+          ] })
+        ]
+      },
+      `content-${permissionKey}`
+    );
+    console.log("[PagePermissionGuard] RETURNING FORCE RENDER CONTENT");
+    return forceRenderContent;
   }
-  console.warn("[PagePermissionGuard] Unexpected state - falling back to loading", {
+  console.error("[PagePermissionGuard] CRITICAL: UNEXPECTED STATE - FALLING BACK TO LOADING", {
     instanceId,
     isLoading,
     hasValidScope,
@@ -530,7 +643,9 @@ var PagePermissionGuardComponent = ({
     checkError: !!checkError,
     can,
     shouldShowAccessDenied,
-    shouldShowContent
+    shouldShowContent,
+    resolvedScope,
+    user: user ? { id: user.id, email: user.email } : null
   });
   return /* @__PURE__ */ jsx2("div", { children: loading }, `fallback-${permissionKey}`);
 };
@@ -1974,4 +2089,4 @@ export {
   getPermissionsForRole,
   ALL_PERMISSIONS
 };
-//# sourceMappingURL=chunk-ULP6OIQE.js.map
+//# sourceMappingURL=chunk-O2VJ5KRZ.js.map