Detalles de la Retencion

Documente el Congelamiento: ¿Cuando ocurrio y cual fue su explicacion?

Fecha de Inicio de la Retencion

Monto Congelado

Razon Dada para la Retencion (si la hay)

¿Que explicacion le dieron, si alguna?

Documentos que Usted Proporciono

</div>
                                </div>

<div className="form-row">
                                    <div className="form-group full-width">
                                        <label className="form-label">Historial de Tickets de Soporte (Opcional)</label>
                                        <textarea
                                            name="supportHistory"
                                            value={formData.supportHistory}
                                            onChange={handleChange}
                                            className="form-textarea"
                                            placeholder="Opcional: Describa sus interacciones con soporte. Ejemplo: 'He abierto 5 tickets de soporte desde que comenzo la retencion. Cada vez solo recibi respuestas automatizadas diciendo que mi caso esta con el equipo correspondiente.'"
                                        />
                                    </div>
                                </div>
                            </div>
                        );

case 4:
                        return (
                            <div className="form-section">
                                <h3>Su Perfil de Riesgo</h3>
                                <div className="alert alert-info">
                                    <strong>Demuestre Bajo Riesgo:</strong> Muestre que las metricas de su cuenta indican que usted es legitimo y de bajo riesgo.
                                </div>

<div className="form-row">
                                    <div className="form-group half-width">
                                        <label className="form-label">Tasa de Contracargos (%)</label>
                                        <input
                                            type="text"
                                            name="chargebackRate"
                                            value={formData.chargebackRate}
                                            onChange={handleChange}
                                            className="form-input"
                                            placeholder="0.5"
                                        />
                                        <div className="form-hint">Su tasa de contracargos / chargeback (debajo del 1% es bajo riesgo)</div>
                                    </div>

<div className="form-group half-width">
                                        <label className="form-label">Antiguedad del Negocio</label>
                                        <input
                                            type="text"
                                            name="businessAge"
                                            value={formData.businessAge}
                                            onChange={handleChange}
                                            className="form-input"
                                            placeholder="18 meses"
                                        />
                                    </div>
                                </div>

<div className="form-row">
                                    <div className="form-group full-width">
                                        <label className="form-label">Detalles de Contracargos</label>
                                        <input
                                            type="text"
                                            name="chargebackCount"
                                            value={formData.chargebackCount}
                                            onChange={handleChange}
                                            className="form-input"
                                            placeholder="3 contracargos de 200 transacciones totales"
                                        />
                                    </div>
                                </div>

<div className="form-row">
                                    <div className="form-group full-width">
                                        <label className="form-label">Registro de Resolucion de Disputas</label>
                                        <input
                                            type="text"
                                            name="disputesResolved"
                                            value={formData.disputesResolved}
                                            onChange={handleChange}
                                            className="form-input"
                                            placeholder="5 disputas, todas resueltas a mi favor"
                                        />
                                    </div>
                                </div>

<div className="form-row">
                                    <div className="form-group full-width">
                                        <label className="form-label">Otros Factores de Bajo Riesgo</label>
                                        <textarea
                                            name="lowRiskFactors"
                                            value={formData.lowRiskFactors}
                                            onChange={handleChange}
                                            className="form-textarea"
                                            placeholder="Liste otra evidencia de legitimidad:
• Resenas positivas de clientes y testimonios
• Confirmaciones claras de entrega para todos los pedidos
• Politica de reembolso transparente
• Sitio web comercial profesional
• Base de clientes establecida"
                                        />
                                    </div>
                                </div>
                            </div>
                        );

