@fayz-ai/plugin-forms 0.15.13 → 0.15.15

package/dist/chunk-YOFFKQD4.js

@@ -0,0 +1,584 @@
+import { useOptionalCustomFormsContext } from './chunk-66C3L4RE.js';
+import React2 from 'react';
+import { AlertTriangle, Camera, X, ScanFace, ImagePlus, Video, ShoppingBag, Plus, Trash2, Receipt, Package, Minus } from 'lucide-react';
+import { Button, PickerList } from '@fayz-ai/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { describeError, formatCurrency } from '@fayz-ai/core';
+
+function useMediaUrl(path) {
+  const ctx = useOptionalCustomFormsContext();
+  const [url, setUrl] = React2.useState(null);
+  React2.useEffect(() => {
+    if (!path) {
+      setUrl(null);
+      return;
+    }
+    if (/^(data:|blob:|https?:)/.test(path)) {
+      setUrl(path);
+      return;
+    }
+    let alive = true;
+    Promise.resolve(ctx?.provider.mediaUrl?.(path) ?? null).then((u) => {
+      if (alive) setUrl(u);
+    }).catch(() => {
+      if (alive) setUrl(null);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [path, ctx]);
+  return url;
+}
+function useMediaUpload() {
+  const ctx = useOptionalCustomFormsContext();
+  const upload = ctx?.provider.uploadMedia;
+  return React2.useMemo(() => upload ? (blob, folder, name) => upload.call(ctx.provider, blob, folder, name) : null, [upload, ctx]);
+}
+async function compressImage(file, maxSide = 1600, quality = 0.85) {
+  if (!file.type.startsWith("image/") || file.type === "image/gif") return file;
+  try {
+    const bitmap = await createImageBitmap(file);
+    const scale = Math.min(1, maxSide / Math.max(bitmap.width, bitmap.height));
+    if (scale === 1 && file.size < 9e5) return file;
+    const canvas = document.createElement("canvas");
+    canvas.width = Math.round(bitmap.width * scale);
+    canvas.height = Math.round(bitmap.height * scale);
+    canvas.getContext("2d").drawImage(bitmap, 0, 0, canvas.width, canvas.height);
+    const out = await new Promise((r) => canvas.toBlob(r, "image/jpeg", quality));
+    return out ?? file;
+  } catch {
+    return file;
+  }
+}
+function isMedia(v) {
+  return !!v && typeof v === "object" && typeof v.path === "string";
+}
+function MediaImage({ value, alt, className, style }) {
+  const path = typeof value === "string" ? value : value?.path;
+  const url = useMediaUrl(path);
+  if (!url) return /* @__PURE__ */ jsx("div", { className: `animate-pulse bg-muted ${className ?? ""}`, style, "aria-busy": "true" });
+  return /* @__PURE__ */ jsx("img", { src: url, alt, className, style });
+}
+var brl = (n) => formatCurrency(n);
+var stencilOf = (f) => f.config?.stencil ?? {};
+var galleryOf = (f) => f.config?.gallery ?? {};
+var alertOf = (f) => {
+  const a = f.config?.alert;
+  return a?.trigger && a.trigger !== "never" ? a : null;
+};
+var aspectRatioOf = (c) => c.aspect === "1:1" ? 1 : c.aspect === "4:3" ? 4 / 3 : 3 / 4;
+function yesNoAnswer(v) {
+  const a = typeof v === "string" ? v : v?.answer;
+  return a === "sim" || a === "nao" ? a : "";
+}
+function answerAlerts(f, v) {
+  const a = alertOf(f);
+  return a && yesNoAnswer(v) === a.trigger ? a : null;
+}
+var ALERT_TONE = {
+  danger: "border-destructive/40 bg-destructive/5 text-destructive",
+  warning: "border-warning/40 bg-warning-soft text-warning-soft-foreground",
+  info: "border-info/40 bg-info-soft text-info-soft-foreground"
+};
+function AnswerAlertNote({ alert }) {
+  return /* @__PURE__ */ jsxs("p", { className: `mt-1.5 inline-flex items-center gap-1.5 rounded-md border px-2 py-1 text-[11px] font-medium ${ALERT_TONE[alert.severity ?? "danger"]}`, children: [
+    /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3 w-3 shrink-0" }),
+    alert.message || "Gera alerta na ficha do cliente"
+  ] });
+}
+function YesNoButtons({ id, value, onChange, disabled }) {
+  return /* @__PURE__ */ jsx("div", { role: "radiogroup", className: "inline-flex rounded-lg border bg-muted/40 p-0.5", children: ["sim", "nao"].map((opt) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      id: `${id}-${opt}`,
+      type: "button",
+      role: "radio",
+      "aria-checked": value === opt,
+      disabled,
+      onClick: () => onChange(opt),
+      className: `min-w-14 rounded-md px-3 py-1 text-xs font-medium transition-colors ${value === opt ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+      children: opt === "sim" ? "Sim" : "N\xE3o"
+    },
+    opt
+  )) });
+}
+function YesNoField({ field, value, onChange }) {
+  const alert = answerAlerts(field, value);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(YesNoButtons, { id: field.id, value: yesNoAnswer(value), onChange }),
+    alert && /* @__PURE__ */ jsx(AnswerAlertNote, { alert })
+  ] });
+}
+function YesNoTextField({ field, value, onChange }) {
+  const v = value && typeof value === "object" ? value : { answer: yesNoAnswer(value) };
+  const showText = v.answer === "sim" || !!v.text?.trim();
+  const alert = answerAlerts(field, v);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(YesNoButtons, { id: field.id, value: v.answer, onChange: (a) => onChange({ ...v, answer: a }) }),
+    alert && /* @__PURE__ */ jsx(AnswerAlertNote, { alert }),
+    showText && /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        value: v.text ?? "",
+        onChange: (e) => onChange({ ...v, text: e.target.value }),
+        placeholder: field.placeholder || "Descreva\u2026",
+        rows: 2,
+        className: "flex w-full rounded-input border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      }
+    )
+  ] });
+}
+function StencilPhotoField({ field, value, onChange, onOpenCamera, uploading }) {
+  const cfg = stencilOf(field);
+  const ratio = aspectRatioOf(cfg);
+  const overlay = useMediaUrl(cfg.overlayPath);
+  if (uploading) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full max-w-[320px] animate-pulse rounded-lg bg-muted", style: { aspectRatio: String(ratio) }, "aria-busy": "true" });
+  }
+  if (isMedia(value)) {
+    return /* @__PURE__ */ jsxs("div", { className: "max-w-[320px] space-y-2", children: [
+      /* @__PURE__ */ jsx(MediaImage, { value, alt: field.label, className: "w-full rounded-lg border object-cover", style: { aspectRatio: String(ratio) } }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", className: "h-8 gap-1 text-xs", onClick: onOpenCamera, children: [
+          /* @__PURE__ */ jsx(Camera, { className: "h-3 w-3" }),
+          " Refazer"
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            className: "h-8 gap-1 text-xs text-destructive hover:text-destructive",
+            onClick: () => onChange(null),
+            children: [
+              /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
+              " Excluir"
+            ]
+          }
+        )
+      ] }),
+      cfg.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: cfg.description })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      onClick: onOpenCamera,
+      className: "font-normal whitespace-normal flex w-full max-w-[320px] flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-input bg-muted/20 p-3 text-muted-foreground transition-colors hover:border-primary hover:bg-muted/40 hover:text-primary",
+      style: { aspectRatio: String(ratio) },
+      children: [
+        overlay ? /* @__PURE__ */ jsx("img", { src: overlay, alt: "", className: "max-h-[70%] max-w-[70%] object-contain opacity-70" }) : /* @__PURE__ */ jsx(ScanFace, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx("span", { className: "line-clamp-2 text-center text-[11px] font-medium leading-tight", children: cfg.description || "Tocar para abrir c\xE2mera" })
+      ]
+    }
+  );
+}
+function GalleryThumb({ item, onRemove }) {
+  const url = useMediaUrl(item.path);
+  return /* @__PURE__ */ jsxs("div", { className: "group relative aspect-square overflow-hidden rounded-lg border bg-muted", children: [
+    !url ? /* @__PURE__ */ jsx("div", { className: "h-full w-full animate-pulse bg-muted" }) : item.type === "video" ? /* @__PURE__ */ jsx("video", { src: url, className: "h-full w-full object-cover", controls: true, preload: "metadata" }) : /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx("img", { src: url, alt: item.name ?? "", className: "h-full w-full object-cover" }) }),
+    onRemove && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: onRemove,
+        "aria-label": "Remover",
+        className: "font-normal absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-background/90 text-muted-foreground shadow hover:text-destructive",
+        children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+function GalleryView({ items }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2 sm:grid-cols-4", children: items.map((it) => /* @__PURE__ */ jsx(GalleryThumb, { item: it }, it.path)) });
+}
+function GalleryField({ field, value, onChange }) {
+  const cfg = galleryOf(field);
+  const allowPhoto = cfg.allowPhoto ?? true;
+  const allowVideo = cfg.allowVideo ?? true;
+  const upload = useMediaUpload();
+  const photoRef = React2.useRef(null);
+  const videoRef = React2.useRef(null);
+  const [pending, setPending] = React2.useState(0);
+  const [erro, setErro] = React2.useState(null);
+  const items = Array.isArray(value) ? value.filter(isMedia) : [];
+  const latest = React2.useRef(items);
+  latest.current = items;
+  async function add(files, kind) {
+    if (!files?.length || !upload) return;
+    setErro(null);
+    for (const file of Array.from(files)) {
+      setPending((n) => n + 1);
+      try {
+        const blob = kind === "photo" ? await compressImage(file) : file;
+        const { path } = await upload(blob, `uploads/${field.id}`, kind === "photo" ? "foto.jpg" : file.name);
+        latest.current = [...latest.current, { path, type: kind, name: file.name }];
+        onChange(latest.current);
+      } catch (e) {
+        setErro(`N\xE3o foi poss\xEDvel enviar ${file.name}: ${describeError(e, "erro")}`);
+      } finally {
+        setPending((n) => n - 1);
+      }
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      allowPhoto && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-8 gap-1.5 text-xs",
+          disabled: !upload,
+          onClick: () => photoRef.current?.click(),
+          children: [
+            /* @__PURE__ */ jsx(ImagePlus, { className: "h-3.5 w-3.5" }),
+            " Adicionar foto"
+          ]
+        }
+      ),
+      allowVideo && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-8 gap-1.5 text-xs",
+          disabled: !upload,
+          onClick: () => videoRef.current?.click(),
+          children: [
+            /* @__PURE__ */ jsx(Video, { className: "h-3.5 w-3.5" }),
+            " Adicionar v\xEDdeo"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: photoRef,
+        type: "file",
+        accept: "image/*",
+        multiple: true,
+        className: "hidden",
+        onChange: (e) => {
+          add(e.target.files, "photo");
+          e.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: videoRef,
+        type: "file",
+        accept: "video/*",
+        multiple: true,
+        className: "hidden",
+        onChange: (e) => {
+          add(e.target.files, "video");
+          e.target.value = "";
+        }
+      }
+    ),
+    (items.length > 0 || pending > 0) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2 sm:grid-cols-4", children: [
+      items.map((it) => /* @__PURE__ */ jsx(GalleryThumb, { item: it, onRemove: () => onChange(items.filter((x) => x.path !== it.path)) }, it.path)),
+      Array.from({ length: pending }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "aspect-square animate-pulse rounded-lg bg-muted", "aria-busy": "true" }, `p${i}`))
+    ] }),
+    erro && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: erro })
+  ] });
+}
+function Stepper({ value, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center rounded-lg border", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        "aria-label": "Diminuir",
+        disabled: value <= 1,
+        onClick: () => onChange(value - 1),
+        className: "font-normal flex h-7 w-7 items-center justify-center text-muted-foreground hover:text-foreground disabled:opacity-30",
+        children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "w-7 text-center text-sm tabular-nums", children: value }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        "aria-label": "Aumentar",
+        onClick: () => onChange(value + 1),
+        className: "font-normal flex h-7 w-7 items-center justify-center text-muted-foreground hover:text-foreground",
+        children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
+      }
+    )
+  ] });
+}
+function RecommendationField({ value, onChange, shortcuts = [] }) {
+  const ctx = useOptionalCustomFormsContext();
+  const items = Array.isArray(value) ? value : [];
+  const [picking, setPicking] = React2.useState(null);
+  const [catalog, setCatalog] = React2.useState(null);
+  const [erro, setErro] = React2.useState(null);
+  React2.useEffect(() => {
+    if (!picking || catalog) return;
+    let alive = true;
+    Promise.resolve(ctx?.provider.searchCatalog?.("") ?? []).then((r) => {
+      if (alive) setCatalog(r);
+    }).catch((e) => {
+      if (alive) {
+        setCatalog([]);
+        setErro(describeError(e, "N\xE3o foi poss\xEDvel ler o cat\xE1logo."));
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [picking, catalog, ctx]);
+  const has = (serviceId) => items.some((i) => i.serviceId === serviceId && !i.packageId);
+  const groups = React2.useMemo(() => {
+    const opts = (catalog ?? []).filter((c) => c.kind === picking);
+    if (picking === "package") {
+      return [{ id: "pk", options: opts.map((c) => ({ id: c.id, label: c.name, hint: brl(c.price) })) }];
+    }
+    const by = /* @__PURE__ */ new Map();
+    for (const c of opts) {
+      const g = c.group ?? "Outros";
+      if (!by.has(g)) by.set(g, []);
+      by.get(g).push(c);
+    }
+    return [...by.entries()].sort(([a], [b]) => a.localeCompare(b, "pt-BR")).map(([g, cs]) => ({
+      id: g,
+      label: `${g} (${cs.length})`,
+      options: cs.map((c) => ({ id: c.id, label: c.name, hint: brl(c.price), disabled: has(c.id) }))
+    }));
+  }, [catalog, picking, items]);
+  async function pick(id) {
+    const c = catalog?.find((x) => x.id === id);
+    if (!c) return;
+    if (c.kind === "service") {
+      if (!has(c.id)) onChange([...items, { serviceId: c.id, name: c.name, unitPrice: c.price, quantity: 1 }]);
+      setPicking(null);
+      return;
+    }
+    try {
+      const lines = await ctx?.provider.getPackageServices?.(c.id) ?? [];
+      if (!lines.length) {
+        setErro("Este pacote n\xE3o tem servi\xE7os cadastrados.");
+        return;
+      }
+      onChange([...items.filter((i) => i.packageId !== c.id), ...lines.map((l) => ({ ...l, packageId: c.id, packageName: c.name }))]);
+      setPicking(null);
+    } catch (e) {
+      setErro(describeError(e, "N\xE3o foi poss\xEDvel abrir o pacote."));
+    }
+  }
+  const freeShortcuts = shortcuts.filter((s) => !has(s.serviceId));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2.5", children: [
+    freeShortcuts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border border-warning/40 bg-warning-soft/50 p-2.5", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs font-semibold text-warning-soft-foreground", children: [
+        /* @__PURE__ */ jsx(ShoppingBag, { className: "h-3.5 w-3.5" }),
+        " Compras antecipadas deste cliente",
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal opacity-80", children: "\xB7 toque para indicar o que vai executar" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: freeShortcuts.map((s) => /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => onChange([...items, { serviceId: s.serviceId, name: s.name, unitPrice: s.unitPrice, quantity: 1 }]),
+          className: "font-normal inline-flex items-center gap-1.5 rounded-full border bg-background px-2.5 py-1 text-xs hover:bg-muted",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: s.name }),
+            s.hint && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-success", children: s.hint })
+          ]
+        },
+        s.serviceId
+      )) })
+    ] }),
+    items.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2 border-b bg-muted/50 px-3 py-2 text-xs font-semibold text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { children: "Procedimento indicado" }),
+        /* @__PURE__ */ jsx("span", { className: "w-[84px] text-center", children: "Qtd." }),
+        /* @__PURE__ */ jsx("span", { className: "w-6" })
+      ] }),
+      items.map((it, idx) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] items-center gap-2 border-b px-3 py-2 last:border-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: it.name }),
+          /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-muted-foreground", children: [
+            brl(it.unitPrice * it.quantity),
+            it.packageName ? ` \xB7 pacote ${it.packageName}` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Stepper, { value: it.quantity, onChange: (q) => onChange(items.map((x, i) => i === idx ? { ...x, quantity: q } : x)) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            "aria-label": `Remover ${it.name}`,
+            onClick: () => onChange(items.filter((_, i) => i !== idx)),
+            className: "font-normal flex h-6 w-6 items-center justify-center text-muted-foreground hover:text-destructive",
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }, `${it.packageId ?? ""}:${it.serviceId}`))
+    ] }) : !picking && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border-2 border-dashed border-input p-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Receipt, { className: "h-5 w-5 shrink-0" }),
+      'Indique procedimentos para o cliente \u2014 eles v\xE3o para o CRM e para "O que o cliente deseja contratar?".'
+    ] }),
+    picking ? /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-3 py-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold", children: picking === "package" ? "Indicar pacote" : "Adicionar servi\xE7os" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => setPicking(null),
+            "aria-label": "Fechar lista",
+            className: "font-normal text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      catalog === null ? /* @__PURE__ */ jsx("div", { className: "space-y-1.5 p-3", "aria-busy": "true", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "h-8 animate-pulse rounded-md bg-muted" }, i)) }) : /* @__PURE__ */ jsx(
+        PickerList,
+        {
+          groups,
+          onSelect: pick,
+          searchThreshold: 0,
+          listClassName: "max-h-72",
+          searchPlaceholder: picking === "package" ? "Buscar pacote\u2026" : "Buscar servi\xE7o\u2026",
+          emptyLabel: picking === "package" ? "Nenhum pacote ativo" : "Nenhum servi\xE7o encontrado"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", className: "justify-center gap-2", onClick: () => setPicking("service"), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+        " Adicionar indica\xE7\xE3o"
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", className: "justify-center gap-2", onClick: () => setPicking("package"), children: [
+        /* @__PURE__ */ jsx(Package, { className: "h-4 w-4" }),
+        " Indicar pacote"
+      ] })
+    ] }),
+    erro && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: erro })
+  ] });
+}
+function RecommendationView({ items }) {
+  if (!items.length) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50", children: "\u2014" });
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: items.map((it) => /* @__PURE__ */ jsxs("li", { className: "flex items-baseline justify-between gap-3 text-sm", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      it.quantity > 1 ? `${it.quantity}\xD7 ` : "",
+      it.name
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: brl(it.unitPrice * it.quantity) })
+  ] }, `${it.packageId ?? ""}:${it.serviceId}`)) });
+}
+function SignatureField({ field, value, onChange }) {
+  const canvasRef = React2.useRef(null);
+  const drawing = React2.useRef(false);
+  const dirty = React2.useRef(false);
+  const upload = useMediaUpload();
+  const [saving, setSaving] = React2.useState(false);
+  const [erro, setErro] = React2.useState(null);
+  React2.useEffect(() => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const ratio = window.devicePixelRatio || 1;
+    c.width = c.offsetWidth * ratio;
+    c.height = c.offsetHeight * ratio;
+    const ctx = c.getContext("2d");
+    ctx.scale(ratio, ratio);
+    ctx.lineWidth = 2;
+    ctx.lineCap = "round";
+    ctx.strokeStyle = "#111827";
+  }, [isMedia(value)]);
+  if (isMedia(value)) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(MediaImage, { value, alt: "Assinatura", className: "max-h-32 rounded-md border bg-white" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onChange(null), children: "Assinar novamente" })
+    ] });
+  }
+  const pos = (e) => {
+    const r = e.currentTarget.getBoundingClientRect();
+    return [e.clientX - r.left, e.clientY - r.top];
+  };
+  async function confirm() {
+    const c = canvasRef.current;
+    if (!c || !dirty.current || !upload) return;
+    setSaving(true);
+    setErro(null);
+    try {
+      const blob = await new Promise((r) => c.toBlob(r, "image/png"));
+      if (!blob) return;
+      const { path } = await upload(blob, `uploads/${field.id}`, "assinatura.png");
+      onChange({ path, type: "signature" });
+    } catch (e) {
+      setErro(describeError(e, "N\xE3o foi poss\xEDvel guardar a assinatura."));
+    } finally {
+      setSaving(false);
+    }
+  }
+  function clear() {
+    const c = canvasRef.current;
+    if (!c) return;
+    c.getContext("2d").clearRect(0, 0, c.width, c.height);
+    dirty.current = false;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(
+      "canvas",
+      {
+        ref: canvasRef,
+        className: "h-36 w-full touch-none rounded-md border bg-white",
+        onPointerDown: (e) => {
+          drawing.current = true;
+          e.currentTarget.setPointerCapture(e.pointerId);
+          const ctx = e.currentTarget.getContext("2d");
+          const [x, y] = pos(e);
+          ctx.beginPath();
+          ctx.moveTo(x, y);
+        },
+        onPointerMove: (e) => {
+          if (!drawing.current) return;
+          const ctx = e.currentTarget.getContext("2d");
+          const [x, y] = pos(e);
+          ctx.lineTo(x, y);
+          ctx.stroke();
+          dirty.current = true;
+        },
+        onPointerUp: () => {
+          drawing.current = false;
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: clear, children: "Limpar" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: confirm, disabled: saving || !upload, children: saving ? "Guardando\u2026" : "Confirmar assinatura" })
+    ] }),
+    erro && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: erro })
+  ] });
+}
+
+export { AnswerAlertNote, GalleryField, GalleryView, MediaImage, RecommendationField, RecommendationView, SignatureField, StencilPhotoField, YesNoField, YesNoTextField, alertOf, answerAlerts, aspectRatioOf, isMedia, stencilOf, useMediaUpload, useMediaUrl, yesNoAnswer };
+//# sourceMappingURL=chunk-YOFFKQD4.js.map
+//# sourceMappingURL=chunk-YOFFKQD4.js.map