@orbe-agro/client-core 5.6.262 → 5.6.263

package/lib/base/@types/models/transportadora/irpf.ts

@@ -3,6 +3,7 @@ export type TIrpf = {
     valorMinimo: number
     valorMaximo: number
     aliquota: number
+    parcelaDeduzir: number,
     parcela: number,
     deducao?: number,
     baseCalculo?: number,

package/lib/base/@types/models/transportadora/irpfFaixaDesconto.ts

@@ -3,6 +3,5 @@ export type TIrpfFaixaDesconto = {
     valorMinimo: number
     valorMaximo: number
     coeficiente: number
-    parcelaDeduzir: number
     descontoMaximo: number
 }

package/lib/base/components/forms/GenericForms/GenericArrayFormSection.tsx

@@ -27,7 +27,7 @@ type GeneralFormSectionProps<
     K extends ArrayPath<T>,
 > = IFormSectionBaseProps<T> & {
     nameArray: K
-    defaultAppendItem: FieldArray<T, K>
+    defaultAppendItem: any
     nameCampoStringArray: string[]
     nameCampoNumberArray: string[]
     nameCampoSelectArray?: string[]

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/configs/api.config.ts

@@ -10,9 +10,9 @@ const NODE_ENV = import.meta.env.MODE
 /**
  *  @desc Endereço da API usado em modo de desenvolvimento, quando rodando a aplicação com "yarn start".
  *
- *  @see http://localhost:8080/api (LOCAL)
+ *  @see http://localhost:8081 (LOCAL)
  *
- *  @see http://172.16.14.27:30001/api (QAS)
+ *  @see https://gateway.apps.qas.orbeagro.com.br (QAS)
  *
  * */