From a166d59b17966f88c139e88aa5d137acff47d234 Mon Sep 17 00:00:00 2001
From: Ruan Bueno <rbcr4z1@gmail.com>
Date: Tue, 2 Dec 2025 10:32:24 -0300
Subject: [PATCH 1/2] feat: adicionando email empresarial vinculado +
 exportacao pdf

---
 prisma/schema.prisma                         |  1 +
 src/app/(authenticated)/admin/users/page.tsx | 20 +++++++
 src/app/(authenticated)/layout-client.tsx    | 18 ++++---
 src/app/(authenticated)/shop/page.tsx        | 26 +++++++--
 src/components/shop/product-card.tsx         | 14 ++---
 src/components/shop/product-grid.tsx         |  4 +-
 src/server/api/routers/product-order.ts      | 18 ++++++-
 src/server/api/routers/user.ts               |  5 ++
 src/styles/globals.css                       | 57 ++++++++++++++++++++
 9 files changed, 141 insertions(+), 22 deletions(-)

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index cbfddef9..95ad4e33 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -40,6 +40,7 @@ model User {
   nameExtension       String? // nome personalizado para exibição no ramal
   setorExtension      String? // setor personalizado para exibição no ramal
   matricula           String? // matrícula do usuário - para exportação de pedidos
+  email_empresarial   String? // email empresarial para uso em ações específicas (ex: chat com permissão can_view_answer_without_admin_access)
 
   // Notificações
   notifications           Notification[]
diff --git a/src/app/(authenticated)/admin/users/page.tsx b/src/app/(authenticated)/admin/users/page.tsx
index 4b9745d4..f2b8f0f5 100644
--- a/src/app/(authenticated)/admin/users/page.tsx
+++ b/src/app/(authenticated)/admin/users/page.tsx
@@ -328,6 +328,7 @@ interface UserManagementCardProps {
     role_config: RolesConfig
     emailExtension: string | null
     matricula: string | null
+    email_empresarial?: string | null
   }
   allForms: { id: string; title: string }[]
   onUserUpdate: () => void
@@ -358,6 +359,7 @@ function UserManagementCard({ user, allForms, onUserUpdate }: UserManagementCard
     extension: user.extension ?? 0n,
     emailExtension: user.emailExtension ?? "",
     matricula: user.matricula ?? "",
+    email_empresarial: user.email_empresarial ?? "",
   })
   const [permissionsData, setPermissionsData] = useState<ExtendedRolesConfig>(
     {
@@ -486,6 +488,7 @@ function UserManagementCard({ user, allForms, onUserUpdate }: UserManagementCard
       setor: basicData.setor === "none" ? "" : basicData.setor,
       emailExtension: basicData.emailExtension || "",
       matricula: basicData.matricula || "",
+      email_empresarial: basicData.email_empresarial || "",
     })
   }
 
