@fayz-ai/plugin-forms 0.15.14 → 0.15.16

package/dist/chunk-RB7UYZLA.js

@@ -0,0 +1,824 @@
+import { yesNoAnswer, useMediaUpload, stencilOf, useMediaUrl, isMedia, SignatureField, RecommendationField, GalleryField, StencilPhotoField, YesNoTextField, YesNoField, RecommendationView, GalleryView, MediaImage, aspectRatioOf, answerAlerts, AnswerAlertNote } from './chunk-YOFFKQD4.js';
+import React, { useCallback } from 'react';
+import { Checkbox, Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Textarea, Button } from '@fayz-ai/ui';
+import { describeError, useTranslation } from '@fayz-ai/core';
+import { createPortal } from 'react-dom';
+import { X, SwitchCamera, RotateCcw, Check, ImageUp, Camera, SkipForward } from 'lucide-react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/lib/html-text.ts
+function looksLikeHtml(value) {
+  return /<\/?[a-z][^>]*>/i.test(value);
+}
+var BLOCKS = "p, div, li, tr, h1, h2, h3, h4, h5, h6, blockquote, section, article";
+var NBSP = / /g;
+function htmlToPlainText(value) {
+  if (!value) return "";
+  if (typeof document === "undefined") {
+    return value.replace(/<br\s*\/?>/gi, "\n").replace(/<\/(p|div|li|tr|h[1-6]|blockquote)>/gi, "\n").replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&amp;/g, "&").replace(/\n{3,}/g, "\n\n").trim();
+  }
+  const el = document.createElement("div");
+  el.innerHTML = value;
+  for (const br of Array.from(el.querySelectorAll("br"))) {
+    br.replaceWith("\n");
+  }
+  for (const block of Array.from(el.querySelectorAll(BLOCKS))) {
+    block.append("\n");
+  }
+  return (el.textContent ?? "").replace(NBSP, " ").replace(/[ \t]+\n/g, "\n").replace(/\n{3,}/g, "\n\n").trim();
+}
+var DROP_WITH_CONTENT = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "iframe",
+  "object",
+  "embed",
+  "svg",
+  "math",
+  "link",
+  "meta",
+  "form",
+  "input",
+  "button",
+  "textarea",
+  "select",
+  "template",
+  "noscript"
+]);
+var ALLOWED_TAGS = /* @__PURE__ */ new Set([
+  "p",
+  "br",
+  "hr",
+  "div",
+  "span",
+  "b",
+  "strong",
+  "i",
+  "em",
+  "u",
+  "s",
+  "sub",
+  "sup",
+  "mark",
+  "small",
+  "ul",
+  "ol",
+  "li",
+  "blockquote",
+  "pre",
+  "code",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "table",
+  "thead",
+  "tbody",
+  "tfoot",
+  "tr",
+  "td",
+  "th",
+  "caption",
+  "a"
+]);
+var ALLOWED_ATTRS = {
+  a: /* @__PURE__ */ new Set(["href", "title"]),
+  td: /* @__PURE__ */ new Set(["colspan", "rowspan"]),
+  th: /* @__PURE__ */ new Set(["colspan", "rowspan"])
+};
+var SAFE_HREF = /^(https?:|mailto:|tel:)/i;
+function cleanElement(el) {
+  for (const child of Array.from(el.children)) {
+    cleanElement(child);
+  }
+  const tag = el.tagName.toLowerCase();
+  if (DROP_WITH_CONTENT.has(tag)) {
+    el.remove();
+    return;
+  }
+  for (const attr of Array.from(el.attributes)) {
+    const name = attr.name.toLowerCase();
+    const allowed = ALLOWED_ATTRS[tag]?.has(name) ?? false;
+    if (!allowed) {
+      el.removeAttribute(attr.name);
+      continue;
+    }
+    if (name === "href" && !SAFE_HREF.test(attr.value.trim())) {
+      el.removeAttribute(attr.name);
+    }
+  }
+  if (!ALLOWED_TAGS.has(tag)) {
+    el.replaceWith(...Array.from(el.childNodes));
+    return;
+  }
+  if (tag === "a") {
+    if (!el.getAttribute("href")) {
+      el.replaceWith(...Array.from(el.childNodes));
+      return;
+    }
+    el.setAttribute("target", "_blank");
+    el.setAttribute("rel", "noopener noreferrer nofollow");
+  }
+}
+function sanitizeHtml(value) {
+  if (!value) return "";
+  if (typeof DOMParser === "undefined") return "";
+  const doc = new DOMParser().parseFromString(value, "text/html");
+  for (const child of Array.from(doc.body.children)) {
+    cleanElement(child);
+  }
+  return doc.body.innerHTML;
+}
+function fieldRichValue(value) {
+  if (typeof value !== "string" || !value) return { text: "" };
+  if (!looksLikeHtml(value)) return { text: value };
+  const html = sanitizeHtml(value);
+  return html ? { html } : { text: htmlToPlainText(value) };
+}
+
+// src/lib/plain-text.ts
+var ENTITIES = {
+  amp: "&",
+  lt: "<",
+  gt: ">",
+  quot: '"',
+  apos: "'",
+  nbsp: " ",
+  // Os acentos do português, que é o que 23 moldes do Feegow trouxeram. Escrito
+  // à mão e não resolvido pelo DOM porque esta função também roda em teste e
+  // fora do navegador — e um `&ccedil;` visível na anamnese é o defeito que
+  // ela veio consertar.
+  ...Object.fromEntries(
+    "agrave \xE0 aacute \xE1 acirc \xE2 atilde \xE3 auml \xE4 ccedil \xE7 egrave \xE8 eacute \xE9 ecirc \xEA euml \xEB igrave \xEC iacute \xED icirc \xEE iuml \xEF ntilde \xF1 ograve \xF2 oacute \xF3 ocirc \xF4 otilde \xF5 ouml \xF6 ugrave \xF9 uacute \xFA ucirc \xFB uuml \xFC".split(" ").reduce((acc, part, i, all) => {
+      if (i % 2 === 0) acc.push([part, all[i + 1]]);
+      return acc;
+    }, []).flatMap(([name, char]) => [
+      [name, char],
+      [name.charAt(0).toUpperCase() + name.slice(1), char.toUpperCase()]
+    ])
+  )
+};
+function decodeEntities(value) {
+  return value.replace(/&(#x?[0-9a-f]+|[a-z]+);/gi, (whole, body) => {
+    if (body[0] === "#") {
+      const code = body[1] === "x" || body[1] === "X" ? parseInt(body.slice(2), 16) : parseInt(body.slice(1), 10);
+      return Number.isFinite(code) ? String.fromCodePoint(code) : whole;
+    }
+    const named = ENTITIES[body] ?? ENTITIES[body.toLowerCase()];
+    if (named) return named;
+    if (typeof document === "undefined") return whole;
+    const el = document.createElement("textarea");
+    el.innerHTML = whole;
+    return el.value;
+  });
+}
+function htmlToPlainText2(value) {
+  if (!value || !/[<&]/.test(value)) return value;
+  const text = decodeEntities(
+    value.replace(/<\s*br\s*\/?\s*>/gi, "\n").replace(/<\s*\/\s*(p|div|li|h[1-6])\s*>/gi, "\n").replace(/<[^>]*>/g, "")
+  );
+  return text.split("\n").map((line) => line.replace(/\s+/g, " ").trim()).filter(Boolean).join("\n") || void 0;
+}
+var ratioOf = (a) => a === "1:1" ? 1 : a === "4:3" ? 4 / 3 : 3 / 4;
+function StencilCamera({
+  title,
+  overlayUrl,
+  opacity,
+  aspect,
+  camera,
+  burnOverlay,
+  onCapture,
+  onSkip,
+  onClose
+}) {
+  const videoRef = React.useRef(null);
+  const streamRef = React.useRef(null);
+  const fileRef = React.useRef(null);
+  const [facing, setFacing] = React.useState(camera);
+  const [preview, setPreview] = React.useState(null);
+  const [starting, setStarting] = React.useState(true);
+  const [noCamera, setNoCamera] = React.useState(false);
+  const [retake, setRetake] = React.useState(0);
+  const ratio = ratioOf(aspect);
+  const stop = () => {
+    streamRef.current?.getTracks().forEach((t) => t.stop());
+    streamRef.current = null;
+  };
+  React.useEffect(() => {
+    if (preview) return;
+    let alive = true;
+    (async () => {
+      setStarting(true);
+      try {
+        if (!navigator.mediaDevices?.getUserMedia) throw new Error("unsupported");
+        stop();
+        const stream = await navigator.mediaDevices.getUserMedia({
+          video: { facingMode: { ideal: facing }, width: { ideal: 1920 }, height: { ideal: 1920 } },
+          audio: false
+        });
+        if (!alive) {
+          stream.getTracks().forEach((t) => t.stop());
+          return;
+        }
+        streamRef.current = stream;
+        if (videoRef.current) {
+          videoRef.current.srcObject = stream;
+          await videoRef.current.play().catch(() => {
+          });
+        }
+        setNoCamera(false);
+      } catch {
+        if (alive) setNoCamera(true);
+      } finally {
+        if (alive) setStarting(false);
+      }
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [facing, retake]);
+  React.useEffect(() => () => stop(), []);
+  React.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key !== "Escape") return;
+      e.stopPropagation();
+      e.preventDefault();
+      onClose();
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [onClose]);
+  async function drawOverlay(ctx, w, h) {
+    if (!burnOverlay || !overlayUrl) return;
+    await new Promise((resolve) => {
+      const timer = setTimeout(resolve, 2500);
+      const img = new Image();
+      img.crossOrigin = "anonymous";
+      img.onload = () => {
+        try {
+          const s = Math.min(w / img.width, h / img.height);
+          ctx.globalAlpha = opacity;
+          ctx.drawImage(img, (w - img.width * s) / 2, (h - img.height * s) / 2, img.width * s, img.height * s);
+          ctx.globalAlpha = 1;
+        } catch {
+        }
+        clearTimeout(timer);
+        resolve();
+      };
+      img.onerror = () => {
+        clearTimeout(timer);
+        resolve();
+      };
+      img.src = overlayUrl;
+    });
+  }
+  async function capture() {
+    const video = videoRef.current;
+    if (!video || !video.videoWidth) return;
+    const vw = video.videoWidth, vh = video.videoHeight;
+    let cw = vw, ch = vh;
+    if (vw / vh > ratio) cw = vh * ratio;
+    else ch = vw / ratio;
+    const canvas = document.createElement("canvas");
+    canvas.width = Math.round(cw);
+    canvas.height = Math.round(ch);
+    const ctx = canvas.getContext("2d");
+    if (facing === "user") {
+      ctx.translate(canvas.width, 0);
+      ctx.scale(-1, 1);
+    }
+    ctx.drawImage(video, (vw - cw) / 2, (vh - ch) / 2, cw, ch, 0, 0, canvas.width, canvas.height);
+    ctx.setTransform(1, 0, 0, 1, 0, 0);
+    await drawOverlay(ctx, canvas.width, canvas.height);
+    const blob = await new Promise((r) => {
+      try {
+        canvas.toBlob(r, "image/jpeg", 0.9);
+      } catch {
+        r(null);
+      }
+    });
+    if (!blob) return;
+    stop();
+    setPreview({ blob, url: URL.createObjectURL(blob) });
+  }
+  function pickFile(file) {
+    if (!file) return;
+    setPreview({ blob: file, url: URL.createObjectURL(file) });
+  }
+  return createPortal(
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[2147483647] flex select-none flex-col bg-black text-white", role: "dialog", "aria-label": title, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: onClose,
+            "aria-label": "Fechar",
+            className: "font-normal flex h-10 w-10 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+            children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "truncate px-2 text-sm font-medium", children: title }),
+        !preview && !noCamera ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => setFacing((f) => f === "user" ? "environment" : "user"),
+            "aria-label": "Trocar c\xE2mera",
+            className: "font-normal flex h-10 w-10 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+            children: /* @__PURE__ */ jsx(SwitchCamera, { className: "h-5 w-5" })
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "w-10" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "relative h-full max-h-full max-w-full bg-black", style: { aspectRatio: String(ratio) }, children: preview ? /* @__PURE__ */ jsx("img", { src: preview.url, alt: "", className: "h-full w-full object-contain" }) : noCamera ? /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center gap-3 px-6 text-center text-sm text-white/80", children: [
+        overlayUrl && /* @__PURE__ */ jsx("img", { src: overlayUrl, alt: "", className: "max-h-[50%] opacity-60" }),
+        /* @__PURE__ */ jsx("p", { children: "N\xE3o foi poss\xEDvel abrir a c\xE2mera neste aparelho. Escolha uma foto do arquivo." })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "video",
+          {
+            ref: videoRef,
+            playsInline: true,
+            muted: true,
+            className: "h-full w-full object-cover",
+            style: { transform: facing === "user" ? "scaleX(-1)" : void 0 }
+          }
+        ),
+        overlayUrl && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: overlayUrl,
+            alt: "",
+            className: "pointer-events-none absolute inset-0 h-full w-full object-contain",
+            style: { opacity }
+          }
+        ),
+        starting && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-white/80", children: "Iniciando c\xE2mera\u2026" })
+      ] }) }) }),
+      /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: "image/*", className: "hidden", onChange: (e) => pickFile(e.target.files?.[0]) }),
+      /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center gap-6 p-4 pb-[calc(2rem+env(safe-area-inset-bottom))]", children: [
+        preview ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "lg",
+              className: "gap-2",
+              onClick: () => {
+                URL.revokeObjectURL(preview.url);
+                setPreview(null);
+                setRetake((n) => n + 1);
+              },
+              children: [
+                /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" }),
+                " Tirar novamente"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(Button, { type: "button", size: "lg", className: "gap-2", onClick: () => onCapture(preview.blob), children: [
+            /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }),
+            " Usar foto"
+          ] })
+        ] }) : noCamera ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "lg", className: "gap-2", onClick: () => fileRef.current?.click(), children: [
+          /* @__PURE__ */ jsx(ImageUp, { className: "h-4 w-4" }),
+          " Escolher foto"
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              disabled: starting,
+              onClick: capture,
+              "aria-label": "Capturar",
+              className: "font-normal flex h-16 w-16 items-center justify-center rounded-full border-4 border-white/40 bg-white transition-transform active:scale-95 disabled:opacity-60",
+              children: /* @__PURE__ */ jsx(Camera, { className: "h-6 w-6 text-black" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              onClick: () => fileRef.current?.click(),
+              "aria-label": "Escolher do arquivo",
+              className: "font-normal absolute left-6 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+              children: /* @__PURE__ */ jsx(ImageUp, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        !preview && onSkip && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: onSkip,
+            "aria-label": "Pular esta foto",
+            className: "font-normal absolute right-6 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+            children: /* @__PURE__ */ jsx(SkipForward, { className: "h-5 w-5" })
+          }
+        )
+      ] })
+    ] }),
+    document.body
+  );
+}
+var RICH_TEXT_CLASS = [
+  "space-y-2",
+  "[&_p]:leading-relaxed",
+  "[&_b]:font-semibold [&_strong]:font-semibold",
+  "[&_i]:italic [&_em]:italic",
+  "[&_u]:underline",
+  "[&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:leading-relaxed",
+  "[&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground",
+  "[&_a]:text-primary [&_a]:underline",
+  "[&_h1]:font-semibold [&_h2]:font-semibold [&_h3]:font-semibold",
+  "[&_table]:w-full [&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1",
+  "[&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:font-medium"
+].join(" ");
+function isFieldEmpty(field, value) {
+  if (field.type === "title") return false;
+  if (value == null || value === "" || value === false) return true;
+  if (Array.isArray(value)) return value.length === 0;
+  if (field.type === "yes_no" || field.type === "yes_no_text") return yesNoAnswer(value) === "";
+  return false;
+}
+function ReadField({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+    label && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground", children })
+  ] });
+}
+function EmptyValue() {
+  return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50", children: "\u2014" });
+}
+function optionLabel(field, value) {
+  if (value == null || value === "") return null;
+  const match = (field.options ?? []).find((o) => o.value === value);
+  return match?.label ?? String(value);
+}
+function ReadValue({ field, value }) {
+  switch (field.type) {
+    case "memo":
+    case "richtext": {
+      const rich = fieldRichValue(value);
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: "html" in rich ? /* @__PURE__ */ jsx("div", { className: RICH_TEXT_CLASS, dangerouslySetInnerHTML: { __html: rich.html } }) : rich.text ? /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap", children: rich.text }) : /* @__PURE__ */ jsx(EmptyValue, {}) });
+    }
+    case "date": {
+      const raw = typeof value === "string" ? value : "";
+      const date = raw ? new Date(raw) : null;
+      const text = date && !Number.isNaN(date.getTime()) ? raw.slice(0, 10).split("-").reverse().join("/") : raw;
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: text || /* @__PURE__ */ jsx(EmptyValue, {}) });
+    }
+    case "select":
+    case "radio": {
+      const label = optionLabel(field, value);
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: label ?? /* @__PURE__ */ jsx(EmptyValue, {}) });
+    }
+    case "tags": {
+      const selected = Array.isArray(value) ? value : [];
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: selected.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: selected.map((v) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: optionLabel(field, v) ?? v }, v)) }) : /* @__PURE__ */ jsx(EmptyValue, {}) });
+    }
+    case "checkbox":
+      return /* @__PURE__ */ jsxs(ReadField, { children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: field.label }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: " \xB7 " }),
+        /* @__PURE__ */ jsx("span", { children: value ? "Sim" : "N\xE3o" })
+      ] });
+    case "yes_no":
+    case "yes_no_text": {
+      const answer = yesNoAnswer(value);
+      const text = value && typeof value === "object" ? value.text?.trim() : "";
+      const alert = answerAlerts(field, value);
+      return /* @__PURE__ */ jsxs(ReadField, { label: field.label, children: [
+        answer ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: answer === "sim" ? "Sim" : "N\xE3o" }) : /* @__PURE__ */ jsx(EmptyValue, {}),
+        text ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          " \u2014 ",
+          text
+        ] }) : null,
+        alert && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AnswerAlertNote, { alert }) })
+      ] });
+    }
+    case "stencil_photo":
+    case "signature":
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: isMedia(value) ? /* @__PURE__ */ jsx(
+        MediaImage,
+        {
+          value,
+          alt: field.label,
+          className: field.type === "signature" ? "max-h-32 rounded-md border bg-white" : "w-full max-w-xs rounded-lg border object-cover",
+          style: field.type === "signature" ? void 0 : { aspectRatio: String(aspectRatioOf(stencilOf(field))) }
+        }
+      ) : /* @__PURE__ */ jsx(EmptyValue, {}) });
+    case "gallery": {
+      const items = Array.isArray(value) ? value.filter(isMedia) : [];
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: items.length ? /* @__PURE__ */ jsx(GalleryView, { items }) : /* @__PURE__ */ jsx(EmptyValue, {}) });
+    }
+    case "recommendation":
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: /* @__PURE__ */ jsx(RecommendationView, { items: Array.isArray(value) ? value : [] }) });
+    default: {
+      const text = value == null || value === "" ? null : String(value);
+      return /* @__PURE__ */ jsx(ReadField, { label: field.label, children: text ?? /* @__PURE__ */ jsx(EmptyValue, {}) });
+    }
+  }
+}
+function FieldLabel({ field }) {
+  return /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+    field.label,
+    field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+  ] });
+}
+function FieldRenderer({
+  field,
+  value,
+  onChange,
+  readOnly,
+  onOpenCamera,
+  uploading,
+  shortcuts
+}) {
+  useTranslation();
+  if (readOnly && field.type !== "title" && field.type !== "image" && field.type !== "budget") {
+    return /* @__PURE__ */ jsx(ReadValue, { field, value });
+  }
+  switch (field.type) {
+    case "title":
+      return /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold pt-2 pb-1 border-b", children: field.label });
+    case "text":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: value ?? "",
+            onChange: (e) => onChange(e.target.value),
+            placeholder: htmlToPlainText2(field.placeholder),
+            className: "h-9 text-sm",
+            readOnly
+          }
+        )
+      ] });
+    case "memo":
+    case "richtext":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: value ?? "",
+            onChange: (e) => onChange(e.target.value),
+            placeholder: htmlToPlainText2(field.placeholder),
+            className: "min-h-[100px] bg-background shadow-none",
+            readOnly
+          }
+        )
+      ] });
+    case "date":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "date",
+            value: value ?? "",
+            onChange: (e) => onChange(e.target.value),
+            className: "h-9 text-sm",
+            readOnly
+          }
+        )
+      ] });
+    case "select":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        readOnly ? /* @__PURE__ */ jsx("p", { className: "text-sm py-1", children: value ?? "-" }) : /* @__PURE__ */ jsxs(Select, { value: value ?? "", onValueChange: onChange, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: htmlToPlainText2(field.placeholder) ?? "..." }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+        ] })
+      ] });
+    case "radio":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: field.id,
+              value: opt.value,
+              checked: value === opt.value,
+              onChange: () => onChange(opt.value),
+              disabled: readOnly,
+              className: "text-primary"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: opt.label })
+        ] }, opt.value)) })
+      ] });
+    case "tags": {
+      const selectedTags = Array.isArray(value) ? value : [];
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: (field.options ?? []).map((opt) => {
+          const active = selectedTags.includes(opt.value);
+          return /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: active ? "default" : "outline",
+              className: `cursor-pointer text-xs ${readOnly ? "pointer-events-none" : ""}`,
+              onClick: () => {
+                if (readOnly) return;
+                onChange(
+                  active ? selectedTags.filter((t2) => t2 !== opt.value) : [...selectedTags, opt.value]
+                );
+              },
+              children: opt.label
+            },
+            opt.value
+          );
+        }) })
+      ] });
+    }
+    case "checkbox":
+      return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer py-1", children: [
+        /* @__PURE__ */ jsx(Checkbox, { checked: !!value, onChange, disabled: readOnly }),
+        /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] })
+      ] });
+    case "yes_no":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { field }),
+        /* @__PURE__ */ jsx(YesNoField, { field, value, onChange })
+      ] });
+    case "yes_no_text":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { field }),
+        /* @__PURE__ */ jsx(YesNoTextField, { field, value, onChange })
+      ] });
+    case "stencil_photo":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { field }),
+        /* @__PURE__ */ jsx(
+          StencilPhotoField,
+          {
+            field,
+            value,
+            onChange,
+            uploading,
+            onOpenCamera: () => onOpenCamera?.()
+          }
+        )
+      ] });
+    case "gallery":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { field }),
+        /* @__PURE__ */ jsx(GalleryField, { field, value, onChange })
+      ] });
+    case "recommendation":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { field }),
+        /* @__PURE__ */ jsx(RecommendationField, { value, onChange, shortcuts })
+      ] });
+    case "signature":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(FieldLabel, { field }),
+        /* @__PURE__ */ jsx(SignatureField, { field, value, onChange })
+      ] });
+    case "image":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center rounded-lg border-2 border-dashed py-8 text-sm text-muted-foreground", children: "Image upload \u2014 v2" })
+      ] });
+    case "budget":
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium block", children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center rounded-lg border-2 border-dashed py-8 text-sm text-muted-foreground", children: "Budget / line items \u2014 v2" })
+      ] });
+    default:
+      return null;
+  }
+}
+function FormRenderer({ schema, data, onChange, readOnly, missing, recommendationShortcuts }) {
+  const sortedFields = [...schema.fields].sort((a, b) => a.row - b.row || a.col - b.col);
+  const upload = useMediaUpload();
+  const [camera, setCamera] = React.useState(null);
+  const [uploading, setUploading] = React.useState(null);
+  const [cameraError, setCameraError] = React.useState(null);
+  const dataRef = React.useRef(data);
+  dataRef.current = data;
+  const handleFieldChange = useCallback(
+    (fieldId, value) => {
+      onChange({ ...dataRef.current, [fieldId]: value });
+    },
+    [onChange]
+  );
+  const nextStencil = (afterId) => {
+    const i = sortedFields.findIndex((f) => f.id === afterId);
+    return sortedFields.slice(i + 1).find((f) => f.type === "stencil_photo" && !isMedia(dataRef.current[f.id])) ?? null;
+  };
+  async function onCapture(photo) {
+    const field = camera;
+    if (!field || !upload) return;
+    setCamera(nextStencil(field.id));
+    setUploading(field.id);
+    setCameraError(null);
+    try {
+      const { path } = await upload(photo, `uploads/${field.id}`, "foto.jpg");
+      handleFieldChange(field.id, { path, type: "photo" });
+    } catch (e) {
+      setCameraError(`${field.label}: ${describeError(e, "n\xE3o foi poss\xEDvel enviar a foto")}`);
+    } finally {
+      setUploading(null);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    cameraError && /* @__PURE__ */ jsx("p", { className: "mb-3 rounded-lg bg-destructive/10 px-3 py-2 text-xs text-destructive", children: cameraError }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "grid gap-x-4 gap-y-3",
+        style: { gridTemplateColumns: "repeat(12, 1fr)" },
+        children: sortedFields.map((field) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: `ff-field-${field.id}`,
+            style: { gridColumn: `span ${field.colSpan}` },
+            className: missing?.has(field.id) ? "rounded-lg ring-2 ring-destructive/60 ring-offset-4 ring-offset-background" : void 0,
+            children: /* @__PURE__ */ jsx(
+              FieldRenderer,
+              {
+                field,
+                value: data[field.id],
+                onChange: (v) => handleFieldChange(field.id, v),
+                readOnly,
+                uploading: uploading === field.id,
+                onOpenCamera: () => setCamera(field),
+                shortcuts: recommendationShortcuts
+              }
+            )
+          },
+          field.id
+        ))
+      }
+    ),
+    camera && /* @__PURE__ */ jsx(CameraHost, { field: camera, onCapture, onSkip: () => setCamera(nextStencil(camera.id)), onClose: () => setCamera(null) })
+  ] });
+}
+function CameraHost({ field, onCapture, onSkip, onClose }) {
+  const cfg = stencilOf(field);
+  const overlay = useMediaUrl(cfg.overlayPath);
+  return /* @__PURE__ */ jsx(
+    StencilCamera,
+    {
+      title: field.label,
+      overlayUrl: overlay,
+      opacity: cfg.opacity ?? 0.6,
+      aspect: cfg.aspect ?? "3:4",
+      camera: cfg.camera ?? "environment",
+      burnOverlay: !!cfg.burnOverlay,
+      onCapture,
+      onSkip,
+      onClose
+    },
+    field.id
+  );
+}
+
+export { FormRenderer, fieldRichValue, htmlToPlainText2 as htmlToPlainText, isFieldEmpty, sanitizeHtml };
+//# sourceMappingURL=chunk-RB7UYZLA.js.map
+//# sourceMappingURL=chunk-RB7UYZLA.js.map