@threatcaptain/tc-reports 0.2.7 → 0.2.9

package/dist/index.cjs

@@ -28682,7 +28682,7 @@ const templates = [
     preview: "bg-gradient-to-br from-orange-50 to-red-50"
   }
 ];
-const Dashboard = () => {
+const Dashboard = ({ clientId }) => {
   const navigate = reactRouterDom.useNavigate();
   const [templateIds, setTemplateId] = React.useState([]);
   const handleTemplateClick = (templateId) => {
@@ -28692,10 +28692,11 @@ const Dashboard = () => {
   };
   const handleNavigation = () => {
     const templateParam = templateIds.join(",");
-    navigate(`./view-report?template=${templateParam}`);
+    navigate(`/clients/${clientId}/view-report?template=${templateParam}`);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl border border-slate-200 shadow-sm p-6 mb-8", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-slate-900 mb-6", children: "Choose Your Report Template" }),
+    false,
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 ", children: templates.map((template) => {
       const getTemplateIcon = (id) => {
         switch (id) {
@@ -28743,7 +28744,7 @@ const Dashboard = () => {
         variant: "default",
         className: "mx-auto w-full max-w-80",
         onClick: () => handleNavigation(),
-        disabled: templateIds.length === 0,
+        disabled: templateIds.length === 0 || !clientId,
         children: "Create Report"
       }
     ) })
@@ -28751,7 +28752,7 @@ const Dashboard = () => {
 };
 const BreachLikelihood = ({ reportData }) => {
   var _a;
-  const { clientData, securityAssessment, user } = reportData;
+  const { clientData, securityAssessment, mspInfo } = reportData;
   const calculateBreachLikelihood = (protectionLevel) => {
     if ((securityAssessment == null ? void 0 : securityAssessment.overall_breach_likelihood) !== null && (securityAssessment == null ? void 0 : securityAssessment.overall_breach_likelihood) !== void 0) {
       return Math.round(securityAssessment.overall_breach_likelihood);
@@ -29282,7 +29283,14 @@ const BreachLikelihood = ({ reportData }) => {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-lg mb-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Contact:" }),
           " ",
-          (user == null ? void 0 : user.email) || "contact@company.com"
+          (mspInfo == null ? void 0 : mspInfo.contact_email) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: `mailto:${mspInfo == null ? void 0 : mspInfo.contact_email}`,
+              className: "underline",
+              children: mspInfo == null ? void 0 : mspInfo.contact_email
+            }
+          ) : "contact@company.com"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm opacity-80", children: "Every day you wait is another day criminals could strike. Every protection you add makes your business safer." })
       ] })
