Refine web mobile download prompt and document pagination

frontend/src/components/ui/SignatureStylePicker.jsx

@@ -1,5 +1,4 @@
-import { useRef } from 'react';
-import { QrCode, Briefcase, ImageIcon, Stamp, PanelsLeftBottom, PanelsRightBottom, CircleOff, Square } from 'lucide-react';
+import { QrCode, Briefcase, Stamp, PanelsLeftBottom, PanelsRightBottom, CircleOff, Square } from 'lucide-react';
 
 const getQrPreviewWidth = (name = '') => {
   const extraWidth = Math.max(0, name.trim().length - 18) * 4;
@@ -102,36 +101,11 @@ const STYLES = [
       </div>
     ),
   },
-  {
-    id: 'image',
-    label: 'Imagen',
-    icon: ImageIcon,
-    desc: 'Sube tu firma manuscrita o imagen personalizada',
-    preview: ({ name, date, image }) => (
-      <div className="sig-preview sig-preview--image">
-        <div className="sp-img-bar" />
-        <div className="sp-img-area">
-          {image
-            ? <img src={image} alt="firma" className="sp-sig-img" />
-            : <span className="sp-img-placeholder">Tu firma aquí</span>
-          }
-        </div>
-        <div className="sp-divider-v" />
-        <div className="sp-info">
-          <strong>{name}</strong>
-          <span>Firmado digitalmente</span>
-          <span>{date}</span>
-        </div>
-      </div>
-    ),
-  },
 ];
 
 export default function SignatureStylePicker({
   value,
   onChange,
-  signatureImage,
-  onImageChange,
   signerName,
   qrPosition = 'left',
   onQrPositionChange,
@@ -140,19 +114,8 @@ export default function SignatureStylePicker({
   qrBorder = 'none',
   onQrBorderChange,
 }) {
-  const fileRef = useRef();
   const today = new Date().toLocaleDateString('es-EC');
 
-  const handleImageFile = (e) => {
-    const file = e.target.files[0];
-    if (!file) return;
-    if (!file.type.startsWith('image/')) return;
-    const reader = new FileReader();
-    reader.onload = (ev) => onImageChange(ev.target.result);
-    reader.readAsDataURL(file);
-    e.target.value = '';
-  };
-
   return (
     <div className="style-picker">
       <label className="field-label-standalone">Estilo de firma visual</label>
@@ -176,7 +139,6 @@ export default function SignatureStylePicker({
                 {s.preview({
                   name: signerName || 'Milton González H.',
                   date: today,
-                  image: signatureImage,
                   qrPosition,
                   qrBackground,
                   qrBorder,
@@ -267,21 +229,6 @@ export default function SignatureStylePicker({
           );
         })}
       </div>
-
-      {value === 'image' && (
-        <div className="image-upload-area">
-          <button type="button" className="btn btn-ghost btn-sm" onClick={() => fileRef.current.click()}>
-            <ImageIcon size={14} /> {signatureImage ? 'Cambiar imagen' : 'Subir firma (PNG/JPG)'}
-          </button>
-          {signatureImage && (
-            <button type="button" className="btn btn-ghost btn-sm danger" onClick={() => onImageChange(null)}>
-              Quitar imagen
-            </button>
-          )}
-          <small className="field-hint">Fondo transparente (PNG) recomendado para mejor resultado</small>
-          <input ref={fileRef} type="file" accept="image/png,image/jpeg,image/webp" style={{ display: 'none' }} onChange={handleImageFile} />
-        </div>
-      )}
     </div>
   );
 }