appmax-client-vue3 5.0.2 → 5.0.4

package/dist/InternalPendencyDetail-BKLJB3lK.js

@@ -0,0 +1,717 @@
+import { b as useRoute, u as useI18n, a as useToast, e as computed, ad as userService, r as ref, z as reactive, az as toRefs, ab as defineComponent, g as createElementBlock, h as openBlock, j as createBaseVNode, v as createBlock, k as createCommentVNode, i as createVNode, w as withCtx, m as createTextVNode, t as toDisplayString, l as unref, y, $, _ as _export_sfc, d as useBreakpoint, ap as t, F as Fragment, aB as script, aA as isRef, p as _, bf as script$1, be as script$2, E as mergeProps, C as w, q as renderList, o as onMounted } from "./main-BxSNdVUz.js";
+import { r as riskPendenciesInternalService } from "./RiskPendenciesInternalService-C18MHw9P.js";
+import { v as validateURL, _ as _sfc_main$4 } from "./validateURL.helper-CAafZEs1.js";
+import { s as script$8, a as script$9, b as script$a } from "./index-BWlCj_o_.js";
+import { s as script$3 } from "./index-Dhe_zOZu.js";
+import { a as script$4, s as script$5, b as script$7 } from "./index-B5D3_Xvi.js";
+import { s as script$6 } from "./index-D9bN7Q-Y.js";
+import { _ as _sfc_main$5 } from "./AmLayoutFeedbackState-Cv5RUrw6.js";
+import { A as AmCardV3 } from "./AmCardV3-Bay9-BBN.js";
+const FIRST_PAGE = 1;
+const DONE_STATE = "done";
+const TABS = ["internal-observations", "external-observations", "links"];
+const currentTab = ref("internal-observations");
+const showHistoryConfirmation = ref(false);
+const showIssueConfirmation = ref(false);
+const contentField = ref("");
+const isHistorySubmitting = ref(false);
+const isIssueSubmitting = ref(false);
+const issue = reactive({
+  id: 0,
+  status: "",
+  originName: "",
+  typeName: "",
+  typeDescription: "",
+  createdAt: "-",
+  lastLink: "-",
+  isInternalPendency: false,
+  doneAt: "",
+  doneBy: "",
+  createdBy: ""
+});
+const issueState = reactive({
+  isLoading: true,
+  error: false,
+  issueId: 0
+});
+const historyState = reactive({
+  isLoading: false,
+  error: false,
+  data: [],
+  page: FIRST_PAGE,
+  totalPages: 0
+});
+const isTabDisabled = computed(() => issueState.isLoading || historyState.isLoading);
+const isDone = computed(() => issue.status === DONE_STATE);
+const shouldConfirm = computed(() => currentTab.value === "external-observations");
+const isValidUrl = computed(() => validateURL(contentField.value));
+const isSubmitHistoryDisabled = computed(() => {
+  if (isHistorySubmitting.value) return true;
+  return currentTab.value === "links" ? !isValidUrl.value : !contentField.value;
+});
+const updateHistoryState = (newState) => {
+  Object.assign(historyState, { ...historyState, ...newState });
+};
+const makeTabOptionsComputed = (t2) => {
+  return () => TABS.reduce((acc, value) => {
+    if (issue.isInternalPendency && value === "external-observations") {
+      return acc;
+    }
+    acc.push({
+      title: t2(`riskPendingIssues.${value}.tab`),
+      value,
+      disabled: isTabDisabled.value
+    });
+    return acc;
+  }, []);
+};
+const getIssue = async () => {
+  try {
+    issueState.isLoading = true;
+    issueState.error = false;
+    const data = await riskPendenciesInternalService.getIssue(issueState.issueId);
+    Object.assign(issue, data);
+  } catch {
+    issueState.error = true;
+  } finally {
+    issueState.isLoading = false;
+  }
+};
+const makeGetHistoryByType = (t2) => {
+  const serializeData = (data) => data.map(({ date, userName, content }) => ({
+    date,
+    userName,
+    content,
+    item: {
+      title: {
+        text: userName,
+        textColor: "text100",
+        typographyStyle: "l5",
+        weight: "medium"
+      },
+      name: {
+        text: `${t2("riskPendingIssues.pendencyTabs.updatedAt")} ${date}`,
+        textColor: "text80",
+        weight: "medium",
+        typographyStyle: "l5"
+      },
+      subTitle: {
+        text: t2("riskPendingIssues.pendencyTabs.history"),
+        textColor: "text100",
+        typographyStyle: "l6",
+        weight: "medium"
+      },
+      description: {
+        text: content,
+        textColor: "text100",
+        typographyStyle: "l6",
+        weight: "normal"
+      }
+    }
+  }));
+  return async (page) => {
+    const type = currentTab.value;
+    try {
+      updateHistoryState({ isLoading: true, error: false, page, data: [] });
+      const response = await riskPendenciesInternalService.getHistoryByType(type, issueState.issueId, {
+        page: historyState.page
+      });
+      updateHistoryState({ ...response.pagination, data: serializeData(response.data) });
+    } catch {
+      updateHistoryState({ error: true });
+    } finally {
+      updateHistoryState({ isLoading: false });
+    }
+  };
+};
+const closeHistoryConfirmation = () => showHistoryConfirmation.value = false;
+const openHistoryConfirmation = () => showHistoryConfirmation.value = true;
+const closeIssueConfirmation = () => showIssueConfirmation.value = false;
+const openIssueConfirmation = () => showIssueConfirmation.value = true;
+const useRPInternalDetailStore = () => {
+  const route = useRoute();
+  const { t: t2 } = useI18n();
+  const toast = useToast();
+  const isEditModeEnabled = computed(
+    () => !isDone.value && userService.hasPermission("pendencies-risk.internal.update")
+  );
+  const getHistory = makeGetHistoryByType(t2);
+  const reloadHistory = () => {
+    contentField.value = "";
+    return getHistory(FIRST_PAGE);
+  };
+  const changeTab = async (tab) => {
+    currentTab.value = tab;
+    return reloadHistory();
+  };
+  const initialize = async () => {
+    issueState.issueId = Number(route.params.id);
+    await getIssue();
+    await reloadHistory();
+  };
+  const tabOptions = computed(makeTabOptionsComputed(t2));
+  const resolveIssue = async () => {
+    if (!isEditModeEnabled.value) return;
+    try {
+      isIssueSubmitting.value = true;
+      const data = await riskPendenciesInternalService.resolveIssue(issueState.issueId);
+      Object.assign(issue, data);
+      toast.success(
+        t2("riskPendingIssues.feedback.successTitle"),
+        t2("riskPendingIssues.feedback.successResolvePendency")
+      );
+    } catch {
+      toast.error(
+        t2("riskPendingIssues.feedback.errorTitle"),
+        t2("riskPendingIssues.feedback.errorMesage")
+      );
+    } finally {
+      isIssueSubmitting.value = false;
+      closeIssueConfirmation();
+    }
+  };
+  const createHistory = async () => {
+    const type = currentTab.value;
+    try {
+      isHistorySubmitting.value = true;
+      await riskPendenciesInternalService.createHistoryByType(type, issueState.issueId, contentField.value);
+      if (type === "links") issue.lastLink = contentField.value;
+      toast.success(
+        t2("riskPendingIssues.feedback.successTitle"),
+        t2("riskPendingIssues.feedback.successUpdatePendency")
+      );
+      reloadHistory();
+      contentField.value = "";
+    } catch {
+      toast.error(
+        t2("riskPendingIssues.feedback.errorTitle"),
+        t2("riskPendingIssues.feedback.errorMesage")
+      );
+    } finally {
+      isHistorySubmitting.value = false;
+      closeHistoryConfirmation();
+    }
+  };
+  const handleCreateHistory = async () => {
+    if (isSubmitHistoryDisabled.value) return;
+    if (showHistoryConfirmation.value) return createHistory();
+    if (shouldConfirm.value) return openHistoryConfirmation();
+    return createHistory();
+  };
+  const handleResolveIssue = async () => {
+    if (!showIssueConfirmation.value) return openIssueConfirmation();
+    return resolveIssue();
+  };
+  return {
+    ...toRefs(issueState),
+    ...toRefs(issue),
+    history: historyState,
+    contentField,
+    initialize,
+    isDone,
+    historyForm: {
+      isSubmitting: isHistorySubmitting,
+      isModalVisible: showHistoryConfirmation,
+      closeModal: closeHistoryConfirmation,
+      handleSubmit: handleCreateHistory,
+      isSubmitDisabled: isSubmitHistoryDisabled
+    },
+    issueForm: {
+      isSubmitting: isIssueSubmitting,
+      isModalVisible: showIssueConfirmation,
+      closeModal: closeIssueConfirmation,
+      handleSubmit: handleResolveIssue,
+      isSubmitDisabled: isDone
+    },
+    currentTab,
+    tabOptions,
+    changeTab,
+    getHistoryByPage: getHistory,
+    isValidUrl,
+    isEditModeEnabled
+  };
+};
+const _hoisted_1$1 = { class: "pendency-details" };
+const _hoisted_2$1 = { class: "pendency-details__header" };
+const _hoisted_3$1 = { class: "pendency-details__header__text-container" };
+const _hoisted_4$1 = { class: "pendency-details__info" };
+const _hoisted_5 = { class: "pendency-details__info__fields" };
+const _hoisted_6 = { class: "pendency-details__info__fields__origin" };
+const _hoisted_7 = { class: "pendency-details__info__fields__description" };
+const _hoisted_8 = { class: "pendency-details__info__fields__type" };
+const _hoisted_9 = {
+  key: 0,
+  class: "pendency-details__info__fields__link"
+};
+const _hoisted_10 = ["href"];
+const __default__$2 = { name: "PendencyDetails" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  setup(__props) {
+    const {
+      createdAt,
+      createdBy,
+      doneBy,
+      isDone: isDone2,
+      doneAt,
+      originName,
+      typeDescription,
+      typeName,
+      lastLink,
+      isEditModeEnabled,
+      issueForm
+    } = useRPInternalDetailStore();
+    const { isModalVisible, isSubmitting } = issueForm;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createBaseVNode("header", _hoisted_2$1, [
+          createBaseVNode("div", _hoisted_3$1, [
+            createVNode(unref(y), {
+              class: "text-muted-color",
+              variant: "subtitle",
+              "data-test": "pendency-details-created-at"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(`${_ctx.$t("riskPendingIssues.pendencyDetails.createdAt")} ${unref(createdAt)} ${_ctx.$t("riskPendingIssues.pendencyDetails.by")}`) + " ", 1),
+                createBaseVNode("strong", null, toDisplayString(unref(createdBy)), 1)
+              ]),
+              _: 1
+            }),
+            unref(isDone2) ? (openBlock(), createBlock(unref(y), {
+              key: 0,
+              class: "text-muted-color",
+              variant: "subtitle",
+              "data-test": "pendency-details-done-at"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(`${_ctx.$t("riskPendingIssues.pendencyDetails.updatedAt")} ${unref(doneAt)} ${_ctx.$t("riskPendingIssues.pendencyDetails.by")}`) + " ", 1),
+                createBaseVNode("strong", null, toDisplayString(unref(doneBy)), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          unref(isEditModeEnabled) ? (openBlock(), createBlock(unref($), {
+            key: 0,
+            class: "pendency-details__header__button",
+            "data-test": "pendency-details-finish-pendency-button",
+            outlined: "",
+            label: _ctx.$t("riskPendingIssues.pendencyDetails.finishButtonLabel"),
+            onClick: unref(issueForm).handleSubmit
+          }, null, 8, ["label", "onClick"])) : createCommentVNode("", true),
+          createVNode(_sfc_main$4, {
+            show: unref(isModalVisible),
+            title: _ctx.$t("riskPendingIssues.pendencyDetails.confirmationModalTitle"),
+            description: _ctx.$t("riskPendingIssues.pendencyDetails.confirmationModalDescription"),
+            actionButtonLabel: _ctx.$t("riskPendingIssues.pendencyDetails.confirmationModalButtonLabel"),
+            "loading-title": _ctx.$t("riskPendingIssues.pendencyDetails.confirmationModalLoadingTitle"),
+            isLoading: unref(isSubmitting),
+            onConfirm: unref(issueForm).handleSubmit,
+            onClose: unref(issueForm).closeModal
+          }, null, 8, ["show", "title", "description", "actionButtonLabel", "loading-title", "isLoading", "onConfirm", "onClose"])
+        ]),
+        createBaseVNode("section", _hoisted_4$1, [
+          createVNode(unref(y), {
+            class: "pendency-details__info__title",
+            variant: "title",
+            isStrong: "",
+            "data-test": "pendency-details-info-title"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("riskPendingIssues.pendencyDetails.infoTitle")), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", _hoisted_5, [
+            createBaseVNode("div", _hoisted_6, [
+              createVNode(unref(y), {
+                isStrong: "",
+                "data-test": "pendency-details-info-origin-label"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("riskPendingIssues.pendencyDetails.originLabel")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(y), { "data-test": "pendency-details-info-origin-name" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(originName)), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            createBaseVNode("div", _hoisted_7, [
+              createVNode(unref(y), {
+                isStrong: "",
+                "data-test": "pendency-details-info-description-label"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("riskPendingIssues.pendencyDetails.descriptionLabel")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(y), { "data-test": "pendency-details-info-description-data" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(typeDescription)), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            createBaseVNode("div", _hoisted_8, [
+              createVNode(unref(y), {
+                isStrong: "",
+                "data-test": "pendency-details-info-type-label"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("riskPendingIssues.pendencyDetails.typeLabel")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(y), { "data-test": "pendency-details-info-type-name" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(typeName)), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            unref(lastLink) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              createVNode(unref(y), {
+                isStrong: "",
+                "data-test": "pendency-details-info-link-label"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("riskPendingIssues.pendencyDetails.linkLabel")), 1)
+                ]),
+                _: 1
+              }),
+              createBaseVNode("a", {
+                target: "_blank",
+                href: unref(lastLink),
+                "data-test": "pendency-details-info-link"
+              }, toDisplayString(unref(lastLink)), 9, _hoisted_10)
+            ])) : createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const PendencyDetails = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-05b02c4c"]]);
+const _hoisted_1 = { class: "grid" };
+const _hoisted_2 = { class: "grid gap-6" };
+const _hoisted_3 = { key: 3 };
+const _hoisted_4 = { class: "grid" };
+const __default__$1 = { name: "PendencyUpdate" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  setup(__props) {
+    const isDesktop = useBreakpoint("desktop");
+    const {
+      history,
+      isEditModeEnabled,
+      contentField: contentField2,
+      currentTab: currentTab2,
+      getHistoryByPage,
+      historyForm: { isSubmitDisabled, handleSubmit },
+      isValidUrl: isValidUrl2
+    } = useRPInternalDetailStore();
+    const tableHeaders = [
+      {
+        title: t("riskPendingIssues.pendencyUpdate.updatedAt"),
+        key: "date"
+      },
+      {
+        title: t("riskPendingIssues.pendencyUpdate.user"),
+        key: "userName"
+      },
+      {
+        title: t("riskPendingIssues.pendencyUpdate.history"),
+        key: "content"
+      }
+    ];
+    const feedbackNotFound = {
+      iconName: "folder",
+      title: t("riskPendingIssues.noRegistryFilter"),
+      text: ""
+    };
+    const feedbackError = {
+      iconName: "refresh",
+      title: t("riskPendingIssues.errorDataLoading"),
+      text: t("riskPendingIssues.errorRefreshLoading")
+    };
+    const onPage = (event) => {
+      getHistoryByPage(event.page + 1);
+    };
+    const template = computed(() => {
+      if (!isDesktop.value) return "PrevPageLink CurrentPageReport NextPageLink RowsPerPageDropdown";
+      return "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown";
+    });
+    const currentPageReportTemplate = computed(() => {
+      return `${t("riskPendingIssues.paginator.page")} {currentPage} ${t("riskPendingIssues.paginator.of")} {totalPages}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(isEditModeEnabled) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          unref(currentTab2) === "links" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createVNode(unref(script), {
+              "data-test": "pendency-history-input",
+              size: "small",
+              placeholder: _ctx.$t(`riskPendingIssues.${unref(currentTab2)}.placeholder`),
+              disabled: unref(history).isLoading,
+              modelValue: unref(contentField2),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(contentField2) ? contentField2.value = $event : null),
+              invalid: !!(!unref(isValidUrl2) && unref(contentField2))
+            }, null, 8, ["placeholder", "disabled", "modelValue", "invalid"]),
+            !unref(isValidUrl2) && unref(contentField2) ? (openBlock(), createBlock(unref(y), {
+              key: 0,
+              as: "div",
+              class: "flex items-center gap-1 text-danger mt-1 text-xs"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_), { icon: "error" }),
+                createTextVNode(" " + toDisplayString(_ctx.$t("riskPendingIssues.linkErrorMessage")), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ], 64)) : (openBlock(), createBlock(unref(script$1), { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(unref(script$2), { class: "!top-4 !left-2" }, {
+                default: withCtx(() => [
+                  createVNode(unref(_), {
+                    icon: "lock",
+                    size: "lg",
+                    class: "text-primary"
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(unref(script$3), {
+                "data-test": "pendency-history-input",
+                size: "small",
+                class: "!pl-9",
+                disabled: unref(history).isLoading,
+                placeholder: _ctx.$t(`riskPendingIssues.${unref(currentTab2)}.placeholder`),
+                modelValue: unref(contentField2),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(contentField2) ? contentField2.value = $event : null),
+                rows: "4",
+                fluid: ""
+              }, null, 8, ["disabled", "placeholder", "modelValue"])
+            ]),
+            _: 1
+          })),
+          createVNode(unref($), {
+            "data-test": "pendency-history-submit-button",
+            disabled: unref(isSubmitDisabled),
+            label: _ctx.$t(`riskPendingIssues.${unref(currentTab2)}.button`),
+            onClick: unref(handleSubmit),
+            class: "!place-self-end !mt-6"
+          }, null, 8, ["disabled", "label", "onClick"])
+        ], 64)) : createCommentVNode("", true),
+        createBaseVNode("div", _hoisted_2, [
+          unref(history).error ? (openBlock(), createBlock(_sfc_main$5, mergeProps({ key: 0 }, feedbackError, { "data-test": "pendency-history-error" }), null, 16)) : unref(history).isLoading ? (openBlock(), createBlock(unref(w), {
+            key: 1,
+            "data-test": "pendency-history-loading"
+          })) : !unref(history).data.length ? (openBlock(), createBlock(_sfc_main$5, mergeProps({ key: 2 }, feedbackNotFound, { "data-test": "pendency-history-not-found" }), null, 16)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+            unref(isDesktop) ? (openBlock(), createBlock(unref(script$4), {
+              key: 0,
+              value: unref(history).data,
+              rowHover: "",
+              class: "!min-w-full"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createElementBlock(Fragment, null, renderList(tableHeaders, (column) => {
+                  return createVNode(unref(script$5), {
+                    key: column.key,
+                    field: column.key
+                  }, {
+                    header: withCtx(() => [
+                      createVNode(unref(y), { isStrong: "" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(column.title), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    body: withCtx(({ data }) => [
+                      unref(currentTab2) === "links" && column.key === "content" ? (openBlock(), createBlock(unref(y), {
+                        key: 0,
+                        as: "a",
+                        href: data[column.key],
+                        target: "_blank",
+                        class: "underline text-info-600"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(data[column.key]), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["href"])) : (openBlock(), createBlock(unref(y), {
+                        key: 1,
+                        class: "text-muted-color"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(data[column.key]), 1)
+                        ]),
+                        _: 2
+                      }, 1024))
+                    ]),
+                    _: 2
+                  }, 1032, ["field"]);
+                }), 64))
+              ]),
+              _: 1
+            }, 8, ["value"])) : (openBlock(), createBlock(unref(script$6), {
+              key: 1,
+              value: unref(history).data,
+              dataKey: "id",
+              class: "!border-0"
+            }, {
+              list: withCtx(({ items }) => [
+                createBaseVNode("div", _hoisted_4, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      class: "grid gap-2 py-4 items-center justify-between border-b border-surface-200",
+                      key: index
+                    }, [
+                      createVNode(unref(y), {
+                        variant: "subtitle",
+                        isStrong: "",
+                        class: "text-muted-color-emphasis"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.userName), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createVNode(unref(y), {
+                        class: "text-muted-color-emphasis",
+                        variant: "subtitle"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(t)("Atualizado em")) + ": " + toDisplayString(item.date), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createBaseVNode("div", null, [
+                        createVNode(unref(y), {
+                          class: "text-muted-color-emphasis",
+                          isStrong: ""
+                        }, {
+                          default: withCtx(() => _cache[2] || (_cache[2] = [
+                            createTextVNode("Histórico de atualizações:")
+                          ])),
+                          _: 1
+                        }),
+                        unref(currentTab2) === "links" ? (openBlock(), createBlock(unref(y), {
+                          key: 0,
+                          class: "underline text-info-600",
+                          as: "a",
+                          href: item.content,
+                          target: "_blank"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(item.content), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["href"])) : (openBlock(), createBlock(unref(y), {
+                          key: 1,
+                          class: "text-muted-color"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(item.content), 1)
+                          ]),
+                          _: 2
+                        }, 1024))
+                      ])
+                    ]);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["value"])),
+            unref(history).totalPages > 1 ? (openBlock(), createBlock(unref(script$7), {
+              key: 2,
+              "data-test": "pendency-history-pagination",
+              rows: 10,
+              totalRecords: unref(history).totalPages * 10,
+              first: ((unref(history).page || 1) - 1) * 10,
+              template: template.value,
+              currentPageReportTemplate: currentPageReportTemplate.value,
+              onPage
+            }, null, 8, ["totalRecords", "first", "template", "currentPageReportTemplate"])) : createCommentVNode("", true)
+          ]))
+        ])
+      ]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PendencyTabs"
+  },
+  __name: "PendencyTabs",
+  setup(__props) {
+    const { tabOptions, currentTab: currentTab2, historyForm, changeTab } = useRPInternalDetailStore();
+    const { isModalVisible, isSubmitting, closeModal, handleSubmit } = historyForm;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(script$a), {
+          value: unref(currentTab2),
+          "data-test": "pendency-tabs",
+          "onUpdate:value": unref(changeTab),
+          scrollable: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(script$8), null, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabOptions), (tab) => {
+                  return openBlock(), createBlock(unref(script$9), {
+                    key: tab.value,
+                    value: tab.value,
+                    disabled: tab.disabled
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(tab.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "disabled"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["value", "onUpdate:value"]),
+        createVNode(_sfc_main$2),
+        createVNode(_sfc_main$4, {
+          title: _ctx.$t("riskPendingIssues.pendencyTabs.confirmationModalTitle"),
+          description: _ctx.$t("riskPendingIssues.pendencyTabs.confirmationModalDescription"),
+          actionButtonLabel: _ctx.$t("riskPendingIssues.pendencyTabs.confirmationModalButtonLabel"),
+          show: unref(isModalVisible),
+          isLoading: unref(isSubmitting),
+          "loading-title": _ctx.$t("riskPendingIssues.pendencyTabs.confirmationLoadingTitle"),
+          onConfirm: unref(handleSubmit),
+          onClose: unref(closeModal)
+        }, null, 8, ["title", "description", "actionButtonLabel", "show", "isLoading", "loading-title", "onConfirm", "onClose"])
+      ], 64);
+    };
+  }
+});
+const __default__ = { name: "InternalPendencyDetail" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    onMounted(useRPInternalDetailStore().initialize);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, { class: "internal-pendency-detail" }, {
+        default: withCtx(() => [
+          createVNode(PendencyDetails),
+          createVNode(_sfc_main$1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const InternalPendencyDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f14153c0"]]);
+export {
+  InternalPendencyDetail as default
+};