@granto-umbrella/umbrella-components 3.0.32 → 3.0.33

package/src/components/molecules/InsuranceCard/InsuranceCard.tsx

@@ -1,455 +1,455 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { cnpj } from 'cpf-cnpj-validator';
-import { format, parseISO } from 'date-fns';
-import {
-  ChevronDown,
-  ChevronUp,
-  CreditCard,
-  Download,
-  FileText,
-  Loader2,
-  PlusCircle,
-} from 'lucide-react';
-import mask from 'make-mask';
-import { ArrowCircleUpRight, Cube, FlowArrow, XCircle } from 'phosphor-react';
-import React, { useState } from 'react';
-
-import Pill from '../../atoms/Pill/Pill';
-import { mapRemoteToTimeline } from '../../molecules/TimeLine/TimeLine.mapper';
-import { TimelineModal } from '../../organisms/TimelineModal/TimelineModal';
-import { ExcludeModal } from '../ExcludeModal';
-import { RefuseModal } from '../RefuseModal';
-import {
-  ActionButton,
-  Actions,
-  BodyRow,
-  CardContainer,
-  DropdownMenu,
-  DropdownWrapper,
-  HeaderRow,
-  InfoLabel,
-  InfoRow,
-  InfoSubValue,
-  InfoValue,
-  MenuItemProps,
-  ProcessValue,
-  ProdValue,
-  StyledMenuItem,
-  Text,
-  TruncatedValue,
-} from './InsuranceCard.styles';
-import { InsuranceCardProps, StatusVariant } from './InsuranceCard.types';
-
-export const InsuranceCard: React.FC<InsuranceCardProps> = ({
-  idGranto,
-  idOrder,
-  idInsurance,
-  idInterno,
-  isSupply,
-  hasMinute,
-  statusLabel,
-  statusVariant,
-  seguradoName,
-  seguradoCnpj,
-  product,
-  issuedDate,
-  totalValue,
-  processId,
-  activeIndex,
-  testId,
-  openCardId,
-  setOpenCardId,
-  runQuery,
-  useDownloadAndSupport,
-  useDownloadFile,
-  useChangeOrderStageAsync,
-  useMyStore,
-  useQueryClient,
-  useGetTimeline,
-  useAuthStoreV2,
-  navigate,
-}) => {
-  const [loadingItem, setLoadingItem] = useState<string | null>(null);
-  const [showRefuseModal, setShowRefuseModal] = useState(false);
-  const [showExcludeModal, setShowExcludeModal] = useState(false);
-  const [showTimeline, setShowTimeline] = useState(false);
-  const [timelineItems, setTimelineItems] = useState<
-    ReturnType<typeof mapRemoteToTimeline>
-  >([]);
-  const { isLoading: isTimelineLoading, refetch: fetchTimeline } =
-    useGetTimeline({ orderId: idOrder, insuranceId: idInsurance });
-
-  const showTimelineToggle = async () => {
-    const willOpen = !showTimeline;
-
-    if (willOpen && (!timelineItems || timelineItems.length === 0)) {
-      setLoadingItem('linha_do_tempo');
-      setShowTimeline(true);
-      try {
-        const { data: remote } = await fetchTimeline();
-        setTimelineItems(mapRemoteToTimeline(remote ?? []));
-      } catch (err) {
-        console.error('Falha ao carregar timeline', err);
-      } finally {
-        setLoadingItem(null);
-      }
-      return;
-    }
-
-    setShowTimeline(willOpen);
-  };
-
-  const isOpen = openCardId === idOrder;
-
-  const toggleOpen = () => {
-    setOpenCardId(isOpen ? null : idOrder);
-  };
-
-  const handleClick = async (
-    key: string,
-    callback: () => Promise<void> | void
-  ) => {
-    setLoadingItem(key);
-    await Promise.resolve(callback());
-    setLoadingItem(null);
-  };
-
-  const { isAllowedByRoles } = useAuthStoreV2();
-
-  const [productTitle, productDescription] = product;
-
-  const { downloadFile, searchCerts } = useDownloadFile(idOrder);
-  const { onEndorsementClick } = useDownloadAndSupport();
-  const mutateStageOrder = useChangeOrderStageAsync();
-  const { setData } = useMyStore();
-  const queryClient = useQueryClient();
-
-  const irParaContinuarEmissao = () => {
-    const stateData = idInsurance
-      ? { idInsurance, isSupply }
-      : { idOrder, isSupply };
-    if (
-      statusLabel === 'Proposta recusada' ||
-      statusLabel === 'Proposta excluída'
-    ) {
-      mutateStageOrder.mutateAsync(
-        {
-          id: idGranto,
-          newStage: 'IDLE',
-        },
-        {
-          onSuccess: () => {
-            queryClient.invalidateQueries({ queryKey: ['orders'] });
-          },
-        }
-      );
-    }
-    navigate('/issue', { state: stateData });
-
-    setData({});
-  };
-  const abrirModalExcluirProposta = () => setShowExcludeModal(true);
-  const fecharModalExclusao = () => setShowExcludeModal(false);
-
-  const confirmarExclusao = () => {
-    runQuery();
-    fecharModalExclusao();
-  };
-  const abrirModalRecusarProposta = () => setShowRefuseModal(true);
-  const fecharModalRecusa = () => setShowRefuseModal(false);
-
-  const confirmarRecusa = () => {
-    runQuery();
-    fecharModalRecusa();
-  };
-
-  return (
-    <CardContainer
-      data-testid={testId}
-      id={testId}
-      $variant={statusVariant as StatusVariant}
-    >
-      <ExcludeModal
-        open={showExcludeModal}
-        onOpenChange={setShowExcludeModal}
-        onConfirm={confirmarExclusao}
-        onClose={fecharModalExclusao}
-        orderId={idGranto}
-      />
-      <RefuseModal
-        open={showRefuseModal}
-        onOpenChange={setShowRefuseModal}
-        onConfirm={confirmarRecusa}
-        onClose={fecharModalRecusa}
-        orderId={idGranto}
-      />
-      <TimelineModal
-        open={showTimeline}
-        onOpenChange={setShowTimeline}
-        onClose={() => setShowTimeline(false)}
-        data={timelineItems}
-        loading={isTimelineLoading}
-        onRetry={fetchTimeline}
-      />
-      <HeaderRow>
-        {isSupply && (
-          <Pill size={'sm'} variant="supply">
-            <Cube />
-            Suppliers
-          </Pill>
-        )}
-        <Text>ID Granto: {idGranto}</Text>
-        <Text>ID interno: {idInterno}</Text>
-        <Text $variant={statusVariant as StatusVariant}>
-          {activeIndex === 0 ? 'Etapa' : 'Status'}: {statusLabel}
-        </Text>
-      </HeaderRow>
-      <BodyRow>
-        <InfoRow>
-          <InfoLabel>Segurado</InfoLabel>
-          <TruncatedValue>{seguradoName}</TruncatedValue>
-          <InfoSubValue>
-            {mask(
-              seguradoCnpj,
-              cnpj.isValid(seguradoCnpj)
-                ? '00.000.000/0000-00'
-                : '000.000.000-00'
-            )}
-          </InfoSubValue>
-        </InfoRow>
-        <InfoRow>
-          <InfoLabel>Produto</InfoLabel>
-          <ProdValue>{productTitle}</ProdValue>
-          <InfoSubValue>{productDescription}</InfoSubValue>
-        </InfoRow>
-        <InfoRow>
-          <InfoLabel>
-            {activeIndex === 0 ? 'Iniciado em' : 'Emitido em'}
-          </InfoLabel>
-          <InfoValue>{format(parseISO(issuedDate), 'dd/MM/yyyy')}</InfoValue>
-        </InfoRow>
-        <InfoRow>
-          <InfoLabel>
-            {' '}
-            {activeIndex === 0 ? 'Valor a ser pago' : 'Valor pago'}
-          </InfoLabel>
-          <InfoValue>{totalValue}</InfoValue>
-        </InfoRow>
-        <InfoRow>
-          <InfoLabel>Processo</InfoLabel>
-          <ProcessValue>
-            {processId
-              ? mask(processId || '', '0000000-00.0000.0.00.0000')
-              : '-'}
-          </ProcessValue>
-        </InfoRow>
-        <Actions>
-          <DropdownWrapper>
-            <ActionButton
-              data-testid={`btn_minhas_emissoes_mais_informacoes_${processId}`}
-              id={`btn_minhas_emissoes_mais_informacoes_${processId}`}
-              onClick={toggleOpen}
-            >
-              Mais informações{' '}
-              {isOpen ? <ChevronUp size={16} /> : <ChevronDown size={16} />}
-            </ActionButton>
-            {isOpen && activeIndex === 0 && (
-              <DropdownMenu>
-                <MenuItem
-                  data-testid={`btn_minhas_linha_do_tempo_${processId}`}
-                  id={`btn_minhas_linha_do_tempo_${processId}`}
-                  icon={
-                    loadingItem === 'linha_do_tempo' || isTimelineLoading ? (
-                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                    ) : (
-                      <FlowArrow size={16} />
-                    )
-                  }
-                  onClick={() =>
-                    handleClick('linha_do_tempo', showTimelineToggle)
-                  }
-                >
-                  Linha do tempo
-                </MenuItem>
-                <MenuItem
-                  data-testid={`btn_minhas_emissoes_continuar_emissao_${processId}`}
-                  id={`btn_minhas_emissoes_continuar_emissao_${processId}`}
-                  icon={
-                    loadingItem === 'continuar_emissao' ? (
-                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                    ) : (
-                      <ArrowCircleUpRight size={16} />
-                    )
-                  }
-                  onClick={() =>
-                    handleClick('continuar_emissao', irParaContinuarEmissao)
-                  }
-                >
-                  Continuar emissão
-                </MenuItem>
-                {hasMinute && isAllowedByRoles('user') && (
-                  <MenuItem
-                    data-testid={`btn_minhas_emissoes_baixar_minuta_${processId}`}
-                    id={`btn_minhas_emissoes_baixar_minuta_${processId}`}
-                    icon={
-                      loadingItem === 'minuta' ? (
-                        <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                      ) : (
-                        <Download size={16} />
-                      )
-                    }
-                    onClick={() =>
-                      handleClick('minuta', () => downloadFile('MINUTE', true))
-                    }
-                  >
-                    Baixar minuta
-                  </MenuItem>
-                )}
-                {statusLabel === 'Aguardando aprovação' && (
-                  <MenuItem
-                    danger
-                    data-testid={`btn_minhas_emissoes_recusar_proposta_${processId}`}
-                    id={`btn_minhas_emissoes_recusar_proposta_${processId}`}
-                    icon={
-                      loadingItem === 'recusar_proposta' ? (
-                        <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                      ) : (
-                        <XCircle size={16} />
-                      )
-                    }
-                    onClick={() =>
-                      handleClick('recusar_proposta', abrirModalRecusarProposta)
-                    }
-                  >
-                    Recusar proposta
-                  </MenuItem>
-                )}
-                {statusLabel === 'Proposta recusada' && (
-                  <MenuItem
-                    danger
-                    data-testid={`btn_minhas_emissoes_excluir_proposta_${processId}`}
-                    id={`btn_minhas_emissoes_excluir_proposta_${processId}`}
-                    icon={
-                      loadingItem === 'excluir_proposta' ? (
-                        <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                      ) : (
-                        <XCircle size={16} />
-                      )
-                    }
-                    onClick={() =>
-                      handleClick('excluir_proposta', abrirModalExcluirProposta)
-                    }
-                  >
-                    Excluir proposta
-                  </MenuItem>
-                )}
-              </DropdownMenu>
-            )}
-            {isOpen && activeIndex === 1 && (
-              <DropdownMenu>
-                <MenuItem
-                  data-testid={`btn_minhas_linha_do_tempo_${processId}`}
-                  id={`btn_minhas_linha_do_tempo_${processId}`}
-                  icon={
-                    loadingItem === 'linha_do_tempo' || isTimelineLoading ? (
-                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                    ) : (
-                      <FlowArrow size={16} />
-                    )
-                  }
-                  onClick={() =>
-                    handleClick('linha_do_tempo', showTimelineToggle)
-                  }
-                >
-                  Linha do tempo
-                </MenuItem>
-                <MenuItem
-                  data-testid={`btn_minhas_emissoes_baixar_apolice_${processId}`}
-                  id={`btn_minhas_emissoes_baixar_apolice_${processId}`}
-                  icon={
-                    loadingItem === 'apolice' ? (
-                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                    ) : (
-                      <FileText size={16} />
-                    )
-                  }
-                  onClick={() =>
-                    handleClick('apolice', () => downloadFile('POLICY', true))
-                  }
-                >
-                  Baixar apólice
-                </MenuItem>
-                <MenuItem
-                  data-testid={`btn_minhas_emissoes_baixar_boleto_${processId}`}
-                  id={`btn_minhas_emissoes_baixar_boleto_${processId}`}
-                  icon={
-                    loadingItem === 'boleto' ? (
-                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                    ) : (
-                      <CreditCard size={16} />
-                    )
-                  }
-                  onClick={() =>
-                    handleClick('boleto', () => downloadFile('SLIP', true))
-                  }
-                >
-                  Baixar boleto
-                </MenuItem>
-                <MenuItem
-                  data-testid={`btn_minhas_emissoes_baixar_certidoes_${processId}`}
-                  id={`btn_minhas_emissoes_baixar_certidoes_${processId}`}
-                  icon={
-                    loadingItem === 'certidoes' ? (
-                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                    ) : (
-                      <Download size={16} />
-                    )
-                  }
-                  onClick={() =>
-                    handleClick('certidoes', () =>
-                      searchCerts(idInsurance!, idOrder)
-                    )
-                  }
-                >
-                  Baixar certidões
-                </MenuItem>
-                <MenuItem
-                  data-testid={`btn_minhas_emissoes_solicitar_endosso_${processId}`}
-                  id={`btn_minhas_emissoes_solicitar_endosso_${processId}`}
-                  icon={
-                    loadingItem === 'endosso' ? (
-                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
-                    ) : (
-                      <PlusCircle size={16} />
-                    )
-                  }
-                  onClick={() =>
-                    handleClick('endosso', () =>
-                      onEndorsementClick('Umbrela Corp', idInsurance!)
-                    )
-                  }
-                >
-                  Solicitar endosso
-                </MenuItem>
-              </DropdownMenu>
-            )}
-          </DropdownWrapper>
-        </Actions>
-      </BodyRow>
-    </CardContainer>
-  );
-};
-
-const MenuItem: React.FC<MenuItemProps> = ({
-  icon,
-  danger,
-  children,
-  ...rest
-}) => {
-  return (
-    <StyledMenuItem {...rest} $danger={danger}>
-      {icon}
-      {children}
-    </StyledMenuItem>
-  );
-};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { cnpj } from 'cpf-cnpj-validator';
+import { format, parseISO } from 'date-fns';
+import {
+  ChevronDown,
+  ChevronUp,
+  CreditCard,
+  Download,
+  FileText,
+  Loader2,
+  PlusCircle,
+} from 'lucide-react';
+import mask from 'make-mask';
+import { ArrowCircleUpRight, Cube, FlowArrow, XCircle } from 'phosphor-react';
+import React, { useState } from 'react';
+
+import Pill from '../../atoms/Pill/Pill';
+import { mapRemoteToTimeline } from '../../molecules/TimeLine/TimeLine.mapper';
+import { TimelineModal } from '../../organisms/TimelineModal/TimelineModal';
+import { ExcludeModal } from '../ExcludeModal';
+import { RefuseModal } from '../RefuseModal';
+import {
+  ActionButton,
+  Actions,
+  BodyRow,
+  CardContainer,
+  DropdownMenu,
+  DropdownWrapper,
+  HeaderRow,
+  InfoLabel,
+  InfoRow,
+  InfoSubValue,
+  InfoValue,
+  MenuItemProps,
+  ProcessValue,
+  ProdValue,
+  StyledMenuItem,
+  Text,
+  TruncatedValue,
+} from './InsuranceCard.styles';
+import { InsuranceCardProps, StatusVariant } from './InsuranceCard.types';
+
+export const InsuranceCard: React.FC<InsuranceCardProps> = ({
+  idGranto,
+  idOrder,
+  idInsurance,
+  idInterno,
+  isSupply,
+  hasMinute,
+  statusLabel,
+  statusVariant,
+  seguradoName,
+  seguradoCnpj,
+  product,
+  issuedDate,
+  totalValue,
+  processId,
+  activeIndex,
+  testId,
+  openCardId,
+  setOpenCardId,
+  runQuery,
+  useDownloadAndSupport,
+  useDownloadFile,
+  useChangeOrderStageAsync,
+  useMyStore,
+  useQueryClient,
+  useGetTimeline,
+  useAuthStoreV2,
+  navigate,
+}) => {
+  const [loadingItem, setLoadingItem] = useState<string | null>(null);
+  const [showRefuseModal, setShowRefuseModal] = useState(false);
+  const [showExcludeModal, setShowExcludeModal] = useState(false);
+  const [showTimeline, setShowTimeline] = useState(false);
+  const [timelineItems, setTimelineItems] = useState<
+    ReturnType<typeof mapRemoteToTimeline>
+  >([]);
+  const { isLoading: isTimelineLoading, refetch: fetchTimeline } =
+    useGetTimeline({ orderId: idOrder, insuranceId: idInsurance });
+
+  const showTimelineToggle = async () => {
+    const willOpen = !showTimeline;
+
+    if (willOpen && (!timelineItems || timelineItems.length === 0)) {
+      setLoadingItem('linha_do_tempo');
+      setShowTimeline(true);
+      try {
+        const { data: remote } = await fetchTimeline();
+        setTimelineItems(mapRemoteToTimeline(remote ?? []));
+      } catch (err) {
+        console.error('Falha ao carregar timeline', err);
+      } finally {
+        setLoadingItem(null);
+      }
+      return;
+    }
+
+    setShowTimeline(willOpen);
+  };
+
+  const isOpen = openCardId === idOrder;
+
+  const toggleOpen = () => {
+    setOpenCardId(isOpen ? null : idOrder);
+  };
+
+  const handleClick = async (
+    key: string,
+    callback: () => Promise<void> | void
+  ) => {
+    setLoadingItem(key);
+    await Promise.resolve(callback());
+    setLoadingItem(null);
+  };
+
+  const { isAllowedByRoles } = useAuthStoreV2();
+
+  const [productTitle, productDescription] = product;
+
+  const { downloadFile, searchCerts } = useDownloadFile(idOrder);
+  const { onEndorsementClick } = useDownloadAndSupport();
+  const mutateStageOrder = useChangeOrderStageAsync();
+  const { setData } = useMyStore();
+  const queryClient = useQueryClient();
+
+  const irParaContinuarEmissao = () => {
+    const stateData = idInsurance
+      ? { idInsurance, isSupply }
+      : { idOrder, isSupply };
+    if (
+      statusLabel === 'Proposta recusada' ||
+      statusLabel === 'Proposta excluída'
+    ) {
+      mutateStageOrder.mutateAsync(
+        {
+          id: idGranto,
+          newStage: 'IDLE',
+        },
+        {
+          onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['orders'] });
+          },
+        }
+      );
+    }
+    navigate('/issue', { state: stateData });
+
+    setData({});
+  };
+  const abrirModalExcluirProposta = () => setShowExcludeModal(true);
+  const fecharModalExclusao = () => setShowExcludeModal(false);
+
+  const confirmarExclusao = () => {
+    runQuery();
+    fecharModalExclusao();
+  };
+  const abrirModalRecusarProposta = () => setShowRefuseModal(true);
+  const fecharModalRecusa = () => setShowRefuseModal(false);
+
+  const confirmarRecusa = () => {
+    runQuery();
+    fecharModalRecusa();
+  };
+
+  return (
+    <CardContainer
+      data-testid={testId}
+      id={testId}
+      $variant={statusVariant as StatusVariant}
+    >
+      <ExcludeModal
+        open={showExcludeModal}
+        onOpenChange={setShowExcludeModal}
+        onConfirm={confirmarExclusao}
+        onClose={fecharModalExclusao}
+        orderId={idGranto}
+      />
+      <RefuseModal
+        open={showRefuseModal}
+        onOpenChange={setShowRefuseModal}
+        onConfirm={confirmarRecusa}
+        onClose={fecharModalRecusa}
+        orderId={idGranto}
+      />
+      <TimelineModal
+        open={showTimeline}
+        onOpenChange={setShowTimeline}
+        onClose={() => setShowTimeline(false)}
+        data={timelineItems}
+        loading={isTimelineLoading}
+        onRetry={fetchTimeline}
+      />
+      <HeaderRow>
+        {isSupply && (
+          <Pill size={'sm'} variant="supply">
+            <Cube />
+            Suppliers
+          </Pill>
+        )}
+        <Text>ID Granto: {idGranto}</Text>
+        <Text>ID interno: {idInterno}</Text>
+        <Text $variant={statusVariant as StatusVariant}>
+          {activeIndex === 0 ? 'Etapa' : 'Status'}: {statusLabel}
+        </Text>
+      </HeaderRow>
+      <BodyRow>
+        <InfoRow>
+          <InfoLabel>Segurado</InfoLabel>
+          <TruncatedValue>{seguradoName}</TruncatedValue>
+          <InfoSubValue>
+            {mask(
+              seguradoCnpj,
+              cnpj.isValid(seguradoCnpj)
+                ? '00.000.000/0000-00'
+                : '000.000.000-00'
+            )}
+          </InfoSubValue>
+        </InfoRow>
+        <InfoRow>
+          <InfoLabel>Produto</InfoLabel>
+          <ProdValue>{productTitle}</ProdValue>
+          <InfoSubValue>{productDescription}</InfoSubValue>
+        </InfoRow>
+        <InfoRow>
+          <InfoLabel>
+            {activeIndex === 0 ? 'Iniciado em' : 'Emitido em'}
+          </InfoLabel>
+          <InfoValue>{format(parseISO(issuedDate), 'dd/MM/yyyy')}</InfoValue>
+        </InfoRow>
+        <InfoRow>
+          <InfoLabel>
+            {' '}
+            {activeIndex === 0 ? 'Valor a ser pago' : 'Valor pago'}
+          </InfoLabel>
+          <InfoValue>{totalValue}</InfoValue>
+        </InfoRow>
+        <InfoRow>
+          <InfoLabel>Processo</InfoLabel>
+          <ProcessValue>
+            {processId
+              ? mask(processId || '', '0000000-00.0000.0.00.0000')
+              : '-'}
+          </ProcessValue>
+        </InfoRow>
+        <Actions>
+          <DropdownWrapper>
+            <ActionButton
+              data-testid={`btn_minhas_emissoes_mais_informacoes_${processId}`}
+              id={`btn_minhas_emissoes_mais_informacoes_${processId}`}
+              onClick={toggleOpen}
+            >
+              Mais informações{' '}
+              {isOpen ? <ChevronUp size={16} /> : <ChevronDown size={16} />}
+            </ActionButton>
+            {isOpen && activeIndex === 0 && (
+              <DropdownMenu>
+                <MenuItem
+                  data-testid={`btn_minhas_linha_do_tempo_${processId}`}
+                  id={`btn_minhas_linha_do_tempo_${processId}`}
+                  icon={
+                    loadingItem === 'linha_do_tempo' || isTimelineLoading ? (
+                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                    ) : (
+                      <FlowArrow size={16} />
+                    )
+                  }
+                  onClick={() =>
+                    handleClick('linha_do_tempo', showTimelineToggle)
+                  }
+                >
+                  Linha do tempo
+                </MenuItem>
+                <MenuItem
+                  data-testid={`btn_minhas_emissoes_continuar_emissao_${processId}`}
+                  id={`btn_minhas_emissoes_continuar_emissao_${processId}`}
+                  icon={
+                    loadingItem === 'continuar_emissao' ? (
+                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                    ) : (
+                      <ArrowCircleUpRight size={16} />
+                    )
+                  }
+                  onClick={() =>
+                    handleClick('continuar_emissao', irParaContinuarEmissao)
+                  }
+                >
+                  Continuar emissão
+                </MenuItem>
+                {hasMinute && isAllowedByRoles('user') && (
+                  <MenuItem
+                    data-testid={`btn_minhas_emissoes_baixar_minuta_${processId}`}
+                    id={`btn_minhas_emissoes_baixar_minuta_${processId}`}
+                    icon={
+                      loadingItem === 'minuta' ? (
+                        <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                      ) : (
+                        <Download size={16} />
+                      )
+                    }
+                    onClick={() =>
+                      handleClick('minuta', () => downloadFile('MINUTE', true))
+                    }
+                  >
+                    Baixar minuta
+                  </MenuItem>
+                )}
+                {statusLabel === 'Aguardando aprovação' && (
+                  <MenuItem
+                    danger
+                    data-testid={`btn_minhas_emissoes_recusar_proposta_${processId}`}
+                    id={`btn_minhas_emissoes_recusar_proposta_${processId}`}
+                    icon={
+                      loadingItem === 'recusar_proposta' ? (
+                        <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                      ) : (
+                        <XCircle size={16} />
+                      )
+                    }
+                    onClick={() =>
+                      handleClick('recusar_proposta', abrirModalRecusarProposta)
+                    }
+                  >
+                    Recusar proposta
+                  </MenuItem>
+                )}
+                {statusLabel === 'Proposta recusada' && (
+                  <MenuItem
+                    danger
+                    data-testid={`btn_minhas_emissoes_excluir_proposta_${processId}`}
+                    id={`btn_minhas_emissoes_excluir_proposta_${processId}`}
+                    icon={
+                      loadingItem === 'excluir_proposta' ? (
+                        <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                      ) : (
+                        <XCircle size={16} />
+                      )
+                    }
+                    onClick={() =>
+                      handleClick('excluir_proposta', abrirModalExcluirProposta)
+                    }
+                  >
+                    Excluir proposta
+                  </MenuItem>
+                )}
+              </DropdownMenu>
+            )}
+            {isOpen && activeIndex === 1 && (
+              <DropdownMenu>
+                <MenuItem
+                  data-testid={`btn_minhas_linha_do_tempo_${processId}`}
+                  id={`btn_minhas_linha_do_tempo_${processId}`}
+                  icon={
+                    loadingItem === 'linha_do_tempo' || isTimelineLoading ? (
+                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                    ) : (
+                      <FlowArrow size={16} />
+                    )
+                  }
+                  onClick={() =>
+                    handleClick('linha_do_tempo', showTimelineToggle)
+                  }
+                >
+                  Linha do tempo
+                </MenuItem>
+                <MenuItem
+                  data-testid={`btn_minhas_emissoes_baixar_apolice_${processId}`}
+                  id={`btn_minhas_emissoes_baixar_apolice_${processId}`}
+                  icon={
+                    loadingItem === 'apolice' ? (
+                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                    ) : (
+                      <FileText size={16} />
+                    )
+                  }
+                  onClick={() =>
+                    handleClick('apolice', () => downloadFile('POLICY', true))
+                  }
+                >
+                  Baixar apólice
+                </MenuItem>
+                <MenuItem
+                  data-testid={`btn_minhas_emissoes_baixar_boleto_${processId}`}
+                  id={`btn_minhas_emissoes_baixar_boleto_${processId}`}
+                  icon={
+                    loadingItem === 'boleto' ? (
+                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                    ) : (
+                      <CreditCard size={16} />
+                    )
+                  }
+                  onClick={() =>
+                    handleClick('boleto', () => downloadFile('SLIP', true))
+                  }
+                >
+                  Baixar boleto
+                </MenuItem>
+                <MenuItem
+                  data-testid={`btn_minhas_emissoes_baixar_certidoes_${processId}`}
+                  id={`btn_minhas_emissoes_baixar_certidoes_${processId}`}
+                  icon={
+                    loadingItem === 'certidoes' ? (
+                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                    ) : (
+                      <Download size={16} />
+                    )
+                  }
+                  onClick={() =>
+                    handleClick('certidoes', () =>
+                      searchCerts(idInsurance!, idOrder)
+                    )
+                  }
+                >
+                  Baixar certidões
+                </MenuItem>
+                <MenuItem
+                  data-testid={`btn_minhas_emissoes_solicitar_endosso_${processId}`}
+                  id={`btn_minhas_emissoes_solicitar_endosso_${processId}`}
+                  icon={
+                    loadingItem === 'endosso' ? (
+                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
+                    ) : (
+                      <PlusCircle size={16} />
+                    )
+                  }
+                  onClick={() =>
+                    handleClick('endosso', () =>
+                      onEndorsementClick('Umbrela Corp', idInsurance!)
+                    )
+                  }
+                >
+                  Solicitar endosso
+                </MenuItem>
+              </DropdownMenu>
+            )}
+          </DropdownWrapper>
+        </Actions>
+      </BodyRow>
+    </CardContainer>
+  );
+};
+
+const MenuItem: React.FC<MenuItemProps> = ({
+  icon,
+  danger,
+  children,
+  ...rest
+}) => {
+  return (
+    <StyledMenuItem {...rest} $danger={danger}>
+      {icon}
+      {children}
+    </StyledMenuItem>
+  );
+};