Merge branch 'KelvinTegelaar:main' into main

Author: NETWORKWISE

public/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "8.2.1"
+  "version": "8.3.0"
 }

src/components/CippCards/CippBannerListCard.jsx

@@ -72,7 +72,6 @@ export const CippBannerListCard = (props) => {
                 <li key={item.id}>
                   <Stack
                     direction="row"
-                    flexWrap="wrap"
                     justifyContent="space-between"
                     sx={{
                       p: 3,
@@ -86,12 +85,18 @@ export const CippBannerListCard = (props) => {
                     onClick={isCollapsible ? () => handleExpand(item.id) : undefined}
                   >
                     {/* Left Side: cardLabelBox */}
-                    <Stack direction="row" spacing={2} alignItems="center">
+                    <Stack
+                      direction="row"
+                      spacing={2}
+                      alignItems="center"
+                      sx={{ flex: 1, minWidth: 0 }}
+                    >
                       <Box
                         sx={{
                           alignItems: "center",
                           display: "flex",
                           flexDirection: "column",
+                          flexShrink: 0,
                         }}
                       >
                         {typeof item.cardLabelBox === "object" ? (
@@ -111,8 +116,16 @@ export const CippBannerListCard = (props) => {
                       </Box>
 
                       {/* Main Text and Subtext */}
-                      <Box>
-                        <Typography color="text.primary" variant="h6">
+                      <Box sx={{ flex: 1, minWidth: 0 }}>
+                        <Typography
+                          color="text.primary"
+                          variant="h6"
+                          sx={{
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                          }}
+                        >
                           {item.text}
                         </Typography>
                         <Typography color="text.secondary" variant="body2">
@@ -122,7 +135,7 @@ export const CippBannerListCard = (props) => {
                     </Stack>
 
                     {/* Right Side: Status and Expand Icon */}
-                    <Stack alignItems="center" direction="row" spacing={2}>
+                    <Stack alignItems="center" direction="row" spacing={2} sx={{ flexShrink: 0 }}>
                       {item?.statusText && (
                         <Stack alignItems="center" direction="row" spacing={1}>
                           <Box
@@ -166,7 +179,7 @@ export const CippBannerListCard = (props) => {
                         {item?.propertyItems?.length > 0 && (
                           <CippPropertyListCard
                             propertyItems={item.propertyItems || []}
-                            layout="dual"
+                            layout={other.layout || "dual"}
                             isFetching={item.isFetching || false}
                           />
                         )}

src/components/CippCards/CippExchangeInfoCard.jsx

@@ -8,6 +8,7 @@ import {
   IconButton,
   Typography,
   CircularProgress,
+  Alert,
 } from "@mui/material";
 import { PropertyList } from "/src/components/property-list";
 import { PropertyListItem } from "/src/components/property-list-item";
@@ -59,6 +60,11 @@ export const CippExchangeInfoCard = (props) => {
           </Stack>
         }
       />
+      {exchangeData?.BlockedForSpam ? (
+        <Alert severity="warning" sx={{ mx: 2, mt: 2, mb: 2 }}>
+          This mailbox is currently blocked for spam.
+        </Alert>
+      ) : null}
       <Divider />
       <PropertyList>
         <PropertyListItem
@@ -81,7 +87,10 @@ export const CippExchangeInfoCard = (props) => {
                     Hidden from GAL:
                   </Typography>
                   <Typography variant="inherit">
-                    {getCippFormatting(exchangeData?.HiddenFromAddressLists, "HiddenFromAddressLists")}
+                    {getCippFormatting(
+                      exchangeData?.HiddenFromAddressLists,
+                      "HiddenFromAddressLists"
+                    )}
                   </Typography>
                 </Grid>
                 <Grid size={{ xs: 12, md: 4 }}>
@@ -127,14 +136,15 @@ export const CippExchangeInfoCard = (props) => {
           value={
             isLoading ? (
               <Skeleton variant="text" width={200} />
-            ) : (() => {
+            ) : (
+              (() => {
                 const forwardingAddress = exchangeData?.ForwardingAddress;
                 const forwardAndDeliver = exchangeData?.ForwardAndDeliver;
-                
+
                 // Determine forwarding type and clean address
                 let forwardingType = "None";
                 let cleanAddress = "";
-                
+
                 if (forwardingAddress) {
                   if (forwardingAddress.startsWith("smtp:")) {
                     forwardingType = "External";
@@ -144,18 +154,17 @@ export const CippExchangeInfoCard = (props) => {
                     cleanAddress = forwardingAddress;
                   }
                 }
-                
+
                 return (
                   <Grid container spacing={2}>
                     <Grid size={{ xs: 12, md: 6 }}>
                       <Typography variant="inherit" color="text.primary" gutterBottom>
                         Forwarding Status:
                       </Typography>
                       <Typography variant="inherit">
-                        {forwardingType === "None" 
+                        {forwardingType === "None"
                           ? getCippFormatting(false, "ForwardingStatus")
-                          : `${forwardingType} Forwarding`
-                        }
+                          : `${forwardingType} Forwarding`}
                       </Typography>
                     </Grid>
                     {forwardingType !== "None" && (
@@ -172,18 +181,17 @@ export const CippExchangeInfoCard = (props) => {
                           <Typography variant="inherit" color="text.primary" gutterBottom>
                             Forwarding Address:
                           </Typography>
-                          <Typography variant="inherit">
-                            {cleanAddress}
-                          </Typography>
+                          <Typography variant="inherit">{cleanAddress}</Typography>
                         </Grid>
                       </>
                     )}
                   </Grid>
                 );
               })()
+            )
           }
         />
-        
+
         {/* Archive section - always show status */}
         <PropertyListItem
           divider
@@ -207,7 +215,10 @@ export const CippExchangeInfoCard = (props) => {
                         Auto Expanding Archive:
                       </Typography>
                       <Typography variant="inherit">
-                        {getCippFormatting(exchangeData?.AutoExpandingArchive, "AutoExpandingArchive")}
+                        {getCippFormatting(
+                          exchangeData?.AutoExpandingArchive,
+                          "AutoExpandingArchive"
+                        )}
                       </Typography>
                     </Grid>
                     <Grid size={{ xs: 12, md: 6 }}>

src/components/CippComponents/BreachSearchDialog.jsx

@@ -0,0 +1,67 @@
+import { useState } from "react";
+import { Dialog, DialogContent, DialogTitle, Button, DialogActions } from "@mui/material";
+import { Search } from "@mui/icons-material";
+import { useForm, FormProvider } from "react-hook-form";
+import { ApiPostCall } from "/src/api/ApiCall";
+import { CippApiResults } from "./CippApiResults";
+import { useSettings } from "../../hooks/use-settings";
+
+export const BreachSearchDialog = ({ createDialog }) => {
+  const tenantFilter = useSettings()?.currentTenant;
+  const methods = useForm({
+    defaultValues: {},
+  });
+
+  // Use methods for form handling and control
+  const { handleSubmit } = methods;
+
+  const [isRunning, setIsRunning] = useState(false);
+  const breachSearchResults = ApiPostCall({
+    urlFromData: true,
+  });
+
+  const handleForm = () => {
+    setIsRunning(true);
+    breachSearchResults.mutate({
+      url: "/api/ExecBreachSearch",
+      queryKey: `breach-search-${tenantFilter}`,
+      data: { tenantFilter: tenantFilter },
+    });
+  };
+
+  // Reset running state when dialog is closed
+  const handleClose = () => {
+    setIsRunning(false);
+    createDialog.handleClose();
+  };
+
+  return (
+    <Dialog open={createDialog.open} onClose={handleClose} maxWidth="sm" fullWidth>
+      <FormProvider {...methods}>
+        <form onSubmit={handleSubmit(handleForm)}>
+          <DialogTitle>Run Breach Search</DialogTitle>
+          <DialogContent>
+            <div className="mb-3">
+              <p>
+                This will run a breach search to check for potentially compromised passwords and information
+                for the current tenant: <strong>{tenantFilter?.displayName || tenantFilter}</strong>
+              </p>
+            </div>
+            <CippApiResults apiObject={breachSearchResults} alertSx={{ mt: 2 }} />
+          </DialogContent>
+          <DialogActions>
+            <Button onClick={handleClose}>Cancel</Button>
+            <Button
+              type="submit"
+              variant="contained"
+              disabled={isRunning || breachSearchResults.isLoading}
+              startIcon={<Search />}
+            >
+              Run Breach Search
+            </Button>
+          </DialogActions>
+        </form>
+      </FormProvider>
+    </Dialog>
+  );
+};