@@ -29611,7 +29619,7 @@ const UnifiedCostBreakdownChart = ({
 };
 const FinancialImpact = ({ reportData }) => {
   var _a;
-  const { clientData, simulationData, user } = reportData;
+  const { clientData, simulationData, mspInfo } = reportData;
   const { industry } = clientData;
   const displayExecutiveSummary = () => {
     if (clientData.executiveSummary) return clientData.executiveSummary;
@@ -30034,7 +30042,7 @@ const FinancialImpact = ({ reportData }) => {
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-600 mb-4", children: "Let's discuss these findings and develop a customized cybersecurity roadmap for your organization." }),
         /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-slate-600", children: [
           "Contact us at: ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-900", children: (user == null ? void 0 : user.email) || /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red", fontWeight: "bold" }, children: "NEEDS MSP EMAIL ADDRESS" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-900", children: (mspInfo == null ? void 0 : mspInfo.contact_email) ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${mspInfo == null ? void 0 : mspInfo.contact_email}`, className: "underline", children: mspInfo == null ? void 0 : mspInfo.contact_email }) : "contact@company.com" })
         ] })
       ] })
     ] }),
@@ -30725,12 +30733,12 @@ const InsuranceHealthScore = ({ reportData }) => {
     ] })
   ] });
 };
+const Warning = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-center text-orange-600 text-lg", children });
 const ReportBuilder = ({
   clientData,
   assessmentData,
   simulationData,
-  mspCompanyName,
-  user
+  mspInfo
 }) => {
   const [searchParams] = reactRouterDom.useSearchParams();
   const reportTemplate = searchParams.get("template");
@@ -30743,12 +30751,18 @@ const ReportBuilder = ({
   const securityAssessment = assessmentData.securityAssessments;
   const insuranceHealthData = assessmentData.insuranceAssessment;
   const financialSimulationData = simulationData;
+  const recommendationResponse = () => {
+    const items = [
+      showFinancialImpact && "financial impact modeling",
+      showInsuranceHealthScore && "insurance readiness evaluations",
+      showBreachLikelihood && "breach likelihood analysis"
+    ].filter(Boolean);
+    if (items.length === 0) return "";
+    if (items.length === 1) return items[0];
+    if (items.length === 2) return `${items[0]} and ${items[1]}`;
+    return `${items.slice(0, -1).join(", ")}, and ${items[items.length - 1]}`;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !clientData.id && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto bg-white p-8 flex items-center justify-center min-h-[600px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-8 h-8 text-slate-400" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-slate-700", children: "Please Select a Client" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-500 max-w-md", children: "Choose a client from the dropdown above to generate and preview their cyber financial impact analysis report." })
-    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("nav", { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "report-toc max-w-4xl mx-auto bg-white p-4 flex space-x-4 overflow-x-auto", children: !!(templateArray.length > 1) && templateArray.map((item) => {
       return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
         "a",
@@ -30767,10 +30781,10 @@ const ReportBuilder = ({
         id: "print-report",
         className: "report-wrapper max-w-4xl mx-auto bg-white p-8 space-y-8",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-20 h-20 bg-slate-200 rounded-lg flex items-center justify-center", children: clientData.logo ? /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-20 h-20 bg-slate-200 rounded-lg flex items-center justify-center", children: mspInfo.company_logo ? /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
-              src: clientData.logo,
+              src: mspInfo.company_logo,
               alt: "MSP Logo",
               className: "w-full h-full object-contain rounded-lg"
             }
@@ -30786,42 +30800,46 @@ const ReportBuilder = ({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Prepared By:" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: mspCompanyName || /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red", fontWeight: "bold" }, children: "NEEDS ACTUAL MSP NAME" }) })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: mspInfo.company_name || /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red", fontWeight: "bold" }, children: "NEEDS ACTUAL MSP NAME" }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Assessment Date:" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: (/* @__PURE__ */ new Date()).toLocaleDateString() })
             ] })
           ] }),
-          showFinancialImpact && /* @__PURE__ */ jsxRuntime.jsx(
+          showFinancialImpact && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: financialSimulationData && Object.keys(financialSimulationData).length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             FinancialImpact,
             {
               reportData: {
                 clientData,
                 simulationData: financialSimulationData,
-                user
+                mspInfo
               }
             }
-          ),
-          showBreachLikelihood && /* @__PURE__ */ jsxRuntime.jsx(
+          ) : /* @__PURE__ */ jsxRuntime.jsx(Warning, { children: "We can't find any financial impact data, did you run an assessment?" }) }),
+          showBreachLikelihood && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: securityAssessment && Object.keys(securityAssessment).length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             BreachLikelihood,
             {
-              reportData: { clientData, securityAssessment, user }
+              reportData: { clientData, securityAssessment, mspInfo }
             }
-          ),
-          showInsuranceHealthScore && /* @__PURE__ */ jsxRuntime.jsx(
+          ) : /* @__PURE__ */ jsxRuntime.jsx(Warning, { children: "We can't find breach likelihood assessment data, did you run one??" }) }),
+          showInsuranceHealthScore && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: insuranceHealthData && Object.keys(insuranceHealthData).length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             InsuranceHealthScore,
             {
-              reportData: { clientData, insuranceHealthData }
+              reportData: { clientData, insuranceHealthData, mspInfo }
             }
-          ),
+          ) : /* @__PURE__ */ jsxRuntime.jsx(Warning, { children: "We can't find an insurance assessment. Are you sure you ran this assessment?" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "report-page text-center pt-8 border-t border-slate-200", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h4", { children: "Professional Recommendation" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500", children: "This assessment combines financial impact modeling, insurance readiness evaluation, and breach likelihood analysis to provide a complete view of your organization's cybersecurity risk profile." }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-slate-500", children: [
+              "This assessment uses ",
+              recommendationResponse(),
+              " to provide a complete view of your organization's cybersecurity risk profile."
+            ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-slate-400 mt-2", children: [
               "Generated by",
               " ",
-              mspCompanyName ? mspCompanyName : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red", fontWeight: "bold" }, children: "NEEDS ACTUAL MSP NAME" }),
+              mspInfo.company_name ? mspInfo.company_name : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red", fontWeight: "bold" }, children: "NEEDS ACTUAL MSP NAME" }),
               " on ",
               (/* @__PURE__ */ new Date()).toLocaleDateString()
             ] })