GRC Gap Analysis Results

Analysis Summary

${results.analysis}

Recommendations

${results.recommendations}

` }) } ); if (!response.ok) { throw new Error("Failed to generate PDF"); } const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "grc-analysis.pdf"; a.click(); window.URL.revokeObjectURL(url); } catch (err) { console.error("Error generating PDF:", err); setError("Failed to generate PDF. Please try again."); } }; return /* @__PURE__ */ React.createElement("div", { style: { maxWidth: "800px", margin: "0 auto", padding: "20px" } }, /* @__PURE__ */ React.createElement( "h1", { style: { fontSize: "2rem", color: "#333", marginBottom: "2rem", textAlign: "center" } }, "GRC Gap Analyzer" ), !results ? /* @__PURE__ */ React.createElement( "form", { onSubmit: handleSubmit, style: { backgroundColor: "#f8f9fa", padding: "2rem", borderRadius: "8px", boxShadow: "0 2px 4px rgba(0,0,0,0.1)" } }, /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "1.5rem" } }, /* @__PURE__ */ React.createElement( "label", { style: { display: "block", marginBottom: "0.5rem", fontWeight: "500" } }, "Company Size" ), /* @__PURE__ */ React.createElement( "select", { value: formData.company_size, onChange: (e) => setFormData((prev) => ({ ...prev, company_size: e.target.value })), style: { width: "100%", padding: "0.5rem", borderRadius: "4px", border: "1px solid #ddd" } }, /* @__PURE__ */ React.createElement("option", { value: "small" }, "Small"), /* @__PURE__ */ React.createElement("option", { value: "mid-market" }, "Mid-Market"), /* @__PURE__ */ React.createElement("option", { value: "enterprise" }, "Enterprise") )), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "1.5rem" } }, /* @__PURE__ */ React.createElement( "label", { style: { display: "block", marginBottom: "0.5rem", fontWeight: "500" } }, "Industry" ), /* @__PURE__ */ React.createElement( "select", { value: formData.industry, onChange: (e) => setFormData((prev) => ({ ...prev, industry: e.target.value })), style: { width: "100%", padding: "0.5rem", borderRadius: "4px", border: "1px solid #ddd" }, required: true }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select Industry"), industries.map((industry) => /* @__PURE__ */ React.createElement("option", { key: industry, value: industry }, industry)) )), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "1.5rem" } }, /* @__PURE__ */ React.createElement( "label", { style: { display: "block", marginBottom: "0.5rem", fontWeight: "500" } }, "Current Compliance Frameworks" ), /* @__PURE__ */ React.createElement( "div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))", gap: "0.5rem" } }, frameworks.map((framework) => /* @__PURE__ */ React.createElement( "label", { key: framework, style: { display: "flex", alignItems: "center", gap: "0.5rem" } }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: formData.compliance_frameworks.includes(framework), onChange: () => handleFrameworkChange(framework) } ), framework )) )), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "1.5rem" } }, /* @__PURE__ */ React.createElement( "label", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: formData.has_risk_management, onChange: (e) => setFormData((prev) => ({ ...prev, has_risk_management: e.target.checked })) } ), "Existing Risk Management Process" )), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "1.5rem" } }, /* @__PURE__ */ React.createElement( "label", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: formData.has_policy_documentation, onChange: (e) => setFormData((prev) => ({ ...prev, has_policy_documentation: e.target.checked })) } ), "Existing Policy Documentation" )), /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: loading, style: { width: "100%", padding: "0.75rem", backgroundColor: loading ? "#ccc" : "#007bff", color: "white", border: "none", borderRadius: "4px", cursor: loading ? "not-allowed" : "pointer", fontSize: "1rem" } }, loading ? "Analyzing..." : "Analyze GRC Gaps" ) ) : /* @__PURE__ */ React.createElement( "div", { style: { backgroundColor: "#f8f9fa", padding: "2rem", borderRadius: "8px", boxShadow: "0 2px 4px rgba(0,0,0,0.1)" } }, /* @__PURE__ */ React.createElement("h2", { style: { color: "#333", marginBottom: "1rem" } }, "Analysis Results"), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "1.5rem" } }, /* @__PURE__ */ React.createElement("h3", { style: { color: "#555", marginBottom: "0.5rem" } }, "Summary"), /* @__PURE__ */ React.createElement("p", { style: { lineHeight: "1.6" } }, results.analysis)), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "1.5rem" } }, /* @__PURE__ */ React.createElement("h3", { style: { color: "#555", marginBottom: "0.5rem" } }, "Recommendations"), /* @__PURE__ */ React.createElement("p", { style: { lineHeight: "1.6" } }, results.recommendations)), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "1rem" } }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setResults(null), style: { padding: "0.75rem 1.5rem", backgroundColor: "#6c757d", color: "white", border: "none", borderRadius: "4px", cursor: "pointer" } }, "Start New Analysis" ), /* @__PURE__ */ React.createElement( "button", { onClick: downloadPDF, style: { padding: "0.75rem 1.5rem", backgroundColor: "#28a745", color: "white", border: "none", borderRadius: "4px", cursor: "pointer" } }, "Download PDF" )) ), error && /* @__PURE__ */ React.createElement( "div", { style: { marginTop: "1rem", padding: "1rem", backgroundColor: "#f8d7da", color: "#721c24", borderRadius: "4px", textAlign: "center" } }, error )); } var page_default = MainComponent; return __toCommonJS(page_exports); })();