@orbe-agro/client-core 5.6.258 → 5.6.260

package/lib/@ecme/components/layouts/PostLoginLayout/PostLoginLayout.tsx

@@ -17,6 +17,7 @@ import { Routes } from "@/@types";
 import { protectedRoutes, publicRoutes } from "@/configs";
 import GlobalLoading from "@/components/shared/loaders/GlobalLoading";
 import OrbeAiWidget from "@/components/template/OrbeAiWidget";
+import Can from "@/components/shared/Can";
 
 type Layouts = Record<
   string,
@@ -66,7 +67,9 @@ const PostLoginLayout = ({
   return (
     <>
       <GlobalLoading />
-      <OrbeAiWidget />
+      <Can I="VISUALIZAR_CHAT_ORBE_AI">
+        <OrbeAiWidget />
+      </Can>
       <Suspense
         fallback={
           <div className="flex flex-auto flex-col h-[100vh]">

package/lib/base/components/shared/AceitarProcessoDialog.tsx

@@ -4,15 +4,20 @@ import useAceitarProcesso from  '@base/hooks/flux/useAceitarProcesso'
 interface AceitarProcessoDialogProps {
     isOpen: boolean
     onClose: () => void
+    onSuccess?: () => void
     idProcesso: number
 }
 
 const AceitarProcessoDialog = ({
     isOpen,
     onClose,
+    onSuccess,
     idProcesso,
 }: AceitarProcessoDialogProps) => {
-    const { mutate: aceitarProcesso } = useAceitarProcesso(onClose)
+    const { mutate: aceitarProcesso, isPending } = useAceitarProcesso(
+        onClose,
+        onSuccess,
+    )
 
     const handleAceitarProcesso = (id: number) => {
         aceitarProcesso(id)
@@ -23,13 +28,19 @@ const AceitarProcessoDialog = ({
             <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
                 <h5 className="mb-4">Aceitar Processo</h5>
                 <div className="flex w-full items-start">
-                    <Button block className="mx-2" onClick={() => onClose()}>
+                    <Button
+                        block
+                        className="mx-2"
+                        disabled={isPending}
+                        onClick={() => onClose()}
+                    >
                         Cancelar
                     </Button>
                     <Button
                         block
                         className="mx-2"
                         variant="solid"
+                        loading={isPending}
                         onClick={() => handleAceitarProcesso(idProcesso)}
                     >
                         Confirmar

package/lib/base/components/shared/AdicionarHistoricoDialog.tsx

@@ -1,4 +1,4 @@
-import { Button, Drawer, Input, Tooltip } from "@/components";
+import { Button, Dialog, Input, Tooltip } from "@/components";
 import { useState } from "react";
 import useAdicionarHistorico from "@base/hooks/flux/useAdicionarHistorico";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
@@ -14,8 +14,9 @@ const AdicionarHistoricoDialog = ({
   onClose,
   idProcesso,
 }: AdicionarHistoricoDialogProps) => {
-  const { mutate: transferirProcesso } = useAdicionarHistorico(onClose, () =>
-    setMotivo("")
+  const { mutate: transferirProcesso, isPending } = useAdicionarHistorico(
+    onClose,
+    () => setMotivo("")
   );
   const [motivo, setMotivo] = useState<string>("");
 
@@ -24,7 +25,12 @@ const AdicionarHistoricoDialog = ({
   };
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -34,6 +40,7 @@ const AdicionarHistoricoDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleTransferirProcesso({
                 idProcesso,
@@ -50,14 +57,9 @@ const AdicionarHistoricoDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Adicionar Histórico"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Adicionar Histórico</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             required
@@ -67,7 +69,8 @@ const AdicionarHistoricoDialog = ({
             onChange={(e: any) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/CancelarProcessoDialog.tsx

@@ -1,4 +1,4 @@
-import { Drawer, Input, Tooltip } from "@/components/ui";
+import { Input, Tooltip } from "@/components/ui";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { Button, Dialog } from "@/components";
 import { useState } from "react";
@@ -15,8 +15,9 @@ const CancelarProcessoDialog = ({
   onClose,
   idProcesso,
 }: CancelarProcessoDialogProps) => {
-  const { mutate: cancelarProcesso } = useCancelarProcesso(onClose, () =>
-    setMotivo("")
+  const { mutate: cancelarProcesso, isPending } = useCancelarProcesso(
+    onClose,
+    () => setMotivo("")
   );
   const [motivo, setMotivo] = useState<string>("");
 
@@ -26,7 +27,12 @@ const CancelarProcessoDialog = ({
 
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -36,6 +42,7 @@ const CancelarProcessoDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleCancelarProcesso({
                 idProcesso,
@@ -52,14 +59,9 @@ const CancelarProcessoDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Cancelar Processo"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Cancelar Processo</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             required
@@ -69,7 +71,8 @@ const CancelarProcessoDialog = ({
             onChange={(e) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/ConcluirProcessoDialog.tsx

@@ -1,4 +1,4 @@
-import { Drawer, Input, Tooltip } from "@/components/ui";
+import { Dialog, Input, Tooltip } from "@/components/ui";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { Button } from "@/components";
 import { useState } from "react";
@@ -15,8 +15,9 @@ const ConcluirProcessoDialog = ({
   onClose,
   idProcesso,
 }: ConcluirProcessoDialogProps) => {
-  const { mutate: concluirProcesso } = useConcluirProcesso(onClose, () =>
-    setMotivo("")
+  const { mutate: concluirProcesso, isPending } = useConcluirProcesso(
+    onClose,
+    () => setMotivo("")
   );
   const [motivo, setMotivo] = useState<string>("");
 
@@ -26,7 +27,12 @@ const ConcluirProcessoDialog = ({
 
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -36,6 +42,7 @@ const ConcluirProcessoDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() => {
               handleConcluirProcesso({
                 idProcesso,
@@ -52,14 +59,9 @@ const ConcluirProcessoDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Concluir Processo"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Concluir Processo</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             rows={4}
@@ -68,7 +70,8 @@ const ConcluirProcessoDialog = ({
             onChange={(e) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/EncerrarProcessoDialog.tsx

@@ -1,4 +1,4 @@
-import { Drawer, Input, Tooltip } from "@/components/ui";
+import { Input, Tooltip } from "@/components/ui";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { Button, Dialog } from "@/components";
 import { useState } from "react";
@@ -15,8 +15,9 @@ const EncerrarProcessoDialog = ({
   onClose,
   idProcesso,
 }: EncerrarProcessoDialogProps) => {
-  const { mutate: encerrarProcesso } = useEncerrarProcesso(onClose, () =>
-    setMotivo("")
+  const { mutate: encerrarProcesso, isPending } = useEncerrarProcesso(
+    onClose,
+    () => setMotivo("")
   );
   const [motivo, setMotivo] = useState<string>("");
 
@@ -26,7 +27,12 @@ const EncerrarProcessoDialog = ({
 
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -36,6 +42,7 @@ const EncerrarProcessoDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleEncerrarProcesso({
                 idProcesso,
@@ -52,14 +59,9 @@ const EncerrarProcessoDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Encerrar Processo"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Encerrar Processo</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             required
@@ -69,7 +71,8 @@ const EncerrarProcessoDialog = ({
             onChange={(e) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/ReabrirProcessoDialog.tsx

@@ -1,4 +1,4 @@
-import { Drawer, Input, Tooltip } from "@/components/ui";
+import { Dialog, Input, Tooltip } from "@/components/ui";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { Button } from "@/components";
 import { useState } from "react";
@@ -15,8 +15,9 @@ const ReabrirProcessoDialog = ({
   onClose,
   idProcesso,
 }: ReabrirProcessoDialogProps) => {
-  const { mutate: reabrirProcesso } = useReabrirProcesso(onClose, () =>
-    setMotivo("")
+  const { mutate: reabrirProcesso, isPending } = useReabrirProcesso(
+    onClose,
+    () => setMotivo("")
   );
   const [motivo, setMotivo] = useState<string>("");
 
@@ -26,7 +27,12 @@ const ReabrirProcessoDialog = ({
 
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -36,6 +42,7 @@ const ReabrirProcessoDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleReabrirProcesso({
                 idProcesso,
@@ -52,14 +59,9 @@ const ReabrirProcessoDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Reabrir Processo"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Reabrir Processo</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             rows={4}
@@ -68,7 +70,8 @@ const ReabrirProcessoDialog = ({
             onChange={(e) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/RetornarFluxAtendimentoDialog.tsx

@@ -1,4 +1,4 @@
-import { Drawer, Input, Tooltip } from "@/components/ui";
+import { Dialog, Input, Tooltip } from "@/components/ui";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { Button } from "@/components";
 import { useState } from "react";
@@ -15,7 +15,7 @@ const RetornarFluxAtendimentoDialog = ({
   onClose,
   idProcesso,
 }: RetornarFluxAtendimentoDialogProps) => {
-  const { mutate: retornarProcesso } = useRetornarFluxoAtendimento(
+  const { mutate: retornarProcesso, isPending } = useRetornarFluxoAtendimento(
     onClose,
     () => setMotivo("")
   );
@@ -27,7 +27,12 @@ const RetornarFluxAtendimentoDialog = ({
 
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -37,6 +42,7 @@ const RetornarFluxAtendimentoDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleRetornarProcesso({
                 idProcesso,
@@ -53,14 +59,9 @@ const RetornarFluxAtendimentoDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Retornar Fluxo de Atendimento"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Retornar Fluxo de Atendimento</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             rows={4}
@@ -69,7 +70,8 @@ const RetornarFluxAtendimentoDialog = ({
             onChange={(e) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/TransferirParaAtendenteDialog.tsx

@@ -1,4 +1,4 @@
-import { Button, Drawer, Input, Tooltip } from "@/components";
+import { Button, Dialog, Input, Tooltip } from "@/components";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { useState } from "react";
 import useTransferirParaAtendente from "@base/hooks/flux/useTransferirParaAtendente";
@@ -14,7 +14,7 @@ const TransferirParaAtendenteDialog = ({
   onClose,
   idProcesso,
 }: TransferirParaAtendenteDialogProps) => {
-  const { mutate: transferirProcesso } = useTransferirParaAtendente(
+  const { mutate: transferirProcesso, isPending } = useTransferirParaAtendente(
     onClose,
     () => setMotivo("")
   );
@@ -25,7 +25,12 @@ const TransferirParaAtendenteDialog = ({
   };
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -35,6 +40,7 @@ const TransferirParaAtendenteDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleTransferirProcesso({
                 idProcesso,
@@ -51,14 +57,9 @@ const TransferirParaAtendenteDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Transferir Processo para Atendente"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Transferir Processo para Atendente</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             required
@@ -68,7 +69,8 @@ const TransferirParaAtendenteDialog = ({
             onChange={(e: any) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/TransferirParaSolicitanteDialog.tsx

@@ -1,4 +1,4 @@
-import { Button, Drawer, Input, Tooltip } from "@/components";
+import { Button, Dialog, Input, Tooltip } from "@/components";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { useState } from "react";
 import useTransferirParaSolicitante from "@base/hooks/flux/useTransferirParaSolicitante";
@@ -14,7 +14,7 @@ const TransferirParaSolicitanteDialog = ({
   onClose,
   idProcesso,
 }: TransferirParaSolicitanteDialogProps) => {
-  const { mutate: transferirProcesso } = useTransferirParaSolicitante(
+  const { mutate: transferirProcesso, isPending } = useTransferirParaSolicitante(
     onClose,
     () => setMotivo("")
   );
@@ -25,7 +25,12 @@ const TransferirParaSolicitanteDialog = ({
   };
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -35,6 +40,7 @@ const TransferirParaSolicitanteDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleTransferirProcesso({
                 idProcesso,
@@ -51,14 +57,9 @@ const TransferirParaSolicitanteDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Transferir Processo para Solicitante"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Transferir Processo para Solicitante</h5>
+        <div className="flex flex-col gap-4">
           <Input
             textArea
             rows={4}
@@ -68,7 +69,8 @@ const TransferirParaSolicitanteDialog = ({
             onChange={(e) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/components/shared/TransferirProcessoDialog.tsx

@@ -1,4 +1,4 @@
-import { Button, Drawer, Input, Select, Tooltip } from "@/components";
+import { Button, Dialog, Input, Select, Tooltip } from "@/components";
 import { TActionProcesso } from "@base/@types/models/flux/processo";
 import { useEffect, useState } from "react";
 import useTransferirProcesso from "@base/hooks/flux/useTransferirProcesso";
@@ -15,7 +15,13 @@ const TransferirProcessoDialog = ({
   onClose,
   idProcesso,
 }: TransferirProcessoDialogProps) => {
-  const { mutate: transferirProcesso } = useTransferirProcesso();
+  const { mutate: transferirProcesso, isPending } = useTransferirProcesso(
+    onClose,
+    () => {
+      setMotivo("");
+      setIdUsuario(null);
+    }
+  );
   const [idUsuario, setIdUsuario] = useState<any>(null);
   const [motivo, setMotivo] = useState<string>("");
   const [usersOptions, setUsersOptions] = useState<
@@ -46,7 +52,12 @@ const TransferirProcessoDialog = ({
   };
   const Footer = (
     <div className="flex w-full items-start">
-      <Button block className="mx-2" onClick={() => onClose()}>
+      <Button
+        block
+        className="mx-2"
+        disabled={isPending}
+        onClick={() => onClose()}
+      >
         Cancelar
       </Button>
       <Tooltip title={!motivo ? "Motivo obrigatório" : <></>} placement="top">
@@ -56,6 +67,7 @@ const TransferirProcessoDialog = ({
             className="mx-2"
             variant="solid"
             disabled={!motivo}
+            loading={isPending}
             onClick={() =>
               handleTransferirProcesso({
                 idProcesso,
@@ -73,14 +85,9 @@ const TransferirProcessoDialog = ({
 
   return (
     <>
-      <Drawer
-        title="Transferir Processo"
-        isOpen={isOpen}
-        onClose={onClose}
-        onRequestClose={onClose}
-        footer={Footer}
-      >
-        <div className="flex flex-col gap-4 p-4">
+      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>
+        <h5 className="mb-4">Transferir Processo</h5>
+        <div className="flex flex-col gap-4">
           <Select
             placeholder="Selecione um usuário"
             options={usersOptions}
@@ -94,7 +101,8 @@ const TransferirProcessoDialog = ({
             onChange={(e: any) => setMotivo(e.target.value)}
           />
         </div>
-      </Drawer>
+        <div className="mt-6">{Footer}</div>
+      </Dialog>
     </>
   );
 };

package/lib/base/services/modules/insumos/vendas/VendasService.ts

@@ -64,4 +64,4 @@ export async function apiSetVendaLock(idVenda: number, lock: boolean) {
             lock,
         },
     })
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbe-agro/client-core",
-  "version": "5.6.258",
+  "version": "5.6.260",
   "description": "Biblioteca principal de componentes e utilidades para os microfrontends do Orbe Agro.",
   "type": "module",
   "main": "./dist/index.js",