appmax-client-vue3 5.3.0 → 5.4.0

package/dist/ImportTrackingCode-DRkKUB2E.js

@@ -0,0 +1,1007 @@
+import { ad as defineComponent, q as createBlock, h as openBlock, l as unref, R, w as withCtx, i as createVNode, m as createTextVNode, t as toDisplayString, y, g as createElementBlock, j as createBaseVNode, F as Fragment, p as renderList, _ as _export_sfc, u as useI18n, r as ref, E as ApiService, ag as toaster, k as createCommentVNode, I as script, at as isRef, ap as C, n as normalizeClass, $, A as w, e as computed, z as watch, K as script$2, x as reactive, o as onMounted, Q as onUnmounted, d as useBreakpoint, av as script$3, aw as P, aj as useAlertsStore } from "./main-B2MCvgMD.js";
+import { A as AmCardV3 } from "./AmCardV3-BLr7Srwb.js";
+import { s as script$1 } from "./index-DcJMV4RI.js";
+import { s as script$4 } from "./index-CH5dTSvu.js";
+import { a as script$6, s as script$7, b as script$8 } from "./index-CRPIzPvI.js";
+import { s as script$5 } from "./index-7HL3gx2Z.js";
+import { c as formatToDateBR } from "./date-BKOoGpIP.js";
+const __default__$2 = { name: "NotificationSection" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: {
+    count: {},
+    name: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(R), {
+        type: "warning",
+        card: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(y), {
+            class: "pt-1",
+            "is-strong": ""
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("trackingCodeMessage.title", { count: _ctx.count, name: _ctx.name })), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(y), {
+            "is-strong": "",
+            class: "pt-2"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("trackingCodeMessage.subTitle")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(y), null, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("trackingCodeMessage.description")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const __default__$1 = {
+  name: "TextPattern",
+  props: {
+    values: {
+      type: Array,
+      required: true
+    },
+    title: {
+      type: String,
+      required: true
+    }
+  }
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(y), {
+          class: "mb-3",
+          "is-strong": ""
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.title), 1)
+          ]),
+          _: 1
+        }),
+        createBaseVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.values, (value, index) => {
+            return openBlock(), createElementBlock("li", { key: index }, [
+              createVNode(unref(y), null, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(value), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]);
+          }), 128))
+        ])
+      ], 64);
+    };
+  }
+});
+const TextPattern = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-32e640f7"]]);
+function useHandleImportCodes() {
+  const { t } = useI18n();
+  const errorMessage = ref(null);
+  const loadingUploadFile = ref(false);
+  const selectedOption = ref({ name: "ID do pedido", code: "id" });
+  const options = ref([
+    { name: "ID do pedido", code: "id" },
+    { name: "Email", code: "email" },
+    { name: "Documento de identificação", code: "document_number" }
+  ]);
+  const clearCallbackRef = ref(() => {
+  });
+  const fileToUploadRef = ref(null);
+  const callUploadCallback = async () => {
+    var _a, _b;
+    const file = fileToUploadRef.value;
+    if (!file) {
+      console.error("No file selected for upload.");
+      return;
+    }
+    if (!selectedOption.value) {
+      console.error("No option selected for upload.");
+      return;
+    }
+    const formData = new FormData();
+    formData.append("filter", selectedOption.value.code);
+    formData.append("file", file);
+    loadingUploadFile.value = true;
+    try {
+      await ApiService.post("/api/tracking-code/import", formData);
+      toaster.success(
+        `O arquivo ${file.name} foi importado com sucesso e pode ser encontrado no seu histórico.`
+      );
+    } catch (error) {
+      const responseMessage = ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || "Erro ao importar o arquivo por favor tente novamente.";
+      switch (responseMessage) {
+        case "file_exists":
+          errorMessage.value = t("handleImportCodes.importErrorExists");
+          break;
+        case "file_empty":
+          errorMessage.value = t("handleImportCodes.importErrorEmpty");
+          break;
+        case "maximum_rows_exceeded":
+          errorMessage.value = t("handleImportCodes.importErrorMaximumRowsExceeded");
+          break;
+        default:
+          errorMessage.value = t("handleImportCodes.importErrorDefault");
+          break;
+      }
+    } finally {
+      loadingUploadFile.value = false;
+      if (clearCallbackRef.value) {
+        clearCallbackRef.value();
+      }
+    }
+  };
+  const onFileSelect = (event) => {
+    fileToUploadRef.value = event.originalEvent.target.files[0];
+    if (errorMessage.value) {
+      errorMessage.value = null;
+    }
+  };
+  const handleSetfunctions = (chooseCallback, clearCallback) => {
+    chooseCallback();
+    clearCallbackRef.value = clearCallback;
+  };
+  return {
+    loadingUploadFile,
+    selectedOption,
+    options,
+    fileToUploadRef,
+    callUploadCallback,
+    onFileSelect,
+    handleSetfunctions,
+    errorMessage,
+    clearCallbackRef
+  };
+}
+const _hoisted_1$3 = { class: "handle-import-codes" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "d-flex align-center",
+  style: { "gap": "4px" }
+};
+const _hoisted_3$3 = {
+  key: 0,
+  class: "d-flex justify-center align-center mt-4"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "HandleImportCodes",
+  setup(__props) {
+    const {
+      loadingUploadFile,
+      selectedOption,
+      options,
+      fileToUploadRef,
+      callUploadCallback,
+      onFileSelect,
+      handleSetfunctions,
+      errorMessage
+    } = useHandleImportCodes();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", _hoisted_1$3, [
+          createVNode(unref(C), {
+            label: _ctx.$t("handleImportCodes.importBy"),
+            class: "flex-1-4"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script), {
+                modelValue: unref(selectedOption),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectedOption) ? selectedOption.value = $event : null),
+                options: unref(options),
+                disabled: unref(loadingUploadFile),
+                "option-label": "name",
+                size: "small",
+                placeholder: _ctx.$t("handleImportCodes.saleId")
+              }, null, 8, ["modelValue", "options", "disabled", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          createVNode(unref(C), {
+            label: _ctx.$t("handleImportCodes.file"),
+            class: "flex-3-4"
+          }, {
+            default: withCtx(() => [
+              createBaseVNode("div", {
+                class: normalizeClass(unref(errorMessage) ? "error" : "")
+              }, [
+                createVNode(unref(script$1), {
+                  name: "upload-csv-codes",
+                  multiple: false,
+                  accept: ".csv",
+                  "custom-upload": "",
+                  class: "d-flex",
+                  disabled: unref(loadingUploadFile),
+                  "max-file-size": 1e6,
+                  onSelect: unref(onFileSelect)
+                }, {
+                  header: withCtx(({ chooseCallback, clearCallback }) => [
+                    createVNode(unref($), {
+                      severity: "primary",
+                      outlined: "",
+                      size: "small",
+                      class: "upload-btn",
+                      icon: "upgrade",
+                      disabled: unref(loadingUploadFile),
+                      text: "",
+                      onClick: ($event) => unref(handleSetfunctions)(chooseCallback, clearCallback)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.$t("handleImportCodes.selectFile")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "onClick"])
+                  ]),
+                  content: withCtx(({ files, uploadedFiles }) => [
+                    createBaseVNode("div", {
+                      class: normalizeClass([unref(loadingUploadFile) ? "disabled" : "", "flex flex-col gap-8"])
+                    }, [
+                      !files.length && !uploadedFiles.length ? (openBlock(), createBlock(unref(y), {
+                        key: 0,
+                        class: "subtitle",
+                        size: "large",
+                        variant: "subtitle"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(_ctx.$t("handleImportCodes.fileType")), 1)
+                        ]),
+                        _: 1
+                      })) : (openBlock(), createBlock(unref(y), {
+                        key: 1,
+                        class: "subtitle",
+                        size: "large",
+                        variant: "subtitle"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(files[0].name), 1)
+                        ]),
+                        _: 2
+                      }, 1024))
+                    ], 2)
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "onSelect"]),
+                unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+                  _cache[1] || (_cache[1] = createBaseVNode("span", {
+                    class: "material-symbols-rounded",
+                    style: { "font-variation-settings": "'FILL' 1", "color": "#dd4b39", "font-size": "24px" }
+                  }, " warning ", -1)),
+                  createVNode(unref(y), {
+                    class: "error-upload",
+                    size: "large",
+                    variant: "subtitle"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(errorMessage)), 1)
+                    ]),
+                    _: 1
+                  })
+                ])) : createCommentVNode("", true)
+              ], 2)
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          createVNode(unref(C), {
+            class: "send-button flex-1-6",
+            label: "Enviar"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref($), {
+                variant: "primary",
+                disabled: unref(loadingUploadFile) || !unref(fileToUploadRef) || !unref(selectedOption),
+                onClick: unref(callUploadCallback)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("handleImportCodes.send")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        unref(loadingUploadFile) ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+          createVNode(unref(y), {
+            class: "subtitle-upload",
+            size: "large",
+            "is-strong": "",
+            variant: "subtitle"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("handleImportCodes.processingFile")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(w), {
+            class: "loading-icon-small",
+            size: "small",
+            loading: true,
+            "is-fullscreen": false,
+            "is-block": false
+          })
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const HandleImportCodes = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4ba65fb6"]]);
+const useImportTrackingCodeStore = () => {
+  const isLoading = ref(false);
+  const downloadButtonLoading = computed(() => isLoading.value);
+  const downloadCsvTemplate = () => {
+    const filePath = new URL("data:text/csv;base64,IkluY2x1aXIgSUQgZG8gcGVkaWRvLCBFLW1haWwgb3UgQ1BGIGRvIGNsaWVudGUgbmEgcHJpbWVpcmEgY29sdW5hIixDw7NkaWdvIGRlIFJhc3RyZWFtZW50bw==", import.meta.url).href;
+    const link = document.createElement("a");
+    link.href = filePath;
+    link.download = "Template modelo.csv";
+    link.click();
+  };
+  const downloadTrackingCodeFile = async (id) => {
+    try {
+      isLoading.value = true;
+      const route = typeof id !== "object" ? `/api/tracking-code/export?id=${id}` : "/api/tracking-code/export";
+      const response = await ApiService.get(route, {
+        responseType: "blob"
+      });
+      const blob = new Blob([response.data], { type: "text/csv" });
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.setAttribute("download", "tracking_codes.csv");
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    } catch (error) {
+      console.error("Error downloading file:", error);
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  return {
+    downloadButtonLoading,
+    downloadCsvTemplate,
+    downloadTrackingCodeFile
+  };
+};
+const _hoisted_1$2 = { class: "flex align-items-center" };
+const _hoisted_2$2 = {
+  key: 0,
+  class: "material-symbols-rounded",
+  style: { "font-variation-settings": "'FILL' 1", "color": "#dd4b39", "font-size": "24px" }
+};
+const _hoisted_3$2 = {
+  key: 0,
+  class: "d-flex justify-center mt-5"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "StatusModal",
+  props: {
+    id: {
+      type: Number,
+      required: true
+    },
+    modelValue: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const { downloadTrackingCodeFile, downloadButtonLoading } = useImportTrackingCodeStore();
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    watch(
+      () => props.modelValue,
+      (newStatus) => {
+        if (newStatus) {
+          visible.value = true;
+        } else {
+          visible.value = false;
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      visible,
+      (newVisible) => {
+        if (!newVisible) {
+          emit("update:modelValue", "");
+        }
+      }
+    );
+    const statusContent = computed(() => {
+      switch (props.modelValue) {
+        case "partial-success":
+          return [
+            t("statusModal.content.partialSuccess.title"),
+            t("statusModal.content.partialSuccess.description"),
+            t("statusModal.content.partialSuccess.instruction")
+          ];
+        case "error":
+          return [
+            t("statusModal.content.error.message")
+          ];
+        default:
+          return t("statusModal.content.unknown");
+      }
+    });
+    const header = computed(() => {
+      switch (props.modelValue) {
+        case "partial-success":
+          return t("statusModal.headers.attention");
+        case "error":
+          return t("statusModal.headers.error");
+        default:
+          return t("statusModal.headers.unknown");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script$2), {
+        visible: visible.value,
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+        class: "status-modal",
+        header: header.value,
+        closable: true,
+        modal: true
+      }, {
+        header: withCtx(() => [
+          createBaseVNode("div", _hoisted_1$2, [
+            createVNode(unref(y), {
+              variant: "subtitle",
+              size: "large",
+              class: "mr-2 dialog-title"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(header.value), 1)
+              ]),
+              _: 1
+            }),
+            props.modelValue === "error" ? (openBlock(), createElementBlock("span", _hoisted_2$2, " info ")) : createCommentVNode("", true)
+          ])
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(statusContent.value, (status, index) => {
+              return openBlock(), createElementBlock("p", {
+                key: index,
+                class: "mb-3"
+              }, toDisplayString(status), 1);
+            }), 128)),
+            props.modelValue === "partial-success" ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+              createVNode(unref($), {
+                icon: "vertical_align_bottom",
+                loading: unref(downloadButtonLoading),
+                onClick: _cache[0] || (_cache[0] = ($event) => unref(downloadTrackingCodeFile)(props.id))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("statusModal.buttons.downloadFailedOrders")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
+  }
+});
+const StatusModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f2bf5380"]]);
+function useImportHistory() {
+  const { t } = useI18n();
+  const loading = ref(true);
+  const importData = ref([]);
+  const options = ref([]);
+  const filters = reactive({
+    id: "",
+    user: null,
+    period: null
+  });
+  const filteredData = ref([]);
+  const currentPage = ref(0);
+  const rowsPerPage = ref(10);
+  const paginatedData = computed(() => {
+    const start = currentPage.value * rowsPerPage.value;
+    const end = start + rowsPerPage.value;
+    return filteredData.value.slice(start, end);
+  });
+  const totalRecords = computed(() => filteredData.value.length);
+  const intervalId = ref(null);
+  const isFetching = ref(false);
+  const currentStatus = ref("");
+  const currentId = ref(0);
+  const fetchAndFilterData = async () => {
+    if (isFetching.value) return;
+    isFetching.value = true;
+    try {
+      const response = await ApiService.get("/api/tracking-code/list");
+      importData.value = response.data.list;
+      applyFilters();
+    } catch (error) {
+      console.error("Error fetching import history:", error);
+    } finally {
+      isFetching.value = false;
+      loading.value = false;
+    }
+  };
+  const applyFilters = () => {
+    filteredData.value = importData.value.filter((item) => {
+      const matchesId = filters.id ? item.id.toString().includes(filters.id) : true;
+      const matchesUser = filters.user ? item.user_name.toLowerCase().includes(filters.user.name.toLowerCase()) : true;
+      const matchesPeriod = filters.period ? formatToDateBR(item.created_at) === formatToDateBR(filters.period) : true;
+      return matchesId && matchesUser && matchesPeriod;
+    });
+    currentPage.value = 0;
+  };
+  const resetFilters = () => {
+    filters.id = "";
+    filters.user = null;
+    filters.period = null;
+    applyFilters();
+  };
+  const onPageChange = (event) => {
+    currentPage.value = event.page;
+    rowsPerPage.value = event.rows;
+  };
+  const openDetailModal = (status, id) => {
+    currentStatus.value = status;
+    currentId.value = id;
+  };
+  const getSeverityStatus = (status) => {
+    switch (status) {
+      case "success":
+        return "success";
+      case "partial-success":
+        return "warning";
+      case "processing":
+        return "lightPurple";
+      case "error":
+        return "error";
+      default:
+        return "warning";
+    }
+  };
+  const getSeverityContent = (status) => {
+    switch (status) {
+      case "success":
+        return t("importHistory.status.success");
+      case "partial-success":
+        return t("importHistory.status.partial");
+      case "processing":
+        return t("importHistory.status.processing");
+      case "error":
+        return t("importHistory.status.error");
+      default:
+        return t("importHistory.status.undefined");
+    }
+  };
+  onMounted(() => {
+    fetchAndFilterData();
+    intervalId.value = window.setInterval(fetchAndFilterData, 1e4);
+  });
+  onUnmounted(() => {
+    if (intervalId.value) clearInterval(intervalId.value);
+  });
+  watch(importData, (newData) => {
+    const uniqueUsers = /* @__PURE__ */ new Set();
+    options.value = newData.filter((item) => {
+      if (!uniqueUsers.has(item.user_name)) {
+        uniqueUsers.add(item.user_name);
+        return true;
+      }
+      return false;
+    }).map((item) => ({
+      name: item.user_name,
+      code: item.user_name
+    }));
+  });
+  return {
+    loading,
+    filters,
+    paginatedData,
+    options,
+    currentPage,
+    rowsPerPage,
+    totalRecords,
+    onPageChange,
+    applyFilters,
+    resetFilters,
+    getSeverityStatus,
+    getSeverityContent,
+    currentStatus,
+    currentId,
+    openDetailModal,
+    formatToDateBR
+  };
+}
+const _hoisted_1$1 = { class: "w-full flex flex-wrap md:flex-nowrap gap-4 mb-4" };
+const _hoisted_2$1 = { class: "flex-1 min-w-[200px]" };
+const _hoisted_3$1 = { class: "flex-1 min-w-[200px]" };
+const _hoisted_4$1 = { class: "flex-1 min-w-[200px]" };
+const _hoisted_5 = { class: "flex items-end gap-2" };
+const _hoisted_6 = { class: "mt-6" };
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { class: "flex flex-col" };
+const _hoisted_9 = { class: "flex justify-between" };
+const _hoisted_10 = { class: "flex flex-col gap-4 p-4" };
+const _hoisted_11 = {
+  key: 0,
+  class: "mt-3 mb-5 mx-4"
+};
+const _hoisted_12 = { class: "flex flex-col items-center justify-center mt-3" };
+const _hoisted_13 = { class: "flex justify-end mt-4" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ImportHistory",
+  setup(__props) {
+    const isMobileSize = useBreakpoint("mobile");
+    const {
+      loading,
+      filters,
+      paginatedData,
+      options,
+      currentPage,
+      rowsPerPage,
+      totalRecords,
+      onPageChange,
+      applyFilters,
+      resetFilters,
+      getSeverityStatus,
+      getSeverityContent,
+      currentStatus,
+      currentId,
+      openDetailModal,
+      formatToDateBR: formatToDateBR2
+    } = useImportHistory();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", _hoisted_1$1, [
+          createBaseVNode("div", _hoisted_2$1, [
+            createVNode(unref(C), {
+              label: _ctx.$t("importHistory.labels.requestId")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(script$3), {
+                  modelValue: unref(filters).id,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filters).id = $event),
+                  name: "id",
+                  type: "text",
+                  size: "small",
+                  placeholder: _ctx.$t("importHistory.placeholders.typeHere")
+                }, null, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          createBaseVNode("div", _hoisted_3$1, [
+            createVNode(unref(C), {
+              label: _ctx.$t("importHistory.labels.user")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(script), {
+                  modelValue: unref(filters).user,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(filters).user = $event),
+                  options: unref(options),
+                  "option-label": "name",
+                  size: "small",
+                  placeholder: _ctx.$t("importHistory.placeholders.select")
+                }, null, 8, ["modelValue", "options", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          createBaseVNode("div", _hoisted_4$1, [
+            createVNode(unref(C), {
+              label: _ctx.$t("importHistory.labels.period")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(script$4), {
+                  modelValue: unref(filters).period,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(filters).period = $event),
+                  size: "small",
+                  "show-icon": "",
+                  "date-format": "dd/mm/yy",
+                  "icon-display": "input",
+                  placeholder: _ctx.$t("importHistory.placeholders.select")
+                }, null, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          createBaseVNode("div", _hoisted_5, [
+            createVNode(unref($), {
+              icon: "search",
+              class: "p-0 h-[42px] min-w-[40px]",
+              onClick: unref(applyFilters)
+            }, null, 8, ["onClick"]),
+            createVNode(unref($), {
+              severity: "primary",
+              text: "",
+              class: "p-0 h-[42px] min-w-[70px]",
+              onClick: unref(resetFilters)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("importHistory.labels.clear")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ]),
+        createBaseVNode("div", _hoisted_6, [
+          unref(loading) ? (openBlock(), createBlock(unref(w), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_7, [
+            unref(isMobileSize) ? (openBlock(), createBlock(unref(script$5), {
+              key: 0,
+              value: unref(paginatedData)
+            }, {
+              list: withCtx((slotProps) => [
+                createBaseVNode("div", _hoisted_8, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(slotProps.items, (item, index) => {
+                    return openBlock(), createElementBlock("div", { key: index }, [
+                      createBaseVNode("div", _hoisted_9, [
+                        createBaseVNode("div", _hoisted_10, [
+                          createVNode(unref(y), null, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(item.id), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          createVNode(unref(y), null, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(item.file_name), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          createVNode(unref(y), null, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(item.user_name), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          createVNode(unref(y), null, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(unref(formatToDateBR2)(item.created_at)), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          createVNode(unref(P), {
+                            closable: false,
+                            disabled: false,
+                            "is-status-tag": false,
+                            text: unref(getSeverityContent)(item.status),
+                            type: unref(getSeverityStatus)(item.status)
+                          }, null, 8, ["text", "type"])
+                        ]),
+                        createBaseVNode("div", null, [
+                          createVNode(unref($), {
+                            disabled: !["error", "partial-success"].includes(item.status),
+                            icon: "open_in_new",
+                            class: "action-button",
+                            severity: "primary",
+                            text: "",
+                            "only-icon": "",
+                            onClick: ($event) => unref(openDetailModal)(item.status, item.id)
+                          }, null, 8, ["disabled", "onClick"])
+                        ])
+                      ]),
+                      !(index === unref(paginatedData).length - 1) ? (openBlock(), createElementBlock("hr", _hoisted_11)) : createCommentVNode("", true)
+                    ]);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["value"])) : (openBlock(), createBlock(unref(script$6), {
+              key: 1,
+              value: unref(paginatedData),
+              "table-style": "min-width: 50rem",
+              class: "w-full"
+            }, {
+              empty: withCtx(() => [
+                createBaseVNode("div", _hoisted_12, [
+                  createVNode(unref(y), {
+                    variant: "subtitle",
+                    size: "large",
+                    class: "text-center mb-2"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("importHistory.labels.emptyHistory")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(script$7), {
+                  field: "id",
+                  header: "#"
+                }),
+                createVNode(unref(script$7), {
+                  field: "file_name",
+                  header: _ctx.$t("importHistory.labels.fileName")
+                }, null, 8, ["header"]),
+                createVNode(unref(script$7), {
+                  field: "user_name",
+                  header: _ctx.$t("importHistory.labels.user")
+                }, null, 8, ["header"]),
+                createVNode(unref(script$7), {
+                  field: "created_at",
+                  header: _ctx.$t("importHistory.labels.date")
+                }, {
+                  body: withCtx((slotProps) => [
+                    createTextVNode(toDisplayString(unref(formatToDateBR2)(slotProps.data.created_at)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["header"]),
+                createVNode(unref(script$7), {
+                  field: "status",
+                  header: _ctx.$t("importHistory.labels.status")
+                }, {
+                  body: withCtx((slotProps) => [
+                    createVNode(unref(P), {
+                      closable: false,
+                      disabled: false,
+                      "is-status-tag": false,
+                      text: unref(getSeverityContent)(slotProps.data.status),
+                      type: unref(getSeverityStatus)(slotProps.data.status)
+                    }, null, 8, ["text", "type"])
+                  ]),
+                  _: 1
+                }, 8, ["header"]),
+                createVNode(unref(script$7), {
+                  header: _ctx.$t("importHistory.labels.details")
+                }, {
+                  body: withCtx((slotProps) => [
+                    createVNode(unref($), {
+                      disabled: !["error", "partial-success"].includes(slotProps.data.status),
+                      icon: "open_in_new",
+                      class: "action-button",
+                      severity: "primary",
+                      text: "",
+                      "only-icon": "",
+                      onClick: ($event) => unref(openDetailModal)(slotProps.data.status, slotProps.data.id)
+                    }, null, 8, ["disabled", "onClick"])
+                  ]),
+                  _: 1
+                }, 8, ["header"])
+              ]),
+              _: 1
+            }, 8, ["value"])),
+            createBaseVNode("div", _hoisted_13, [
+              createVNode(unref(script$8), {
+                rows: unref(rowsPerPage),
+                first: unref(currentPage) * unref(rowsPerPage),
+                "total-records": unref(totalRecords),
+                "rows-per-page-options": [5, 10, 20, 50],
+                template: "PrevPageLink PageLinks NextPageLink RowsPerPageDropdown",
+                onPage: unref(onPageChange)
+              }, null, 8, ["rows", "first", "total-records", "onPage"])
+            ])
+          ])),
+          createVNode(StatusModal, {
+            id: unref(currentId),
+            modelValue: unref(currentStatus),
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(currentStatus) ? currentStatus.value = $event : null)
+          }, null, 8, ["id", "modelValue"])
+        ])
+      ], 64);
+    };
+  }
+});
+const ImportHistory = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d3a11775"]]);
+const _hoisted_1 = { class: "mt-6" };
+const _hoisted_2 = { class: "mt-6" };
+const _hoisted_3 = { class: "mt-6" };
+const _hoisted_4 = { class: "mt-6" };
+const __default__ = { name: "ImportTrackingCode" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const { t } = useI18n();
+    const { hasTrackingCodePendencies, trackingCodePendenciesCount, trackingCodeSiteName } = useAlertsStore();
+    const { downloadCsvTemplate, downloadTrackingCodeFile, downloadButtonLoading } = useImportTrackingCodeStore();
+    const textValuesFirstSection = ref([
+      t("rules.firstRule"),
+      t("rules.secondRule"),
+      t("rules.thirdRule"),
+      t("rules.fourthRule"),
+      t("rules.fifthRule")
+    ]);
+    const textValuesSecondSection = ref([
+      t("importGuide.firstStep"),
+      t("importGuide.secondStep"),
+      t("importGuide.thirdStep")
+    ]);
+    const textValuesThirdSection = ref([
+      t("observation.firstObservation"),
+      t("observation.secondObservation")
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, null, {
+        default: withCtx(() => [
+          unref(hasTrackingCodePendencies) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createVNode(_sfc_main$5, {
+              count: unref(trackingCodePendenciesCount),
+              name: unref(trackingCodeSiteName)
+            }, null, 8, ["count", "name"]),
+            createVNode(unref($), {
+              class: "mt-6",
+              variant: "primary",
+              size: "small",
+              icon: "vertical_align_bottom",
+              loading: unref(downloadButtonLoading),
+              onClick: unref(downloadTrackingCodeFile)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("buttons.downloadFile")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "onClick"]),
+            _cache[0] || (_cache[0] = createBaseVNode("hr", { class: "my-6" }, null, -1))
+          ], 64)) : createCommentVNode("", true),
+          createVNode(TextPattern, {
+            title: _ctx.$t("rules.title"),
+            values: textValuesFirstSection.value
+          }, null, 8, ["title", "values"]),
+          createVNode(unref($), {
+            severity: "secondary",
+            icon: "vertical_align_bottom",
+            text: "",
+            class: "secondary-download-button",
+            onClick: unref(downloadCsvTemplate)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("buttons.downloadExample")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          createBaseVNode("div", _hoisted_1, [
+            createVNode(TextPattern, {
+              title: _ctx.$t("importGuide.title"),
+              values: textValuesSecondSection.value
+            }, null, 8, ["title", "values"])
+          ]),
+          createBaseVNode("div", _hoisted_2, [
+            createVNode(TextPattern, {
+              title: _ctx.$t("observation.title"),
+              values: textValuesThirdSection.value
+            }, null, 8, ["title", "values"])
+          ]),
+          createBaseVNode("div", _hoisted_3, [
+            createVNode(HandleImportCodes)
+          ]),
+          _cache[1] || (_cache[1] = createBaseVNode("hr", { class: "my-6" }, null, -1)),
+          createVNode(unref(y), { "is-strong": "" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("importHistoryTitle")), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", _hoisted_4, [
+            createVNode(ImportHistory)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const ImportTrackingCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62b4facf"]]);
+export {
+  ImportTrackingCode as default
+};