appmax-client-vue3 5.0.2 → 5.0.3

package/dist/WithdrawGuaranteeExtract-KQE2DEn8.js

@@ -0,0 +1,980 @@
+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-Cykj4Wra.js";
+import { C } from "./index-WEmuoR4Y.js";
+import { s as script } from "./index-Dk27hJdz.js";
+import { h as formatToDateTimeBR, j as convertToISO, k as convertFromISO } from "./date-BKOoGpIP.js";
+import { w as withdrawPendenciesService } from "./index-auPkDCYk.js";
+import { p as parseCurrencyToNumber } from "./money.helpers-UnQpQAjk.js";
+import { h as he } from "./index-Clnibkfu.js";
+import { b as script$3, s as script$4, a as script$5 } from "./index-6P0AlhYO.js";
+import { a as script$6, s as script$7, b as script$9 } from "./index-Bk4ewGjZ.js";
+import { _ as _sfc_main$9 } from "./AmLayoutFeedbackState-COjBu8W1.js";
+import { s as script$8 } from "./index-BWM7yogq.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
+};