function MainComponent() { const [step, setStep] = React.useState(0); const [loading, setLoading] = React.useState(false); const [formValues, setFormValues] = React.useState({ fullName: '', address: '', city: '', state: '', zipCode: '', phone: '', email: '', companyName: '', companyAddress: '', companyCity: '', companyState: '', companyZipCode: '' }); const [disputeType, setDisputeType] = React.useState(''); const [generatedLetter, setGeneratedLetter] = React.useState(''); const handleInputChange = (e)=>{ setFormValues({ ...formValues, [e.target.name]: e.target.value }); }; const handleDisputeTypeSelect = (type)=>{ setDisputeType(type); setStep(1); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const messages = [ { role: 'user', content: `Generate a detailed dispute letter for ${disputeType}. Include relevant laws to strengthen the case. Use the following customer details: ${JSON.stringify(formValues)}. Format the letter with proper spacing for readability.` } ]; const response = await fetch('/integrations/anthropic-claude-sonnet-3-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const data = await response.json(); const letterContent = data.choices[0].message.content; setGeneratedLetter(letterContent); setLoading(false); setStep(2); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 text-white bg-black", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-white text-2xl mb-2 text-center", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Free AI Dispute Letter Generator"), /*#__PURE__*/ React.createElement("p", { className: "text-center mb-6 text-gray-300", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, "Backed By Laws"), step === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-4 text-center", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Select the type of credit dispute you're dealing with:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 w-full max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, [ 'Incorrect Information', 'Identity Theft', 'Fraudulent Account', 'Outdated Information', 'Duplicate Entry', 'Unauthorized Charges', 'Mixed File', 'Paid Debt Still Showing', 'Bankruptcy Discharge Not Reflected', 'Other' ].map((type)=>/*#__PURE__*/ React.createElement("button", { key: type, className: "bg-purple-600 text-white py-2 px-4 rounded hover:bg-purple-700 transition-colors", onClick: ()=>handleDisputeTypeSelect(type), __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, type)))), step === 1 && /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "grid grid-cols-1 md:grid-cols-2 gap-4 w-full max-w-2xl mx-auto mt-4", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "fullName", placeholder: "Full Name", value: formValues.fullName, onChange: handleInputChange, __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "address", placeholder: "Address", value: formValues.address, onChange: handleInputChange, __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "city", placeholder: "City", value: formValues.city, onChange: handleInputChange, __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "state", placeholder: "State", value: formValues.state, onChange: handleInputChange, __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "zipCode", placeholder: "Zip Code", value: formValues.zipCode, onChange: handleInputChange, __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "phone", placeholder: "Phone", value: formValues.phone, onChange: handleInputChange, __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-2 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "email", name: "email", placeholder: "Email", value: formValues.email, onChange: handleInputChange, __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-2 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "companyName", placeholder: "Company Name", value: formValues.companyName, onChange: handleInputChange, __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-2 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "companyAddress", placeholder: "Company Address", value: formValues.companyAddress, onChange: handleInputChange, __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "companyCity", placeholder: "Company City", value: formValues.companyCity, onChange: handleInputChange, __source: { fileName: "", lineNumber: 159, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-1 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "companyState", placeholder: "Company State", value: formValues.companyState, onChange: handleInputChange, __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "col-span-2 p-2 border border-gray-600 bg-gray-800 text-white rounded", type: "text", name: "companyZipCode", placeholder: "Company Zip Code", value: formValues.companyZipCode, onChange: handleInputChange, __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "col-span-2 flex justify-between", __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-gray-600 text-white py-2 px-4 rounded hover:bg-gray-700 transition-colors", onClick: ()=>setStep(0), __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }, "Go Back"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-purple-600 text-white py-2 px-4 rounded hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, "Generate Letter"))), loading && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-purple-500", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this })), step === 2 && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto mt-4", __source: { fileName: "", lineNumber: 199, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-white text-xl mb-4 text-center", __source: { fileName: "", lineNumber: 200, columnNumber: 11 }, __self: this }, "Generated Dispute Letter"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-6 mb-4 shadow-md rounded text-white", __source: { fileName: "", lineNumber: 201, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }, generatedLetter)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 204, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigator.clipboard.writeText(generatedLetter), className: "bg-purple-600 text-white py-2 px-4 rounded hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, "Copy to Clipboard"), /*#__PURE__*/ React.createElement("a", { href: "https://aicreditrepair.io/", target: "_blank", rel: "noopener noreferrer", className: "bg-purple-600 text-white py-2 px-4 rounded hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, "Upgrade to Advanced Model")))); } function StoryComponent() { return /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 227, columnNumber: 10 }, __self: this }); }