Data Retention Policy

Industry Requirements

Minimum Retention Period: ${policy.industryRequirements.minimumRetention}

Recommended Retention Period: ${policy.industryRequirements.recommendedRetention}

Regulatory Framework: ${policy.industryRequirements.regulatoryFramework}

Data Retention Schedule

${policy.dataRetentionSchedule.map( (item) => ` ` ).join("")}

Category	Description	Retention Period
${item.category}	${item.description}	${item.retentionPeriod}

`; setLoading(true); try { const response = await fetch("/api/html2pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ html: policyHtml, options: { margin: 10, filename: `${policy.policyHeader.companyName.replace(/\s+/g, "-").toLowerCase()}-data-retention-policy.pdf` } }) }); 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 = `${policy.policyHeader.companyName.replace(/\s+/g, "-").toLowerCase()}-data-retention-policy.pdf`; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); } catch (err) { console.error("PDF generation error:", err); setError("Failed to generate PDF. Please try again."); } finally { setLoading(false); } } catch (err) { console.error("PDF download error:", err); setError("Failed to download policy"); } }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-50 py-8 px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-3xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white shadow rounded-lg p-6" }, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-gray-900 mb-6" }, "Data Retention Policy Generator"), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-medium text-gray-900 mb-4" }, "Company Information"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", name: "companyName", placeholder: "Company Name", value: formData.companyName, onChange: handleInputChange, className: "block w-full rounded-md border-gray-300 shadow-sm p-2 border" } ), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "companyAddress", placeholder: "Company Address", value: formData.companyAddress, onChange: handleInputChange, className: "block w-full rounded-md border-gray-300 shadow-sm p-2 border" } ), /* @__PURE__ */ React.createElement( "input", { type: "date", name: "effectiveDate", value: formData.effectiveDate, onChange: handleInputChange, className: "block w-full rounded-md border-gray-300 shadow-sm p-2 border" } ))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-medium text-gray-900 mb-4" }, "Industry"), /* @__PURE__ */ React.createElement( "select", { name: "industry", value: formData.industry, onChange: handleInputChange, className: "block w-full rounded-md border-gray-300 shadow-sm p-2 border" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select Industry"), industries.map((industry) => /* @__PURE__ */ React.createElement("option", { key: industry, value: industry }, industry)) )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-medium text-gray-900 mb-4" }, "Data Types"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, availableDataTypes.map((type) => /* @__PURE__ */ React.createElement("label", { key: type, className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: formData.dataTypes.includes(type), onChange: () => handleDataTypeChange(type), className: "rounded border-gray-300 text-blue-600" } ), /* @__PURE__ */ React.createElement("span", null, type))))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React.createElement( "button", { onClick: generatePolicy, disabled: loading, className: "bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 disabled:opacity-50" }, loading ? "Generating..." : "Generate Policy" )), error && /* @__PURE__ */ React.createElement("div", { className: "text-red-600 text-center" }, error), policy && /* @__PURE__ */ React.createElement("div", { className: "mt-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center mb-4" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-medium text-gray-900" }, "Generated Policy"), /* @__PURE__ */ React.createElement( "button", { onClick: downloadPolicy, className: "bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700" }, "Download PDF" )), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 p-4 rounded-md" }, /* @__PURE__ */ React.createElement("h3", { className: "font-medium mb-2" }, "Company: ", policy.policyHeader.companyName), /* @__PURE__ */ React.createElement("p", null, "Industry: ", policy.policyHeader.industry), /* @__PURE__ */ React.createElement("p", null, "Regulatory Framework:", " ", policy.industryRequirements.regulatoryFramework), /* @__PURE__ */ React.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React.createElement("h4", { className: "font-medium mb-2" }, "Data Types:"), /* @__PURE__ */ React.createElement("ul", { className: "list-disc list-inside" }, policy.dataRetentionSchedule.map((item, index) => /* @__PURE__ */ React.createElement("li", { key: index }, item.category, ": ", item.retentionPeriod)))))))))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();