appmax-client-vue3 5.0.8 → 5.1.0

package/dist/InternalCompanyIssuesDetail-PnOyPEba.js

@@ -0,0 +1,862 @@
+import { u as useI18n, b as useRoute, e as computed, x as reactive, as as toRefs, ad as defineComponent, q as createBlock, g as createElementBlock, l as unref, h as openBlock, j as createBaseVNode, i as createVNode, w as withCtx, t as toDisplayString, _ as _export_sfc, a as useToast, ab as userService, z as watch, m as createTextVNode, y, I as script, b_ as B, at as isRef, ap as C, bj as script$2, bi as script$3, P, av as script$4, H as withModifiers, $, d as useBreakpoint, c as useRouter, af as t, C as normalizeProps, D as mergeProps, A as w, F as Fragment, k as createCommentVNode, p as renderList, b$ as script$a, o as onMounted } from "./main-BmrFFhAz.js";
+import { A as AmText } from "./AmText-zmP_zSVS.js";
+import { A as AmSkeleton } from "./AmSkeleton-QAeglqE9.js";
+import { _ as _sfc_main$6 } from "./AmLayoutFeedbackState-CXpvQO-G.js";
+import { r as riskPendenciesInternalService } from "./RiskPendenciesInternalService-rJoypWGT.js";
+import { v as validateURL, _ as _sfc_main$7 } from "./validateURL.helper-gsIart6T.js";
+import { s as script$1 } from "./index-DiJIhaqE.js";
+import { a as script$5, s as script$6, b as script$8 } from "./index-Bgqt2gY9.js";
+import { s as script$7 } from "./index-BWY1M90P.js";
+import { _ as _sfc_main$8 } from "./StatusTag.vue_vue_type_script_setup_true_lang-D3ydXxJX.js";
+import { s as script$9 } from "./index-BiLKUSSg.js";
+import { A as AmCardV3 } from "./AmCardV3-DchSFKey.js";
+const FIRST_PAGE = 1;
+const INITIAL_FILTER = {
+  date_range_end: null,
+  date_range_start: null,
+  origin_id: null,
+  status: null,
+  type_id: null
+};
+const internalState = reactive({
+  initialized: false,
+  ready: false
+});
+const filter = reactive({ ...INITIAL_FILTER });
+const state$1 = reactive({
+  isLoading: true,
+  error: false,
+  originOptions: [],
+  company: {
+    document: "***.***.***-**",
+    id: 0,
+    name: "-"
+  },
+  types: {},
+  issues: [],
+  page: FIRST_PAGE,
+  totalPages: 0,
+  dateRange: []
+});
+const makeGetIssues = (t2) => {
+  const serializeIssues = (issues) => {
+    return issues.map((item) => {
+      const statusText = t2(`riskPendingIssues.statusTag.${item.status}`);
+      return {
+        ...item,
+        status: statusText,
+        item: {
+          title: {
+            text: item.originName,
+            textColor: "text100",
+            typographyStyle: "l5",
+            weight: "medium"
+          },
+          name: {
+            text: item.typeName,
+            textColor: "text80",
+            weight: "normal",
+            typographyStyle: "l5"
+          },
+          subTitle: {
+            text: `Aberto em: ${item.createdAt}`,
+            textColor: "text80",
+            typographyStyle: "l6",
+            weight: "normal"
+          },
+          description: {
+            text: `Atualizado em: ${item.updatedAt}`,
+            textColor: "text80",
+            typographyStyle: "l6",
+            weight: "normal"
+          },
+          status: {
+            text: statusText,
+            type: item.status === "pending" ? "error" : "success"
+          },
+          action: { position: "center", icon: "text_snippet" }
+        }
+      };
+    });
+  };
+  return async (page) => {
+    try {
+      state$1.isLoading = true;
+      if (page) state$1.page = page;
+      const response = await riskPendenciesInternalService.getCompanyIssues(state$1.company.id, {
+        ...filter,
+        page: state$1.page
+      });
+      state$1.totalPages = response.pagination.totalPages;
+      state$1.company = response.data.company;
+      state$1.issues = serializeIssues(response.data.issues);
+    } catch {
+      state$1.error = true;
+    } finally {
+      state$1.isLoading = false;
+    }
+  };
+};
+const getOriginOptions = async () => {
+  state$1.originOptions = await riskPendenciesInternalService.getOriginOptions().catch(() => []);
+};
+const getTypes = async () => {
+  state$1.types = await riskPendenciesInternalService.getTypes().catch(() => ({}));
+};
+const useRPInternalByCompanyStore = () => {
+  const { t: t2 } = useI18n();
+  const route = useRoute();
+  const getIssues = makeGetIssues(t2);
+  const applyFilter = async () => {
+    const [dateStart, dateEnd] = state$1.dateRange || [];
+    filter.date_range_start = dateStart ? dateStart.toISOString() : null;
+    filter.date_range_end = dateEnd ? dateEnd.toISOString() : null;
+    return getIssues(FIRST_PAGE);
+  };
+  const getByPage = async (page) => getIssues(page);
+  const resetFilter = async () => {
+    Object.assign(filter, { ...INITIAL_FILTER });
+    state$1.dateRange = [];
+    return applyFilter();
+  };
+  const reloadIssues = resetFilter;
+  const initialize = async () => {
+    state$1.company.id = Number(route.params.id);
+    if (internalState.initialized) return reloadIssues();
+    internalState.initialized = true;
+    const promises = [getIssues(), getOriginOptions(), getTypes()];
+    await Promise.all(promises);
+    internalState.ready = true;
+  };
+  const allTypesOptions = computed(
+    () => Object.values(state$1.types).reduce((acc, value) => acc.concat(value), [])
+  );
+  return {
+    ...toRefs(state$1),
+    initialize,
+    filter,
+    isLoading: computed(() => state$1.isLoading || !internalState.ready),
+    allTypesOptions,
+    applyFilter,
+    getByPage,
+    resetFilter,
+    reloadIssues
+  };
+};
+const _hoisted_1$3 = {
+  key: 1,
+  class: "company-details-header"
+};
+const _hoisted_2$3 = { class: "company-details-header__text-container" };
+const _hoisted_3$1 = { "data-test": "company-name-label" };
+const _hoisted_4 = { "data-test": "company-name-value" };
+const _hoisted_5 = { "data-test": "company-document-label" };
+const _hoisted_6 = { "data-test": "company-document-value" };
+const __default__$2 = { name: "CompanyDetailsHeader" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  setup(__props) {
+    const { company, isLoading: isLoading2, error } = useRPInternalByCompanyStore();
+    return (_ctx, _cache) => {
+      return unref(error) ? (openBlock(), createBlock(_sfc_main$6, {
+        key: 0,
+        iconName: "refresh",
+        title: _ctx.$t("riskPendingIssues.errorDataLoading"),
+        text: _ctx.$t("riskPendingIssues.errorRefreshLoading")
+      }, null, 8, ["title", "text"])) : (openBlock(), createElementBlock("header", _hoisted_1$3, [
+        createBaseVNode("div", _hoisted_2$3, [
+          createVNode(AmText, {
+            size: "large",
+            variant: "body",
+            "data-test": "company-detail-header-name"
+          }, {
+            default: withCtx(() => [
+              createBaseVNode("strong", _hoisted_3$1, toDisplayString(_ctx.$t("riskPendingIssues.companyDetailsHeader.name")), 1),
+              createVNode(AmSkeleton, {
+                isLoading: unref(isLoading2),
+                width: 180,
+                inline: ""
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("span", _hoisted_4, toDisplayString(unref(company).name), 1)
+                ]),
+                _: 1
+              }, 8, ["isLoading"])
+            ]),
+            _: 1
+          }),
+          createVNode(AmText, {
+            size: "large",
+            variant: "body",
+            "data-test": "company-detail-header-document"
+          }, {
+            default: withCtx(() => [
+              createBaseVNode("strong", _hoisted_5, toDisplayString(_ctx.$t("riskPendingIssues.companyDetailsHeader.document")), 1),
+              createVNode(AmSkeleton, {
+                isLoading: unref(isLoading2),
+                width: 180,
+                inline: ""
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("span", _hoisted_6, toDisplayString(unref(company).document), 1)
+                ]),
+                _: 1
+              }, 8, ["isLoading"])
+            ]),
+            _: 1
+          })
+        ])
+      ]));
+    };
+  }
+});
+const CompanyDetailsHeader = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-62932b28"]]);
+const state = reactive({
+  isSubmitting: false,
+  error: false,
+  isConfirmationOpen: false
+});
+const values = reactive({
+  type_id: null,
+  origin_id: null,
+  internal_observation: "",
+  external_observation: "",
+  url: ""
+});
+const typeOptions = computed(() => {
+  if (!values.origin_id) return [];
+  return parseTypeOptions(state$1.types[values.origin_id]) || [];
+});
+const selectedType = computed(() => {
+  return typeOptions.value.find((item) => item.original.id === values.type_id) || null;
+});
+const hasExternalObservation = computed(() => {
+  if (!values.origin_id || !values.type_id || !selectedType.value) return false;
+  return selectedType.value.original.required_internal_observation;
+});
+const isSubmitDisabled = computed(
+  () => {
+    var _a;
+    return !values.type_id || !values.origin_id || state$1.isLoading || state.isSubmitting || !values.internal_observation && ((_a = selectedType.value) == null ? void 0 : _a.original.required_internal_observation) || !isValidUrl.value;
+  }
+);
+const isValidUrl = computed(() => validateURL(values.url) || !values.url);
+const originOptions = computed(() => state$1.originOptions);
+const isLoading = computed(() => state$1.isLoading);
+const isFormDisabled = computed(() => !values.origin_id);
+const typeDescription = computed(() => {
+  var _a;
+  return ((_a = selectedType.value) == null ? void 0 : _a.original.description) || "";
+});
+const resetValues = () => {
+  values.origin_id = null;
+};
+const parseTypeOptions = (types) => {
+  if (!Array.isArray(types)) return [];
+  return types.map((item) => ({
+    ...item,
+    title: item.original.code || item.original.code === 0 ? `${item.original.code} - ${item.original.name}` : item.original.name
+  })).sort((a, b) => a.original.code - b.original.code);
+};
+const setValues = (newValues) => {
+  Object.assign(values, newValues);
+};
+const submit = () => state.isConfirmationOpen = true;
+const cancel = () => state.isConfirmationOpen = false;
+watch(
+  () => values.origin_id,
+  () => values.type_id = null
+);
+watch(
+  () => values.type_id,
+  () => {
+    values.external_observation = "";
+    values.internal_observation = "";
+    values.url = "";
+  }
+);
+const useRPInternalFormStore = () => {
+  const toast = useToast();
+  const { reloadIssues } = useRPInternalByCompanyStore();
+  const { t: t2 } = useI18n();
+  const create = async () => {
+    try {
+      if (!values.type_id || !values.origin_id) return;
+      state.isSubmitting = true;
+      await riskPendenciesInternalService.createIssue({
+        ...values,
+        type_id: values.type_id,
+        origin_id: values.origin_id,
+        company_id: state$1.company.id
+      });
+      state.isConfirmationOpen = false;
+      resetValues();
+      reloadIssues();
+      toast.success(
+        t2("riskPendingIssues.feedback.successTitle"),
+        t2("riskPendingIssues.feedback.successCreatePendency")
+      );
+    } catch {
+      state.error = true;
+      toast.error(
+        t2("riskPendingIssues.feedback.errorTitle"),
+        t2("riskPendingIssues.feedback.errorMesage")
+      );
+    } finally {
+      state.isSubmitting = false;
+    }
+  };
+  return {
+    ...toRefs(state),
+    values,
+    isFormDisabled,
+    typeOptions,
+    originOptions,
+    typeDescription,
+    isLoading,
+    isSubmitDisabled,
+    hasExternalObservation,
+    cancel,
+    create,
+    submit,
+    initialize: resetValues,
+    setValues,
+    isValidUrl,
+    hasPermission: userService.hasPermission("pendencies-risk.internal.create")
+  };
+};
+const _hoisted_1$2 = { class: "grid gap-6 lg:!grid-cols-2 items-start" };
+const _hoisted_2$2 = { class: "grid gap-6" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CompanyPendencyForm"
+  },
+  __name: "CompanyPendencyForm",
+  setup(__props) {
+    const {
+      typeOptions: typeOptions2,
+      typeDescription: typeDescription2,
+      originOptions: originOptions2,
+      isSubmitting,
+      isLoading: isLoading2,
+      isConfirmationOpen,
+      values: values2,
+      cancel: cancel2,
+      create,
+      submit: submit2,
+      isSubmitDisabled: isSubmitDisabled2,
+      hasExternalObservation: hasExternalObservation2,
+      isFormDisabled: isFormDisabled2,
+      isValidUrl: isValidUrl2
+    } = useRPInternalFormStore();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", _hoisted_1$2, [
+        createVNode(unref(y), {
+          variant: "subtitle",
+          isStrong: "",
+          "data-test": "company-pendency-form-title",
+          class: "text-primary lg:!col-span-2"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("riskPendingIssues.CompanyPendencyForm.title")), 1)
+          ]),
+          _: 1
+        }),
+        createBaseVNode("div", _hoisted_2$2, [
+          createVNode(unref(B), {
+            name: "origin",
+            label: _ctx.$t("riskPendingIssues.CompanyPendencyForm.originLabel"),
+            placeholder: _ctx.$t("riskPendingIssues.CompanyPendencyForm.originPlaceholder"),
+            options: unref(originOptions2),
+            modelValue: unref(values2).origin_id,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values2).origin_id = $event),
+            optionLabel: "title",
+            optionValue: "value",
+            as: unref(script),
+            size: "small",
+            dataTestPrefix: "company-pendency-form-origin",
+            disabled: unref(isLoading2)
+          }, null, 8, ["label", "placeholder", "options", "modelValue", "as", "disabled"]),
+          createVNode(unref(B), {
+            name: "type",
+            label: _ctx.$t("riskPendingIssues.CompanyPendencyForm.typeLabel"),
+            placeholder: _ctx.$t("riskPendingIssues.CompanyPendencyForm.typePlaceholder"),
+            options: unref(typeOptions2),
+            modelValue: unref(values2).type_id,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values2).type_id = $event),
+            optionLabel: "title",
+            optionValue: "value",
+            as: unref(script),
+            size: "small",
+            dataTestPrefix: "company-pendency-form-type",
+            disabled: unref(isFormDisabled2),
+            filter: "",
+            resetFilterOnHide: "",
+            filterPlaceholder: _ctx.$t("riskPendingIssues.searchPlaceholder"),
+            emptyFilterMessage: _ctx.$t("riskPendingIssues.searchEmptyFeedback")
+          }, null, 8, ["label", "placeholder", "options", "modelValue", "as", "disabled", "filterPlaceholder", "emptyFilterMessage"])
+        ]),
+        createVNode(unref(C), {
+          label: _ctx.$t("riskPendingIssues.CompanyPendencyForm.descriptionLabel")
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(script$1), {
+              "data-test": "company-pendency-form-description",
+              modelValue: unref(typeDescription2),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(typeDescription2) ? typeDescription2.value = $event : null),
+              rows: "5",
+              fluid: "",
+              disabled: "",
+              size: "small",
+              class: "lg:!h-full"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        createVNode(unref(C), {
+          label: _ctx.$t("riskPendingIssues.CompanyPendencyForm.internalNoteLabel")
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(script$2), null, {
+              default: withCtx(() => [
+                createVNode(unref(script$3), { class: "!top-4 !left-2" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(P), {
+                      icon: "lock",
+                      size: "lg",
+                      class: "text-primary"
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(script$1), {
+                  placeholder: _ctx.$t("riskPendingIssues.CompanyPendencyForm.internalNotePlaceholder"),
+                  "data-test": "company-pendency-form-internal-observation",
+                  modelValue: unref(values2).internal_observation,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values2).internal_observation = $event),
+                  rows: "4",
+                  fluid: "",
+                  size: "small",
+                  disabled: unref(isFormDisabled2),
+                  class: "!pl-9"
+                }, null, 8, ["placeholder", "modelValue", "disabled"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        createVNode(unref(C), {
+          label: _ctx.$t("riskPendingIssues.CompanyPendencyForm.externalObservationLabel")
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(script$1), {
+              modelValue: unref(values2).external_observation,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values2).external_observation = $event),
+              placeholder: _ctx.$t("riskPendingIssues.CompanyPendencyForm.externalObservationPlaceholder"),
+              size: "small",
+              disabled: unref(isFormDisabled2) || unref(hasExternalObservation2),
+              "data-test": "company-pendency-form-external-observation",
+              rows: "4",
+              fluid: ""
+            }, null, 8, ["modelValue", "placeholder", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        createVNode(unref(C), {
+          label: _ctx.$t("riskPendingIssues.CompanyPendencyForm.linkLabel"),
+          error: unref(isValidUrl2) ? void 0 : _ctx.$t("riskPendingIssues.linkErrorMessage"),
+          class: "lg:!col-span-2"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(script$4), {
+              modelValue: unref(values2).url,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values2).url = $event),
+              placeholder: _ctx.$t("riskPendingIssues.CompanyPendencyForm.linkPlaceholder"),
+              size: "small",
+              "data-test": "company-pendency-form-link",
+              fluid: "",
+              disabled: unref(isFormDisabled2),
+              invalid: !unref(isValidUrl2)
+            }, null, 8, ["modelValue", "placeholder", "disabled", "invalid"])
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        createVNode(unref($), {
+          label: _ctx.$t("riskPendingIssues.confirmationModal.createButtonLabel"),
+          disabled: unref(isSubmitDisabled2),
+          onClick: withModifiers(unref(submit2), ["prevent"]),
+          "data-test": "create-confirmation-modal-open-button",
+          fluid: "",
+          class: "lg:!w-fit lg:!col-span-2 !place-self-end"
+        }, null, 8, ["label", "disabled", "onClick"]),
+        createVNode(_sfc_main$7, {
+          show: unref(isConfirmationOpen),
+          title: _ctx.$t("riskPendingIssues.confirmationModal.createPendencyTitle"),
+          description: _ctx.$t("riskPendingIssues.confirmationModal.createPendencyDescription"),
+          actionButtonLabel: _ctx.$t("riskPendingIssues.confirmationModal.createButtonLabel"),
+          onConfirm: unref(create),
+          isLoading: unref(isSubmitting),
+          loadingTitle: _ctx.$t("riskPendingIssues.CompanyPendencyForm.confirmationLoadingTitle"),
+          loadingDescription: _ctx.$t("riskPendingIssues.CompanyPendencyForm.confirmationLoadingDescription"),
+          onClose: unref(cancel2)
+        }, null, 8, ["show", "title", "description", "actionButtonLabel", "onConfirm", "isLoading", "loadingTitle", "loadingDescription", "onClose"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "grid" };
+const _hoisted_2$1 = ["onClick"];
+const _hoisted_3 = { class: "grid gap-2" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CompanyPendenciesTable"
+  },
+  __name: "CompanyPendenciesTable",
+  setup(__props) {
+    const { issues, isLoading: isLoading2, error, page, totalPages, getByPage } = useRPInternalByCompanyStore();
+    const isDesktop = useBreakpoint("desktop");
+    const router = useRouter();
+    const tableHeaders = [
+      {
+        title: t("riskPendingIssues.companyPendenciesTable.id"),
+        key: "id"
+      },
+      {
+        title: t("riskPendingIssues.companyPendenciesTable.createdAt"),
+        key: "createdAt"
+      },
+      {
+        title: t("riskPendingIssues.companyPendenciesTable.origin"),
+        key: "originName"
+      },
+      {
+        title: t("riskPendingIssues.companyPendenciesTable.type"),
+        key: "typeName"
+      },
+      {
+        title: t("riskPendingIssues.companyPendenciesTable.status"),
+        key: "status"
+      },
+      {
+        title: t("riskPendingIssues.companyPendenciesTable.updatedAt"),
+        key: "updatedAt"
+      },
+      {
+        title: t("riskPendingIssues.companyPendenciesTable.action"),
+        key: "action"
+      }
+    ];
+    const feedbackError = {
+      iconName: "refresh",
+      title: t("riskPendingIssues.errorDataLoading"),
+      text: t("riskPendingIssues.errorRefreshLoading")
+    };
+    const feedbackNotFound = {
+      iconName: "folder",
+      title: t("riskPendingIssues.noRegistryFilter"),
+      text: t("riskPendingIssues.tryAgainFilterMsg")
+    };
+    const handleRowClick = (event) => {
+      const { id } = event.data;
+      redirectToPendencyDetail(id);
+    };
+    const redirectToPendencyDetail = (id) => {
+      router.push({ name: "internal.pendency.detail", params: { id } });
+    };
+    const rowClass = () => "cursor-pointer";
+    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}`;
+    });
+    const onPage = (event) => {
+      getByPage(event.page + 1);
+    };
+    return (_ctx, _cache) => {
+      return unref(error) ? (openBlock(), createBlock(_sfc_main$6, normalizeProps(mergeProps({ key: 0 }, feedbackError)), null, 16)) : unref(isLoading2) ? (openBlock(), createBlock(unref(w), { key: 1 })) : !unref(issues).length ? (openBlock(), createBlock(_sfc_main$6, normalizeProps(mergeProps({ key: 2 }, feedbackNotFound)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+        unref(isDesktop) ? (openBlock(), createBlock(unref(script$5), {
+          key: 0,
+          value: unref(issues),
+          rowHover: "",
+          class: "!min-w-full",
+          onRowClick: handleRowClick,
+          rowClass
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createElementBlock(Fragment, null, renderList(tableHeaders, (column) => {
+              return createVNode(unref(script$6), {
+                key: column.key,
+                field: column.key
+              }, {
+                header: withCtx(() => [
+                  createVNode(unref(y), { isStrong: "" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(column.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                body: withCtx(({ data }) => [
+                  column.key === "action" ? (openBlock(), createBlock(unref($), {
+                    key: 0,
+                    icon: "text_snippet",
+                    class: "!shrink-0",
+                    "data-test": `internal-company-table-action-button-company-${data.id}`,
+                    size: "small",
+                    onClick: ($event) => redirectToPendencyDetail(data.id)
+                  }, null, 8, ["data-test", "onClick"])) : column.key === "status" ? (openBlock(), createBlock(_sfc_main$8, {
+                    key: 1,
+                    status: data.status,
+                    type: data.statusType
+                  }, null, 8, ["status", "type"])) : (openBlock(), createBlock(unref(y), {
+                    key: 2,
+                    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$7), {
+          key: 1,
+          value: unref(issues),
+          dataKey: "id",
+          class: "!border-0"
+        }, {
+          list: withCtx(({ items }) => [
+            createBaseVNode("div", _hoisted_1$1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "flex py-4 items-center justify-between cursor-pointer border-b border-surface-200 hover:bg-surface-100",
+                  key: index,
+                  onClick: ($event) => redirectToPendencyDetail(item.id)
+                }, [
+                  createBaseVNode("div", _hoisted_3, [
+                    createVNode(unref(y), {
+                      variant: "subtitle",
+                      isStrong: ""
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.originName), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    createVNode(unref(y), {
+                      class: "text-muted-color-emphasis",
+                      variant: "subtitle"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.typeName), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    createBaseVNode("div", null, [
+                      createVNode(unref(y), { class: "text-muted-color-emphasis" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(t)("riskPendingIssues.companyPendenciesTable.createdAt")) + ": " + toDisplayString(item.createdAt), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createVNode(unref(y), { class: "text-muted-color-emphasis" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(t)("riskPendingIssues.companyPendenciesTable.updatedAt")) + ": " + toDisplayString(item.updatedAt), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    createVNode(_sfc_main$8, {
+                      status: item.status,
+                      type: item.statusType
+                    }, null, 8, ["status", "type"])
+                  ]),
+                  createVNode(unref(P), {
+                    icon: "text_snippet",
+                    class: "mr-4 text-primary",
+                    size: "xl"
+                  })
+                ], 8, _hoisted_2$1);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["value"])),
+        unref(totalPages) > 1 ? (openBlock(), createBlock(unref(script$8), {
+          key: 2,
+          rows: 10,
+          totalRecords: unref(totalPages) * 10,
+          first: ((unref(page) || 1) - 1) * 10,
+          template: template.value,
+          currentPageReportTemplate: currentPageReportTemplate.value,
+          onPage
+        }, null, 8, ["totalRecords", "first", "template", "currentPageReportTemplate"])) : createCommentVNode("", true)
+      ], 64));
+    };
+  }
+});
+const _hoisted_1 = { class: "grid gap-6 w-full lg:!flex lg:!items-end" };
+const _hoisted_2 = { class: "flex gap-2 flex-col lg:!flex-row" };
+const __default__$1 = { name: "CompanyPendenciesFilter" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  setup(__props) {
+    const {
+      applyFilter,
+      resetFilter,
+      isLoading: isLoading2,
+      filter: filter2,
+      error,
+      allTypesOptions,
+      dateRange,
+      originOptions: originOptions2
+    } = useRPInternalByCompanyStore();
+    const { t: t2 } = useI18n();
+    const statusOptions = [
+      { value: "pending", title: t2("riskPendingIssues.statusTag.pending") },
+      { value: "done", title: t2("riskPendingIssues.statusTag.done") }
+    ];
+    ({
+      label: t2("riskPendingIssues.companyPendencyFilter.clearBtnLabel")
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(B), {
+          name: "dateRange",
+          label: unref(t2)("riskPendingIssues.companyPendencyFilter.inputDateLabel"),
+          placeholder: unref(t2)("riskPendingIssues.companyPendencyFilter.inputDatePlaceholder"),
+          modelValue: unref(dateRange),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dateRange) ? dateRange.value = $event : null),
+          as: unref(script$9),
+          size: "small",
+          dataTestPrefix: "company-pendencies-filter-dateRange",
+          disabled: unref(isLoading2) || unref(error),
+          selectionMode: "range",
+          manualInput: false,
+          dateFormat: "dd/mm/yy",
+          class: "w-full lg:!max-w-72"
+        }, null, 8, ["label", "placeholder", "modelValue", "as", "disabled"]),
+        createVNode(unref(B), {
+          name: "origin",
+          label: unref(t2)("riskPendingIssues.companyPendencyFilter.selectOriginLabel"),
+          placeholder: unref(t2)("riskPendingIssues.companyPendencyFilter.selectPlaceholder"),
+          options: unref(originOptions2),
+          modelValue: unref(filter2).origin_id,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(filter2).origin_id = $event),
+          optionLabel: "title",
+          optionValue: "value",
+          as: unref(script),
+          size: "small",
+          dataTestPrefix: "company-pendencies-filter-origin",
+          disabled: unref(isLoading2) || unref(error),
+          showClear: "",
+          class: "w-full lg:!max-w-72"
+        }, null, 8, ["label", "placeholder", "options", "modelValue", "as", "disabled"]),
+        createVNode(unref(B), {
+          name: "type",
+          label: unref(t2)("riskPendingIssues.companyPendencyFilter.selectTypeLabel"),
+          placeholder: unref(t2)("riskPendingIssues.companyPendencyFilter.selectPlaceholder"),
+          options: unref(allTypesOptions),
+          modelValue: unref(filter2).type_id,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(filter2).type_id = $event),
+          disabled: unref(isLoading2) || unref(error),
+          optionLabel: "title",
+          optionValue: "value",
+          as: unref(script),
+          size: "small",
+          dataTestPrefix: "company-pendency-filter-type",
+          filter: "",
+          resetFilterOnHide: "",
+          filterPlaceholder: _ctx.$t("riskPendingIssues.searchPlaceholder"),
+          emptyFilterMessage: _ctx.$t("riskPendingIssues.searchEmptyFeedback"),
+          showClear: "",
+          class: "w-full lg:!max-w-72"
+        }, null, 8, ["label", "placeholder", "options", "modelValue", "disabled", "as", "filterPlaceholder", "emptyFilterMessage"]),
+        createVNode(unref(B), {
+          name: "status",
+          label: unref(t2)("riskPendingIssues.companyPendencyFilter.selectStatusLabel"),
+          placeholder: unref(t2)("riskPendingIssues.companyPendencyFilter.selectPlaceholder"),
+          options: statusOptions,
+          modelValue: unref(filter2).status,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(filter2).status = $event),
+          dataTestPrefix: "company-pendencies-filter-status",
+          optionLabel: "title",
+          optionValue: "value",
+          as: unref(script),
+          size: "small",
+          disabled: unref(isLoading2) || unref(error),
+          showClear: "",
+          class: "w-full lg:!max-w-72"
+        }, null, 8, ["label", "placeholder", "modelValue", "as", "disabled"]),
+        createBaseVNode("div", _hoisted_2, [
+          createVNode(unref(script$a), {
+            icon: "pi pi-search",
+            size: "small",
+            onClick: unref(applyFilter),
+            "data-test": "company-pendencies-filter-search-button",
+            disabled: unref(isLoading2) || unref(error),
+            class: "!w-full lg:!w-fit"
+          }, null, 8, ["onClick", "disabled"]),
+          createVNode(unref(script$a), {
+            label: unref(t2)("riskPendingIssues.companyPendencyFilter.clearBtnLabel"),
+            size: "small",
+            onClick: unref(resetFilter),
+            "data-test": "company-pendencies-filter-clear-button",
+            disabled: unref(isLoading2) || unref(error),
+            outlined: ""
+          }, null, 8, ["label", "onClick", "disabled"])
+        ])
+      ]);
+    };
+  }
+});
+const __default__ = { name: "CompanyPendenciesHistory" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(AmText, {
+          variant: "label",
+          color: "purple"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("riskPendingIssues.CompanyPendenciesHistory")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$2),
+        createVNode(_sfc_main$3)
+      ], 64);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "InternalCompanyIssuesDetail" },
+  __name: "InternalCompanyIssuesDetail",
+  setup(__props) {
+    const { hasPermission, initialize: formStoreInitialize } = useRPInternalFormStore();
+    onMounted(useRPInternalByCompanyStore().initialize);
+    onMounted(formStoreInitialize);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, { class: "grid gap-12" }, {
+        default: withCtx(() => [
+          createVNode(CompanyDetailsHeader),
+          unref(hasPermission) ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : createCommentVNode("", true),
+          createVNode(_sfc_main$1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};