@@ -757,6 +760,19 @@ function UserManagementCard({ user, allForms, onUserUpdate }: UserManagementCard
                       Utilizada para exportação de pedidos
                     </p>
                   </div>
+                  <div className="md:col-span-2">
+                    <Label htmlFor="email_empresarial">Email Empresarial</Label>
+                    <Input
+                      id="email_empresarial"
+                      type="email"
+                      value={basicData.email_empresarial}
+                      onChange={(e) => setBasicData({ ...basicData, email_empresarial: e.target.value })}
+                      placeholder="email.empresarial@exemplo.com"
+                    />
+                    <p className="text-xs text-muted-foreground mt-1">
+                      Email usado para ações específicas (ex: chat com permissão can_view_answer_without_admin_access)
+                    </p>
+                  </div>
                 </div>
                 <div className="flex justify-end gap-2 pt-2">
                   <Button variant="outline" onClick={() => setIsEditing(false)}>
@@ -803,6 +819,10 @@ function UserManagementCard({ user, allForms, onUserUpdate }: UserManagementCard
                   <Label className="text-xs text-muted-foreground">Matrícula</Label>
                   <p className="text-sm font-medium">{user.matricula ?? 'Não informado'}</p>
                 </div>
+                <div>
+                  <Label className="text-xs text-muted-foreground">Email Empresarial</Label>
+                  <p className="text-sm font-medium">{user.email_empresarial ?? 'Não informado'}</p>
+                </div>
                 <div className="md:col-span-2 pt-2">
                   <Button onClick={() => setIsEditing(true)} size="sm" variant="outline">
                     <Edit3 className="h-4 w-4 mr-2" />
diff --git a/src/app/(authenticated)/layout-client.tsx b/src/app/(authenticated)/layout-client.tsx
index bc68dd4c..d4b41005 100644
--- a/src/app/(authenticated)/layout-client.tsx
+++ b/src/app/(authenticated)/layout-client.tsx
@@ -26,7 +26,7 @@ export default function AuthenticatedLayoutClient({
       <AnimationProvider>
     <div className="flex min-h-screen">
       {/* Sidebar - hidden on mobile, visible on desktop */}
-      <aside className={`hidden md:flex md:flex-col md:fixed md:inset-y-0 transition-all duration-300 ${
+      <aside className={`hidden md:flex md:flex-col md:fixed md:inset-y-0 transition-all duration-300 print:hidden ${
         sidebarCollapsed ? 'md:w-16' : 'md:w-64'
       }`}>
         <Sidebar collapsed={sidebarCollapsed} />
@@ -37,7 +37,7 @@ export default function AuthenticatedLayoutClient({
         sidebarCollapsed ? 'md:ml-16' : 'md:ml-64'
       }`}>
         {/* Top header - only visible on mobile */}
-        <header className="flex h-16 items-center gap-4 border-b bg-background px-4 md:hidden">
+        <header className="flex h-16 items-center gap-4 border-b bg-background px-4 md:hidden print:hidden">
           <MainNav />
           <div className="ml-auto flex items-center space-x-4">
             <UserNav />
@@ -45,7 +45,7 @@ export default function AuthenticatedLayoutClient({
         </header>
 
         {/* Top header for desktop - compact version */}
-        <header className="hidden md:flex h-16 items-center justify-between border-b bg-background px-6">
+        <header className="hidden md:flex h-16 items-center justify-between border-b bg-background px-6 print:hidden">
           <div className="flex items-center">
             {/* Botão para abrir o sidebar */}
             <Button variant="ghost" size="icon" className="h-8 w-8 p-0" onClick={toggleSidebar}>
@@ -67,10 +67,16 @@ export default function AuthenticatedLayoutClient({
         </main>
       </div>
 
-      <FloatingChatButton/>
+      <div className="print:hidden">
+        <FloatingChatButton/>
+      </div>
     </div>
-      <AnimatedBackground/>
-      <BirthdayConfettiWrapper />
+      <div className="print:hidden">
+        <AnimatedBackground/>
+      </div>
+      <div className="print:hidden">
+        <BirthdayConfettiWrapper />
+      </div>
       </AnimationProvider>
   )
 }
diff --git a/src/app/(authenticated)/shop/page.tsx b/src/app/(authenticated)/shop/page.tsx
index a008d7ca..cd14ec7c 100644
--- a/src/app/(authenticated)/shop/page.tsx
+++ b/src/app/(authenticated)/shop/page.tsx
@@ -6,13 +6,14 @@ import { MyOrdersList } from "@/components/shop/my-orders-list"
 import ShoppingCart from "@/components/shop/shopping-cart"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { Badge } from "@/components/ui/badge"
-import { Package, ShoppingBag, ShoppingCart as ShoppingCartIcon, Inbox } from "lucide-react"
+import { Package, ShoppingBag, ShoppingCart as ShoppingCartIcon, Inbox, FileDown } from "lucide-react"
 import { api } from "@/trpc/react"
 import type { RouterOutputs } from "@/trpc/react"
 import React, { useState } from "react"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
+import { Button } from "@/components/ui/button"
 import { CartProvider } from "@/contexts/cart-context"
 import { useCart } from "@/hooks/use-cart"
 import { useAccessControl } from "@/hooks/use-access-control"
@@ -152,10 +153,14 @@ function ShopPageContent() {
     }
   }, [cartEnterprise])
 
+  const handleExportPDF = () => {
+    window.print()
+  }
+
   return (
-    <DashboardShell>
+    <DashboardShell className="print:p-4">
       <div className="space-y-6 w-full max-w-full overflow-x-hidden">
-        <div>
+        <div className="print:hidden">
           <h1 className="text-3xl font-bold">
             Lojinha RHenz
           </h1>
@@ -165,8 +170,13 @@ function ShopPageContent() {
           <h4 className="text-sm text-muted-foreground break-words">*Possibilidade de compra de brinde de ambas empresas, mas em pedidos <strong> distintos.</strong></h4>
         </div>
 
+        {/* Título para impressão */}
+        <div className="hidden print:block print:mb-4">
+          <h1 className="text-2xl font-bold">Catálogo de Produtos - Lojinha RHenz</h1>
+        </div>
+
         <Tabs defaultValue="products" className="space-y-4 w-full max-w-full">
-          <TabsList className="flex overflow-x-auto justify-center sm:justify-start w-full max-w-full">
+          <TabsList className="flex overflow-x-auto justify-center sm:justify-start w-full max-w-full print:hidden">
             <TabsTrigger value="products" className="flex items-center gap-2">
               <ShoppingBag className="h-4 w-4" />
               Produtos
@@ -205,7 +215,7 @@ function ShopPageContent() {
           </TabsList>
 
           <TabsContent value="products" className="w-full max-w-full overflow-x-hidden">
-            <div className="mb-4 space-y-3 w-full max-w-full">
+            <div className="mb-4 space-y-3 w-full max-w-full print:hidden">
               <div className="flex flex-col sm:flex-row items-center gap-3 w-full max-w-full">
                 <div className="w-full sm:w-64 max-w-full">
                   <Select
@@ -258,6 +268,12 @@ function ShopPageContent() {
                   </Select>
                 </div>
               </div>
+              <div className="flex justify-end">
+                <Button onClick={handleExportPDF} variant="outline" className="print:hidden">
+                  <FileDown className="h-4 w-4 mr-2" />
+                  Exportar PDF
+                </Button>
+              </div>
             </div>
             <ProductGrid 
               size="sm" 
diff --git a/src/components/shop/product-card.tsx b/src/components/shop/product-card.tsx
index f6083865..8a6702fe 100644
--- a/src/components/shop/product-card.tsx
+++ b/src/components/shop/product-card.tsx
@@ -24,9 +24,9 @@ function ProductCard({ product, size = "md" }: ProductCardProps) {
   const imageHeightClass = size === "sm" ? "h-48" : "h-72"
 
   return (
-    <Card className="overflow-hidden h-full flex flex-col">
+    <Card className="overflow-hidden h-full flex flex-col print:border print:border-gray-300">
       <div>
-        <div className={`relative ${imageHeightClass} w-full`}>
+        <div className={`relative ${imageHeightClass} print:h-40 w-full`}>
           {
             product.imageUrl.map((img, i) => (
               <Image
@@ -40,8 +40,8 @@ function ProductCard({ product, size = "md" }: ProductCardProps) {
             ))
           }
         </div>
-        <div className="absolute -translate-y-16 w-full bg-gradient-to-t from-card/80 to-transparent h-16" />
-        <div className="absolute size-10 -translate-y-16 translate-x-2">
+        <div className="absolute -translate-y-16 w-full bg-gradient-to-t from-card/80 to-transparent h-16 print:hidden" />
+        <div className="absolute size-10 -translate-y-16 translate-x-2 print:hidden">
           <Image
             src={product.enterprise.toLowerCase() == "box" ? "/LOGO BOX.png" : product.enterprise.toLowerCase() == "cristallux" ? "/icon_cristal.svg" : "/Logo R Henz.png"}
             alt={product.enterprise}
@@ -68,11 +68,11 @@ function ProductCard({ product, size = "md" }: ProductCardProps) {
       </CardHeader>
       <CardContent className="pb-2 flex-1 min-w-0">
         <div className="flex items-center gap-2 text-sm text-muted-foreground min-w-0">
-          <LucideBadgeInfo className="h-4 w-4 flex-shrink-0" />
-          <span className="line-clamp-2 break-words">{product.description}</span>
+          <LucideBadgeInfo className="h-4 w-4 flex-shrink-0 print:hidden" />
+          <span className="line-clamp-2 break-words print:line-clamp-none">{product.description}</span>
         </div>
       </CardContent>
-      <CardFooter>
+      <CardFooter className="print:hidden">
         <Button
           disabled={product.stock <= 0}
           className="w-full"
diff --git a/src/components/shop/product-grid.tsx b/src/components/shop/product-grid.tsx
index afb4b0ad..531404e7 100644
--- a/src/components/shop/product-grid.tsx
+++ b/src/components/shop/product-grid.tsx
@@ -96,10 +96,10 @@ function ProductGrid({
     })
 
     return (
-        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 items-stretch w-full max-w-full overflow-x-hidden">
+        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 print:grid-cols-3 print:gap-4 gap-3 items-stretch w-full max-w-full overflow-x-hidden">
             {
                 sorted.map((p) => (
-                    <div key={p.id} className="col-span-1 h-full w-full max-w-full">
+                    <div key={p.id} className="col-span-1 h-full w-full max-w-full print:break-inside-avoid">
                         <ProductCard product={p} size={size}/>
                     </div>
                 ))
diff --git a/src/server/api/routers/product-order.ts b/src/server/api/routers/product-order.ts
index 646606e8..fe652c2b 100644
--- a/src/server/api/routers/product-order.ts
+++ b/src/server/api/routers/product-order.ts
@@ -1071,8 +1071,16 @@ export const productOrderRouter = createTRPCRouter({
             // Carregar role_config do usuário
             const user = await ctx.db.user.findUnique({
                 where: { id: currentUserId },
-                select: { role_config: true },
+                select: { 
+                    role_config: true,
+                },
             })
+            
+            // Buscar email_empresarial separadamente (pode não estar no tipo ainda até a migração ser aplicada)
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
+            const userWithEmailEmpresarial = await ctx.db.$queryRaw<Array<{ email_empresarial: string | null }>>`
+                SELECT "email_empresarial" FROM "users" WHERE "id" = ${currentUserId} LIMIT 1
+            `.then(result => result[0] ?? null).catch(() => null)
             const roleConfig = user?.role_config as RolesConfig | null
             const isManager = (roleConfig?.sudo === true) || (roleConfig?.can_manage_produtos === true)
 
@@ -1138,9 +1146,15 @@ export const productOrderRouter = createTRPCRouter({
             })
 
             // Preparar informações do remetente
+            // Se o usuário tem permissão can_view_answer_without_admin_access e email_empresarial preenchido,
+            // usar email_empresarial ao invés do email principal
+            const emailRemetente = (canViewAnswer && userWithEmailEmpresarial?.email_empresarial) 
+                ? userWithEmailEmpresarial.email_empresarial
+                : newMessage.user.email
+
             const remetenteNome = newMessage.user.firstName && newMessage.user.lastName
                 ? `${newMessage.user.firstName} ${newMessage.user.lastName}`
-                : (newMessage.user.firstName ?? newMessage.user.email ?? "Usuário")
+                : (newMessage.user.firstName ?? emailRemetente ?? "Usuário")
 
             // Criar notificações e enviar emails para a outra parte (comprador ou responsáveis)
             try {
diff --git a/src/server/api/routers/user.ts b/src/server/api/routers/user.ts
index 8478cd49..ca60d778 100644
--- a/src/server/api/routers/user.ts
+++ b/src/server/api/routers/user.ts
@@ -322,6 +322,8 @@ export const userRouter = createTRPCRouter({
           emailExtension: true,
           matricula: true,
           role_config: true,
+          // @ts-expect-error - email_empresarial existe no schema mas ainda não está no tipo gerado pelo Prisma
+          email_empresarial: true,
         },
         orderBy: {
           firstName: 'asc',
@@ -492,6 +494,7 @@ export const userRouter = createTRPCRouter({
       extension: z.string().transform(val => BigInt(val)).optional(),
       emailExtension: z.string().email().optional().or(z.literal("")),
       matricula: z.string().optional().or(z.literal("")),
+      email_empresarial: z.string().email().optional().or(z.literal("")),
     }))
     .mutation(async ({ ctx, input }) => {
       // Verificar permissões do usuário
@@ -525,6 +528,8 @@ export const userRouter = createTRPCRouter({
           extension: input.extension,
           emailExtension: input.emailExtension,
           matricula: input.matricula,
+          // @ts-expect-error - email_empresarial existe no schema mas ainda não está no tipo gerado pelo Prisma
+          email_empresarial: input.email_empresarial || null,
         }
         
         return ctx.db.user.update({
diff --git a/src/styles/globals.css b/src/styles/globals.css
index da80e064..b565949f 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -192,4 +192,61 @@
     width: 100% !important;
     max-width: 100% !important;
   }
+}
+
+/* Estilos para impressão de produtos */
+@media print {
+  /* Ocultar elementos de navegação e UI */
+  aside,
+  header,
+  [data-sonner-toaster],
+  [data-sonner-toast] {
+    display: none !important;
+  }
+
+  /* Ajustar layout para impressão */
+  body {
+    background: white !important;
+    color: black !important;
+  }
+
+  /* Garantir que os produtos sejam exibidos corretamente */
+  .grid {
+    page-break-inside: avoid;
+  }
+
+  /* Melhorar espaçamento dos cards na impressão */
+  .grid > div {
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+
+  /* Garantir que imagens sejam exibidas */
+  img {
+    max-width: 100% !important;
+    height: auto !important;
+  }
+
+  /* Remover sombras e efeitos visuais na impressão */
+  * {
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+
+  /* Ajustar cores para impressão em preto e branco */
+  .card {
+    border: 1px solid #e5e7eb !important;
+    background: white !important;
+  }
+
+  /* Garantir que o conteúdo principal seja visível */
+  main {
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  /* Remover overflow e garantir que tudo seja visível */
+  * {
+    overflow: visible !important;
+  }
 }
\ No newline at end of file

From 2e6af387ea13d6f5c13c8c5150829be36a9d2380 Mon Sep 17 00:00:00 2001
From: Ruan Bueno <rbcr4z1@gmail.com>
Date: Tue, 2 Dec 2025 10:44:15 -0300
Subject: [PATCH 2/2] feat: adicionando email empresarial vinculado +
 exportacao pdf

---
 src/server/api/routers/user.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/server/api/routers/user.ts b/src/server/api/routers/user.ts
index ca60d778..00a00651 100644
--- a/src/server/api/routers/user.ts
+++ b/src/server/api/routers/user.ts
@@ -322,7 +322,6 @@ export const userRouter = createTRPCRouter({
           emailExtension: true,
           matricula: true,
           role_config: true,
-          // @ts-expect-error - email_empresarial existe no schema mas ainda não está no tipo gerado pelo Prisma
           email_empresarial: true,
         },
         orderBy: {
@@ -528,8 +527,7 @@ export const userRouter = createTRPCRouter({
           extension: input.extension,
           emailExtension: input.emailExtension,
           matricula: input.matricula,
-          // @ts-expect-error - email_empresarial existe no schema mas ainda não está no tipo gerado pelo Prisma
-          email_empresarial: input.email_empresarial || null,
+          email_empresarial: input.email_empresarial,
         }
         
         return ctx.db.user.update({