[pull] main from KelvinTegelaar:main

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cipp",
-  "version": "10.8.5",
+  "version": "10.9.0",
   "author": "CIPP Contributors",
   "homepage": "https://cipp.app/",
   "bugs": {

public/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "10.8.5"
-}
+  "version": "10.9.0"
+}

src/api/ApiCall.jsx

@@ -4,6 +4,7 @@ import { useDispatch } from "react-redux";
 import { showToast } from "../store/toasts";
 import { getCippError } from "../utils/get-cipp-error";
 import { buildVersionedHeaders } from "../utils/cippVersion";
+import { impersonationCacheParams } from "../utils/impersonation";
 
 const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 const wildcardToRegExp = (pattern) =>
@@ -71,7 +72,7 @@ export function ApiGetCall(props) {
           const element = data[i];
           const response = await axios.get(url, {
             signal: signal,
-            params: element,
+            params: { ...element, ...impersonationCacheParams() },
             headers: await buildVersionedHeaders(),
           });
           results.push(response.data);
@@ -109,7 +110,7 @@ export function ApiGetCall(props) {
       } else {
         const response = await axios.get(url, {
           signal: url === "/api/tenantFilter" ? null : signal,
-          params: data,
+          params: { ...data, ...impersonationCacheParams() },
           headers: await buildVersionedHeaders(),
           responseType: responseType,
         });
@@ -292,7 +293,7 @@ export function ApiGetCallWithPagination({
     queryFn: async ({ pageParam = null, signal }) => {
       const response = await axios.get(url, {
         signal: signal,
-        params: { ...data, ...pageParam },
+        params: { ...data, ...pageParam, ...impersonationCacheParams() },
         headers: await buildVersionedHeaders(),
       });
       return response.data;

src/components/BECRemediationReportButton.js

@@ -12,7 +12,8 @@ import {
   CircularProgress,
 } from '@mui/material'
 import { PictureAsPdf, Download, Close } from '@mui/icons-material'
-import { PDFViewer, PDFDownloadLink } from '@react-pdf/renderer'
+import { PDFDownloadLink } from '@react-pdf/renderer'
+import { CippPdfPreview } from './CippPdf/CippPdfPreview'
 import { useReportVariables } from './CippPdf/useReportVariables'
 import { useBrandingSettings } from './CippPdf/useBrandingSettings'
 import {
@@ -1268,15 +1269,20 @@ export const BECRemediationReportButton = ({ userData, becData, tenantName }) =>
         </DialogTitle>
         <DialogContent dividers sx={{ p: 0 }}>
           {hasData && (
-            <PDFViewer width="100%" height="100%">
+            <CippPdfPreview
+              width="100%"
+              height="100%"
+              title={`BEC Remediation Report - ${tenantName}`}
+              fileName={`BEC_Remediation_Report_${tenantName}.pdf`}
+            >
               <BECRemediationReportDocument
                 userData={userData}
                 becData={becData}
                 brandingSettings={brandingSettings}
                 tenantName={tenantName}
                 variables={variables}
               />
-            </PDFViewer>
+            </CippPdfPreview>
           )}
         </DialogContent>
         <DialogActions>

src/components/CippAllTenants/AllTenantsPrimitives.jsx

@@ -552,7 +552,7 @@ export const AllTenantsTrendChart = ({
 
 /** Band heading that separates the dashboard into Portfolio / Security / Operations. */
 export const AllTenantsBandHeading = ({ title, description }) => (
-  <Stack
+  <Stack useFlexGap
     direction="row"
     alignItems="baseline"
     spacing={1.5}