@indesad/feedback-widget 0.0.0-stage → 1.1.1

package/dist/index.js

@@ -0,0 +1,1012 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// packages/web/feedback-widget/src/i18n.ts
+var COPY = {
+  "es-419": {
+    launcher: "Opiniones",
+    title: "\xBFC\xF3mo podemos mejorar?",
+    subtitle: "Tu opini\xF3n llega directo al equipo de {app}.",
+    close: "Cerrar",
+    back: "Volver",
+    kinds: {
+      bug: { label: "Reportar un problema", hint: "Algo no funciona como esperabas", placeholder: "\xBFQu\xE9 estabas haciendo y qu\xE9 pas\xF3? Mientras m\xE1s detalle, m\xE1s r\xE1pido lo resolvemos." },
+      improvement: { label: "Sugerir una mejora", hint: "Una idea para hacerlo mejor", placeholder: "Cu\xE9ntanos tu idea y para qu\xE9 te servir\xEDa." },
+      question: { label: "Tengo una pregunta", hint: "Algo no est\xE1 claro", placeholder: "\xBFQu\xE9 te gustar\xEDa saber?" },
+      praise: { label: "Me gust\xF3 algo", hint: "Cu\xE9ntanos qu\xE9 te encanta", placeholder: "\xBFQu\xE9 es lo que m\xE1s te gusta?" }
+    },
+    needHelp: "\xBFNecesitas ayuda ahora? Habla con soporte",
+    message: "Tu mensaje",
+    name: "Tu nombre",
+    email: "Tu correo",
+    emailOptional: "Opcional: para responderte",
+    sendingAs: "Se enviar\xE1 como {who}",
+    attach: "Adjuntar capturas",
+    attachMore: "Agregar otra captura",
+    attachHint: "PNG, JPG o WebP, hasta {max} im\xE1genes de {mb} MB. Tambi\xE9n puedes pegarlas (Ctrl+V) en el mensaje",
+    remove: "Quitar",
+    send: "Enviar",
+    sending: "Enviando\u2026",
+    privacy: "Junto con tu mensaje enviamos la pantalla en que est\xE1s y la versi\xF3n de la app, para entender el contexto.",
+    successTitle: "\xA1Gracias por escribirnos!",
+    successBody: "Recibimos tu opini\xF3n con el folio {folio}. Tu opini\xF3n es importante: nuestro equipo la va a revisar.",
+    successEmail: "Te enviamos una copia a {email} y te avisaremos por ah\xED.",
+    viewStatus: "Ver el estado",
+    another: "Enviar otra",
+    errorGeneric: "No pudimos enviar tu opini\xF3n. Revisa tu conexi\xF3n y vuelve a intentarlo.",
+    errorMessage: "Escribe al menos 3 caracteres.",
+    errorName: "Escribe tu nombre.",
+    errorEmail: "Escribe un correo v\xE1lido.",
+    errorAttachmentType: "La captura debe ser PNG, JPG o WebP.",
+    errorAttachmentSize: "La captura supera los {mb} MB.",
+    errorAttachmentCount: "Puedes adjuntar hasta {max} im\xE1genes.",
+    poweredBy: "Con tecnolog\xEDa de IndeFlow",
+    counter: "{n} de {max}"
+  },
+  en: {
+    launcher: "Feedback",
+    title: "How can we improve?",
+    subtitle: "Your feedback goes straight to the {app} team.",
+    close: "Close",
+    back: "Back",
+    kinds: {
+      bug: { label: "Report a problem", hint: "Something is not working as expected", placeholder: "What were you doing and what happened? The more detail, the faster we can fix it." },
+      improvement: { label: "Suggest an improvement", hint: "An idea to make it better", placeholder: "Tell us your idea and how it would help you." },
+      question: { label: "Ask a question", hint: "Something is not clear", placeholder: "What would you like to know?" },
+      praise: { label: "I liked something", hint: "Tell us what you love", placeholder: "What do you like the most?" }
+    },
+    needHelp: "Need help right now? Talk to support",
+    message: "Your message",
+    name: "Your name",
+    email: "Your email",
+    emailOptional: "Optional: so we can reply",
+    sendingAs: "Will be sent as {who}",
+    attach: "Attach screenshots",
+    attachMore: "Add another screenshot",
+    attachHint: "PNG, JPG or WebP, up to {max} images of {mb} MB. You can also paste them (Ctrl+V) into the message",
+    remove: "Remove",
+    send: "Send",
+    sending: "Sending\u2026",
+    privacy: "Along with your message we send the screen you are on and the app version, to understand the context.",
+    successTitle: "Thanks for writing to us!",
+    successBody: "We received your feedback with reference {folio}. Your opinion matters: our team will review it.",
+    successEmail: "We sent a copy to {email} and will update you there.",
+    viewStatus: "View status",
+    another: "Send another",
+    errorGeneric: "We could not send your feedback. Check your connection and try again.",
+    errorMessage: "Write at least 3 characters.",
+    errorName: "Enter your name.",
+    errorEmail: "Enter a valid email.",
+    errorAttachmentType: "The screenshot must be PNG, JPG or WebP.",
+    errorAttachmentSize: "The screenshot is larger than {mb} MB.",
+    errorAttachmentCount: "You can attach up to {max} images.",
+    poweredBy: "Powered by IndeFlow",
+    counter: "{n} of {max}"
+  },
+  "pt-BR": {
+    launcher: "Opini\xF5es",
+    title: "Como podemos melhorar?",
+    subtitle: "Sua opini\xE3o vai direto para a equipe do {app}.",
+    close: "Fechar",
+    back: "Voltar",
+    kinds: {
+      bug: { label: "Reportar um problema", hint: "Algo n\xE3o funciona como esperado", placeholder: "O que voc\xEA estava fazendo e o que aconteceu? Quanto mais detalhes, mais r\xE1pido resolvemos." },
+      improvement: { label: "Sugerir uma melhoria", hint: "Uma ideia para deixar melhor", placeholder: "Conte sua ideia e como ela ajudaria voc\xEA." },
+      question: { label: "Tenho uma pergunta", hint: "Algo n\xE3o est\xE1 claro", placeholder: "O que voc\xEA gostaria de saber?" },
+      praise: { label: "Gostei de algo", hint: "Conte o que voc\xEA adora", placeholder: "Do que voc\xEA mais gosta?" }
+    },
+    needHelp: "Precisa de ajuda agora? Fale com o suporte",
+    message: "Sua mensagem",
+    name: "Seu nome",
+    email: "Seu e-mail",
+    emailOptional: "Opcional: para responder voc\xEA",
+    sendingAs: "Ser\xE1 enviado como {who}",
+    attach: "Anexar capturas",
+    attachMore: "Adicionar outra captura",
+    attachHint: "PNG, JPG ou WebP, at\xE9 {max} imagens de {mb} MB. Tamb\xE9m pode col\xE1-las (Ctrl+V) na mensagem",
+    remove: "Remover",
+    send: "Enviar",
+    sending: "Enviando\u2026",
+    privacy: "Junto com sua mensagem enviamos a tela em que voc\xEA est\xE1 e a vers\xE3o do aplicativo, para entender o contexto.",
+    successTitle: "Obrigado por escrever!",
+    successBody: "Recebemos sua opini\xE3o com o protocolo {folio}. Sua opini\xE3o \xE9 importante: nossa equipe vai analis\xE1-la.",
+    successEmail: "Enviamos uma c\xF3pia para {email} e daremos retorno por l\xE1.",
+    viewStatus: "Ver o status",
+    another: "Enviar outra",
+    errorGeneric: "N\xE3o foi poss\xEDvel enviar sua opini\xE3o. Verifique sua conex\xE3o e tente novamente.",
+    errorMessage: "Escreva pelo menos 3 caracteres.",
+    errorName: "Informe seu nome.",
+    errorEmail: "Informe um e-mail v\xE1lido.",
+    errorAttachmentType: "A captura deve ser PNG, JPG ou WebP.",
+    errorAttachmentSize: "A captura passa de {mb} MB.",
+    errorAttachmentCount: "Voc\xEA pode anexar at\xE9 {max} imagens.",
+    poweredBy: "Com tecnologia IndeFlow",
+    counter: "{n} de {max}"
+  }
+};
+function resolveLocale(requested, fallback) {
+  const pick = (tag) => {
+    if (!tag) return null;
+    const base = tag.toLowerCase().split("-")[0];
+    return base === "es" ? "es-419" : base === "en" ? "en" : base === "pt" ? "pt-BR" : null;
+  };
+  if (requested && requested !== "auto") return pick(requested) ?? pick(fallback) ?? "es-419";
+  const nav = typeof navigator !== "undefined" ? navigator.languages?.[0] ?? navigator.language : null;
+  return pick(nav) ?? pick(fallback) ?? "es-419";
+}
+function format(text, values) {
+  return text.replace(/\{(\w+)\}/g, (_, key) => key in values ? String(values[key]) : `{${key}}`);
+}
+
+// packages/web/feedback-widget/src/sha256.ts
+var K = new Uint32Array([
+  1116352408,
+  1899447441,
+  3049323471,
+  3921009573,
+  961987163,
+  1508970993,
+  2453635748,
+  2870763221,
+  3624381080,
+  310598401,
+  607225278,
+  1426881987,
+  1925078388,
+  2162078206,
+  2614888103,
+  3248222580,
+  3835390401,
+  4022224774,
+  264347078,
+  604807628,
+  770255983,
+  1249150122,
+  1555081692,
+  1996064986,
+  2554220882,
+  2821834349,
+  2952996808,
+  3210313671,
+  3336571891,
+  3584528711,
+  113926993,
+  338241895,
+  666307205,
+  773529912,
+  1294757372,
+  1396182291,
+  1695183700,
+  1986661051,
+  2177026350,
+  2456956037,
+  2730485921,
+  2820302411,
+  3259730800,
+  3345764771,
+  3516065817,
+  3600352804,
+  4094571909,
+  275423344,
+  430227734,
+  506948616,
+  659060556,
+  883997877,
+  958139571,
+  1322822218,
+  1537002063,
+  1747873779,
+  1955562222,
+  2024104815,
+  2227730452,
+  2361852424,
+  2428436474,
+  2756734187,
+  3204031479,
+  3329325298
+]);
+var encoder = typeof TextEncoder !== "undefined" ? new TextEncoder() : null;
+function utf8(text) {
+  if (encoder) return encoder.encode(text);
+  const out = [];
+  for (const ch of unescape(encodeURIComponent(text))) out.push(ch.charCodeAt(0));
+  return new Uint8Array(out);
+}
+function sha256Hex(text) {
+  const bytes = utf8(text);
+  const bitLength = bytes.length * 8;
+  const padded = new Uint8Array(bytes.length + 9 + 63 >> 6 << 6);
+  padded.set(bytes);
+  padded[bytes.length] = 128;
+  const view = new DataView(padded.buffer);
+  view.setUint32(padded.length - 8, Math.floor(bitLength / 4294967296));
+  view.setUint32(padded.length - 4, bitLength >>> 0);
+  const h = new Uint32Array([1779033703, 3144134277, 1013904242, 2773480762, 1359893119, 2600822924, 528734635, 1541459225]);
+  const w = new Uint32Array(64);
+  for (let offset = 0; offset < padded.length; offset += 64) {
+    for (let i = 0; i < 16; i++) w[i] = view.getUint32(offset + i * 4);
+    for (let i = 16; i < 64; i++) {
+      const a2 = w[i - 15], b2 = w[i - 2];
+      const s0 = (a2 >>> 7 | a2 << 25) ^ (a2 >>> 18 | a2 << 14) ^ a2 >>> 3;
+      const s1 = (b2 >>> 17 | b2 << 15) ^ (b2 >>> 19 | b2 << 13) ^ b2 >>> 10;
+      w[i] = w[i - 16] + s0 + w[i - 7] + s1 >>> 0;
+    }
+    let a = h[0], b = h[1], c = h[2], d = h[3], e = h[4], f = h[5], g = h[6], k = h[7];
+    for (let i = 0; i < 64; i++) {
+      const S1 = (e >>> 6 | e << 26) ^ (e >>> 11 | e << 21) ^ (e >>> 25 | e << 7);
+      const ch = e & f ^ ~e & g;
+      const t1 = k + S1 + ch + K[i] + w[i] >>> 0;
+      const S0 = (a >>> 2 | a << 30) ^ (a >>> 13 | a << 19) ^ (a >>> 22 | a << 10);
+      const maj = a & b ^ a & c ^ b & c;
+      const t2 = S0 + maj >>> 0;
+      k = g;
+      g = f;
+      f = e;
+      e = d + t1 >>> 0;
+      d = c;
+      c = b;
+      b = a;
+      a = t1 + t2 >>> 0;
+    }
+    h[0] = h[0] + a >>> 0;
+    h[1] = h[1] + b >>> 0;
+    h[2] = h[2] + c >>> 0;
+    h[3] = h[3] + d >>> 0;
+    h[4] = h[4] + e >>> 0;
+    h[5] = h[5] + f >>> 0;
+    h[6] = h[6] + g >>> 0;
+    h[7] = h[7] + k >>> 0;
+  }
+  let hex = "";
+  for (const v of h) hex += v.toString(16).padStart(8, "0");
+  return hex.toUpperCase();
+}
+async function solveChallenge(token, difficulty = 4, maxAttempts = 3e6) {
+  const prefix = "0".repeat(difficulty);
+  for (let i = 0; i < maxAttempts; i++) {
+    if (sha256Hex(`${token}:${i}`).startsWith(prefix)) return String(i);
+    if (i % 4e3 === 3999) await new Promise((resolve) => setTimeout(resolve, 0));
+  }
+  throw new Error("challenge-unsolved");
+}
+
+// packages/web/feedback-widget/src/styles.ts
+var STYLES = `
+:host {
+  all: initial;
+  --iff-accent: var(--if-brand, #FD0055);
+  --iff-accent-hover: var(--if-brand-hover, #E0004B);
+  --iff-accent-soft: var(--if-brand-soft, rgba(253, 0, 85, 0.12));
+  --iff-accent-contrast: #FFFFFF;
+  --iff-bg: var(--if-bg-elevated, #FFFFFF);
+  --iff-surface: var(--if-bg-surface, #F8F9FA);
+  --iff-hover: var(--if-bg-hover, #F1F3F5);
+  --iff-text: var(--if-text-primary, #000002);
+  --iff-muted: var(--if-text-tertiary, #64748B);
+  --iff-border: var(--if-border-subtle, #E2E8F0);
+  --iff-border-strong: var(--if-border-default, #CBD5E1);
+  --iff-danger: var(--if-danger, #EF4444);
+  --iff-danger-soft: var(--if-danger-soft, rgba(239, 68, 68, 0.12));
+  --iff-success: var(--if-success, #10B981);
+  --iff-success-soft: var(--if-success-soft, rgba(16, 185, 129, 0.12));
+  --iff-shadow: var(--if-shadow-overlay, 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1));
+  --iff-radius: var(--if-radius-lg, 14px);
+  --iff-radius-sm: var(--if-radius-md, 10px);
+  --iff-font: var(--if-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+  --iff-font-heading: var(--if-font-heading, 'Oxanium', 'Inter', sans-serif);
+  position: fixed; z-index: var(--iff-z, 2147483000); font-family: var(--iff-font); color: var(--iff-text);
+  -webkit-font-smoothing: antialiased; line-height: 1.4; font-size: 14px;
+}
+:host([data-theme="dark"]) {
+  --iff-bg: var(--if-bg-elevated, #262626);
+  --iff-surface: var(--if-bg-surface, #181818);
+  --iff-hover: var(--if-bg-hover, #2A2A2A);
+  --iff-text: var(--if-text-primary, #E2E8F0);
+  --iff-muted: var(--if-text-tertiary, #94A3B8);
+  --iff-border: var(--if-border-subtle, rgba(255, 255, 255, 0.08));
+  --iff-border-strong: var(--if-border-default, rgba(255, 255, 255, 0.14));
+  --iff-shadow: var(--if-shadow-overlay, 0 20px 30px -5px rgba(0, 0, 0, 0.9));
+}
+* { box-sizing: border-box; }
+button, input, textarea { font: inherit; color: inherit; }
+[hidden] { display: none !important; }
+.launcher {
+  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px 0 12px; border: none; border-radius: 9999px;
+  background: var(--iff-accent); color: var(--iff-accent-contrast); font-weight: 600; font-size: 14px; cursor: pointer;
+  box-shadow: 0 8px 20px -6px rgba(253, 0, 85, 0.45), 0 2px 6px rgba(0, 0, 0, 0.12); transition: transform .15s ease, background .15s ease;
+}
+.launcher:hover { background: var(--iff-accent-hover); transform: translateY(-1px); }
+.launcher.icon-only { width: 44px; padding: 0; justify-content: center; }
+.launcher.icon-only .label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+.launcher:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, label.file:focus-within {
+  outline: 2px solid var(--iff-accent); outline-offset: 2px;
+}
+.launcher svg, .launcher img { width: 20px; height: 20px; flex: none; }
+.launcher .emoji { font-size: 18px; line-height: 1; }
+.panel {
+  position: fixed; width: 380px; max-width: calc(100vw - 24px); max-height: min(640px, calc(100vh - 96px)); display: flex; flex-direction: column;
+  background: var(--iff-bg); color: var(--iff-text); border: 1px solid var(--iff-border); border-radius: var(--iff-radius); box-shadow: var(--iff-shadow);
+  overflow: hidden; animation: iff-in .18s ease-out;
+}
+@keyframes iff-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
+@media (prefers-reduced-motion: reduce) { .panel { animation: none; } .launcher { transition: none; } }
+.head { display: flex; align-items: flex-start; gap: 10px; padding: 16px 16px 12px; border-bottom: 1px solid var(--iff-border); }
+.head .titles { flex: 1; min-width: 0; }
+.brand { font-family: var(--iff-font-heading); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--iff-accent); font-weight: 700; }
+.title { margin: 2px 0 0; font-size: 17px; font-weight: 700; line-height: 1.25; }
+.subtitle { margin: 4px 0 0; font-size: 12.5px; color: var(--iff-muted); }
+.icon-btn { flex: none; width: 32px; height: 32px; display: inline-grid; place-items: center; border: none; border-radius: 8px; background: transparent; cursor: pointer; color: var(--iff-muted); }
+.icon-btn:hover { background: var(--iff-hover); color: var(--iff-text); }
+.icon-btn svg { width: 18px; height: 18px; }
+.body { padding: 14px 16px 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; }
+.kinds { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+.kind {
+  display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; text-align: left; cursor: pointer;
+  background: var(--iff-surface); border: 1px solid var(--iff-border); border-radius: var(--iff-radius-sm); transition: border-color .15s ease, background .15s ease;
+}
+.kind:hover { border-color: var(--iff-accent); background: var(--iff-accent-soft); }
+.kind .k-icon { width: 30px; height: 30px; border-radius: 8px; display: inline-grid; place-items: center; background: var(--iff-accent-soft); color: var(--iff-accent); }
+.kind .k-icon svg { width: 18px; height: 18px; }
+.kind strong { font-size: 13.5px; font-weight: 600; }
+.kind span { font-size: 12px; color: var(--iff-muted); }
+.help { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--iff-muted); text-decoration: none; padding: 8px 10px; border-radius: 8px; border: 1px dashed var(--iff-border-strong); }
+.help:hover { color: var(--iff-text); border-color: var(--iff-accent); }
+.help svg { width: 16px; height: 16px; flex: none; }
+.chip { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--iff-accent); background: var(--iff-accent-soft); padding: 4px 10px; border-radius: 9999px; }
+.chip svg { width: 14px; height: 14px; }
+label.field { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; font-weight: 600; }
+label.field .hint { font-weight: 400; color: var(--iff-muted); }
+input[type="text"], input[type="email"], textarea {
+  width: 100%; padding: 10px 12px; border-radius: var(--iff-radius-sm); border: 1px solid var(--iff-border-strong); background: var(--iff-surface);
+  font-size: 14px; font-weight: 400;
+}
+textarea { min-height: 120px; resize: vertical; }
+input::placeholder, textarea::placeholder { color: var(--iff-muted); opacity: .9; }
+.row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+.meta { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; color: var(--iff-muted); }
+.as { font-size: 12px; color: var(--iff-muted); background: var(--iff-surface); border: 1px solid var(--iff-border); border-radius: 8px; padding: 8px 10px; overflow-wrap: anywhere; }
+label.file { display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; padding: 9px 12px; border: 1px dashed var(--iff-border-strong); border-radius: var(--iff-radius-sm); color: var(--iff-muted); }
+label.file:hover { border-color: var(--iff-accent); color: var(--iff-text); }
+label.file svg { width: 16px; height: 16px; }
+label.file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
+.preview { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--iff-border); border-radius: var(--iff-radius-sm); background: var(--iff-surface); }
+.preview + .preview { margin-top: -6px; }
+.preview img { width: 56px; height: 40px; object-fit: cover; border-radius: 6px; }
+.preview .name { flex: 1; min-width: 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.link-btn { border: none; background: none; color: var(--iff-accent); cursor: pointer; font-size: 12.5px; font-weight: 600; padding: 4px; }
+.privacy { font-size: 11.5px; color: var(--iff-muted); margin: 0; }
+.error { font-size: 12.5px; color: var(--iff-danger); background: var(--iff-danger-soft); border-radius: 8px; padding: 8px 10px; margin: 0; }
+.actions { display: flex; justify-content: flex-end; gap: 8px; }
+.primary {
+  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 120px; height: 40px; padding: 0 18px; border: none; border-radius: var(--iff-radius-sm);
+  background: var(--iff-accent); color: var(--iff-accent-contrast); font-weight: 600; cursor: pointer;
+}
+.primary:hover { background: var(--iff-accent-hover); }
+.primary[disabled] { opacity: .65; cursor: progress; }
+.secondary { height: 40px; padding: 0 14px; border-radius: var(--iff-radius-sm); border: 1px solid var(--iff-border-strong); background: transparent; cursor: pointer; font-weight: 600; }
+.secondary:hover { background: var(--iff-hover); }
+.spinner { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; animation: iff-spin .8s linear infinite; }
+@keyframes iff-spin { to { transform: rotate(360deg); } }
+.done { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 8px 4px 4px; }
+.done .ok { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--iff-success-soft); color: var(--iff-success); }
+.done .ok svg { width: 26px; height: 26px; }
+.done h3 { margin: 0; font-size: 17px; }
+.done p { margin: 0; font-size: 13px; color: var(--iff-muted); }
+.done .folio { font-family: var(--if-font-mono, ui-monospace, monospace); font-weight: 700; color: var(--iff-text); }
+.done .buttons { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 6px; }
+.done a.primary { text-decoration: none; }
+.foot { padding: 8px 16px; border-top: 1px solid var(--iff-border); font-size: 11px; color: var(--iff-muted); text-align: center; }
+@media (max-width: 480px) {
+  .panel { inset: 0 !important; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; border: none;
+    padding: var(--if-safe-top, env(safe-area-inset-top, 0px)) var(--if-safe-right, env(safe-area-inset-right, 0px)) var(--if-safe-bottom, env(safe-area-inset-bottom, 0px)) var(--if-safe-left, env(safe-area-inset-left, 0px)); }
+  .kinds { grid-template-columns: 1fr; }
+  .row { grid-template-columns: 1fr; }
+  .launcher .label { display: none; }
+  .launcher { width: 48px; height: 48px; padding: 0; justify-content: center; }
+}
+`;
+
+// packages/web/feedback-widget/src/widget.ts
+var VERSION = "1.1.1";
+var KINDS = ["bug", "improvement", "question", "praise"];
+var MAX_ATTACHMENT = 5 * 1024 * 1024;
+var MAX_ATTACHMENTS = 5;
+var IMAGE_TYPES = ["image/png", "image/jpeg", "image/webp"];
+var SAFE = {
+  bottom: "var(--if-safe-bottom, env(safe-area-inset-bottom, 0px))",
+  left: "var(--if-safe-left, env(safe-area-inset-left, 0px))",
+  right: "var(--if-safe-right, env(safe-area-inset-right, 0px))"
+};
+var ICONS = {
+  launcher: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.4A8 8 0 1 1 21 12Z"/><path d="M8.5 11h7M8.5 14.5h4"/></svg>',
+  close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6 6 18"/></svg>',
+  back: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18l-6-6 6-6"/></svg>',
+  bug: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 9v4M12 17h.01"/><path d="M10.3 3.9 2.4 17.5A2 2 0 0 0 4.1 20.5h15.8a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z"/></svg>',
+  improvement: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18h6M10 21h4"/><path d="M12 3a6 6 0 0 0-3.6 10.8c.7.5 1.1 1.3 1.1 2.2h5c0-.9.4-1.7 1.1-2.2A6 6 0 0 0 12 3Z"/></svg>',
+  question: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6M12 17h.01"/></svg>',
+  praise: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10Z"/></svg>',
+  help: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1v-6h3v4ZM3 19a2 2 0 0 0 2 2h1v-6H3v4Z"/></svg>',
+  clip: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21 11-8.6 8.6a5 5 0 0 1-7.1-7.1l8.6-8.6a3.3 3.3 0 0 1 4.7 4.7l-8.6 8.6a1.7 1.7 0 0 1-2.4-2.4l7.9-7.9"/></svg>',
+  ok: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5 10 17.5 19 7"/></svg>'
+};
+function el(tag, attrs = {}, ...children) {
+  const node = document.createElement(tag);
+  for (const [key, value] of Object.entries(attrs)) {
+    if (value === void 0 || value === false) continue;
+    if (key === "class") node.className = String(value);
+    else node.setAttribute(key, value === true ? "" : String(value));
+  }
+  for (const child of children) if (child != null) node.append(child);
+  return node;
+}
+function icon(name, className) {
+  const span = document.createElement("span");
+  if (className) span.className = className;
+  span.innerHTML = ICONS[name];
+  return span.firstElementChild ? span : span;
+}
+function imageFiles(data, peek = false) {
+  const items = Array.from(data?.items ?? []).filter((i) => i.kind === "file" && i.type.startsWith("image/"));
+  if (peek) return items.length ? [new File([], "image")] : [];
+  return items.map((i) => i.getAsFile()).filter((f) => !!f).map((file) => !file.name || /^image\.\w+$/i.test(file.name) ? new File([file], `captura-pegada.${file.type.split("/")[1] || "png"}`, { type: file.type }) : file);
+}
+function uuid() {
+  const c = globalThis.crypto;
+  if (c?.randomUUID) return c.randomUUID();
+  const bytes = new Uint8Array(16);
+  if (c?.getRandomValues) c.getRandomValues(bytes);
+  else for (let i = 0; i < 16; i++) bytes[i] = Math.floor(Math.random() * 256);
+  bytes[6] = bytes[6] & 15 | 64;
+  bytes[8] = bytes[8] & 63 | 128;
+  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join("");
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+var EMAIL = /^[^\s@,;]+@[^\s@,;]+\.[^\s@,;]+$/;
+var IndeFlowFeedbackWidget = class {
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "remote", null);
+    __publicField(this, "host", null);
+    __publicField(this, "root", null);
+    __publicField(this, "launcherButton", null);
+    __publicField(this, "panel", null);
+    __publicField(this, "step", "kinds");
+    __publicField(this, "kind", null);
+    __publicField(this, "draft", { message: "", name: "", email: "" });
+    __publicField(this, "attachments", []);
+    __publicField(this, "submissionId", uuid());
+    __publicField(this, "sending", false);
+    __publicField(this, "error", null);
+    __publicField(this, "result", null);
+    __publicField(this, "extraContext", {});
+    __publicField(this, "themeObserver", null);
+    __publicField(this, "media", null);
+    __publicField(this, "onMedia", () => this.applyTheme());
+    __publicField(this, "onKey", (e) => this.handleKey(e));
+    __publicField(this, "destroyed", false);
+    __publicField(this, "ready");
+    this.config = { ...config };
+    this.extraContext = { ...config.context ?? {} };
+    this.ready = this.start();
+  }
+  get locale() {
+    return resolveLocale(this.config.locale, this.remote?.defaultLocale);
+  }
+  get t() {
+    return COPY[this.locale];
+  }
+  get endpoint() {
+    return `${this.config.apiUrl.replace(/\/+$/, "")}/v1/ingest/feedback`;
+  }
+  get appName() {
+    return this.config.brandLabel || this.remote?.appName || "";
+  }
+  get user() {
+    const u = this.config.user;
+    return u && (u.email || u.name || u.externalUserId) ? u : null;
+  }
+  get anonymous() {
+    return !this.user;
+  }
+  get kinds() {
+    const allowed = this.remote?.kinds ?? KINDS;
+    const wanted = this.config.kinds?.length ? this.config.kinds : KINDS;
+    return KINDS.filter((k) => allowed.includes(k) && wanted.includes(k));
+  }
+  /** Sin identidad de la app y con anónimos apagados en la fuente, no hay a quién pedirle nada: no se muestra. */
+  get available() {
+    return !!this.remote && this.kinds.length > 0 && (!this.anonymous || this.remote.allowAnonymous);
+  }
+  headers(json = false) {
+    const h = { "X-IndeFlow-Source-Token": this.config.sourceToken, "Accept-Language": this.locale };
+    if (json) h["Content-Type"] = "application/json";
+    return h;
+  }
+  async start() {
+    if (typeof document === "undefined" || !this.config.apiUrl || !this.config.sourceToken) return false;
+    try {
+      const response = await fetch(`${this.endpoint}/config?locale=${encodeURIComponent(this.locale)}`, { headers: this.headers(), credentials: "omit" });
+      if (!response.ok) throw new Error(`config ${response.status}`);
+      this.remote = await response.json();
+    } catch (e) {
+      if (typeof console !== "undefined") console.warn("[IndeFlow feedback] widget disabled:", e.message);
+      return false;
+    }
+    if (this.destroyed) return false;
+    this.mount();
+    return true;
+  }
+  mount() {
+    this.host = el("div", { id: "indeflow-feedback", "data-indeflow-feedback": VERSION });
+    this.root = this.host.attachShadow({ mode: "open" });
+    const style = document.createElement("style");
+    style.textContent = STYLES;
+    this.root.append(style);
+    document.body.append(this.host);
+    this.applyColors();
+    this.applyTheme();
+    this.watchTheme();
+    this.render();
+  }
+  applyColors() {
+    if (!this.host) return;
+    const map = {
+      accent: "--iff-accent",
+      accentContrast: "--iff-accent-contrast",
+      background: "--iff-bg",
+      surface: "--iff-surface",
+      text: "--iff-text",
+      muted: "--iff-muted",
+      border: "--iff-border",
+      danger: "--iff-danger",
+      success: "--iff-success",
+      radius: "--iff-radius",
+      font: "--iff-font"
+    };
+    for (const [key, variable] of Object.entries(map)) {
+      const value = this.config.colors?.[key];
+      if (value) this.host.style.setProperty(variable, value);
+      else this.host.style.removeProperty(variable);
+    }
+    if (this.config.colors?.accent && !this.config.colors.accentContrast) this.host.style.setProperty("--iff-accent-hover", this.config.colors.accent);
+    this.host.style.setProperty("--iff-z", String(this.config.zIndex ?? 2147483e3));
+  }
+  isDark() {
+    const mode = this.config.theme ?? "auto";
+    if (mode !== "auto") return mode === "dark";
+    const html = document.documentElement;
+    if (this.config.themeSelector) {
+      try {
+        return html.matches(this.config.themeSelector) || document.body.matches(this.config.themeSelector) || !!document.querySelector(this.config.themeSelector);
+      } catch {
+      }
+    }
+    const hint = html.getAttribute("data-theme") ?? document.body.getAttribute("data-theme") ?? html.getAttribute("data-bs-theme");
+    if (hint === "dark" || html.classList.contains("dark") || document.body.classList.contains("dark")) return true;
+    if (hint === "light" || html.classList.contains("light")) return false;
+    return typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)").matches;
+  }
+  applyTheme() {
+    this.host?.setAttribute("data-theme", this.isDark() ? "dark" : "light");
+  }
+  watchTheme() {
+    if (typeof MutationObserver !== "undefined") {
+      this.themeObserver = new MutationObserver(() => this.applyTheme());
+      const options = { attributes: true, attributeFilter: ["class", "data-theme", "data-bs-theme"] };
+      this.themeObserver.observe(document.documentElement, options);
+      this.themeObserver.observe(document.body, options);
+    }
+    if (typeof matchMedia !== "undefined") {
+      this.media = matchMedia("(prefers-color-scheme: dark)");
+      this.media.addEventListener?.("change", this.onMedia);
+    }
+  }
+  place(node, isPanel) {
+    const x = this.config.offset?.x ?? 20, y = this.config.offset?.y ?? 20;
+    const left = this.config.position === "bottom-left";
+    node.style.position = "fixed";
+    node.style.bottom = `calc(${isPanel ? y + 56 : y}px + ${SAFE.bottom})`;
+    if (left) {
+      node.style.left = `calc(${x}px + ${SAFE.left})`;
+      node.style.right = "auto";
+    } else {
+      node.style.right = `calc(${x}px + ${SAFE.right})`;
+      node.style.left = "auto";
+    }
+  }
+  // ───────────────────────── Render ─────────────────────────
+  render() {
+    if (!this.root) return;
+    const focusedId = this.root.activeElement?.id;
+    this.root.querySelectorAll(".launcher, .panel").forEach((n) => n.remove());
+    if (!this.available) return;
+    if (this.config.launcher !== "none") this.root.append(this.renderLauncher());
+    if (this.panel) {
+      this.panel = this.renderPanel();
+      this.root.append(this.panel);
+      const again = focusedId ? this.root.getElementById(focusedId) : null;
+      (again ?? this.panel.querySelector("[data-autofocus]"))?.focus();
+    }
+  }
+  renderLauncher() {
+    const label = this.config.launcherLabel || this.t.launcher;
+    const button = el("button", { class: this.config.launcherStyle === "icon" ? "launcher icon-only" : "launcher", type: "button", "aria-haspopup": "dialog", "aria-expanded": this.panel ? "true" : "false", title: label, "aria-label": label });
+    const type = this.config.launcherIconType ?? "default";
+    if (type === "emoji" && this.config.launcherIcon) button.append(el("span", { class: "emoji", "aria-hidden": "true" }, this.config.launcherIcon));
+    else if (type === "image" && this.config.launcherIcon) button.append(el("img", { src: this.config.launcherIcon, alt: "" }));
+    else if (type === "svg" && this.config.launcherIcon) {
+      const s = document.createElement("span");
+      s.innerHTML = this.config.launcherIcon;
+      button.append(s);
+    } else button.append(icon("launcher"));
+    button.append(el("span", { class: "label" }, label));
+    button.addEventListener("click", () => this.toggle());
+    this.place(button, false);
+    this.launcherButton = button;
+    return button;
+  }
+  renderPanel() {
+    const t = this.t;
+    const titleId = "iff-title";
+    const panel = el("div", { class: "panel", role: "dialog", "aria-modal": "false", "aria-labelledby": titleId });
+    this.place(panel, true);
+    const head = el("div", { class: "head" });
+    if (this.step === "form") {
+      const back = el("button", { class: "icon-btn", type: "button", "aria-label": t.back, title: t.back, id: "iff-back" });
+      back.append(icon("back"));
+      back.addEventListener("click", () => {
+        this.step = "kinds";
+        this.error = null;
+        this.render();
+      });
+      head.append(back);
+    }
+    const titles = el(
+      "div",
+      { class: "titles" },
+      el("div", { class: "brand" }, this.appName),
+      el("h2", { class: "title", id: titleId }, this.config.title || t.title)
+    );
+    if (this.step === "kinds" && this.appName) titles.append(el("p", { class: "subtitle" }, format(t.subtitle, { app: this.appName })));
+    head.append(titles);
+    const close = el("button", { class: "icon-btn", type: "button", "aria-label": t.close, title: t.close, id: "iff-close" });
+    close.append(icon("close"));
+    close.addEventListener("click", () => this.close());
+    head.append(close);
+    panel.append(head);
+    const body = el("div", { class: "body" });
+    if (this.step === "kinds") this.renderKinds(body);
+    else if (this.step === "form") this.renderForm(body);
+    else this.renderDone(body);
+    panel.append(body);
+    if (this.config.showPoweredBy !== false) panel.append(el("div", { class: "foot" }, t.poweredBy));
+    return panel;
+  }
+  renderKinds(body) {
+    const grid = el("div", { class: "kinds" });
+    this.kinds.forEach((kind, index) => {
+      const copy = this.t.kinds[kind];
+      const button = el(
+        "button",
+        { class: "kind", type: "button", id: `iff-kind-${kind}`, "data-autofocus": index === 0 },
+        icon(kind, "k-icon"),
+        el("strong", {}, copy.label),
+        el("span", {}, copy.hint)
+      );
+      button.addEventListener("click", () => this.choose(kind));
+      grid.append(button);
+    });
+    body.append(grid);
+    if (this.config.supportUrl) {
+      const link = el("a", { class: "help", href: this.config.supportUrl, target: this.config.supportUrl.startsWith("/") ? void 0 : "_blank", rel: "noopener" });
+      link.append(icon("help"), el("span", {}, this.config.supportLabel || this.t.needHelp));
+      body.append(link);
+    }
+  }
+  renderForm(body) {
+    const t = this.t;
+    const kind = this.kind;
+    const chip = el("span", { class: "chip" });
+    chip.append(icon(kind), t.kinds[kind].label);
+    body.append(chip);
+    const max = this.remote?.maxMessage ?? 4e3;
+    const textarea = el("textarea", { id: "iff-message", maxlength: String(max), placeholder: t.kinds[kind].placeholder, "data-autofocus": true, "aria-describedby": "iff-counter" });
+    textarea.value = this.draft.message;
+    const counter = el("span", { id: "iff-counter" }, format(t.counter, { n: this.draft.message.length, max }));
+    textarea.addEventListener("input", () => {
+      this.draft.message = textarea.value;
+      counter.textContent = format(t.counter, { n: textarea.value.length, max });
+    });
+    if (this.config.screenshot !== false) {
+      textarea.addEventListener("paste", (e) => {
+        const files = imageFiles(e.clipboardData);
+        if (files.length) {
+          e.preventDefault();
+          void this.attach(files);
+        }
+      });
+      textarea.addEventListener("dragover", (e) => {
+        if (imageFiles(e.dataTransfer, true).length) e.preventDefault();
+      });
+      textarea.addEventListener("drop", (e) => {
+        const files = imageFiles(e.dataTransfer);
+        if (files.length) {
+          e.preventDefault();
+          void this.attach(files);
+        }
+      });
+    }
+    body.append(el("label", { class: "field", for: "iff-message" }, t.message, textarea), el("div", { class: "meta" }, el("span", {}, ""), counter));
+    if (this.anonymous) {
+      const name = el("input", { id: "iff-name", type: "text", maxlength: "100", autocomplete: "name" });
+      name.value = this.draft.name;
+      name.addEventListener("input", () => this.draft.name = name.value);
+      const email = el("input", { id: "iff-email", type: "email", maxlength: "254", autocomplete: "email", inputmode: "email" });
+      email.value = this.draft.email;
+      email.addEventListener("input", () => this.draft.email = email.value);
+      body.append(el("div", { class: "row" }, el("label", { class: "field", for: "iff-name" }, t.name, name), el("label", { class: "field", for: "iff-email" }, t.email, email)));
+    } else {
+      const u = this.user;
+      if (!u.email) {
+        const email = el("input", { id: "iff-email", type: "email", maxlength: "254", autocomplete: "email" });
+        email.value = this.draft.email;
+        email.addEventListener("input", () => this.draft.email = email.value);
+        body.append(el("label", { class: "field", for: "iff-email" }, el("span", {}, t.email, " ", el("span", { class: "hint" }, this.remote?.requireEmail ? "" : `\xB7 ${t.emailOptional}`)), email));
+      }
+      const who = [u.name, u.email].filter(Boolean).join(" \xB7 ");
+      if (who) body.append(el("div", { class: "as" }, format(t.sendingAs, { who })));
+    }
+    if (this.config.screenshot !== false) {
+      const limit = this.maxAttachments();
+      this.attachments.forEach((a, i) => {
+        const remove = el("button", { class: "link-btn", type: "button", id: `iff-remove-${i}`, "data-remove": String(i) }, t.remove);
+        remove.addEventListener("click", () => {
+          this.attachments.splice(i, 1);
+          this.error = null;
+          this.render();
+        });
+        body.append(el("div", { class: "preview" }, el("img", { src: a.dataUrl, alt: "" }), el("span", { class: "name" }, a.name), remove));
+      });
+      if (this.attachments.length < limit) {
+        const input = el("input", { id: "iff-file", type: "file", accept: IMAGE_TYPES.join(","), multiple: true });
+        input.addEventListener("change", () => {
+          const files = Array.from(input.files ?? []);
+          if (files.length) void this.attach(files);
+        });
+        const label = el("label", { class: "file", for: "iff-file" });
+        const hint = format(t.attachHint, { max: limit, mb: this.maxMegabytes() });
+        label.append(icon("clip"), el("span", {}, this.attachments.length ? t.attachMore : t.attach, " ", el("span", { class: "hint" }, `\xB7 ${hint}`)), input);
+        body.append(label);
+      }
+    }
+    body.append(el("p", { class: "privacy" }, t.privacy));
+    if (this.error) body.append(el("p", { class: "error", role: "alert" }, this.error));
+    const send = el("button", { class: "primary", type: "button", id: "iff-send", disabled: this.sending, "aria-busy": this.sending ? "true" : void 0 });
+    if (this.sending) send.append(el("span", { class: "spinner", "aria-hidden": "true" }), t.sending);
+    else send.append(t.send);
+    send.addEventListener("click", () => void this.submit());
+    body.append(el("div", { class: "actions" }, send));
+  }
+  renderDone(body) {
+    const t = this.t;
+    const r = this.result;
+    const ok = el("div", { class: "ok" });
+    ok.append(icon("ok"));
+    const text = el("p", {});
+    const parts = t.successBody.split("{folio}");
+    text.append(parts[0], el("span", { class: "folio" }, r.folio), parts[1] ?? "");
+    const done = el("div", { class: "done" }, ok, el("h3", {}, t.successTitle), text);
+    const email = this.user?.email || this.draft.email;
+    if (email) done.append(el("p", {}, format(t.successEmail, { email })));
+    const status = el("a", { class: "primary", href: r.trackingUrl, target: "_blank", rel: "noopener", id: "iff-status" }, t.viewStatus);
+    const another = el("button", { class: "secondary", type: "button", id: "iff-another", "data-autofocus": true }, t.another);
+    another.addEventListener("click", () => this.reset());
+    done.append(el("div", { class: "buttons" }, status, another));
+    body.append(done);
+  }
+  // ───────────────────────── Acciones ─────────────────────────
+  choose(kind) {
+    this.kind = kind;
+    this.step = "form";
+    this.error = null;
+    this.render();
+  }
+  reset() {
+    this.step = "kinds";
+    this.kind = null;
+    this.draft = { message: "", name: this.draft.name, email: this.draft.email };
+    this.attachments = [];
+    this.result = null;
+    this.error = null;
+    this.submissionId = uuid();
+    this.render();
+  }
+  maxAttachments() {
+    return Math.max(1, this.remote?.maxAttachments ?? MAX_ATTACHMENTS);
+  }
+  maxMegabytes() {
+    return Math.max(1, Math.round((this.remote?.maxAttachmentBytes ?? MAX_ATTACHMENT) / 1048576));
+  }
+  /** Adds each valid image up to the limit; the ones that fail leave their message and the rest still get attached. */
+  async attach(files) {
+    const limit = this.maxAttachments();
+    const maxBytes = this.remote?.maxAttachmentBytes ?? MAX_ATTACHMENT;
+    this.error = null;
+    for (const file of files) {
+      if (this.attachments.length >= limit) {
+        this.error = format(this.t.errorAttachmentCount, { max: limit });
+        break;
+      }
+      if (!IMAGE_TYPES.includes(file.type)) {
+        this.error = this.t.errorAttachmentType;
+        continue;
+      }
+      if (file.size > maxBytes) {
+        this.error = format(this.t.errorAttachmentSize, { mb: this.maxMegabytes() });
+        continue;
+      }
+      const dataUrl = await new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(String(reader.result));
+        reader.onerror = () => reject(reader.error);
+        reader.readAsDataURL(file);
+      });
+      this.attachments.push({ name: file.name || "captura.png", type: file.type, dataUrl, size: file.size });
+    }
+    this.render();
+  }
+  validate() {
+    const t = this.t;
+    if (this.draft.message.trim().length < 3) return t.errorMessage;
+    if (this.anonymous) {
+      if (!this.draft.name.trim()) return t.errorName;
+      if (!EMAIL.test(this.draft.email.trim())) return t.errorEmail;
+    } else if (!this.user.email) {
+      const email = this.draft.email.trim();
+      if (email && !EMAIL.test(email)) return t.errorEmail;
+      if (!email && this.remote?.requireEmail) return t.errorEmail;
+    }
+    return null;
+  }
+  context() {
+    const loc = typeof location !== "undefined" ? location : null;
+    const extra = {};
+    for (const [k, v] of Object.entries(this.extraContext).slice(0, 20)) if (v != null) extra[k] = String(v).slice(0, 200);
+    return {
+      url: loc ? `${loc.origin}${loc.pathname}` : void 0,
+      route: this.config.collectRoute === false || !loc ? void 0 : loc.pathname,
+      appVersion: this.config.appVersion,
+      browser: typeof navigator !== "undefined" ? navigator.userAgent.slice(0, 200) : void 0,
+      viewport: typeof innerWidth !== "undefined" ? `${innerWidth}x${innerHeight}` : void 0,
+      theme: this.host?.getAttribute("data-theme") ?? void 0,
+      extra
+    };
+  }
+  async submit() {
+    if (this.sending || !this.kind) return;
+    const invalid = this.validate();
+    if (invalid) {
+      this.error = invalid;
+      this.render();
+      return;
+    }
+    this.sending = true;
+    this.error = null;
+    this.render();
+    try {
+      const challengeResponse = await fetch(`${this.endpoint}/challenge`, { headers: this.headers(), credentials: "omit" });
+      const challenge = await challengeResponse.json().catch(() => ({}));
+      if (!challengeResponse.ok) throw Object.assign(new Error(challenge.message || this.t.errorGeneric), { code: challenge.code || "UNAVAILABLE" });
+      const proof = await solveChallenge(challenge.token, challenge.difficulty ?? 4);
+      const u = this.user;
+      const body = {
+        clientSubmissionId: this.submissionId,
+        kind: this.kind,
+        message: this.draft.message.trim(),
+        locale: this.locale,
+        reporter: u ? { mode: "app", name: u.name, email: u.email || this.draft.email.trim() || void 0, company: u.company, externalUserId: u.externalUserId } : { mode: "anonymous", name: this.draft.name.trim(), email: this.draft.email.trim() },
+        context: this.context(),
+        // «attachments» lleva todas; «attachment» (la primera) sigue para un servidor anterior a FB-000005.
+        attachments: this.attachments.map((a) => ({ name: a.name, contentType: a.type, base64: a.dataUrl })),
+        attachment: this.attachments[0] ? { name: this.attachments[0].name, contentType: this.attachments[0].type, base64: this.attachments[0].dataUrl } : void 0,
+        challenge: challenge.token,
+        proof
+      };
+      const response = await fetch(this.endpoint, { method: "POST", headers: this.headers(true), body: JSON.stringify(body), credentials: "omit" });
+      const data = await response.json().catch(() => ({}));
+      if (!response.ok) throw Object.assign(new Error(data.message || this.t.errorGeneric), { code: data.code || `HTTP_${response.status}` });
+      this.result = { folio: data.folio, trackingUrl: data.trackingUrl };
+      this.step = "done";
+      this.config.onSubmitted?.(this.result);
+    } catch (e) {
+      const err = e;
+      this.error = err.code ? err.message : this.t.errorGeneric;
+      this.config.onError?.({ code: err.code ?? "NETWORK", message: this.error });
+    } finally {
+      this.sending = false;
+      this.render();
+    }
+  }
+  handleKey(e) {
+    if (!this.panel || !this.root) return;
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      this.close();
+      return;
+    }
+    if (e.key !== "Tab") return;
+    const focusables = Array.from(this.panel.querySelectorAll("button:not([disabled]), a[href], input, textarea")).filter((n) => n.offsetParent !== null || n === this.root.activeElement);
+    if (focusables.length === 0) return;
+    const first = focusables[0], last = focusables[focusables.length - 1];
+    const active = this.root.activeElement;
+    if (e.shiftKey && active === first) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && active === last) {
+      e.preventDefault();
+      first.focus();
+    }
+  }
+  // ───────────────────────── API pública ─────────────────────────
+  open(kind) {
+    if (!this.root || !this.available) return;
+    if (!this.panel) {
+      this.panel = document.createElement("div");
+      this.host.addEventListener("keydown", this.onKey);
+    }
+    if (kind && this.kinds.includes(kind)) {
+      this.kind = kind;
+      this.step = "form";
+    }
+    this.render();
+  }
+  close() {
+    if (!this.panel) return;
+    this.panel = null;
+    this.host?.removeEventListener("keydown", this.onKey);
+    if (this.step === "done") this.reset();
+    else this.render();
+    this.root?.querySelector(".launcher")?.focus();
+  }
+  toggle() {
+    if (this.panel) this.close();
+    else this.open();
+  }
+  setUser(user) {
+    this.config.user = user;
+    this.render();
+  }
+  setContext(context) {
+    this.extraContext = { ...context };
+  }
+  update(config) {
+    this.config = { ...this.config, ...config };
+    if (config.context) this.extraContext = { ...config.context };
+    this.applyColors();
+    this.applyTheme();
+    this.render();
+  }
+  destroy() {
+    this.destroyed = true;
+    this.themeObserver?.disconnect();
+    this.media?.removeEventListener?.("change", this.onMedia);
+    this.host?.remove();
+    this.host = null;
+    this.root = null;
+    this.panel = null;
+    this.launcherButton = null;
+  }
+};
+function createIndeFlowFeedback(config) {
+  return new IndeFlowFeedbackWidget(config);
+}
+export {
+  COPY,
+  IndeFlowFeedbackWidget,
+  VERSION,
+  createIndeFlowFeedback,
+  resolveLocale,
+  sha256Hex,
+  solveChallenge
+};