@orbe-agro/client-core 5.6.257 → 5.6.259

package/dist/base/components/shared/CancelarProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useCancelarProcesso from "../../hooks/flux/useCancelarProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const CancelarProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: cancelarProcesso } = useCancelarProcesso(
+  const { mutate: cancelarProcesso, isPending } = useCancelarProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const CancelarProcessoDialog = ({
     cancelarProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const CancelarProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleCancelarProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -37,27 +47,21 @@ const CancelarProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Cancelar Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          required: true,
-          rows: 4,
-          placeholder: "Motivo do cancelamento",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Cancelar Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        required: true,
+        rows: 4,
+        placeholder: "Motivo do cancelamento",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   CancelarProcessoDialog as default

package/dist/base/components/shared/CancelarProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelarProcessoDialog.js","sources":["../../../../lib/base/components/shared/CancelarProcessoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useCancelarProcesso from \"@base/hooks/flux/useCancelarProcesso\";\n\ninterface CancelarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst CancelarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: CancelarProcessoDialogProps) => {\n  const { mutate: cancelarProcesso } = useCancelarProcesso(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleCancelarProcesso = (dados: TActionProcesso) => {\n    cancelarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() =>\n              handleCancelarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Cancelar Processo\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do cancelamento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default CancelarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,iBAAA,IAAqB;AAAA,IAAoB;AAAA,IAAS,MAChE,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"CancelarProcessoDialog.js","sources":["../../../../lib/base/components/shared/CancelarProcessoDialog.tsx"],"sourcesContent":["import { Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useCancelarProcesso from \"@base/hooks/flux/useCancelarProcesso\";\n\ninterface CancelarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst CancelarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: CancelarProcessoDialogProps) => {\n  const { mutate: cancelarProcesso, isPending } = useCancelarProcesso(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleCancelarProcesso = (dados: TActionProcesso) => {\n    cancelarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() =>\n              handleCancelarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Cancelar Processo</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do cancelamento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default CancelarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,kBAAkB,UAAA,IAAc;AAAA,IAC9C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/ConcluirProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useConcluirProcesso from "../../hooks/flux/useConcluirProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const ConcluirProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: concluirProcesso } = useConcluirProcesso(
+  const { mutate: concluirProcesso, isPending } = useConcluirProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const ConcluirProcessoDialog = ({
     concluirProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const ConcluirProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => {
           handleConcluirProcesso({
             idProcesso,
@@ -39,26 +49,20 @@ const ConcluirProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Concluir Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          rows: 4,
-          placeholder: "Motivo da conclusão",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Concluir Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        rows: 4,
+        placeholder: "Motivo da conclusão",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   ConcluirProcessoDialog as default

package/dist/base/components/shared/ConcluirProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConcluirProcessoDialog.js","sources":["../../../../lib/base/components/shared/ConcluirProcessoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useConcluirProcesso from \"@base/hooks/flux/useConcluirProcesso\";\n\ninterface ConcluirProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst ConcluirProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: ConcluirProcessoDialogProps) => {\n  const { mutate: concluirProcesso } = useConcluirProcesso(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleConcluirProcesso = (dados: TActionProcesso) => {\n    concluirProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() => {\n              handleConcluirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              });\n            }}\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Concluir Processo\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo da conclusão\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default ConcluirProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,iBAAA,IAAqB;AAAA,IAAoB;AAAA,IAAS,MAChE,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MAAM;AACb,iCAAuB;AAAA,YACrB;AAAA,YACA,mBAAmB;AAAA,UAAA,CACpB;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ConcluirProcessoDialog.js","sources":["../../../../lib/base/components/shared/ConcluirProcessoDialog.tsx"],"sourcesContent":["import { Dialog, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useConcluirProcesso from \"@base/hooks/flux/useConcluirProcesso\";\n\ninterface ConcluirProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst ConcluirProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: ConcluirProcessoDialogProps) => {\n  const { mutate: concluirProcesso, isPending } = useConcluirProcesso(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleConcluirProcesso = (dados: TActionProcesso) => {\n    concluirProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() => {\n              handleConcluirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              });\n            }}\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Concluir Processo</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo da conclusão\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default ConcluirProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,kBAAkB,UAAA,IAAc;AAAA,IAC9C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MAAM;AACb,iCAAuB;AAAA,YACrB;AAAA,YACA,mBAAmB;AAAA,UAAA,CACpB;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/EncerrarProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useEncerrarProcesso from "../../hooks/flux/useEncerrarProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const EncerrarProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: encerrarProcesso } = useEncerrarProcesso(
+  const { mutate: encerrarProcesso, isPending } = useEncerrarProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const EncerrarProcessoDialog = ({
     encerrarProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const EncerrarProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleEncerrarProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -37,27 +47,21 @@ const EncerrarProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Encerrar Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          required: true,
-          rows: 4,
-          placeholder: "Motivo do encerramento",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Encerrar Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        required: true,
+        rows: 4,
+        placeholder: "Motivo do encerramento",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   EncerrarProcessoDialog as default

package/dist/base/components/shared/EncerrarProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"EncerrarProcessoDialog.js","sources":["../../../../lib/base/components/shared/EncerrarProcessoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useEncerrarProcesso from \"@base/hooks/flux/useEncerrarProcesso\";\n\ninterface EncerrarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst EncerrarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: EncerrarProcessoDialogProps) => {\n  const { mutate: encerrarProcesso } = useEncerrarProcesso(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleEncerrarProcesso = (dados: TActionProcesso) => {\n    encerrarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() =>\n              handleEncerrarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Encerrar Processo\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do encerramento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default EncerrarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,iBAAA,IAAqB;AAAA,IAAoB;AAAA,IAAS,MAChE,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"EncerrarProcessoDialog.js","sources":["../../../../lib/base/components/shared/EncerrarProcessoDialog.tsx"],"sourcesContent":["import { Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button, Dialog } from \"@/components\";\nimport { useState } from \"react\";\nimport useEncerrarProcesso from \"@base/hooks/flux/useEncerrarProcesso\";\n\ninterface EncerrarProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst EncerrarProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: EncerrarProcessoDialogProps) => {\n  const { mutate: encerrarProcesso, isPending } = useEncerrarProcesso(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleEncerrarProcesso = (dados: TActionProcesso) => {\n    encerrarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() =>\n              handleEncerrarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Encerrar Processo</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            required\n            rows={4}\n            placeholder=\"Motivo do encerramento\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default EncerrarProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,EAAE,QAAQ,kBAAkB,UAAA,IAAc;AAAA,IAC9C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/ReabrirProcessoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useReabrirProcesso from "../../hooks/flux/useReabrirProcesso.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const ReabrirProcessoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: reabrirProcesso } = useReabrirProcesso(
+  const { mutate: reabrirProcesso, isPending } = useReabrirProcesso(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const ReabrirProcessoDialog = ({
     reabrirProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const ReabrirProcessoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleReabrirProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -37,26 +47,20 @@ const ReabrirProcessoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Reabrir Processo",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          rows: 4,
-          placeholder: "Motivo da reabertura",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Reabrir Processo" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        rows: 4,
+        placeholder: "Motivo da reabertura",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   ReabrirProcessoDialog as default

package/dist/base/components/shared/ReabrirProcessoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReabrirProcessoDialog.js","sources":["../../../../lib/base/components/shared/ReabrirProcessoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useReabrirProcesso from \"@base/hooks/flux/useReabrirProcesso\";\n\ninterface ReabrirProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst ReabrirProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: ReabrirProcessoDialogProps) => {\n  const { mutate: reabrirProcesso } = useReabrirProcesso(onClose, () =>\n    setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleReabrirProcesso = (dados: TActionProcesso) => {\n    reabrirProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() =>\n              handleReabrirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Reabrir Processo\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo da reabertura\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default ReabrirProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,EAAE,QAAQ,gBAAA,IAAoB;AAAA,IAAmB;AAAA,IAAS,MAC9D,UAAU,EAAE;AAAA,EAAA;AAEd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,wBAAwB,CAAC,UAA2B;AACxD,oBAAgB,KAAK;AAAA,EACvB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MACP,sBAAsB;AAAA,UACpB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ReabrirProcessoDialog.js","sources":["../../../../lib/base/components/shared/ReabrirProcessoDialog.tsx"],"sourcesContent":["import { Dialog, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useReabrirProcesso from \"@base/hooks/flux/useReabrirProcesso\";\n\ninterface ReabrirProcessoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst ReabrirProcessoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: ReabrirProcessoDialogProps) => {\n  const { mutate: reabrirProcesso, isPending } = useReabrirProcesso(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleReabrirProcesso = (dados: TActionProcesso) => {\n    reabrirProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() =>\n              handleReabrirProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Reabrir Processo</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo da reabertura\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default ReabrirProcessoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,EAAE,QAAQ,iBAAiB,UAAA,IAAc;AAAA,IAC7C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,wBAAwB,CAAC,UAA2B;AACxD,oBAAgB,KAAK;AAAA,EACvB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MACP,sBAAsB;AAAA,UACpB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,IACrC,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/RetornarFluxAtendimentoDialog.js

@@ -5,14 +5,14 @@ import { useState } from "react";
 import useRetornarFluxoAtendimento from "../../hooks/flux/useRetornarFluxoAtendimento.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const RetornarFluxAtendimentoDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: retornarProcesso } = useRetornarFluxoAtendimento(
+  const { mutate: retornarProcesso, isPending } = useRetornarFluxoAtendimento(
     onClose,
     () => setMotivo("")
   );
@@ -21,7 +21,16 @@ const RetornarFluxAtendimentoDialog = ({
     retornarProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -29,6 +38,7 @@ const RetornarFluxAtendimentoDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleRetornarProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -37,26 +47,20 @@ const RetornarFluxAtendimentoDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Retornar Fluxo de Atendimento",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          rows: 4,
-          placeholder: "Motivo do retorno",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Retornar Fluxo de Atendimento" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        rows: 4,
+        placeholder: "Motivo do retorno",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   RetornarFluxAtendimentoDialog as default

package/dist/base/components/shared/RetornarFluxAtendimentoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RetornarFluxAtendimentoDialog.js","sources":["../../../../lib/base/components/shared/RetornarFluxAtendimentoDialog.tsx"],"sourcesContent":["import { Drawer, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useRetornarFluxoAtendimento from \"@base/hooks/flux/useRetornarFluxoAtendimento\";\n\ninterface RetornarFluxAtendimentoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst RetornarFluxAtendimentoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: RetornarFluxAtendimentoDialogProps) => {\n  const { mutate: retornarProcesso } = useRetornarFluxoAtendimento(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleRetornarProcesso = (dados: TActionProcesso) => {\n    retornarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button block className=\"mx-2\" onClick={() => onClose()}>\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            onClick={() =>\n              handleRetornarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Drawer\n        title=\"Retornar Fluxo de Atendimento\"\n        isOpen={isOpen}\n        onClose={onClose}\n        onRequestClose={onClose}\n        footer={Footer}\n      >\n        <div className=\"flex flex-col gap-4 p-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo do retorno\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n      </Drawer>\n    </>\n  );\n};\n\nexport default RetornarFluxAtendimentoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,gCAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAA0C;AACxC,QAAM,EAAE,QAAQ,iBAAA,IAAqB;AAAA,IACnC;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,SAAS,MAAM,QAAA,GAAW,UAAA,WAAA,CAEzD;AAAA,IACA,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MAER,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAQ;AAAA,UACR,MAAM;AAAA,UACN,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"RetornarFluxAtendimentoDialog.js","sources":["../../../../lib/base/components/shared/RetornarFluxAtendimentoDialog.tsx"],"sourcesContent":["import { Dialog, Input, Tooltip } from \"@/components/ui\";\nimport { TActionProcesso } from \"@base/@types/models/flux/processo\";\nimport { Button } from \"@/components\";\nimport { useState } from \"react\";\nimport useRetornarFluxoAtendimento from \"@base/hooks/flux/useRetornarFluxoAtendimento\";\n\ninterface RetornarFluxAtendimentoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  idProcesso: number;\n}\n\nconst RetornarFluxAtendimentoDialog = ({\n  isOpen,\n  onClose,\n  idProcesso,\n}: RetornarFluxAtendimentoDialogProps) => {\n  const { mutate: retornarProcesso, isPending } = useRetornarFluxoAtendimento(\n    onClose,\n    () => setMotivo(\"\")\n  );\n  const [motivo, setMotivo] = useState<string>(\"\");\n\n  const handleRetornarProcesso = (dados: TActionProcesso) => {\n    retornarProcesso(dados);\n  };\n\n  const Footer = (\n    <div className=\"flex w-full items-start\">\n      <Button\n        block\n        className=\"mx-2\"\n        disabled={isPending}\n        onClick={() => onClose()}\n      >\n        Cancelar\n      </Button>\n      <Tooltip title={!motivo ? \"Motivo obrigatório\" : <></>} placement=\"top\">\n        <span>\n          <Button\n            block\n            className=\"mx-2\"\n            variant=\"solid\"\n            disabled={!motivo}\n            loading={isPending}\n            onClick={() =>\n              handleRetornarProcesso({\n                idProcesso,\n                mensagemInteracao: motivo,\n              })\n            }\n          >\n            Confirmar\n          </Button>\n        </span>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog isOpen={isOpen} onClose={onClose} onRequestClose={onClose}>\n        <h5 className=\"mb-4\">Retornar Fluxo de Atendimento</h5>\n        <div className=\"flex flex-col gap-4\">\n          <Input\n            textArea\n            rows={4}\n            placeholder=\"Motivo do retorno\"\n            value={motivo}\n            onChange={(e) => setMotivo(e.target.value)}\n          />\n        </div>\n        <div className=\"mt-6\">{Footer}</div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default RetornarFluxAtendimentoDialog;\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,gCAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAA0C;AACxC,QAAM,EAAE,QAAQ,kBAAkB,UAAA,IAAc;AAAA,IAC9C;AAAA,IACA,MAAM,UAAU,EAAE;AAAA,EAAA;AAEpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,EAAE;AAE/C,QAAM,yBAAyB,CAAC,UAA2B;AACzD,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS,MAAM,QAAA;AAAA,QAChB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,oBAAC,SAAA,EAAQ,OAAO,CAAC,SAAS,uBAAuB,oBAAA,UAAA,CAAA,CAAE,GAAK,WAAU,OAChE,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAU,CAAC;AAAA,QACX,SAAS;AAAA,QACT,SAAS,MACP,uBAAuB;AAAA,UACrB;AAAA,UACA,mBAAmB;AAAA,QAAA,CACpB;AAAA,QAEJ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH,EAAA,CACF;AAAA,EAAA,GACF;AAGF,yCAEI,UAAA,qBAAC,QAAA,EAAO,QAAgB,SAAkB,gBAAgB,SACxD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,iCAA6B;AAAA,IAClD,oBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAQ;AAAA,QACR,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAE7C;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CAChC,EAAA,CACF;AAEJ;"}

package/dist/base/components/shared/TransferirParaAtendenteDialog.js

@@ -4,14 +4,14 @@ import { useState } from "react";
 import useTransferirParaAtendente from "../../hooks/flux/useTransferirParaAtendente.js";
 import Button from "../../../@ecme/components/ui/Button/Button.js";
 import Tooltip from "../../../@ecme/components/ui/Tooltip/Tooltip.js";
-import Drawer from "../../../@ecme/components/ui/Drawer/Drawer.js";
+import Dialog from "../../../@ecme/components/ui/Dialog/Dialog.js";
 import Input from "../../../@ecme/components/ui/Input/Input.js";
 const TransferirParaAtendenteDialog = ({
   isOpen,
   onClose,
   idProcesso
 }) => {
-  const { mutate: transferirProcesso } = useTransferirParaAtendente(
+  const { mutate: transferirProcesso, isPending } = useTransferirParaAtendente(
     onClose,
     () => setMotivo("")
   );
@@ -20,7 +20,16 @@ const TransferirParaAtendenteDialog = ({
     transferirProcesso(dados);
   };
   const Footer = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-    /* @__PURE__ */ jsx(Button, { block: true, className: "mx-2", onClick: () => onClose(), children: "Cancelar" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        block: true,
+        className: "mx-2",
+        disabled: isPending,
+        onClick: () => onClose(),
+        children: "Cancelar"
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: !motivo ? "Motivo obrigatório" : /* @__PURE__ */ jsx(Fragment, {}), placement: "top", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -28,6 +37,7 @@ const TransferirParaAtendenteDialog = ({
         className: "mx-2",
         variant: "solid",
         disabled: !motivo,
+        loading: isPending,
         onClick: () => handleTransferirProcesso({
           idProcesso,
           mensagemInteracao: motivo
@@ -36,27 +46,21 @@ const TransferirParaAtendenteDialog = ({
       }
     ) }) })
   ] });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      title: "Transferir Processo para Atendente",
-      isOpen,
-      onClose,
-      onRequestClose: onClose,
-      footer: Footer,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          textArea: true,
-          required: true,
-          rows: 4,
-          placeholder: "Motivo da transferência",
-          value: motivo,
-          onChange: (e) => setMotivo(e.target.value)
-        }
-      ) })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Dialog, { isOpen, onClose, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx("h5", { className: "mb-4", children: "Transferir Processo para Atendente" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        textArea: true,
+        required: true,
+        rows: 4,
+        placeholder: "Motivo da transferência",
+        value: motivo,
+        onChange: (e) => setMotivo(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: Footer })
+  ] }) });
 };
 export {
   TransferirParaAtendenteDialog as default