[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69eb7b29f52c8191ba7dbd34a24d31b9","versionInt","title","Orcamento Formatura Conquista Eventos","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\n\nconst brl = new Intl.NumberFormat(\"pt-BR\", { style: \"currency\", currency: \"BRL\" });\n\nconst catalogItems = [\n {\n id: \"foto-externa-oficial\",\n category: \"Serviços fotográficos\",\n name: \"Foto externa coletiva oficial\",\n description: \"Registro oficial da turma em local definido com a comissão.\",\n price: 200,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"foto-externa-local\",\n category: \"Serviços fotográficos\",\n name: \"Foto externa em praia ou local escolhido\",\n description: \"Sessão externa em praia, faculdade, ponto turístico ou outro local aprovado.\",\n price: 200,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"foto-estudio-individual\",\n category: \"Serviços fotográficos\",\n name: \"Foto individual no estúdio\",\n description: \"Sessão individual do formando em estúdio.\",\n price: 40,\n chargeType: \"por formando\",\n maxQuantity: 1,\n },\n {\n id: \"foto-subgrupo\",\n category: \"Serviços fotográficos\",\n name: \"Foto de subgrupo externa\",\n description: \"Fotos de grupos menores durante o ensaio externo.\",\n price: 50,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"maquiagem\",\n category: \"Serviços de produção\",\n name: \"Maquiagem para o formando\",\n description: \"Produção para o ensaio em estúdio.\",\n price: 60,\n chargeType: \"por formando\",\n maxQuantity: 1,\n },\n {\n id: \"apoio-tecnico\",\n category: \"Serviços de produção\",\n name: \"Apoio técnico extra para foto oficial e estúdio\",\n description: \"Serviço disponível apenas para a foto oficial e para as fotos em estúdio.\",\n price: 0,\n chargeType: \"sob consulta\",\n maxQuantity: 1,\n },\n {\n id: \"filmagem-drone\",\n category: \"Filmagem\",\n name: \"Filmagem com drone\",\n description: \"Captação aérea para teaser da foto coletiva ou externa.\",\n price: 900,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"filmagem-sem-drone\",\n category: \"Filmagem\",\n name: \"Filmagem sem drone\",\n description: \"Captação em vídeo para teaser da foto oficial ou externa.\",\n price: 600,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"beca-tradicional\",\n category: \"Produtos e acessórios\",\n name: \"Beca tradicional\",\n description: \"Uso de beca para registros no estúdio ou ensaio indicado.\",\n price: 40,\n chargeType: \"por formando\",\n maxQuantity: 1,\n },\n {\n id: \"replica-18x22\",\n category: \"Produtos e acessórios\",\n name: \"Réplica tradicional 18x22cm\",\n description: \"Réplica impressa em tamanho tradicional.\",\n price: 135,\n chargeType: \"por formando\",\n maxQuantity: 1,\n },\n {\n id: \"placa-60x40\",\n category: \"Produtos e acessórios\",\n name: \"Placa mural 60x40cm\",\n description: \"Placa mural personalizada para recordação da turma.\",\n price: 1000,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"placa-80x60\",\n category: \"Produtos e acessórios\",\n name: \"Placa mural 80x60cm\",\n description: \"Placa mural personalizada em tamanho ampliado.\",\n price: 1400,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"camisa-personalizada\",\n category: \"Produtos e acessórios\",\n name: \"Camisa personalizada\",\n description: \"Camisa personalizada da turma ou curso.\",\n price: 50,\n chargeType: \"por formando\",\n maxQuantity: 1,\n },\n {\n id: \"letras-3d\",\n category: \"Produtos e acessórios\",\n name: \"Letras 3D com nome do curso\",\n description: \"Letras 3D para composição da foto externa.\",\n price: 350,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"dez-fotos-digitais\",\n category: \"Fotos finais\",\n name: \"10 fotos digitais tratadas\",\n description: \"Pacote com 10 fotos digitais tratadas.\",\n price: 100,\n chargeType: \"por formando\",\n maxQuantity: 1,\n },\n {\n id: \"quinze-fotos-digitais\",\n category: \"Fotos finais\",\n name: \"15 fotos digitais tratadas\",\n description: \"Pacote com 15 fotos digitais tratadas.\",\n price: 150,\n chargeType: \"por formando\",\n maxQuantity: 1,\n },\n {\n id: \"todas-fotos-drive\",\n category: \"Fotos finais\",\n name: \"Todos os arquivos digitais no Drive\",\n description: \"Entrega dos arquivos digitais da turma em link compartilhado.\",\n price: 200,\n chargeType: \"fixo por turma\",\n maxQuantity: 1,\n },\n {\n id: \"dez-fotos-impressas\",\n category: \"Fotos finais\",\n name: \"10 fotos impressas\",\n description: \"Pacote com 10 fotos impressas. Permite aumentar a quantidade.\",\n price: 160,\n chargeType: \"por formando\",\n maxQuantity: null,\n },\n];\n\nfunction getItemQuantity(selectedItems, itemId) {\n return Number(selectedItems[itemId] || 0);\n}\n\nfunction clampItemQuantity(item, quantity) {\n const safeQuantity = Math.max(Number(quantity) || 0, 0);\n if (item.maxQuantity === 1) return safeQuantity > 0 ? 1 : 0;\n if (typeof item.maxQuantity === \"number\") return Math.min(safeQuantity, item.maxQuantity);\n return safeQuantity;\n}\n\nfunction calculateItemSubtotal(item, students, quantity) {\n const safeStudents = Math.max(Number(students) || 1, 1);\n const safeQuantity = clampItemQuantity(item, quantity);\n if (item.chargeType === \"sob consulta\") return 0;\n const multiplier = item.chargeType === \"por formando\" ? safeStudents : 1;\n return item.price * safeQuantity * multiplier;\n}\n\nfunction calculateTotals({ items, selectedItems, students }) {\n const safeStudents = Math.max(Number(students) || 1, 1);\n const selectedCatalogItems = items\n .map((item) => ({ ...item, quantity: clampItemQuantity(item, getItemQuantity(selectedItems, item.id)) }))\n .filter((item) => item.quantity > 0);\n\n const total = selectedCatalogItems.reduce((sum, item) => sum + calculateItemSubtotal(item, safeStudents, item.quantity), 0);\n const totalPerStudent = total / safeStudents;\n const servicesTotal = selectedCatalogItems\n .filter((item) => item.category.includes(\"Serviços\") || item.category === \"Filmagem\")\n .reduce((sum, item) => sum + calculateItemSubtotal(item, safeStudents, item.quantity), 0);\n const productsTotal = total - servicesTotal;\n\n return { selectedCatalogItems, total, totalPerStudent, servicesTotal, productsTotal };\n}\n\nfunction createSummary({ clientName, course, students, location, totals }) {\n const selectedLines = totals.selectedCatalogItems.length\n ? totals.selectedCatalogItems\n .map((item) => {\n const subtotal = calculateItemSubtotal(item, students, item.quantity);\n const quantityLabel = item.maxQuantity === 1 ? \"Selecionado\" : `${item.quantity}x`;\n if (item.chargeType === \"sob consulta\") return `- ${quantityLabel} — ${item.name} — serviço apenas para foto oficial e estúdio`;\n return `- ${quantityLabel} — ${item.name} (${item.chargeType}) — ${brl.format(subtotal)}`;\n })\n .join(\"\\n\")\n : \"Nenhum serviço ou produto selecionado\";\n\n return `Olá! Gostaria de solicitar uma proposta personalizada.\\n\\nNome: ${clientName || \"não informado\"}\\nCurso/Turma: ${course || \"não informado\"}\\nQuantidade de formandos: ${students}\\nFaculdade/Universidade: ${location || \"não informado\"}\\n\\nServiços e produtos escolhidos:\\n${selectedLines}\\n\\nValor estimado por formando: ${brl.format(totals.totalPerStudent)}\\nValor total estimado da turma: ${brl.format(totals.total)}\\n\\nObs.: orçamento sujeito à validação da equipe Conquista Eventos.`;\n}\n\nfunction Icon({ name, className = \"\" }) {\n const icons = {\n calculator: \"▦\",\n users: \"👥\",\n send: \"↗\",\n check: \"✓\",\n plus: \"+\",\n minus: \"−\",\n message: \"☎\",\n service: \"◆\",\n };\n\n return (\n \n {icons[name] || \"•\"}\n \n );\n}\n\nfunction ServiceProductCard({ item, quantity, onIncrease, onDecrease, onToggle }) {\n const selected = quantity > 0;\n const lockedQuantity = item.maxQuantity === 1;\n\n return (\n

{item.category}

{item.name}

\n {selected && }\n

\n\n

{item.description}

\n\n

valor

{item.chargeType === \"sob consulta\" ? \"—\" : brl.format(item.price)}

{item.chargeType === \"sob consulta\" ? \"\" : item.chargeType}

\n\n {lockedQuantity ? (\n \n {selected ? \"Remover\" : \"Selecionar\"}\n \n ) : (\n

\n \n {quantity}\n \n

\n )}\n

\n );\n}\n\nfunction runSmokeTests() {\n const fixedLockedItem = { id: \"fixed\", category: \"Serviços fotográficos\", name: \"Fixo\", price: 200, chargeType: \"fixo por turma\", maxQuantity: 1 };\n const perStudentLockedItem = { id: \"student\", category: \"Produtos e acessórios\", name: \"Por formando\", price: 40, chargeType: \"por formando\", maxQuantity: 1 };\n const flexibleItem = { id: \"flex\", category: \"Fotos finais\", name: \"Flexível\", price: 160, chargeType: \"por formando\", maxQuantity: null };\n\n console.assert(clampItemQuantity(fixedLockedItem, 5) === 1, \"Teste: item fixo travado não deve passar de 1.\");\n console.assert(calculateItemSubtotal(fixedLockedItem, 20, 5) === 200, \"Teste: item fixo travado deve cobrar uma única vez por turma.\");\n console.assert(calculateItemSubtotal(perStudentLockedItem, 20, 5) === 800, \"Teste: item por formando travado deve cobrar uma vez por formando.\");\n console.assert(calculateItemSubtotal(flexibleItem, 20, 3) === 9600, \"Teste: item flexível por formando deve multiplicar por quantidade e formandos.\");\n\n const totals = calculateTotals({ items: [fixedLockedItem, perStudentLockedItem, flexibleItem], selectedItems: { fixed: 3, student: 2, flex: 2 }, students: 10 });\n console.assert(totals.total === 3800, \"Teste: total deve respeitar trava de quantidade e itens flexíveis.\");\n console.assert(totals.totalPerStudent === 380, \"Teste: valor por formando deve ser total dividido pela quantidade de formandos.\");\n console.assert(totals.servicesTotal === 200, \"Teste: total de serviços deve considerar categorias de serviço.\");\n console.assert(totals.productsTotal === 3600, \"Teste: total de produtos deve considerar o restante do catálogo selecionado.\");\n\n const itemNames = catalogItems.map((item) => item.name);\n console.assert(!itemNames.includes(\"Foto com família no estúdio\"), \"Teste: Foto com família no estúdio deve estar removida.\");\n console.assert(!itemNames.includes(\"Canudo para fotos no estúdio\"), \"Teste: Canudo para fotos no estúdio deve estar removido.\");\n console.assert(!itemNames.includes(\"20 fotos digitais tratadas\"), \"Teste: 20 fotos digitais tratadas deve estar removido.\");\n console.assert(!itemNames.includes(\"15 fotos impressas\"), \"Teste: 15 fotos impressas deve estar removido conforme última instrução.\");\n console.assert(!itemNames.includes(\"20 fotos impressas\"), \"Teste: 20 fotos impressas deve estar removido.\");\n\n const apoioTecnico = catalogItems.find((item) => item.id === \"apoio-tecnico\");\n console.assert(apoioTecnico.price === 0, \"Teste: Apoio técnico deve ficar sem valor no simulador.\");\n console.assert(apoioTecnico.chargeType === \"sob consulta\", \"Teste: Apoio técnico continua classificado como especial.\");\n console.assert(calculateItemSubtotal(apoioTecnico, 20, 1) === 0, \"Teste: Apoio técnico não deve somar no orçamento.\");\n}\n\nrunSmokeTests();\n\nexport default function GraduationQuoteBuilder() {\n const [students, setStudents] = useState(10);\n const [selectedItems, setSelectedItems] = useState({});\n const [course, setCourse] = useState(\"\");\n const [clientName, setClientName] = useState(\"\");\n const [location, setLocation] = useState(\"\");\n const [categoryFilter, setCategoryFilter] = useState(\"Todos\");\n\n const categories = useMemo(() => [\"Todos\", ...Array.from(new Set(catalogItems.map((item) => item.category)))], []);\n\n const filteredItems = useMemo(() => {\n if (categoryFilter === \"Todos\") return catalogItems;\n return catalogItems.filter((item) => item.category === categoryFilter);\n }, [categoryFilter]);\n\n const totals = useMemo(() => calculateTotals({ items: catalogItems, selectedItems, students }), [selectedItems, students]);\n\n const updateItemQuantity = (item, nextQuantity) => {\n setSelectedItems((current) => {\n const safeQuantity = clampItemQuantity(item, nextQuantity);\n const next = { ...current };\n if (safeQuantity === 0) {\n delete next[item.id];\n } else {\n next[item.id] = safeQuantity;\n }\n return next;\n });\n };\n\n const toggleItem = (item) => {\n const currentQuantity = getItemQuantity(selectedItems, item.id);\n updateItemQuantity(item, currentQuantity > 0 ? 0 : 1);\n };\n\n const summary = createSummary({ clientName, course, students, location, totals });\n const whatsappUrl = `https://wa.me/5581988245399?text=${encodeURIComponent(summary)}`;\n\n return (\n

\n \n

Conquista Eventos

Monte o orçamento personalizado da sua turma

\n Selecione os serviços e produtos desejados. Alguns itens são selecionáveis uma única vez; outros permitem aumentar a quantidade.\n

\n\n \n \n

\n \n

Valor estimado por formando

{brl.format(totals.totalPerStudent)}

Total da turma

{brl.format(totals.total)}

Serviços

{brl.format(totals.servicesTotal)}

Produtos

{brl.format(totals.productsTotal)}

\n \n \n

\n \n\n

\n \n \n

Dados da turma

Essas informações entram no resumo enviado para atendimento.

\n \n

\n\n

\n \n Nome da comissão ou responsável\n setClientName(event.target.value)}\n className=\"rounded-2xl border border-slate-200 px-4 py-3 outline-none focus:border-cyan-500\"\n placeholder=\"Ex.: Maria Silva\"\n />\n \n \n Curso/Turma\n setCourse(event.target.value)}\n className=\"rounded-2xl border border-slate-200 px-4 py-3 outline-none focus:border-cyan-500\"\n placeholder=\"Ex.: Enfermagem 2026.1\"\n />\n \n \n Faculdade/Universidade\n setLocation(event.target.value)}\n className=\"rounded-2xl border border-slate-200 px-4 py-3 outline-none focus:border-cyan-500\"\n placeholder=\"Ex.: Universidade Federal de Pernambuco, Uninassau, Estácio...\"\n />\n \n

\n\n

\n Quantidade de formandos\n {students}\n

\n \n setStudents(Number(event.target.value))}\n className=\"w-full\"\n aria-label=\"Quantidade de formandos\"\n />\n \n

\n \n \n\n \n \n

Resumo para envio

{summary}

\n \n Enviar no WhatsApp\n \n \n

\n Os valores deste simulador são uma base de orçamento. A contratação final deve ser validada pela equipe comercial, considerando agenda, disponibilidade e condições de pagamento.\n

\n \n \n

\n\n

\n \n \n

\n \n

Serviços e produtos

Itens fixos usam botão de selecionar. Itens flexíveis usam quantidade.

\n\n \n Filtrar por categoria\n setCategoryFilter(event.target.value)}\n className=\"rounded-2xl border border-slate-200 px-4 py-3 outline-none focus:border-cyan-500\"\n >\n {categories.map((category) => (\n \n ))}\n \n \n

\n\n

\n {filteredItems.map((item) => {\n const quantity = getItemQuantity(selectedItems, item.id);\n return (\n toggleItem(item)}\n onDecrease={() => updateItemQuantity(item, quantity - 1)}\n onIncrease={() => updateItemQuantity(item, quantity + 1)}\n />\n );\n })}\n

\n \n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","8256919249598685492","traceTime",1777124465258]