case 5:
                        return (
                            <div className="form-section">
                                <h3>Dano y Sus Reclamos</h3>
                                <div className="alert alert-success">
                                    <strong>Cuantifique los Danos:</strong> Sea especifico sobre el dano y lo que solicita.
                                </div>

<div className="form-row">
                                    <div className="form-group full-width">
                                        <label className="form-label">Dano Especifico por la Retencion</label>
                                        <textarea
                                            name="specificHarm"
                                            value={formData.specificHarm}
                                            onChange={handleChange}
                                            className="form-textarea"
                                            placeholder="Liste el dano especifico y cuantificado en dolares:

• No pude pagar la nomina de octubre por un total de $8,500 para 2 empleados
• Incumpli facturas de proveedores por un total de $12,000, danando relaciones criticas
• Cancele gastos publicitarios planeados de $5,000 que habrian generado un estimado de $25,000 en ingresos
• Rechace 15 clientes nuevos que representan aproximadamente $18,000 en ingresos perdidos"
                                            style={{minHeight: '150px'}}
                                        />
                                        <div className="form-hint">Sea muy especifico con fechas y montos en dolares</div>
                                    </div>
                                </div>

<div className="form-row">
                                    <div className="form-group full-width">
                                        <label className="form-label">Monto de Reserva Propuesto (Opcional)</label>
                                        <input
                                            type="text"
                                            name="proposedReserve"
                                            value={formData.proposedReserve}
                                            onChange={handleChange}
                                            className="form-input"
                                            placeholder="$5,000"
                                        />
                                        <div className="form-hint">Sugiera una reserva (rolling reserve) razonable que cubriria potenciales contracargos</div>
                                    </div>
                                </div>

<div className="form-row">
                                    <div className="form-group full-width">
                                        <label className="form-label">Plazo de Respuesta</label>
                                        <select
                                            name="deadlineDays"
                                            value={formData.deadlineDays}
                                            onChange={handleChange}
                                            className="form-select"
                                        >
                                            <option value="5">5 Dias Habiles</option>
                                            <option value="7">7 Dias Habiles</option>
                                            <option value="10">10 Dias Habiles (Recomendado)</option>
                                            <option value="14">14 Dias Habiles</option>
                                        </select>
                                        <div className="form-hint">Fecha limite: {getDeadlineDate(formData.deadlineDays)}</div>
                                    </div>
                                </div>

<div className="alert alert-success" style={{marginTop: '2rem'}}>
                                    <strong>✓ ¡Carta Lista!</strong> Revise cuidadosamente la vista previa. Envie por correo electronico Y correo certificado. Conserve toda la documentacion y prueba de entrega.
                                </div>
                            </div>
                        );

default:
                        return null;
                }
            };

return (
                <div className="container">
                    <div className="tab-navigation">
                        {tabs.map((tab, index) => (
                            <button
                                key={tab.id}
                                className={`tab-button ${currentTab === index ? 'active' : ''}`}
                                onClick={() => setCurrentTab(index)}
                            >
                                {tab.label}
                            </button>
                        ))}
                    </div>

<div className="main-content">
                        <div className="form-panel">
                            {renderTabContent()}
                        </div>

<div className="preview-panel" ref={previewRef}>
                            <div className="preview-header">
                                <h2>Vista Previa en Vivo</h2>
                                <div style={{ display: 'flex', gap: '0.5rem' }}>
                                    <button className={`copy-btn ${!unlocked ? 'locked' : ''}`} onClick={copyToClipboard}>
                                        📋 Copiar
                                    </button>
                                    <button className={`copy-btn ${!unlocked ? 'locked' : ''}`} onClick={downloadLetter}>
                                        💾 Descargar
                                    </button>
                                    <button className={`copy-btn ${!unlocked ? 'locked' : ''}`} onClick={handlePrint}>
                                        🖨️ Imprimir
                                    </button>
                                </div>
                            </div>
                            {unlocked && (
                                <div className="unlock-banner">
                                    <span className="icon">✓</span>
                                    <span>¡Exportacion de documento desbloqueada! Copie, descargue o imprima cuando guste.</span>
                                </div>
                            )}
                            <pre className={`document-preview ${!unlocked ? 'document-locked' : ''}`}>
                                {documentText}
                            </pre>
                        </div>
                    </div>

<div className={`toast ${showToast ? 'show' : ''}`}>
                        ✓ ¡Carta copiada al portapapeles!
                    </div>

{showPayPalModal && (
                        <PayPalModal
                            onClose={() => setShowPayPalModal(false)}
                            onSuccess={handleUnlockSuccess}
                        />
                    )}
                </div>
            );
        };

ReactDOM.render(
            <FrozenFundsLetter />,
            document.getElementById('root')
        );
    </script>
<script src="/shared/demand-letter-chatbot.js" defer></script>

<div id="site-footer"></div>

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    <script src="/Templates/shared/universal-ai-chat.js"></script>

<script src="/shared/header-loader.js"></script>
<script src="/shared/service-cta.js"></script>
<script src="/shared/chatbox-loader.js"></script>
<script src="/shared/analytics-defer.js" defer></script>
</body>
</html>

Su Informacion de Contacto

Informacion del Procesador de Pagos

Historial de Cuenta

Detalles de la Retencion