appmax-client-vue3 5.5.0 → 5.6.0

package/dist/WithdrawGuaranteeExtract-CDFmkibx.js

@@ -1,980 +0,0 @@
-import { ab as defineComponent, g as createElementBlock, h as openBlock, i as createVNode, l as unref, y, w as withCtx, m as createTextVNode, t as toDisplayString, $, v as createBlock, a6 as renderSlot, k as createCommentVNode, ae as formatFloatMoney, e as computed, ap as t, b6 as snakeToCamelCase, bP as camelToSnakeCase, G as ApiService, b as useRoute, c as useRouter, A as watch, z as reactive, r as ref, aL as AxiosError, az as toRefs, at as useAlertsStore, bN as toFloat, d as useBreakpoint, aE as script$1, O as formatPercentages, j as createBaseVNode, aB as script$2, aA as isRef, F as Fragment, q as renderList, a9 as resolveComponent, o as onMounted, Q as onUnmounted } from "./main-CGDQR_6u.js";
-import { C } from "./index-CAdyW2b0.js";
-import { s as script } from "./index-Cp6EAAPD.js";
-import { h as formatToDateTimeBR, j as convertToISO, k as convertFromISO } from "./date-BKOoGpIP.js";
-import { w as withdrawPendenciesService } from "./index-BZCKKBTU.js";
-import { p as parseCurrencyToNumber } from "./money.helpers-UnQpQAjk.js";
-import { h as he } from "./index-BBYPsJ89.js";
-import { b as script$3, s as script$4, a as script$5 } from "./index-gFCjiTtP.js";
-import { a as script$6, s as script$7, b as script$9 } from "./index-DhO56kAh.js";
-import { _ as _sfc_main$9 } from "./AmLayoutFeedbackState-BQGNqPs9.js";
-import { s as script$8 } from "./index-BoyJMoBU.js";
-const _hoisted_1$5 = { class: "grid gap-4 !w-full" };
-const __default__$7 = {
-  name: "Retry"
-};
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
-  emits: ["retry"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createVNode(unref(y), { class: "font-medium text-center text-surface-500" }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.$t("withdraw_v3.guarantee-extract.retry.title")), 1)
-          ]),
-          _: 1
-        }),
-        createVNode(unref($), {
-          label: _ctx.$t("withdraw_v3.guarantee-extract.retry.button"),
-          icon: "refresh",
-          class: "!w-fit !h-fit !font-medium !mx-auto",
-          size: "small",
-          onClick: _cache[0] || (_cache[0] = ($event) => emit("retry"))
-        }, null, 8, ["label"])
-      ]);
-    };
-  }
-});
-const _hoisted_1$4 = {
-  key: 0,
-  class: "grid !w-full min-h-[125px]"
-};
-const _hoisted_2$1 = {
-  key: 1,
-  class: "grid !w-full"
-};
-const __default__$6 = {
-  name: "WithdrawGuaranteeExtractCardContent"
-};
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
-  props: {
-    title: {},
-    value: {},
-    description: {},
-    isLoading: { type: Boolean },
-    isError: { type: Boolean }
-  },
-  emits: ["retry"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return _ctx.isError ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createVNode(unref(y), {
-          variant: "subtitle",
-          isStrong: "",
-          "data-test": "withdraw-guarantee-extract-card-content-title"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
-          ]),
-          _: 1
-        }),
-        createVNode(_sfc_main$8, {
-          onRetry: _cache[0] || (_cache[0] = ($event) => emit("retry"))
-        })
-      ])) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
-        createVNode(unref(y), {
-          variant: "subtitle",
-          isStrong: "",
-          "data-test": "withdraw-guarantee-extract-card-content-title"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
-          ]),
-          _: 1
-        }),
-        _ctx.isLoading ? (openBlock(), createBlock(unref(script), {
-          key: 0,
-          class: "mt-2 !h-8",
-          width: "5rem"
-        })) : (openBlock(), createBlock(unref(y), {
-          key: 1,
-          variant: "title",
-          isStrong: "",
-          class: "mt-2 h-8",
-          "data-test": "withdraw-guarantee-extract-card-content-value"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.value), 1)
-          ]),
-          _: 1
-        })),
-        _ctx.$slots.descriptionText ? renderSlot(_ctx.$slots, "descriptionText", { key: 2 }) : _ctx.description ? (openBlock(), createBlock(unref(y), {
-          key: 3,
-          class: "mt-6 text-muted-color",
-          "data-test": "withdraw-guarantee-extract-card-content-description"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.description), 1)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ]));
-    };
-  }
-});
-const liberationTypeMap = {
-  1: "Total",
-  2: "Parcial"
-};
-const retainedGuaranteeParse = (item) => ({
-  site: item.site_name,
-  orderId: `#${item.order_id}`,
-  url: `/v2/client/integration/orders/${item.order_hash}`,
-  totalValue: item.total_value,
-  retainedValue: item.retained_value,
-  retainedDate: formatToDateTimeBR(item.created_at),
-  releaseDate: formatToDateTimeBR(item.available_at)
-});
-const releasedGuaranteeParse = (item) => ({
-  site: item.site_name,
-  orderId: `#${item.order_id}`,
-  url: `/v2/client/integration/orders/${item.order_hash}`,
-  retainedValue: item.initialy_retained_value,
-  liberation: liberationTypeMap[item.release_type] || "",
-  releasedValue: item.released_value,
-  retainedDate: formatToDateTimeBR(item.created_at),
-  releasedDate: formatToDateTimeBR(item.released_at)
-});
-const antifraudGuaranteeParse = (item) => ({
-  site: item.site,
-  orderId: `#${item.order_id}`,
-  url: item.links.href,
-  amount: formatFloatMoney(item.net_value),
-  date: formatToDateTimeBR(item.creation_date)
-});
-const useTableSchemas = () => {
-  const tableSchemas = computed(() => ({
-    retained: [
-      { field: "site", header: t("withdraw_v3.guarantee-extract.list.header.retained.site") },
-      {
-        field: "orderId",
-        header: t("withdraw_v3.guarantee-extract.list.header.retained.orderId"),
-        isLink: true
-      },
-      {
-        field: "totalValue",
-        header: t("withdraw_v3.guarantee-extract.list.header.retained.totalValue")
-      },
-      {
-        field: "retainedValue",
-        header: t("withdraw_v3.guarantee-extract.list.header.retained.retainedValue")
-      },
-      {
-        field: "retainedDate",
-        header: t("withdraw_v3.guarantee-extract.list.header.retained.retainedDate")
-      },
-      {
-        field: "releaseDate",
-        header: t("withdraw_v3.guarantee-extract.list.header.retained.releaseDate")
-      }
-    ],
-    released: [
-      { field: "site", header: t("withdraw_v3.guarantee-extract.list.header.released.site") },
-      {
-        field: "orderId",
-        header: t("withdraw_v3.guarantee-extract.list.header.released.orderId"),
-        isLink: true
-      },
-      {
-        field: "retainedValue",
-        header: t("withdraw_v3.guarantee-extract.list.header.released.retainedValue")
-      },
-      {
-        field: "liberation",
-        header: t("withdraw_v3.guarantee-extract.list.header.released.liberation")
-      },
-      {
-        field: "releasedValue",
-        header: t("withdraw_v3.guarantee-extract.list.header.released.releasedValue")
-      },
-      {
-        field: "retainedDate",
-        header: t("withdraw_v3.guarantee-extract.list.header.released.retainedDate")
-      },
-      {
-        field: "releasedDate",
-        header: t("withdraw_v3.guarantee-extract.list.header.released.releasedDate")
-      }
-    ],
-    antifraud: [
-      { field: "site", header: t("withdraw_v3.guarantee-extract.list.header.antifraud.site") },
-      {
-        field: "orderId",
-        header: t("withdraw_v3.guarantee-extract.list.header.antifraud.orderId"),
-        isLink: true
-      },
-      { field: "amount", header: t("withdraw_v3.guarantee-extract.list.header.antifraud.amount") },
-      { field: "date", header: t("withdraw_v3.guarantee-extract.list.header.antifraud.date") }
-    ]
-  }));
-  return tableSchemas.value;
-};
-const typeMapReverse = {
-  retained: "1",
-  released: "2",
-  antifraud: "antifraud"
-};
-const typeMap = {
-  "1": "retained",
-  "2": "released",
-  antifraud: "antifraud"
-};
-const queryMap = {
-  garantia: "1",
-  liberada: "2",
-  antifraude: "antifraud"
-};
-class WithdrawGuaranteeExtractService {
-  constructor(apiService) {
-    this.apiService = apiService;
-  }
-  async getData(companyId) {
-    const guaranteAapiRoute = `api/guarantee-extract/${companyId}`;
-    const antifraudApiRoute = `balance/companies/antifraud?company_id=${companyId}`;
-    const {
-      data: { result }
-    } = await this.apiService.get(guaranteAapiRoute);
-    const {
-      data: { value }
-    } = await this.apiService.get(antifraudApiRoute);
-    return snakeToCamelCase({ ...result, antifraud: value });
-  }
-  async getGuaranteeExtractByType(companyId, filter2) {
-    const routeMap = {
-      "1": `api/guarantee-extract/${companyId}/history`,
-      "2": `api/guarantee-extract/${companyId}/history`,
-      antifraud: `api/guarantee-extract/${companyId}/antifraud-analysis`
-    };
-    const parserMap = {
-      "1": retainedGuaranteeParse,
-      "2": releasedGuaranteeParse,
-      antifraud: antifraudGuaranteeParse
-    };
-    const route = routeMap[filter2.type];
-    const parser = parserMap[filter2.type];
-    const { data } = await this.apiService.get(route, {
-      params: camelToSnakeCase(filter2)
-    });
-    return {
-      pagination: data.meta,
-      list: data.result.map(parser)
-    };
-  }
-}
-const withdrawGuaranteeExtractService = new WithdrawGuaranteeExtractService(ApiService);
-const INVALID_USER_PRIVILEGES = "Invalid user privileges";
-const { addAlert, removeAlert } = useAlertsStore();
-const initialListState = () => ({
-  isLoading: true,
-  hasError: false,
-  list: [],
-  pagination: {
-    total: null,
-    pages: null,
-    limit: null,
-    page: null
-  }
-});
-const initialFilterState = () => ({
-  page: 1,
-  orderId: "",
-  dateFrom: "",
-  dateTo: "",
-  perPage: "10"
-});
-const guaranteeState = reactive({
-  isLoadingInfo: true,
-  hasErrorInfo: true,
-  totalValue: "",
-  guaranteeTax: "",
-  antifraud: ""
-});
-const initializationState = reactive({
-  isInitialized: false,
-  guaranteeDataInitialized: false,
-  listInitialized: {
-    retained: false,
-    released: false,
-    antifraud: false
-  }
-});
-const filterStates = reactive({
-  retained: initialFilterState(),
-  released: initialFilterState(),
-  antifraud: initialFilterState()
-});
-const filter = reactive({
-  type: "1",
-  page: 1,
-  orderId: "",
-  dateFrom: "",
-  dateTo: "",
-  perPage: "10"
-});
-const listStates = reactive({
-  released: initialListState(),
-  retained: initialListState(),
-  antifraud: initialListState()
-});
-const dateRanges = reactive({
-  retained: [],
-  released: [],
-  antifraud: []
-});
-const dateFilterModel = ref();
-const syncDateRangeFromFilter = (type) => {
-  const filterState = filterStates[type];
-  const { dateFrom, dateTo } = filterState;
-  if (!dateFrom && !dateTo) {
-    dateRanges[type] = [];
-    return;
-  }
-  if (dateRanges[type] && dateRanges[type].length > 0) {
-    return;
-  }
-  if (dateFrom && !dateTo) {
-    const fromDate = convertToISO(dateFrom);
-    dateRanges[type] = [fromDate, fromDate];
-    return;
-  }
-  if (!dateFrom && dateTo) {
-    const toDate = convertToISO(dateTo);
-    dateRanges[type] = [toDate, toDate];
-    return;
-  }
-  if (dateFrom && dateTo) {
-    const fromDate = convertToISO(dateFrom);
-    const toDate = convertToISO(dateTo);
-    dateRanges[type] = [fromDate, toDate];
-  }
-};
-const useWithdrawGuaranteeExtract = () => {
-  const route = useRoute();
-  const router = useRouter();
-  const validQueryTypes = ["garantia", "liberada", "antifraude"];
-  const setCurrentTab = () => {
-    const queryTab = route.query.tab;
-    if (!queryTab || !validQueryTypes.includes(queryTab)) {
-      filter.type = queryMap["garantia"];
-      return;
-    }
-    filter.type = queryMap[queryTab];
-  };
-  setCurrentTab();
-  const companyId = computed(() => route.params.id);
-  const checkCompanyNegativeBalance = async () => {
-    if (!parseCurrencyToNumber(guaranteeState.totalValue)) return;
-    const { userNegativeNationalBalances, userNegativeInternationalBalances } = await withdrawPendenciesService.getPendencies();
-    const allNegativeBalances = [
-      ...userNegativeNationalBalances,
-      ...userNegativeInternationalBalances
-    ];
-    const hasCompanyNegativeBalance = allNegativeBalances.some(
-      (item) => item.id === Number(companyId.value)
-    );
-    const params = { company_id: companyId.value, bank_account_id: null };
-    const { data } = await ApiService.get("/balance/companies/negative-balance", { params });
-    if (!hasCompanyNegativeBalance && toFloat(data.value) >= 0) return;
-    addAlert({
-      name: "withdraw-guarantee-extract-negative-balance",
-      severity: "danger",
-      title: computed(() => t("withdraw_v3.guarantee-extract.alerts.negative-balance.title")).value,
-      customIcon: "warning",
-      htmlContent: computed(
-        () => t("withdraw_v3.guarantee-extract.alerts.negative-balance.htmlInsideContent", {
-          value: data.value
-        })
-      ).value,
-      onlyRoutes: ["withdraw.guarantee-extract"]
-    });
-  };
-  const resetAlerts = () => {
-    removeAlert("withdraw-guarantee-extract-negative-balance");
-  };
-  watch(
-    () => [route.query.tab, route.params.id],
-    ([newTab, newCompanyId], [oldTab, oldCompanyId]) => {
-      if (newCompanyId !== oldCompanyId) {
-        resetInitialization();
-        setCurrentTab();
-        return;
-      }
-      if (newTab !== oldTab) {
-        setCurrentTab();
-        const currentType = typeMap[filter.type];
-        if (!initializationState.listInitialized[currentType]) {
-          dateFilterModel.value = dateRanges[currentType];
-          syncDateRangeFromFilter(currentType);
-          getListByType(currentType);
-        } else {
-          dateFilterModel.value = dateRanges[currentType];
-        }
-      }
-    },
-    { immediate: false }
-  );
-  const getGuaranteeExtractData = async () => {
-    var _a;
-    if (initializationState.guaranteeDataInitialized) {
-      return;
-    }
-    try {
-      guaranteeState.isLoadingInfo = true;
-      guaranteeState.hasErrorInfo = false;
-      const { totalValue, guaranteeTax, antifraud } = await withdrawGuaranteeExtractService.getData(companyId.value);
-      guaranteeState.totalValue = totalValue;
-      guaranteeState.guaranteeTax = guaranteeTax;
-      guaranteeState.antifraud = antifraud;
-      initializationState.guaranteeDataInitialized = true;
-    } catch (error) {
-      guaranteeState.hasErrorInfo = true;
-      initializationState.guaranteeDataInitialized = false;
-      if (error instanceof AxiosError && ((_a = error.response) == null ? void 0 : _a.data.error) === INVALID_USER_PRIVILEGES) {
-        router.push({ name: "withdraw.index" });
-        return;
-      }
-    } finally {
-      guaranteeState.isLoadingInfo = false;
-    }
-  };
-  const retryGuaranteeExtractData = async () => {
-    const type = typeMap[filter.type];
-    initializationState.listInitialized[type] = false;
-    await getListByType(type);
-  };
-  const getListByType = async (type) => {
-    var _a;
-    if (initializationState.listInitialized[type]) {
-      return;
-    }
-    const state = listStates[type];
-    const filterState = filterStates[type];
-    try {
-      state.isLoading = true;
-      state.hasError = false;
-      const { list, pagination } = await withdrawGuaranteeExtractService.getGuaranteeExtractByType(companyId.value, {
-        ...filterState,
-        type: typeMapReverse[type]
-      });
-      state.list = list;
-      state.pagination = pagination;
-      initializationState.listInitialized[type] = true;
-    } catch (error) {
-      state.list = [];
-      state.hasError = true;
-      if (error instanceof AxiosError && ((_a = error.response) == null ? void 0 : _a.data.error) === INVALID_USER_PRIVILEGES) {
-        router.push({ name: "withdraw.index" });
-        return;
-      }
-    } finally {
-      state.isLoading = false;
-    }
-  };
-  const fetchListByType = async (type) => {
-    var _a;
-    const state = listStates[type];
-    const filterState = filterStates[type];
-    try {
-      state.isLoading = true;
-      state.hasError = false;
-      const { list, pagination } = await withdrawGuaranteeExtractService.getGuaranteeExtractByType(companyId.value, {
-        ...filterState,
-        type: typeMapReverse[type]
-      });
-      state.list = list;
-      state.pagination = pagination;
-    } catch (error) {
-      state.list = [];
-      state.hasError = true;
-      if (error instanceof AxiosError && ((_a = error.response) == null ? void 0 : _a.data.error) === INVALID_USER_PRIVILEGES) {
-        router.push({ name: "withdraw.index" });
-        return;
-      }
-    } finally {
-      state.isLoading = false;
-    }
-  };
-  const getData = async () => {
-    await getGuaranteeExtractData();
-    await checkCompanyNegativeBalance();
-    const currentType = typeMap[filter.type];
-    if (!initializationState.listInitialized[currentType]) {
-      syncDateRangeFromFilter(currentType);
-      await getListByType(currentType);
-    } else {
-      dateFilterModel.value = dateRanges[currentType];
-    }
-    if (!initializationState.isInitialized) {
-      initializationState.isInitialized = true;
-    }
-  };
-  const onChangeTab = async (tab) => {
-    const newType = typeMap[tab];
-    dateFilterModel.value = dateRanges[newType];
-    filter.type = tab;
-    filterStates[newType].page = 1;
-    if (!dateRanges[newType] || dateRanges[newType].length === 0) {
-      syncDateRangeFromFilter(newType);
-    }
-    await getListByType(newType);
-  };
-  const currentFilter = computed(() => filterStates[typeMap[filter.type]]);
-  const handleDateRangeChange = (newRange) => {
-    const currentType = typeMap[filter.type];
-    if (!newRange || newRange.length === 0) {
-      filterStates[currentType].dateFrom = "";
-      filterStates[currentType].dateTo = "";
-      dateRanges[currentType] = [];
-      return;
-    }
-    dateRanges[currentType] = [...newRange];
-    if (newRange.length >= 1) {
-      filterStates[currentType].dateFrom = convertFromISO(newRange[0]);
-    }
-    if (newRange.length >= 2) {
-      filterStates[currentType].dateTo = convertFromISO(newRange[1]);
-    } else {
-      filterStates[currentType].dateTo = convertFromISO(newRange[0]);
-    }
-  };
-  const applyFiltersForType = async () => {
-    const currentType = typeMap[filter.type];
-    filterStates[currentType].page = 1;
-    await fetchListByType(currentType);
-  };
-  const clearFiltersForType = async () => {
-    const currentType = typeMap[filter.type];
-    Object.assign(filterStates[currentType], initialFilterState());
-    dateRanges[currentType] = [];
-    dateFilterModel.value = [];
-    await fetchListByType(currentType);
-  };
-  const onPageChange = async (event) => {
-    const currentType = typeMap[filter.type];
-    filterStates[currentType].page = event.page + 1;
-    filterStates[currentType].perPage = event.rows.toString();
-    await fetchListByType(currentType);
-  };
-  const resetInitialization = () => {
-    Object.assign(listStates, {
-      retained: initialListState(),
-      released: initialListState(),
-      antifraud: initialListState()
-    });
-    Object.assign(filterStates, {
-      retained: initialFilterState(),
-      released: initialFilterState(),
-      antifraud: initialFilterState()
-    });
-    Object.assign(dateRanges, {
-      retained: [],
-      released: [],
-      antifraud: []
-    });
-    dateFilterModel.value = [];
-    initializationState.isInitialized = false;
-    initializationState.guaranteeDataInitialized = false;
-    initializationState.listInitialized.retained = false;
-    initializationState.listInitialized.released = false;
-    initializationState.listInitialized.antifraud = false;
-    resetAlerts();
-  };
-  return {
-    ...toRefs(guaranteeState),
-    ...toRefs(filter),
-    listStates,
-    getData,
-    onChangeTab,
-    handleDateRangeChange,
-    applyFiltersForType,
-    clearFiltersForType,
-    onPageChange,
-    resetInitialization,
-    retryGuaranteeExtractData,
-    dateFilterModel,
-    currentFilter,
-    isInitialized: computed(() => initializationState.isInitialized),
-    listToShow: computed(() => listStates[typeMap[filter.type]].list),
-    listLoading: computed(() => listStates[typeMap[filter.type]].isLoading),
-    listHasError: computed(() => listStates[typeMap[filter.type]].hasError),
-    tableSchema: computed(() => useTableSchemas()[typeMap[filter.type]]),
-    currentPagination: computed(() => listStates[typeMap[filter.type]].pagination)
-  };
-};
-const _hoisted_1$3 = { class: "grid gap-4 xl:grid-cols-3" };
-const __default__$5 = {
-  name: "WithdrawGuaranteeExtractCards"
-};
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
-  setup(__props) {
-    const { totalValue, guaranteeTax, antifraud, isLoadingInfo, hasErrorInfo, getData } = useWithdrawGuaranteeExtract();
-    const isDesktopSize = useBreakpoint("desktop");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1$3, [
-        createVNode(unref(C), {
-          class: "flex flex-col lg:!flex-row xl:col-span-2",
-          "pt:body": "!w-full"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$7, {
-              title: _ctx.$t("withdraw_v3.guarantee-extract.cards.total-value"),
-              value: unref(totalValue),
-              description: _ctx.$t("withdraw_v3.guarantee-extract.cards.total-description"),
-              isLoading: unref(isLoadingInfo),
-              isError: unref(hasErrorInfo),
-              onRetry: unref(getData)
-            }, null, 8, ["title", "value", "description", "isLoading", "isError", "onRetry"]),
-            createVNode(unref(script$1), {
-              layout: unref(isDesktopSize) ? "vertical" : "horizontal"
-            }, null, 8, ["layout"]),
-            createVNode(_sfc_main$7, {
-              title: _ctx.$t("withdraw_v3.guarantee-extract.cards.percentage-not-anticipable"),
-              value: unref(formatPercentages)(unref(guaranteeTax)),
-              description: _ctx.$t("withdraw_v3.guarantee-extract.cards.percentage-not-anticipable-description"),
-              isLoading: unref(isLoadingInfo),
-              isError: unref(hasErrorInfo),
-              onRetry: unref(getData)
-            }, null, 8, ["title", "value", "description", "isLoading", "isError", "onRetry"])
-          ]),
-          _: 1
-        }),
-        createVNode(unref(C), null, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$7, {
-              title: _ctx.$t("withdraw_v3.guarantee-extract.cards.antifraud"),
-              value: unref(antifraud),
-              description: _ctx.$t("withdraw_v3.guarantee-extract.cards.antifraud-description"),
-              isLoading: unref(isLoadingInfo),
-              isError: unref(hasErrorInfo),
-              onRetry: unref(getData)
-            }, null, 8, ["title", "value", "description", "isLoading", "isError", "onRetry"])
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-const _hoisted_1$2 = { class: "grid md:grid-cols-[1fr_1fr_max-content] lg:grid-cols-[1fr_360px_max-content] gap-4 w-full" };
-const _hoisted_2 = { class: "flex w-full gap-2" };
-const _hoisted_3 = { class: "!w-full overflow-hidden md:col-span-3" };
-const __default__$4 = {
-  name: "WithdrawGuaranteeExtractFilter"
-};
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
-  setup(__props) {
-    const {
-      type,
-      onChangeTab,
-      currentFilter,
-      applyFiltersForType,
-      clearFiltersForType,
-      dateFilterModel: dateFilterModel2,
-      handleDateRangeChange,
-      listLoading
-    } = useWithdrawGuaranteeExtract();
-    const tabs = computed(() => {
-      return {
-        [t("withdraw_v3.guarantee-extract.filter.tabs.retained")]: "1",
-        [t("withdraw_v3.guarantee-extract.filter.tabs.released")]: "2",
-        [t("withdraw_v3.guarantee-extract.filter.tabs.antifraud")]: "antifraud"
-      };
-    });
-    const handleTabChange = (value) => {
-      onChangeTab(value);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createVNode(unref(y), {
-          class: "md:col-span-4",
-          variant: "subtitle",
-          isStrong: "",
-          "data-test": "withdraw-guarantee-extract-filter-title"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.$t("withdraw_v3.guarantee-extract.filter.title")), 1)
-          ]),
-          _: 1
-        }),
-        createVNode(unref(script$2), {
-          modelValue: unref(currentFilter).orderId,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(currentFilter).orderId = $event),
-          placeholder: _ctx.$t("withdraw_v3.guarantee-extract.filter.order-id"),
-          size: "small",
-          disabled: unref(listLoading),
-          "data-test": "withdraw-guarantee-extract-filter-order-id"
-        }, null, 8, ["modelValue", "placeholder", "disabled"]),
-        createVNode(unref(he), {
-          modelValue: unref(dateFilterModel2),
-          "onUpdate:modelValue": [
-            _cache[1] || (_cache[1] = ($event) => isRef(dateFilterModel2) ? dateFilterModel2.value = $event : null),
-            unref(handleDateRangeChange)
-          ],
-          disabled: unref(listLoading),
-          "data-test": "withdraw-guarantee-extract-filter-date-filter",
-          class: "md:col-span-2"
-        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
-        createBaseVNode("div", _hoisted_2, [
-          createVNode(unref($), {
-            icon: "search",
-            size: "small",
-            fluid: "",
-            class: "md:!w-auto",
-            disabled: unref(listLoading),
-            onClick: unref(applyFiltersForType),
-            "data-test": "withdraw-guarantee-extract-filter-apply-filters"
-          }, null, 8, ["disabled", "onClick"]),
-          createVNode(unref($), {
-            class: "md:!w-auto",
-            label: _ctx.$t("withdraw_v3.guarantee-extract.filter.clear"),
-            size: "small",
-            outlined: "",
-            fluid: "",
-            disabled: unref(listLoading),
-            onClick: unref(clearFiltersForType),
-            "data-test": "withdraw-guarantee-extract-filter-clear-filters"
-          }, null, 8, ["label", "disabled", "onClick"])
-        ]),
-        createBaseVNode("div", _hoisted_3, [
-          createVNode(unref(script$3), {
-            value: unref(type),
-            scrollable: "",
-            class: "!w-full",
-            disabled: unref(listLoading),
-            "onUpdate:value": handleTabChange
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(script$4), null, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (value, key) => {
-                    return openBlock(), createBlock(unref(script$5), {
-                      key,
-                      value
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(key), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["value", "disabled"])
-        ])
-      ]);
-    };
-  }
-});
-const __default__$3 = {
-  name: "WithdrawGuaranteeExtractListDesktop"
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
-  setup(__props) {
-    const { listToShow, tableSchema, listLoading, listHasError, retryGuaranteeExtractData } = useWithdrawGuaranteeExtract();
-    const list = computed(() => listLoading.value ? Array(5).fill({}) : listToShow.value);
-    return (_ctx, _cache) => {
-      const _component_RouterLink = resolveComponent("RouterLink");
-      return openBlock(), createBlock(unref(script$6), { value: list.value }, {
-        empty: withCtx(() => [
-          unref(listHasError) ? (openBlock(), createBlock(_sfc_main$8, {
-            key: 0,
-            class: "my-32",
-            onRetry: unref(retryGuaranteeExtractData)
-          }, null, 8, ["onRetry"])) : (openBlock(), createBlock(_sfc_main$9, {
-            key: 1,
-            iconName: "folder",
-            title: _ctx.$t("withdraw_v3.guarantee-extract.list.empty.title"),
-            text: _ctx.$t("withdraw_v3.guarantee-extract.list.empty.text"),
-            class: "m-12"
-          }, null, 8, ["title", "text"]))
-        ]),
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tableSchema), (col) => {
-            return openBlock(), createBlock(unref(script$7), {
-              key: col.field,
-              field: col.field,
-              header: col.header
-            }, {
-              body: withCtx((slotProps) => [
-                unref(listLoading) ? (openBlock(), createBlock(unref(script), {
-                  key: 0,
-                  width: "100%",
-                  height: "24px"
-                })) : col.isLink ? (openBlock(), createBlock(_component_RouterLink, {
-                  key: 1,
-                  to: slotProps.data.url,
-                  class: "text-blue-500 hover:underline"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(slotProps.data[col.field]), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  createTextVNode(toDisplayString(slotProps.data[col.field]), 1)
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["field", "header"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["value"]);
-    };
-  }
-});
-const _hoisted_1$1 = { class: "flex flex-col" };
-const __default__$2 = {
-  name: "WithdrawGuaranteeExtractListMobile"
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
-  setup(__props) {
-    const { listToShow, tableSchema, listLoading, listHasError, retryGuaranteeExtractData } = useWithdrawGuaranteeExtract();
-    const list = computed(() => listLoading.value ? Array(5).fill({}) : listToShow.value);
-    return (_ctx, _cache) => {
-      const _component_RouterLink = resolveComponent("RouterLink");
-      return openBlock(), createBlock(unref(script$8), {
-        value: list.value,
-        "data-key": "id",
-        class: "border-none"
-      }, {
-        list: withCtx((slotProps) => [
-          createBaseVNode("div", _hoisted_1$1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(listLoading) ? Array(1).fill({}) : slotProps.items, (item, index) => {
-              return openBlock(), createElementBlock("div", {
-                key: index,
-                class: "grid gap-2 border-b border-surface-200 last:!border-none p-4 pt-8"
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tableSchema), (col) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: col.field
-                  }, [
-                    createVNode(unref(y), { "is-strong": "" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(col.header) + ":", 1)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    unref(listLoading) ? (openBlock(), createBlock(unref(script), {
-                      key: 0,
-                      width: "100%",
-                      height: "20px"
-                    })) : (openBlock(), createBlock(unref(y), { key: 1 }, {
-                      default: withCtx(() => [
-                        col.isLink ? (openBlock(), createBlock(_component_RouterLink, {
-                          key: 0,
-                          to: item.url,
-                          class: "text-blue-500 hover:underline"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(item[col.field]), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                          createTextVNode(toDisplayString(item[col.field]), 1)
-                        ], 64))
-                      ]),
-                      _: 2
-                    }, 1024))
-                  ]);
-                }), 128))
-              ]);
-            }), 128))
-          ])
-        ]),
-        empty: withCtx(() => [
-          unref(listHasError) && !unref(listLoading) ? (openBlock(), createBlock(_sfc_main$8, {
-            key: 0,
-            class: "my-32",
-            onRetry: unref(retryGuaranteeExtractData)
-          }, null, 8, ["onRetry"])) : (openBlock(), createBlock(_sfc_main$9, {
-            key: 1,
-            iconName: "folder",
-            title: _ctx.$t("withdraw_v3.guarantee-extract.list.empty.title"),
-            text: _ctx.$t("withdraw_v3.guarantee-extract.list.empty.text"),
-            class: "m-12"
-          }, null, 8, ["title", "text"]))
-        ]),
-        _: 1
-      }, 8, ["value"]);
-    };
-  }
-});
-const __default__$1 = {
-  name: "WithdrawGuaranteeExtractList"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  setup(__props) {
-    const isDesktopSize = useBreakpoint("desktop");
-    return (_ctx, _cache) => {
-      return unref(isDesktopSize) ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : (openBlock(), createBlock(_sfc_main$3, { key: 1 }));
-    };
-  }
-});
-const __default__ = {
-  name: "WithdrawGuaranteeExtractPaginator"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const { onPageChange, currentPagination, currentFilter, listLoading } = useWithdrawGuaranteeExtract();
-    const rowsPerPageOptions = [10, 15, 20];
-    const isMobile = useBreakpoint("mobile");
-    const template = computed(() => {
-      if (isMobile.value) return "PrevPageLink CurrentPageReport NextPageLink RowsPerPageDropdown";
-      return "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown";
-    });
-    const currentPageReportTemplate = computed(() => {
-      return `${t("withdraw_v3.guarantee-extract.paginator.page")} {currentPage} ${t("withdraw_v3.guarantee-extract.paginator.of")} {totalPages}`;
-    });
-    return (_ctx, _cache) => {
-      return unref(currentPagination) && unref(currentPagination).total && unref(currentPagination).page ? (openBlock(), createBlock(unref(script$9), {
-        key: 0,
-        rows: parseInt(unref(currentFilter).perPage),
-        totalRecords: unref(currentPagination).total || 0,
-        first: ((unref(currentPagination).page || 1) - 1) * parseInt(unref(currentFilter).perPage),
-        disabled: unref(listLoading),
-        rowsPerPageOptions,
-        template: template.value,
-        currentPageReportTemplate: currentPageReportTemplate.value,
-        onPage: unref(onPageChange)
-      }, null, 8, ["rows", "totalRecords", "first", "disabled", "template", "currentPageReportTemplate", "onPage"])) : createCommentVNode("", true);
-    };
-  }
-});
-const _hoisted_1 = { class: "flex flex-col gap-4 w-full" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "WithdrawGuaranteeExtract",
-  setup(__props) {
-    const { getData, resetInitialization } = useWithdrawGuaranteeExtract();
-    onMounted(getData);
-    onUnmounted(resetInitialization);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createVNode(_sfc_main$6),
-        createVNode(unref(C), { class: "!w-full" }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$5),
-            createVNode(_sfc_main$2),
-            createVNode(_sfc_main$1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};