"use client"; import { resumoDaMedida } from "@/lib/orders/quantidade-do-item"; import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import Link from "next/link"; import Image from "next/image"; import { useRouter, useSearchParams } from "next/navigation"; import { getSupabaseClient } from "@/lib/supabase"; import { getCompanyContext } from "@/lib/company-context"; import { useConferenciaDoEstoque, useEstoqueV2Ligado } from "@/lib/use-estoque-da-venda"; import { ArrowDown, ArrowLeft, ArrowUp, ChevronDown, Copy, Lock, Plus, Save, Send, Trash2, Unlock, X } from "lucide-react"; import { CamposDoFormulario, type ValoresEmEdicao } from "@/components/campos-proprios/campos-do-formulario"; import { useCamposProprios } from "@/components/campos-proprios/use-campos-proprios"; import { conferirValores } from "@/lib/campos-proprios"; import { InfoTooltip } from "@/components/ui/info-tooltip"; import { CustomSelect } from "@/components/ui/custom-select"; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog"; import { Switch } from "@/components/ui/switch"; import { formatMoneyInput, parseMoneyInput, formatMeasureInput, parseMeasureInput, formatPercentInput, parsePercentInput } from "@/utils/formatters"; import { ShippingCalculator, ShippingOption } from "@/components/shipping-calculator"; import { calculateEffectiveQuantity, checkSaleQuantityLimits, type ProductPriceTier } from "@/lib/price-tiers"; import { precoDaLinha, somarAdicionais, SEM_ADICIONAIS, valorMinimoDoItem, COLUNAS_DO_VALOR_MINIMO, type OpcaoComPreco, type ResultadoDaLinha } from "@/lib/adicionais"; import { AvisoDoMinimo } from "@/components/quotes/aviso-do-minimo"; import { ClientFormModal } from "@/components/clients/client-form-modal"; import CargaDoDia from "@/components/agenda/carga-do-dia"; import { BlocoListaDePreco, BotaoAdicionarItem, CARTAO_EM_ETAPAS, CORPO_DO_ITEM_EM_ETAPAS, CabecalhoDoCartao, CabecalhoDoItem, Chip, ContaDoItem, EtapaFinanceiro, Etapas, NavegacaoDasEtapas, OPCOES_DE_STATUS, RodapeDoItem, SeletorDeModelo, classesDoItemEmEtapas, descreverQuantidade, etapaDoErro, nomeDaUnidade, useItemAberto, useModeloDeOrcamento, } from "@/components/quotes/orcamento-em-etapas"; import { ChaveDasCondicoes, InterruptorDasCondicoes, CondicoesComerciaisEditor } from "@/components/quotes/condicoes-comerciais"; import { erroDasCondicoes, padraoDasCondicoes, resumirCondicoes, type CondicoesComerciais, } from "@/lib/condicoes-comerciais"; import { condicoesDoPadrao, lerModelos, type ModeloDeCondicoes } from "@/lib/modelos-de-condicoes"; type QuoteStatus = "draft" | "sent" | "approved" | "rejected" | "production" | "delivered"; interface ClientOption { id: string; user_id: string; name: string; company_name: string | null; whatsapp: string | null; address_zip: string | null; is_deleted?: boolean | null; } interface ProductOption { id: string; name: string; price: number; cost_total: number; stock?: number | null; unit_type: string | null; image_url: string | null; price_on_request?: boolean | null; use_variation_price_only?: boolean | null; product_price_tiers?: ProductPriceTier[] | null; min_sale_qty_enabled?: boolean | null; min_sale_qty?: number | null; max_sale_qty_enabled?: boolean | null; max_sale_qty?: number | null; allowed_sale_qty_enabled?: boolean | null; allowed_sale_quantities?: number[] | null; inventory_scope?: "product" | "option" | "variant" | null; inventory_attribute_name?: string | null; allow_negative_stock?: boolean | null; track_inventory?: boolean | null; product_attributes?: ProductAttributeValue[] | null; product_variations?: ProductVariationValue[] | null; valor_minimo_item?: number | null; valor_minimo_orcamentos?: boolean | null; valor_minimo_loja?: boolean | null; valor_minimo_pdv?: boolean | null; } interface ProductAttributeOptionValue { id?: string | null; label: string; price?: number; price_applies_per_quantity?: boolean | null; price_unit?: string | null; stock?: number; is_required?: boolean; position?: number; } interface ProductAttributeValue { id?: string | null; name: string; allow_multiple?: boolean | null; is_required?: boolean | null; position?: number | null; options: Array; } interface ProductVariationValue { id?: string | null; combination?: Record | null; stock?: number | null; } interface SellerOption { user_id: string; email: string; role: string; } interface SellerAllocationDraft { id: string; seller_user_id: string; allocation_percent: string; } interface QuoteItemDraft { id: string; product_id: string; title: string; description: string; unit_type: string; width_m: string; height_m: string; length_m: string; quantity: number; unit_price: string; unit_cost: string; unit_price_locked: boolean; selected_options?: Record | null; /** O valor mínimo do item pegou nesta linha: a linha vale `minimo`. */ minimo?: { minimo: number; semMinimo: number; precoPorMedida: number } | null; } /** O que a linha vale: o mínimo do item quando pegou; senão quantidade × preço. */ function totalDaLinhaDoRascunho(it: QuoteItemDraft, quantidadeEfetiva: number): number { if (it.minimo && !it.unit_price_locked) return it.minimo.minimo; return quantidadeEfetiva * parseMoneyInput(it.unit_price); } function minimoDoResultado(linha: ResultadoDaLinha): QuoteItemDraft["minimo"] { if (linha.minimoAplicado == null) return null; return { minimo: linha.minimoAplicado, semMinimo: linha.totalSemMinimo, precoPorMedida: linha.precoPorMedida }; } interface ArtFileDraft { file: File; previewUrl: string; } interface QuoteItemArtDraft { quote_item_id: string; title: string; notes: string; files: ArtFileDraft[]; } function normalizeDigits(value: string) { return value.replace(/\D/g, ""); } function formatMoney(value: number) { return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(value || 0); } function unitLabel(unitType: string) { switch (unitType) { case "meter": return "Metro"; case "linear_meter": return "Metro Linear"; case "square_meter": return "Metro Quadrado"; case "box": return "Caixa"; case "ream": return "Resma"; default: return "Unidade"; } } function normalizeAttributeOption(option: string | ProductAttributeOptionValue, index: number) { if (typeof option === "string") { return { id: null, label: option, price: 0, price_applies_per_quantity: true, price_unit: null, stock: null, is_required: false, position: index, }; } return { id: option.id ?? null, label: option.label, price: Number(option.price) || 0, price_applies_per_quantity: option.price_applies_per_quantity !== false, price_unit: typeof option.price_unit === "string" ? option.price_unit : null, stock: Number.isFinite(Number(option.stock)) ? Number(option.stock) : null, is_required: Boolean(option.is_required), position: typeof option.position === "number" ? option.position : index, }; } function getSortedAttributes(product: ProductOption | null) { return (product?.product_attributes || []) .filter((attribute) => Boolean(attribute?.name)) .slice() .sort((a, b) => Number(a.position ?? 0) - Number(b.position ?? 0)); } function getItemVariationMap(item: QuoteItemDraft) { const selectedOptions = item.selected_options as { options?: unknown } | null | undefined; const options = Array.isArray(selectedOptions?.options) ? selectedOptions.options : []; const map: Record = {}; for (const raw of options) { if (!raw || typeof raw !== "object" || Array.isArray(raw)) continue; const row = raw as Record; const attributeName = typeof row.attribute_name === "string" ? row.attribute_name : ""; const label = typeof row.label === "string" ? row.label : ""; if (!attributeName || !label) continue; const list = map[attributeName] || []; if (!list.includes(label)) list.push(label); map[attributeName] = list; } return map; } function findMatchedVariation(product: ProductOption, selectedMap: Record) { const selectedFlat: Record = {}; for (const [attribute, labels] of Object.entries(selectedMap)) { const label = labels[0]; if (!label) continue; selectedFlat[attribute.trim().toLowerCase()] = label.trim().toLowerCase(); } const selectedKeys = Object.keys(selectedFlat).sort(); if (!selectedKeys.length) return null; const variations = (product.product_variations || []).filter((variation) => variation && variation.combination); for (const variation of variations) { const combinationRaw = variation.combination || {}; const combination: Record = {}; for (const [attribute, label] of Object.entries(combinationRaw)) { combination[attribute.trim().toLowerCase()] = (label || "").trim().toLowerCase(); } const combinationKeys = Object.keys(combination).sort(); if (combinationKeys.length !== selectedKeys.length) continue; const same = selectedKeys.every((key) => combination[key] === selectedFlat[key]); if (!same) continue; return variation; } return null; } function buildSelectedOptionsPayload( product: ProductOption, selectionMap: Record ) { const attributes = getSortedAttributes(product); const inventoryScope = product.inventory_scope || "product"; const inventoryAttributeName = (product.inventory_attribute_name || "").trim().toLowerCase(); const payloadOptions: Array<{ option_id: string | null; attribute_name: string; label: string; price: number; price_applies_per_quantity: boolean; price_unit?: string | null; affects_stock: boolean; }> = []; for (const attribute of attributes) { const normalizedOptions = (attribute.options || []) .map((option, index) => normalizeAttributeOption(option, index)) .sort((a, b) => Number(a.position ?? 0) - Number(b.position ?? 0)); const selectedLabels = selectionMap[attribute.name] || []; for (const selectedLabel of selectedLabels) { const selectedOption = normalizedOptions.find((option) => option.label === selectedLabel); if (!selectedOption) continue; payloadOptions.push({ option_id: selectedOption.id || null, attribute_name: attribute.name, label: selectedOption.label, price: Number(selectedOption.price) || 0, price_applies_per_quantity: selectedOption.price_applies_per_quantity !== false, price_unit: selectedOption.price_unit ?? null, affects_stock: inventoryScope === "option" && attribute.name.trim().toLowerCase() === inventoryAttributeName, }); } } if (!payloadOptions.length) return null; return { inventory_scope: inventoryScope, inventory_attribute_name: inventoryScope === "option" ? product.inventory_attribute_name || null : null, options: payloadOptions, }; } function getSelectedOptionsSummary(item: QuoteItemDraft) { const map = getItemVariationMap(item); const parts = Object.entries(map) .filter(([, labels]) => labels.length > 0) .map(([attribute, labels]) => `${attribute}: ${labels.join(", ")}`); return parts.join(" / "); } function getSelectedOptionsPriceBreakdown(item: QuoteItemDraft, product?: ProductOption | null) { if (!product) return SEM_ADICIONAIS; const selectedMap = getItemVariationMap(item); const attributes = getSortedAttributes(product); const escolhidas: OpcaoComPreco[] = []; for (const attribute of attributes) { const selectedLabels = selectedMap[attribute.name] || []; if (!selectedLabels.length) continue; const normalizedOptions = (attribute.options || []) .map((option, index) => normalizeAttributeOption(option, index)) .sort((a, b) => Number(a.position ?? 0) - Number(b.position ?? 0)); for (const selectedLabel of selectedLabels) { const selectedOption = normalizedOptions.find((option) => option.label === selectedLabel); if (!selectedOption) continue; escolhidas.push(selectedOption); } } return somarAdicionais(escolhidas, product.unit_type); } function getItemVariationStockMessage(item: QuoteItemDraft, product?: ProductOption | null) { if (!product) return null; if (product.track_inventory === false) return null; const inventoryScope = product.inventory_scope || "product"; if (inventoryScope === "product") { const available = Number(product.stock) || 0; const required = effectiveQuantity(item); if (available <= 0) { return "Sem estoque para o produto selecionado."; } if (required > available + 0.000001) { return `Estoque insuficiente para o produto selecionado. Disponível: ${formatQuantityLimit(available)}.`; } return null; } if (inventoryScope === "variant") { const selectedMap = getItemVariationMap(item); const hasMulti = Object.values(selectedMap).some((labels) => labels.length > 1); if (hasMulti) { return "Estoque por combinação exige apenas uma opção por atributo."; } const expectedAttributes = getSortedAttributes(product).filter((attribute) => (attribute.options || []).length > 0); const missingAttributes = expectedAttributes.filter((attribute) => !(selectedMap[attribute.name] || [])[0]); if (missingAttributes.length > 0) { return `Selecione uma combinação completa (${missingAttributes.map((attribute) => attribute.name).join(", ")}).`; } const variation = findMatchedVariation(product, selectedMap); if (!variation) { return "A combinação selecionada não existe no cadastro de variações."; } const available = Number(variation.stock) || 0; const required = effectiveQuantity(item); if (available <= 0) { return "Sem estoque para a combinação selecionada."; } if (required > available + 0.000001) { return `Estoque insuficiente para a combinação selecionada. Disponível: ${formatQuantityLimit(available)}.`; } return null; } const inventoryAttributeName = (product.inventory_attribute_name || "").trim(); if (!inventoryAttributeName) { return "Produto configurado com estoque por opção sem atributo de estoque definido."; } const attributes = getSortedAttributes(product); const stockAttribute = attributes.find((attribute) => attribute.name.trim().toLowerCase() === inventoryAttributeName.toLowerCase()) || null; if (!stockAttribute) { return `Atributo de estoque (${inventoryAttributeName}) não encontrado no produto.`; } const selectedMap = getItemVariationMap(item); const selectedEntry = Object.entries(selectedMap).find(([name]) => name.trim().toLowerCase() === stockAttribute.name.trim().toLowerCase()) || null; const selectedLabels = selectedEntry?.[1] || []; if (selectedLabels.length === 0) { return `Selecione uma opção de ${stockAttribute.name} para controlar o estoque deste item.`; } const normalizedOptions = (stockAttribute.options || []) .map((option, index) => normalizeAttributeOption(option, index)) .sort((a, b) => Number(a.position ?? 0) - Number(b.position ?? 0)); const selectedOptions = selectedLabels .map((label) => normalizedOptions.find((option) => option.label === label) || null) .filter((option): option is NonNullable<(typeof normalizedOptions)[number]> => option !== null); if (!selectedOptions.length) { return `As opções selecionadas de ${stockAttribute.name} não existem mais no cadastro do produto.`; } const trackedStocks = selectedOptions .map((option) => (typeof option.stock === "number" ? option.stock : null)) .filter((value): value is number => value !== null); if (!trackedStocks.length) return null; const available = Math.min(...trackedStocks); const required = effectiveQuantity(item); if (available <= 0) { return `Sem estoque para ${stockAttribute.name}: ${selectedLabels.join(", ")}.`; } if (required > available + 0.000001) { return `Estoque insuficiente para ${stockAttribute.name}: ${selectedLabels.join(", ")}. Disponível: ${formatQuantityLimit(available)}.`; } return null; } function effectiveQuantity(item: { quantity: number; unit_type: string; width_m: string | number; height_m: string | number; length_m: string | number }) { const w = typeof item.width_m === "string" ? parseMeasureInput(item.width_m) : item.width_m || 0; const h = typeof item.height_m === "string" ? parseMeasureInput(item.height_m) : item.height_m || 0; const l = typeof item.length_m === "string" ? parseMeasureInput(item.length_m) : item.length_m || 0; return calculateEffectiveQuantity({ quantity: item.quantity || 0, unit_type: item.unit_type, width_m: w, height_m: h, length_m: l, }); } function formatQuantityLimit(value: number | null) { if (value === null || !Number.isFinite(value)) return "0"; const rounded = Number(value.toFixed(3)); return Number.isInteger(rounded) ? String(rounded) : new Intl.NumberFormat("pt-BR", { minimumFractionDigits: 0, maximumFractionDigits: 3 }).format(rounded); } function getMinimumItemQuantity(product?: ProductOption | null) { if (!product) return 1; const allowedQuantities = getAllowedItemQuantities(product); if (Boolean(product.allowed_sale_qty_enabled) && allowedQuantities.length > 0) { return Number(allowedQuantities[0].toFixed(3)); } if (Boolean(product.min_sale_qty_enabled)) { const minQty = Number(product.min_sale_qty); if (Number.isFinite(minQty) && minQty > 0) return Number(minQty.toFixed(3)); } return 1; } function getAllowedItemQuantities(product?: ProductOption | null) { if (!product) return [] as number[]; return Array.isArray(product.allowed_sale_quantities) ? product.allowed_sale_quantities .map((value) => Number(value)) .filter((value) => Number.isFinite(value) && value > 0) .sort((a, b) => a - b) : []; } function generateDraftId() { if (typeof crypto !== "undefined" && "randomUUID" in crypto) { return crypto.randomUUID(); } return `draft-${Math.random().toString(16).slice(2)}-${Date.now()}`; } function loadImageFromFile(file: File) { return new Promise((resolve, reject) => { const url = URL.createObjectURL(file); const img = new window.Image(); img.onload = () => { URL.revokeObjectURL(url); resolve(img); }; img.onerror = () => { URL.revokeObjectURL(url); reject(new Error("Falha ao carregar imagem")); }; img.src = url; }); } async function compressToWebp(file: File, maxSize = 2000, quality = 0.82) { const img = await loadImageFromFile(file); const scale = Math.min(1, maxSize / Math.max(img.width, img.height)); const width = Math.max(1, Math.round(img.width * scale)); const height = Math.max(1, Math.round(img.height * scale)); const canvas = document.createElement("canvas"); canvas.width = width; canvas.height = height; const ctx = canvas.getContext("2d"); if (!ctx) throw new Error("Canvas indisponível"); ctx.drawImage(img, 0, 0, width, height); const blob = await new Promise((resolve) => canvas.toBlob(resolve, "image/webp", quality)); if (!blob) throw new Error("Falha ao converter imagem"); return new File([blob], file.name.replace(/\.[^.]+$/, ".webp"), { type: "image/webp" }); } export default function NewQuotePage() { const router = useRouter(); const searchParams = useSearchParams(); const initialItemIdRef = useRef(generateDraftId()); const pendingItemFocusRef = useRef(null); // Make the page full-width while on this route useEffect(() => { const ksPage = document.querySelector('.ks-page') as HTMLElement | null; if (ksPage) { ksPage.style.maxWidth = 'none'; } return () => { if (ksPage) { ksPage.style.maxWidth = ''; } }; }, []); const [clients, setClients] = useState([]); const [products, setProducts] = useState([]); /* O dono da empresa: o estoque é conferido no banco pela empresa. */ const [donoDaEmpresa, setDonoDaEmpresa] = useState(null); const [sellers, setSellers] = useState([]); const [loading, setLoading] = useState(true); const [saving, setSaving] = useState(false); const [error, setError] = useState(""); const [createdQuoteId, setCreatedQuoteId] = useState(null); const [quoteArtEnabled, setQuoteArtEnabled] = useState(false); const [clientModalOpen, setClientModalOpen] = useState(false); const [form, setForm] = useState({ client_id: "", title: "", status: "draft" as QuoteStatus, expires_at: "", delivery_date: "", notes: "", internal_notes: "", discount: "0,00", shipping: "0,00", list_price_mode: false, }); const [sellerMode, setSellerMode] = useState<"single" | "split">("single"); const [primarySellerUserId, setPrimarySellerUserId] = useState(""); const [sellerAllocations, setSellerAllocations] = useState([ { id: generateDraftId(), seller_user_id: "", allocation_percent: "100,00" }, ]); const [discountType, setDiscountType] = useState<"value" | "percent">("value"); /* As condições comerciais: começam no padrão da empresa (ou à vista no Pix) e podem ser tiradas da proposta (null). */ /* Nasce sem condições: quem decide se a proposta leva forma e prazo é a pessoa (a chave da aba Financeiro). Só o modelo padrão da empresa, que é uma escolha dela, liga a chave sozinho quando carrega. */ const [condicoes, setCondicoes] = useState(null); /* Campos próprios do orçamento (migration 187). */ const { definicoes: camposDoOrcamento, ativas: camposAtivosDoOrcamento } = useCamposProprios("orcamento"); const [camposValores, setCamposValores] = useState({}); const [camposErros, setCamposErros] = useState>({}); /* O que estava preenchido quando a chave foi desligada: ligar de novo devolve. */ const condicoesGuardadas = useRef(null); const alternarCondicoes = (ligar: boolean) => { if (ligar) { setCondicoes(condicoesGuardadas.current ?? condicoesDoPadrao(modelosDaEmpresa) ?? padraoDasCondicoes()); } else { condicoesGuardadas.current = condicoes; setCondicoes(null); } }; /* Os modelos da empresa; o marcado como padrão é com o que este orçamento começa (lib/modelos-de-condicoes.ts). */ const [modelosDaEmpresa, setModelosDaEmpresa] = useState([]); const [ehDonoDaEmpresa, setEhDonoDaEmpresa] = useState(false); const [items, setItems] = useState([ { id: initialItemIdRef.current, product_id: "", title: "", description: "", unit_type: "unit", width_m: "0,00", height_m: "0,00", length_m: "0,00", quantity: 1, unit_price: "0,00", unit_cost: "0,00", unit_price_locked: false, }, ]); /* Estoque v2: o orçamento conferido no banco a cada mudança (estoque_conferir_itens). Avisa por linha o que falta ("Acabou o estoque de "Camiseta lisa (G / Preta)" para "Camisetas": tem 0, o pedido precisa de 3."); não trava salvar. Fora do v2 o aviso segue o de sempre. */ const supabaseDoOrcamento = useMemo(() => getSupabaseClient(), []); const estoqueV2 = useEstoqueV2Ligado(supabaseDoOrcamento, donoDaEmpresa); const linhasParaOEstoque = useMemo( () => items.map((it) => ({ product_id: it.product_id || null, quantity: it.quantity, selected_options: it.selected_options ?? null, width_m: it.width_m || null, height_m: it.height_m || null, title: it.title, })), [items] ); const { faltas: faltasDoEstoqueV2 } = useConferenciaDoEstoque({ supabase: supabaseDoOrcamento, dono: donoDaEmpresa, linhas: linhasParaOEstoque, ativo: estoqueV2 === true, }); const [activeItemId, setActiveItemId] = useState(null); const [quantityDrafts, setQuantityDrafts] = useState>({}); const [manualProductSubmittingItemId, setManualProductSubmittingItemId] = useState(null); const [manualProductErrors, setManualProductErrors] = useState>({}); const [itemArts, setItemArts] = useState>({}); const [itemArtPdfVisibility, setItemArtPdfVisibility] = useState>({}); const [artModalOpen, setArtModalOpen] = useState(false); const [activeArtItemId, setActiveArtItemId] = useState(null); const [artDraft, setArtDraft] = useState(null); const [artUploading, setArtUploading] = useState(false); const [artError, setArtError] = useState(""); const [previewOpen, setPreviewOpen] = useState(false); const [previewImageUrl, setPreviewImageUrl] = useState(null); const [shippingDetails, setShippingDetails] = useState(null); const preselectedClientId = useMemo( () => searchParams.get("client_id") || searchParams.get("clientId") || "", [searchParams] ); const clientOptions = useMemo( () => [ { value: "", label: "Selecione..." }, ...clients.map((c) => ({ value: c.id, label: c.company_name ? `${c.company_name} - ${c.name}` : c.name, })), ], [clients] ); const refreshClients = useCallback(async (preferredClientId?: string) => { try { const supabase = getSupabaseClient(); const { data: { user }, } = await supabase.auth.getUser(); if (!user) return; const ctx = await getCompanyContext(supabase, user); const tenantIds = ctx.tenantIds?.length ? ctx.tenantIds : [user.id]; const { data: clientsData } = await supabase .from("clients") .select("id,user_id,name,company_name,whatsapp,address_zip,is_deleted") .in("user_id", tenantIds) .or("active.is.null,active.eq.true") .not("is_deleted", "is", true) .order("company_name", { ascending: true }) .order("name", { ascending: true }); const availableClients = ((clientsData as ClientOption[]) || []).filter((client) => !client.is_deleted); setClients(availableClients); if (preferredClientId && availableClients.some((client) => client.id === preferredClientId)) { setForm((prev) => ({ ...prev, client_id: preferredClientId })); } } catch (err) { console.error("Erro ao recarregar clientes:", err); } }, []); useEffect(() => { let cancelled = false; async function run() { try { const supabase = getSupabaseClient(); const { data: { user }, } = await supabase.auth.getUser(); if (!user) return; const ctx = await getCompanyContext(supabase, user); const tenantIds = ctx.tenantIds?.length ? ctx.tenantIds : [user.id]; const sellerOptionsRequest = fetch("/api/company/users?mode=sales-options", { method: "GET", cache: "no-store", }).then(async (response) => { const json = (await response.json().catch(() => null)) as | { users?: SellerOption[]; currentUserId?: string; error?: string } | null; if (!response.ok) { throw new Error(json?.error || "Falha ao carregar vendedores."); } return json; }); const [ { data: clientsData }, { data: productsData, error: productsError }, { data: profileData, error: profileError }, sellersResult, ] = await Promise.all([ supabase .from("clients") .select("id,user_id,name,company_name,whatsapp,address_zip,is_deleted") .in("user_id", tenantIds) .or("active.is.null,active.eq.true") .not("is_deleted", "is", true) .order("company_name", { ascending: true }) .order("name", { ascending: true }), supabase .from("products") .select(`id,name,price,cost_total,unit_type,image_url,price_on_request,use_variation_price_only,min_sale_qty_enabled,min_sale_qty,max_sale_qty_enabled,max_sale_qty,allowed_sale_qty_enabled,allowed_sale_quantities,inventory_scope,inventory_attribute_name,allow_negative_stock,track_inventory,stock,product_attributes(name,allow_multiple,is_required,position,options),product_variations(combination,stock),product_price_tiers(min_qty,max_qty,unit_price,sort_order,active),${COLUNAS_DO_VALOR_MINIMO}`) .in("user_id", tenantIds) .neq("product_kind", "digital") .eq("active", true) .order("name", { ascending: true }), supabase .from("profiles") .select("quote_art_registration_enabled,quote_default_payment_terms,quote_payment_terms_templates") .eq("id", ctx.ownerId || user.id) .maybeSingle(), sellerOptionsRequest, ]); if (cancelled) return; setEhDonoDaEmpresa(!ctx.ownerId || ctx.ownerId === user.id); setDonoDaEmpresa(ctx.ownerId || user.id); let resolvedProductsData = (productsData as ProductOption[] | null) ?? null; if (productsError) { const message = String((productsError as { message?: unknown } | null)?.message ?? "").toLowerCase(); if (message.includes("product_price_tiers") || message.includes("product_attributes")) { const fallback = await supabase .from("products") .select("id,name,price,cost_total,unit_type,image_url,price_on_request,use_variation_price_only,min_sale_qty_enabled,min_sale_qty,max_sale_qty_enabled,max_sale_qty,allowed_sale_qty_enabled,allowed_sale_quantities,inventory_scope,inventory_attribute_name,allow_negative_stock,track_inventory,stock,product_attributes(name,allow_multiple,is_required,position,options),product_variations(combination,stock)") .in("user_id", tenantIds) .neq("product_kind", "digital") .eq("active", true) .order("name", { ascending: true }); if (fallback.error) throw fallback.error; resolvedProductsData = (fallback.data as ProductOption[] | null) ?? null; } else { throw productsError; } } const availableClients = ((clientsData as ClientOption[]) || []).filter((client) => !client.is_deleted); setClients(availableClients); setProducts(resolvedProductsData || []); setSellers(sellersResult?.users || []); setPrimarySellerUserId((prev) => prev || sellersResult?.currentUserId || ""); setSellerAllocations((prev) => prev.map((allocation, index) => index === 0 && !allocation.seller_user_id ? { ...allocation, seller_user_id: sellersResult?.currentUserId || "" } : allocation ) ); if (!profileError || profileError.code === "PGRST116") { setQuoteArtEnabled(Boolean(profileData?.quote_art_registration_enabled)); const perfilDoDono = profileData as { quote_default_payment_terms?: unknown; quote_payment_terms_templates?: unknown } | null; const modelos = lerModelos(perfilDoDono?.quote_payment_terms_templates, perfilDoDono?.quote_default_payment_terms); setModelosDaEmpresa(modelos); const padraoDaEmpresa = condicoesDoPadrao(modelos); if (padraoDaEmpresa) setCondicoes(padraoDaEmpresa); } else { const message = String((profileError as { message?: unknown } | null)?.message ?? ""); if (!message.toLowerCase().includes("column")) throw profileError; } } catch (err) { console.error("Erro ao carregar clientes:", err); } finally { if (!cancelled) setLoading(false); } } run(); return () => { cancelled = true; }; }, []); useEffect(() => { if (!preselectedClientId || !clients.length) return; const existsInTenant = clients.some((client) => client.id === preselectedClientId); if (!existsInTenant) return; setForm((prev) => (prev.client_id === preselectedClientId ? prev : { ...prev, client_id: preselectedClientId })); }, [clients, preselectedClientId]); const productsById = useMemo(() => new Map(products.map((product) => [product.id, product])), [products]); const sellerSelectOptions = useMemo( () => sellers.map((seller) => ({ value: seller.user_id, label: `${seller.email} • ${seller.role}`, })), [sellers] ); useEffect(() => { if (activeItemId && !items.some((item) => item.id === activeItemId)) { setActiveItemId(null); } }, [activeItemId, items]); useEffect(() => { const targetId = pendingItemFocusRef.current; if (!targetId || typeof window === "undefined") return; const timer = window.setTimeout(() => { const card = document.getElementById(`quote-item-${targetId}`); if (!card) return; const primaryField = card.querySelector( '[data-item-primary-field="true"] input, [data-item-primary-field="true"] button, [data-item-primary-field="true"] [role="combobox"]' ) as HTMLElement | null; const fallbackField = card.querySelector( 'input:not([disabled]), textarea:not([disabled]), button:not([disabled]), [role="combobox"]' ) as HTMLElement | null; const focusTarget = primaryField || fallbackField; pendingItemFocusRef.current = null; setActiveItemId(targetId); if (focusTarget) { focusTarget.focus(); return; } if (card instanceof HTMLElement) { card.focus(); } }, 120); return () => window.clearTimeout(timer); }, [items]); function formatUnitPriceValue(value: number) { return new Intl.NumberFormat("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(value || 0); } function resolveProductUnitPrice(item: QuoteItemDraft, product: ProductOption) { return resolveProductLine(item, product).precoPorMedida; } function resolveProductLine(item: QuoteItemDraft, product: ProductOption): ResultadoDaLinha { /* A mesma conta da loja: faixa pela área total, adicional por m² × área, por peça × peças, uma vez no pedido, e por último o valor mínimo do item. O preço unitário guardado é por medida, com peça e pedido rateados. */ return precoDaLinha({ precoBase: Number(product.price) || 0, faixas: product.product_price_tiers || [], pecas: Number(item.quantity) || 0, quantidadeEfetiva: effectiveQuantity(item), adicionais: getSelectedOptionsPriceBreakdown(item, product), soVariacao: Boolean(product.use_variation_price_only), sobConsulta: Boolean(product.price_on_request), valorMinimo: valorMinimoDoItem(product, "orcamentos"), }); } function getItemQuantityRuleMessage(item: QuoteItemDraft, product?: ProductOption | null) { if (!product) return null; const quantityCheck = checkSaleQuantityLimits({ min_sale_qty_enabled: product.min_sale_qty_enabled, min_sale_qty: product.min_sale_qty, max_sale_qty_enabled: product.max_sale_qty_enabled, max_sale_qty: product.max_sale_qty, allowed_sale_qty_enabled: product.allowed_sale_qty_enabled, allowed_sale_quantities: product.allowed_sale_quantities, effectiveQuantity: effectiveQuantity(item), }); if (quantityCheck.isBelowMin && quantityCheck.minQty !== null) { return `Quantidade minima: ${formatQuantityLimit(quantityCheck.minQty)}.`; } if (quantityCheck.isAboveMax && quantityCheck.maxQty !== null) { return `Quantidade maxima: ${formatQuantityLimit(quantityCheck.maxQty)}.`; } if (quantityCheck.isNotAllowedValue && quantityCheck.allowedQuantities.length > 0) { const values = quantityCheck.allowedQuantities.map((value) => formatQuantityLimit(value)).join(", "); return `Use uma quantidade permitida: ${values}.`; } return null; } const totals = useMemo(() => { const normalizedItems = items.filter((i) => i.title.trim() || i.description.trim()); const subtotal = normalizedItems.reduce((acc, it) => acc + totalDaLinhaDoRascunho(it, effectiveQuantity(it)), 0); const discountBase = Math.max( 0, discountType === "percent" ? parsePercentInput(form.discount) : parseMoneyInput(form.discount) ); const discount = discountType === "percent" ? (subtotal * discountBase) / 100 : discountBase; const shipping = parseMoneyInput(form.shipping); const total = Math.max(0, subtotal - discount + shipping); const cost = normalizedItems.reduce((acc, it) => acc + effectiveQuantity(it) * parseMoneyInput(it.unit_cost), 0); const margin = total - cost; const marginPct = total > 0 ? (margin / total) * 100 : 0; return { subtotal, discount, shipping, total, cost, margin, marginPct }; }, [items, form.discount, form.shipping, discountType]); /* A contribuição do orçamento (MC) e o IRG — quantos % do custo fixo do mês esta venda paga. A MC é a do padrão do ramo: total menos MATÉRIA-PRIMA menos os variáveis da venda; a mão de obra fica dentro, porque é custo fixo sendo recuperado. O custo de cada item é dividido pela proporção da ficha do produto; item sem produto (ou sem ficha) é tratado como matéria-prima inteira — o lado conservador. */ const [precificacao, setPrecificacao] = useState<{ variaveisPct: number; fixoMensal: number } | null>(null); const [fichasDosProdutos, setFichasDosProdutos] = useState>({}); const fichasPedidas = useRef>(new Set()); useEffect(() => { fetch("/api/precificacao/preparo", { cache: "no-store" }) .then((r) => r.json()) .then((j) => setPrecificacao({ variaveisPct: Number(j?.custosVariaveis?.totalPct ?? 0), fixoMensal: Number(j?.custosFixos?.total_mensal ?? 0), })) .catch(() => {}); }, []); useEffect(() => { const faltando = [...new Set(items.map((i) => i.product_id).filter(Boolean))] .filter((id) => !fichasPedidas.current.has(id)); if (faltando.length === 0) return; faltando.forEach((id) => fichasPedidas.current.add(id)); fetch(`/api/precificacao/fichas?ids=${faltando.join(",")}`, { cache: "no-store" }) .then((r) => r.json()) .then((j) => { if (j?.fichas) setFichasDosProdutos((atual) => ({ ...atual, ...j.fichas })); }) .catch(() => {}); }, [items]); const contribuicao = useMemo(() => { if (!precificacao) return null; const itensValidos = items.filter((i) => i.title.trim() || i.description.trim()); const materiaPrima = itensValidos.reduce((acc, it) => { const custoItem = effectiveQuantity(it) * parseMoneyInput(it.unit_cost); if (custoItem <= 0) return acc; const ficha = it.product_id ? fichasDosProdutos[it.product_id] : undefined; const somaFicha = (ficha?.materiais ?? 0) + (ficha?.processos ?? 0); const parteMateriais = somaFicha > 0 ? custoItem * ((ficha?.materiais ?? 0) / somaFicha) : custoItem; return acc + parteMateriais; }, 0); const variaveis = (totals.total * precificacao.variaveisPct) / 100; const mc = totals.total - materiaPrima - variaveis; const mcPct = totals.total > 0 ? (mc / totals.total) * 100 : 0; const irgPct = precificacao.fixoMensal > 0 ? (mc / precificacao.fixoMensal) * 100 : null; const maoDeObra = Math.max(0, totals.cost - materiaPrima); return { mc, mcPct, irgPct, materiaPrima, maoDeObra, fixoMensal: precificacao.fixoMensal, variaveisPct: precificacao.variaveisPct, }; }, [items, totals.total, totals.cost, precificacao, fichasDosProdutos]); /* A página em etapas: o mesmo formulário e o mesmo salvar, mostrados em cinco passos quando a pessoa prefere assim. Os blocos abaixo só ganham `hidden={fora(n)}`; nada é desmontado. */ const paginaEmEtapas = useModeloDeOrcamento(); const { emEtapas, etapa, fora, irPara } = paginaEmEtapas; const { itemAberto, abrirItem, alternarItem } = useItemAberto(); const [maisIndicadores, setMaisIndicadores] = useState(false); const etapasFeitas = useMemo(() => { const preenchidos = items.filter((i) => i.title.trim() || i.description.trim()); return { 1: Boolean(form.client_id), 2: preenchidos.length > 0, 3: condicoes ? erroDasCondicoes(condicoes, totals.total) === null : false, 4: preenchidos.length > 0 && preenchidos.every((i) => parseMoneyInput(i.unit_cost) > 0), 5: Boolean(form.delivery_date), 6: form.internal_notes.trim().length > 0, }; }, [items, form.client_id, form.delivery_date, form.internal_notes, condicoes, totals.total]); const ultimoErroLevadoAEtapa = useRef(null); useEffect(() => { if (!error) { ultimoErroLevadoAEtapa.current = null; return; } if (!emEtapas || ultimoErroLevadoAEtapa.current === error) return; ultimoErroLevadoAEtapa.current = error; const destino = etapaDoErro(error); if (destino) irPara(destino); if (destino === 2) { /* A mensagem cita o item pelo nome; ele abre para a pessoa corrigir. */ const alvo = items.find((i) => { const nome = i.title.trim() || productsById.get(i.product_id)?.name || ""; return nome !== "" && error.includes(nome); }); if (alvo) abrirItem(alvo.id); } }, [error, emEtapas, irPara, items, productsById, abrirItem]); const selectedClient = useMemo(() => clients.find((c) => c.id === form.client_id) || null, [clients, form.client_id]); const normalizedSellerAllocations = useMemo( () => sellerAllocations .map((allocation, index) => ({ ...allocation, allocationPercent: parsePercentInput(allocation.allocation_percent), is_primary: index === 0, })) .filter((allocation) => allocation.seller_user_id && allocation.allocationPercent > 0), [sellerAllocations] ); const whatsappLink = useMemo(() => { const digits = normalizeDigits(selectedClient?.whatsapp || ""); if (!digits) return ""; const condicoesTexto = condicoes ? ` ${resumirCondicoes(condicoes, totals.total)}` : ""; const message = `Olá! Segue orçamento em rascunho: Total ${formatMoney(totals.total)}.${condicoesTexto}`; return `https://wa.me/${digits}?text=${encodeURIComponent(message)}`; }, [selectedClient?.whatsapp, totals.total, condicoes]); function addSellerAllocation() { setSellerAllocations((prev) => [ ...prev, { id: generateDraftId(), seller_user_id: "", allocation_percent: "0,00" }, ]); } function updateSellerAllocation(id: string, patch: Partial) { setSellerAllocations((prev) => prev.map((allocation) => (allocation.id === id ? { ...allocation, ...patch } : allocation))); } function removeSellerAllocation(id: string) { setSellerAllocations((prev) => (prev.length > 2 ? prev.filter((allocation) => allocation.id !== id) : prev)); } async function handleSave(e: React.FormEvent) { e.preventDefault(); setSaving(true); setError(""); try { if (!form.client_id) { setError("Selecione um cliente."); return; } if (sellerMode === "single" && !primarySellerUserId) { setError("Selecione o vendedor principal do orçamento."); return; } if (sellerMode === "split") { if (normalizedSellerAllocations.length < 2) { setError("Informe ao menos dois vendedores para o rateio."); return; } const allocationTotal = normalizedSellerAllocations.reduce( (sum, allocation) => sum + allocation.allocationPercent, 0 ); if (Math.abs(allocationTotal - 100) > 0.01) { setError("O rateio do orçamento deve totalizar exatamente 100%."); return; } const uniqueSellerCount = new Set(normalizedSellerAllocations.map((allocation) => allocation.seller_user_id)).size; if (uniqueSellerCount !== normalizedSellerAllocations.length) { setError("O mesmo vendedor não pode aparecer mais de uma vez no rateio."); return; } } if (condicoes) { const erroDasCondicoesComerciais = erroDasCondicoes(condicoes, totals.total); if (erroDasCondicoesComerciais) { setError(erroDasCondicoesComerciais); return; } } for (const item of items) { if (!item.product_id) continue; const product = productsById.get(item.product_id); if (product) { const attributes = getSortedAttributes(product); if (attributes.length > 0) { const selectedMap = getItemVariationMap(item); for (const attribute of attributes) { if (!attribute.is_required) continue; const selectedValues = selectedMap[attribute.name] || []; if (!selectedValues.length) { setError(`Selecione uma opção obrigatória em ${attribute.name} para o item ${item.title || product.name}.`); return; } } } } const quantityRuleMessage = getItemQuantityRuleMessage(item, product); if (quantityRuleMessage) { const itemLabel = item.title.trim() || product?.name || "Item"; setError(`${itemLabel}: ${quantityRuleMessage}`); return; } } const meaningfulItems = items .map((it) => { const w = parseMeasureInput(it.width_m); const h = parseMeasureInput(it.height_m); const l = parseMeasureInput(it.length_m); return { id: it.id, product_id: it.product_id || null, unit_type: it.unit_type || "unit", width_m: w > 0 ? w : null, height_m: h > 0 ? h : null, length_m: l > 0 ? l : null, title: it.title.trim(), description: it.description.trim() || null, quantity: Math.max(1, it.quantity || 1), // Com o mínimo, o preço por medida vai inteiro (70 / 0,24 m²) e a // linha é gravada no valor exato do mínimo. unit_price: it.minimo && !it.unit_price_locked ? Math.round(it.minimo.precoPorMedida * 1e6) / 1e6 : Math.max(0, parseMoneyInput(it.unit_price)), unit_cost: Math.max(0, parseMoneyInput(it.unit_cost)), selected_options: it.selected_options && typeof it.selected_options === "object" ? it.selected_options : null, valor_minimo_aplicado: it.minimo && !it.unit_price_locked ? it.minimo.minimo : null, valor_sem_minimo: it.minimo && !it.unit_price_locked ? Math.round(it.minimo.semMinimo * 100) / 100 : null, }; }) .filter((it) => it.title || it.description); if (meaningfulItems.length === 0) { setError("Adicione ao menos 1 item no orçamento."); return; } let camposProprios: Record | null = null; if (camposAtivosDoOrcamento.length > 0) { const novos: Record = {}; for (const def of camposAtivosDoOrcamento) novos[def.chave] = camposValores[def.chave] ?? null; const conferido = conferirValores(camposDoOrcamento, novos, { exigirObrigatorios: true }); if (!conferido.ok) { setCamposErros(conferido.erros); setError(`Confira as informações extras: ${Object.values(conferido.erros)[0]}`); return; } if (Object.keys(conferido.valores).length > 0) camposProprios = conferido.valores; } let createdId = createdQuoteId; if (!createdId) { const res = await fetch("/api/quotes", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ client_id: form.client_id, status: form.status, title: form.title.trim() || null, expires_at: form.expires_at || null, delivery_date: form.delivery_date || null, notes: form.notes.trim() || null, internal_notes: form.internal_notes.trim() || null, discount: totals.discount, shipping: totals.shipping, shipping_details: shippingDetails, list_price_mode: form.list_price_mode, payment_terms: condicoes, seller_mode: sellerMode, primary_seller_user_id: sellerMode === "single" ? primarySellerUserId : normalizedSellerAllocations[0]?.seller_user_id, allocations: sellerMode === "split" ? normalizedSellerAllocations.map((allocation) => ({ seller_user_id: allocation.seller_user_id, allocation_percent: allocation.allocationPercent, is_primary: allocation.is_primary, })) : [ { seller_user_id: primarySellerUserId, allocation_percent: 100, is_primary: true, }, ], items: meaningfulItems, }), }); const json = (await res.json().catch(() => null)) as { quoteId?: string; error?: string } | null; if (!res.ok) { setError(json?.error || "Erro ao salvar orçamento."); return; } createdId = json?.quoteId || ""; if (!createdId) { setError("Erro ao salvar orçamento."); return; } setCreatedQuoteId(createdId); } /* O orçamento nasce pela API; os campos próprios vão logo em seguida, pela sessão de quem está no painel. */ if (camposProprios) { const { error: erroDosCampos } = await getSupabaseClient().from("quotes").update({ campos_proprios: camposProprios }).eq("id", createdId); if (erroDosCampos) throw new Error("o orçamento foi criado, mas as informações extras não foram salvas. Abra o orçamento e salve de novo."); } const artsPayload = quoteArtEnabled ? Object.values(itemArts) .filter((art) => meaningfulItems.some((it) => it.id === art.quote_item_id)) .map((art) => ({ quote_item_id: art.quote_item_id, title: art.title.trim(), notes: art.notes.trim(), files: art.files, })) .filter((art) => art.title || art.notes || art.files.length > 0) : []; if (quoteArtEnabled && artsPayload.length > 0) { setArtUploading(true); const supabase = getSupabaseClient(); const { data: { user }, } = await supabase.auth.getUser(); const { data: quoteRow, error: quoteErr } = await supabase .from("quotes") .select("id,user_id") .eq("id", createdId) .maybeSingle(); if (quoteErr) throw quoteErr; const ownerId = (quoteRow as { user_id?: string } | null)?.user_id || user?.id; if (!ownerId) throw new Error("Usuário não autenticado"); const artsToInsert = []; for (const art of artsPayload) { const uploadedUrls: string[] = []; for (const fileDraft of art.files) { const webp = await compressToWebp(fileDraft.file); const path = `${ownerId}/quotes/${createdId}/items/${art.quote_item_id}/${crypto.randomUUID()}.webp`; const { error: uploadError } = await supabase.storage.from("quote-arts").upload(path, webp, { contentType: "image/webp", }); if (uploadError) throw uploadError; const { data } = supabase.storage.from("quote-arts").getPublicUrl(path); if (data.publicUrl) uploadedUrls.push(data.publicUrl); } artsToInsert.push({ quote_id: createdId, quote_item_id: art.quote_item_id, title: art.title || null, notes: art.notes || null, image_urls: uploadedUrls, }); } if (quoteArtEnabled && artsToInsert.length > 0) { const { error: insertErr } = await supabase.from("quote_item_arts").insert(artsToInsert); if (insertErr) throw insertErr; } setArtUploading(false); } router.push(`/dashboard/quotes/${createdId}`); } catch (err) { console.error("Erro ao salvar orçamento:", err); const msg = err instanceof Error ? err.message : JSON.stringify(err); const normalized = msg.toLowerCase(); if (normalized.includes("quote-arts") || normalized.includes("bucket") || normalized.includes("storage")) { setError("Falha ao enviar artes. Verifique o bucket quote-arts e as políticas no Supabase."); } else { setError(`Erro ao salvar orçamento: ${msg}`); } setArtUploading(false); } finally { setSaving(false); } } function updateItem( index: number, patch: Partial, options?: { manualPrice?: boolean; recalculatePrice?: boolean } ) { setItems((prev) => prev.map((it, i) => { if (i !== index) return it; let next: QuoteItemDraft = { ...it, ...patch }; if (options?.manualPrice) { next = { ...next, unit_price_locked: true }; } const shouldRecalculate = options?.recalculatePrice === true || Object.prototype.hasOwnProperty.call(patch, "product_id") || Object.prototype.hasOwnProperty.call(patch, "unit_type") || Object.prototype.hasOwnProperty.call(patch, "quantity") || Object.prototype.hasOwnProperty.call(patch, "width_m") || Object.prototype.hasOwnProperty.call(patch, "height_m") || Object.prototype.hasOwnProperty.call(patch, "length_m") || Object.prototype.hasOwnProperty.call(patch, "selected_options") || Object.prototype.hasOwnProperty.call(patch, "unit_price_locked"); // Preço travado à mão não leva o mínimo do item. if (!next.product_id || next.unit_price_locked) return next.minimo ? { ...next, minimo: null } : next; if (!shouldRecalculate) return next; const product = productsById.get(next.product_id); if (!product) return next; const linha = resolveProductLine(next, product); return { ...next, unit_price: formatUnitPriceValue(linha.precoPorMedida), minimo: minimoDoResultado(linha) }; }) ); } function handleQuantityDraftChange(index: number, itemId: string, rawValue: string, minQty: number) { setQuantityDrafts((prev) => ({ ...prev, [itemId]: rawValue })); if (!rawValue.trim()) return; const parsed = Number(rawValue.replace(",", ".")); if (!Number.isFinite(parsed)) return; updateItem(index, { quantity: Math.max(minQty, parsed) }); } function commitQuantityDraft(index: number, itemId: string, minQty: number) { const draftValue = quantityDrafts[itemId]; if (draftValue === undefined) return; const parsed = Number(draftValue.replace(",", ".")); const nextQty = Number.isFinite(parsed) && parsed > 0 ? Math.max(minQty, parsed) : minQty; updateItem(index, { quantity: nextQty }); setQuantityDrafts((prev) => { const next = { ...prev }; delete next[itemId]; return next; }); } function canRegisterManualItem(item: QuoteItemDraft) { const hasName = item.title.trim().length > 0; const hasUnitType = Boolean(item.unit_type?.trim()); const hasPrice = parseMoneyInput(item.unit_price) > 0; return hasName && hasUnitType && hasPrice; } async function registerManualItemAsProduct(itemId: string) { if (manualProductSubmittingItemId) return; const index = items.findIndex((entry) => entry.id === itemId); if (index < 0) return; const item = items[index]; const name = item.title.trim(); if (!canRegisterManualItem(item)) { setManualProductErrors((prev) => ({ ...prev, [item.id]: "Preencha nome, unidade e valor." })); return; } if (!name) return; setManualProductSubmittingItemId(item.id); setManualProductErrors((prev) => ({ ...prev, [item.id]: "" })); try { const unitPrice = Math.max(0, parseMoneyInput(item.unit_price)); const unitCost = Math.max(0, parseMoneyInput(item.unit_cost)); const response = await fetch("/api/products", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ name, description: item.description || "", price: unitPrice, price_on_request: false, use_variation_price_only: false, estimated_base_cost: unitCost, stock: 0, unit_type: item.unit_type || "unit", active: true, category_id: null, image_url: null, images: [], show_in_catalog: false, catalog_color: "#4F46E5", is_catalog_exclusive: false, min_sale_qty_enabled: false, min_sale_qty: null, max_sale_qty_enabled: false, max_sale_qty: null, allowed_sale_qty_enabled: false, allowed_sale_quantities: null, sku: null, barcode: null, track_inventory: false, inventory_scope: "product", inventory_attribute_name: null, allow_negative_stock: false, materials: [], processes: [], attributes: [], variations: [], price_tiers: [], }), }); const json = (await response.json().catch(() => null)) as { id?: string; error?: string } | null; if (!response.ok || !json?.id) { setManualProductErrors((prev) => ({ ...prev, [item.id]: json?.error || "Não foi possível cadastrar o produto." })); return; } const createdProduct: ProductOption = { id: json.id, name, price: unitPrice, cost_total: unitCost, unit_type: item.unit_type || "unit", image_url: null, price_on_request: false, use_variation_price_only: false, product_price_tiers: [], min_sale_qty_enabled: false, min_sale_qty: null, max_sale_qty_enabled: false, max_sale_qty: null, allowed_sale_qty_enabled: false, allowed_sale_quantities: null, inventory_scope: "product", inventory_attribute_name: null, allow_negative_stock: false, track_inventory: false, product_attributes: [], product_variations: [], }; setProducts((prev) => [...prev, createdProduct].sort((a, b) => a.name.localeCompare(b.name, "pt-BR", { sensitivity: "base" })) ); updateItem(index, { product_id: createdProduct.id, title: createdProduct.name, unit_type: createdProduct.unit_type || "unit", unit_price: formatUnitPriceValue(unitPrice), unit_price_locked: false, selected_options: null, }); setManualProductErrors((prev) => ({ ...prev, [item.id]: "" })); } catch { setManualProductErrors((prev) => ({ ...prev, [item.id]: "Não foi possível cadastrar o produto." })); } finally { setManualProductSubmittingItemId(null); } } function updateItemVariationSelection( index: number, product: ProductOption, attribute: ProductAttributeValue, optionLabel: string ) { const item = items[index]; if (!item) return; const currentMap = getItemVariationMap(item); const currentValues = currentMap[attribute.name] || []; const allowMultiple = Boolean(attribute.allow_multiple); const nextValues = allowMultiple ? (currentValues.includes(optionLabel) ? currentValues.filter((value) => value !== optionLabel) : [...currentValues, optionLabel]) : [optionLabel]; const nextMap = { ...currentMap, [attribute.name]: nextValues }; const payload = buildSelectedOptionsPayload(product, nextMap); updateItem(index, { selected_options: payload }, { recalculatePrice: true }); } function toggleItemPriceLock(index: number) { setItems((prev) => prev.map((it, i) => { if (i !== index) return it; const shouldLock = !it.unit_price_locked; if (shouldLock || !it.product_id) return { ...it, unit_price_locked: shouldLock, minimo: null }; const product = productsById.get(it.product_id); if (!product) return { ...it, unit_price_locked: false, minimo: null }; const linha = resolveProductLine(it, product); return { ...it, unit_price_locked: false, unit_price: formatUnitPriceValue(linha.precoPorMedida), minimo: minimoDoResultado(linha), }; }) ); } function scrollToItemCard(itemId: string) { if (typeof window === "undefined") return; window.setTimeout(() => { document.getElementById(`quote-item-${itemId}`)?.scrollIntoView({ behavior: "smooth", block: "center", }); }, 80); } function setItemInFocus(itemId: string, options?: { focusField?: boolean }) { setActiveItemId(itemId); scrollToItemCard(itemId); if (options?.focusField) { pendingItemFocusRef.current = itemId; } } function moveItemToPosition(index: number, targetIndex: number) { if (targetIndex < 0 || targetIndex >= items.length || targetIndex === index) return; const movedItemId = items[index]?.id; setItems((prev) => { const next = [...prev]; const [movedItem] = next.splice(index, 1); if (!movedItem) return prev; next.splice(targetIndex, 0, movedItem); return next; }); if (movedItemId) setItemInFocus(movedItemId); } function moveItem(index: number, direction: "up" | "down") { moveItemToPosition(index, direction === "up" ? index - 1 : index + 1); } function addItem() { const newItem = { id: generateDraftId(), product_id: "", title: "", description: "", unit_type: "unit", width_m: "0,00", height_m: "0,00", length_m: "0,00", quantity: 1, unit_price: "0,00", unit_cost: "0,00", unit_price_locked: false, }; setItems((prev) => [...prev, newItem]); setItemInFocus(newItem.id, { focusField: true }); abrirItem(newItem.id); } function removeItem(index: number) { const removedId = items[index]?.id; const fallbackItemId = removedId && removedId === activeItemId ? items[index + 1]?.id ?? items[index - 1]?.id ?? null : activeItemId; setItems((prev) => prev.filter((_, i) => i !== index)); if (removedId) { setQuantityDrafts((prev) => { const next = { ...prev }; delete next[removedId]; return next; }); setManualProductErrors((prev) => { const next = { ...prev }; delete next[removedId]; return next; }); setItemArts((prev) => { const next = { ...prev }; const art = next[removedId]; if (art?.files?.length) { art.files.forEach((file) => URL.revokeObjectURL(file.previewUrl)); } delete next[removedId]; return next; }); setItemArtPdfVisibility((prev) => { const next = { ...prev }; delete next[removedId]; return next; }); } if (fallbackItemId) { setItemInFocus(fallbackItemId, { focusField: removedId === activeItemId }); } else { setActiveItemId(null); } } function duplicateItem(index: number) { const source = items[index]; if (!source) return; const newItem: QuoteItemDraft = { ...source, id: generateDraftId(), selected_options: source.selected_options ? JSON.parse(JSON.stringify(source.selected_options)) : null, }; setItems((prev) => { const next = [...prev]; next.splice(index + 1, 0, newItem); return next; }); setItemInFocus(newItem.id, { focusField: true }); abrirItem(newItem.id); } function openArtModal(itemId: string) { setArtError(""); setActiveArtItemId(itemId); const existing = itemArts[itemId]; const itemTitle = items.find((it) => it.id === itemId)?.title || ""; setArtDraft( existing ? { ...existing, title: existing.title || itemTitle, } : { quote_item_id: itemId, title: itemTitle, notes: "", files: [], } ); setArtModalOpen(true); } function closeArtModal() { setArtModalOpen(false); setActiveArtItemId(null); setArtDraft(null); setArtError(""); setArtUploading(false); } function openArtPreview(url: string) { setPreviewImageUrl(url); setPreviewOpen(true); } function saveArtDraft() { if (!artDraft || !activeArtItemId) return; const title = artDraft.title.trim(); const notes = artDraft.notes.trim(); const hasContent = title || notes || artDraft.files.length > 0; if (!hasContent) { setItemArts((prev) => { const next = { ...prev }; delete next[activeArtItemId]; return next; }); closeArtModal(); return; } setItemArts((prev) => ({ ...prev, [activeArtItemId]: { ...artDraft, title, notes, quote_item_id: activeArtItemId, }, })); closeArtModal(); } function handleArtFiles(files: FileList | null) { if (!files?.length) return; setArtError(""); const draftFiles = Array.from(files).map((file) => ({ file, previewUrl: URL.createObjectURL(file), })); setArtDraft((prev) => prev ? { ...prev, files: [...prev.files, ...draftFiles], } : prev ); } function removeArtImage(previewUrl: string) { setArtDraft((prev) => { if (!prev) return prev; const removed = prev.files.find((file) => file.previewUrl === previewUrl); if (removed) URL.revokeObjectURL(removed.previewUrl); return { ...prev, files: prev.files.filter((file) => file.previewUrl !== previewUrl), }; }); } return (
{activeItemId && (
setForm((p) => ({ ...p, client_id: value }))} searchable />
{/* Em etapas o cadastro rápido fica ao lado do campo, como na proposta; na página única segue junto do rótulo. */} {emEtapas && ( )}
setForm((p) => ({ ...p, title: e.target.value }))} className="w-full px-3 py-2.5 rounded-xl border border-[var(--ks-color-border-subtle)] focus:outline-none focus:ring-2 focus:ring-[var(--ks-color-primary)]/20 focus:border-[var(--ks-color-primary)] bg-white" placeholder="Ex: 500 cartões + 1 banner" />
{emEtapas && ( <>