appmax-client-vue3 5.2.0 → 5.4.0

package/dist/Home-hBBbcfgJ.js

@@ -0,0 +1,997 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { b8 as formatPercentagesWithDecimals, b9 as formatCentsMoney, af as t, ac as formatFloatMoney, r as ref, ba as snakeToCamelCase, E as ApiService, e as computed, as as toRefs, x as reactive, ad as defineComponent, g as createElementBlock, h as openBlock, j as createBaseVNode, i as createVNode, q as createBlock, k as createCommentVNode, a6 as renderSlot, l as unref, P, w as withCtx, m as createTextVNode, t as toDisplayString, y, F as Fragment, p as renderList, $, K as script$2, A as w, _ as _export_sfc, I as script$3, at as isRef, o as onMounted } from "./main-B2MCvgMD.js";
+import { a as script, s as script$1 } from "./index-CRPIzPvI.js";
+import { b as script$4, a as script$5, s as script$6 } from "./index-DtMp4pBF.js";
+import { A as AmCardV3 } from "./AmCardV3-BLr7Srwb.js";
+const buildAppMarketingFees = (content, currency2) => {
+  const byApprovedSaleTexts = [];
+  const bySmsSentTexts = [];
+  if (content.callcenterSaleRate > 0) {
+    byApprovedSaleTexts.push(formatPercentagesWithDecimals(content.callcenterSaleRate));
+  }
+  if (content.callcenterSaleValue > 0) {
+    byApprovedSaleTexts.push(formatCentsMoney(content.callcenterSaleValue, currency2));
+  }
+  if (content.smsValue > 0) {
+    bySmsSentTexts.push(formatCentsMoney(content.smsValue, currency2));
+  }
+  const feesArray = [];
+  if (byApprovedSaleTexts.length) {
+    feesArray.push({
+      title: t("fees.appMarketing.bySaleMade"),
+      texts: byApprovedSaleTexts
+    });
+  }
+  if (bySmsSentTexts.length) {
+    feesArray.push({
+      title: t("fees.appMarketing.bySmsSent"),
+      texts: bySmsSentTexts
+    });
+  }
+  return feesArray;
+};
+const buildBilletFees = (content, currency2) => {
+  const compensatedTexts = [];
+  if (content.compensatedRate > 0) {
+    compensatedTexts.push(formatPercentagesWithDecimals(content.compensatedRate));
+  }
+  if (content.compensatedValue > 0) {
+    compensatedTexts.push(formatCentsMoney(content.compensatedValue, currency2));
+  }
+  const feesArray = [];
+  if (compensatedTexts.length) {
+    feesArray.push({
+      title: t("fees.billet.byCompensated"),
+      texts: compensatedTexts
+    });
+  }
+  return feesArray;
+};
+const buildCashOutFees = (content, currency2) => {
+  const cashOutSettingsTexts = [];
+  if (content.freeTaxValue > 0) {
+    cashOutSettingsTexts.push(
+      `${formatCentsMoney(content.freeTaxValue, currency2)} ${t("fees.withdrawal.byWithdraw")}`
+    );
+  }
+  const feesArray = [];
+  if (cashOutSettingsTexts.length) {
+    feesArray.push({
+      title: t("fees.withdrawal.byWithdrawBelow10k"),
+      texts: cashOutSettingsTexts
+    });
+  }
+  return feesArray;
+};
+const buildChargebackFees = (content, currency2) => {
+  const byActiveChargeback = [];
+  const byReversal = [];
+  if (content.phoneWonRate > 0) {
+    byActiveChargeback.push(formatPercentagesWithDecimals(content.phoneWonRate));
+  }
+  if (content.phoneWonValue > 0) {
+    byActiveChargeback.push(formatCentsMoney(content.phoneWonValue, currency2));
+  }
+  if (content.reversalRate > 0) {
+    byReversal.push(formatPercentagesWithDecimals(content.reversalRate));
+  }
+  if (content.reversalValue > 0) {
+    byReversal.push(formatCentsMoney(content.reversalValue, currency2));
+  }
+  const feesArray = [];
+  if (byActiveChargeback.length) {
+    feesArray.push({
+      title: t("fees.chargeback.byActiveChargeback"),
+      texts: byActiveChargeback
+    });
+  }
+  if (byReversal.length) {
+    feesArray.push({
+      title: t("fees.chargeback.byReversal"),
+      texts: byReversal
+    });
+  }
+  return feesArray;
+};
+const buildGatewayAndAntifraudFees = (content, currency2) => {
+  const gatewayTexts = [];
+  if (content.gatewayValue > 0) {
+    gatewayTexts.push(formatCentsMoney(content.gatewayValue, currency2));
+  }
+  const feesArray = [];
+  if (gatewayTexts.length) {
+    feesArray.push({
+      title: t("fees.gatewayAndAntifraud.byApprovedTransaction"),
+      texts: gatewayTexts
+    });
+  }
+  return feesArray;
+};
+const buildPixFees = (content, currency2) => {
+  const pixTexts = [];
+  if (content.processingRate > 0) {
+    pixTexts.push(formatPercentagesWithDecimals(content.processingRate));
+  }
+  if (content.processingValue > 0) {
+    pixTexts.push(formatCentsMoney(content.processingValue, currency2));
+  }
+  const feesArray = [];
+  if (pixTexts.length) {
+    feesArray.push({
+      title: t("fees.pix.byApprovedSale"),
+      texts: pixTexts
+    });
+  }
+  return feesArray;
+};
+const buildSalesRecoveryByAI = (content) => {
+  const byDeniedSalesRecoveryByIssuingBank = [];
+  const byAbandonedCartRecovery = [];
+  if (content.deniedSaleRecoveriesByIssuingBankEnabled) {
+    byDeniedSalesRecoveryByIssuingBank.push(t("configureSalesRecovery.cardOrderNotAuthorized.tax"));
+  }
+  if (content.abandonedCartRecoveryEnabled) {
+    byAbandonedCartRecovery.push(t("configureSalesRecovery.cardAbandonedCart.tax"));
+  }
+  const feesArray = [];
+  if (byDeniedSalesRecoveryByIssuingBank.length) {
+    feesArray.push({
+      title: t("fees.salesRecoveryAI.byDeniedSalesRecoveryByIssuingBank"),
+      texts: byDeniedSalesRecoveryByIssuingBank
+    });
+  }
+  if (byAbandonedCartRecovery.length) {
+    feesArray.push({
+      title: t("fees.salesRecoveryAI.byAbandonedCartRecovery"),
+      texts: byAbandonedCartRecovery
+    });
+  }
+  return feesArray;
+};
+const buildMaxFees = (content) => {
+  if (!content) {
+    return [];
+  }
+  const maxTexts = [];
+  maxTexts.push(`${formatFloatMoney(content.autoAnticipationRate)} ${t("fees.max.byOrder")}`);
+  const feesArray = [];
+  if (maxTexts.length) {
+    feesArray.push({
+      title: t("fees.max.autoAnticipationRate"),
+      texts: maxTexts
+    });
+  }
+  return feesArray;
+};
+const showInterestFee = (interestFee, interestSettings, cetSettings) => {
+  var _a, _b;
+  const hasInterestSettings = interestSettings && ((_a = Object.keys(interestSettings)) == null ? void 0 : _a.length) > 0;
+  if (hasInterestSettings) {
+    return false;
+  }
+  const hasCetSettings = (cetSettings == null ? void 0 : cetSettings.enabled) && ((_b = Object.keys(cetSettings == null ? void 0 : cetSettings.settings)) == null ? void 0 : _b.length) > 0;
+  if (hasCetSettings) {
+    return false;
+  }
+  return interestFee > 0;
+};
+const showCustomInstallmentsModal = (interestSettings, cetSettings) => {
+  const cetSettingsInstallments = cetSettings == null ? void 0 : cetSettings.settings;
+  const cetSettingsIsValid = Object.keys(cetSettingsInstallments).length > 0;
+  const hasCetSettingsAndSettingsIsValid = (cetSettings == null ? void 0 : cetSettings.enabled) && cetSettingsIsValid;
+  if (hasCetSettingsAndSettingsIsValid) {
+    return hasCetSettingsAndSettingsIsValid;
+  }
+  const hasInterestSettings = interestSettings && Object.keys(interestSettings).length > 0;
+  return hasInterestSettings;
+};
+const creditCardFeesOfFeeCardContent = (content, isInternational, cetSettings) => {
+  const byApprovedSaleTexts = [];
+  const hasCetProcessingType = cetSettings == null ? void 0 : cetSettings.enabled;
+  const installmentsSettingsTitle = isInternational ? t("fees.creditCard.installmentFee.internationalTitle") : t("fees.creditCard.installmentFee.title");
+  const feesArray = [];
+  const shouldShowInstallmentsTitle = showInterestFee(content.interestFee, content.interestSettings, content.cetSettings) || showCustomInstallmentsModal(content.interestSettings, content.cetSettings);
+  if (hasCetProcessingType && shouldShowInstallmentsTitle) {
+    feesArray.push({ title: installmentsSettingsTitle, texts: [] });
+    return feesArray;
+  }
+  if (content.processingRate > 0) {
+    const formatted = formatPercentagesWithDecimals(content.processingRate);
+    byApprovedSaleTexts.push(`${formatted} ${t("fees.creditCard.byApprovedSale.d+").replace(/%s/g, content.creditCardWindow)}`);
+  }
+  if (content.nextDayProcessingValue > 0) {
+    const formatted = formatPercentagesWithDecimals(content.nextDayProcessingValue);
+    byApprovedSaleTexts.push(`${formatted} ${t("fees.creditCard.byApprovedSale.d+1")}`);
+  }
+  if (byApprovedSaleTexts.length) {
+    feesArray.push({
+      title: t("fees.creditCard.byApprovedSale.bySaleMade"),
+      texts: byApprovedSaleTexts
+    });
+  }
+  if (shouldShowInstallmentsTitle) {
+    feesArray.push({ title: installmentsSettingsTitle, texts: [] });
+  }
+  return feesArray;
+};
+const showCreditCardFeesCardComponent = (content) => {
+  const hasApprovedSale = content.processingRate > 0 || content.nextDayProcessingValue > 0;
+  const hasInterestFee = content.interestFee > 0;
+  const hasInterestSettings = content.interestSettings && Object.keys(content.interestSettings).length > 0;
+  return hasApprovedSale || hasInterestFee || hasInterestSettings;
+};
+const interestFeeAndInterestType = (interestFee, interestType) => {
+  if (interestFee > 0) {
+    return `${formatPercentagesWithDecimals(interestFee)} ${interestType}`;
+  }
+  return "";
+};
+const interestByInstallmentsOfModal = (interestSettings, cetSettings) => {
+  const cetSettingsInstallments = cetSettings == null ? void 0 : cetSettings.settings;
+  const cetSettingsIsValid = Object.keys(cetSettingsInstallments).length > 0;
+  const hasCetSettingsAndSettingsIsValid = (cetSettings == null ? void 0 : cetSettings.enabled) && cetSettingsIsValid;
+  if (hasCetSettingsAndSettingsIsValid) {
+    return Object.entries(cetSettingsInstallments).map(([key, value]) => ({
+      installment: `${key}x`,
+      interest: `${formatPercentagesWithDecimals(value)}`
+    }));
+  }
+  if (!interestSettings) return [];
+  return Object.entries(interestSettings).map(([key, value]) => ({
+    installment: `${key}x`,
+    interest: `${value}%`
+  }));
+};
+const creditCardTitle = (isInternational) => {
+  return isInternational ? t("fees.creditCard.internationalTitle") : t("fees.creditCard.title");
+};
+const modalIsVisible = () => ref(false);
+class FeesService {
+  constructor(apiService) {
+    __publicField(this, "cache", {});
+    this.apiService = apiService;
+  }
+  async getCompanies() {
+    const route = "/api/companies";
+    const { data = [] } = await this.apiService.get(route);
+    const [selectedCompany = null] = data;
+    const selectedId = (selectedCompany == null ? void 0 : selectedCompany.id) || -1;
+    const options = data.map((company) => this.serializeCompanyOptions(company)).filter((company) => company.name);
+    return { options, selectedId };
+  }
+  async getContent(companyId) {
+    const route = `/api/partner-rate-settings/international-and-national/${companyId}`;
+    if (this.cache[route]) return this.cache[route];
+    const { data } = await this.apiService.get(route);
+    const { filters, settings } = data;
+    this.cache[route] = snakeToCamelCase({ filters, settings });
+    return this.cache[route];
+  }
+  serializeCompanyOptions(company) {
+    return {
+      id: company.id,
+      name: this.mountName(company)
+    };
+  }
+  mountName(company) {
+    if (company.cnpj) return `${company.name} - CNPJ ${company.cnpj}`;
+    return company.name;
+  }
+}
+const feesService = new FeesService(ApiService);
+const loading = ref(false);
+const hasError = ref(false);
+const isInitialized = ref(false);
+const feesState = reactive({
+  filters: [],
+  settings: null,
+  selectedTab: 0
+});
+const companiesState = reactive({
+  currentCompanyId: 0,
+  companyOptions: []
+});
+const setSelectedTab = (selectedTab) => {
+  feesState.selectedTab = selectedTab;
+};
+const getCompany = async () => {
+  try {
+    loading.value = true;
+    const { options, selectedId } = await feesService.getCompanies();
+    companiesState.companyOptions = options;
+    companiesState.currentCompanyId = selectedId;
+  } catch (error) {
+    hasError.value = true;
+  } finally {
+    loading.value = false;
+  }
+};
+const getContent = async (companyId) => {
+  try {
+    if (companyId) {
+      companiesState.currentCompanyId = companyId;
+    }
+    loading.value = true;
+    const { filters, settings } = await feesService.getContent(companiesState.currentCompanyId);
+    feesState.settings = settings;
+    feesState.filters = filters;
+    feesState.selectedTab = 0;
+  } catch (error) {
+    console.error(error);
+    feesState.settings = null;
+    feesState.filters = [];
+    feesState.selectedTab = 0;
+    hasError.value = true;
+  } finally {
+    loading.value = false;
+  }
+};
+const initialize = async () => {
+  if (isInitialized.value) return;
+  isInitialized.value = true;
+  await getCompany();
+  await getContent(companiesState.currentCompanyId);
+};
+const headerLabel = computed(() => {
+  if (!companiesState.currentCompanyId) return "";
+  const filter = feesState.filters[feesState.selectedTab];
+  if (!filter) return t(`fees.filter.national`);
+  return t(`fees.filter.${filter}`);
+});
+const selectedContent = computed(() => {
+  const tab = feesState.selectedTab;
+  const filter = feesState.filters[tab];
+  return feesState.settings[filter];
+});
+const hasCompanies = computed(() => {
+  return !!companiesState.companyOptions.length;
+});
+const currency = computed(() => selectedContent.value.currency);
+const appMarketingFees = computed(
+  () => buildAppMarketingFees(selectedContent.value.appmarketingServices, currency.value)
+);
+const billetFees = computed(() => buildBilletFees(selectedContent.value.billet, currency.value));
+const cashOutFees = computed(
+  () => buildCashOutFees(selectedContent.value.cashOutSettings, currency.value)
+);
+const chargebackFees = computed(
+  () => buildChargebackFees(selectedContent.value.chargeback, currency.value)
+);
+const gatewayAndAntifraudFees = computed(
+  () => buildGatewayAndAntifraudFees(selectedContent.value.gatewayAndAntifraud, currency.value)
+);
+const pixFees = computed(() => buildPixFees(selectedContent.value.pix, currency.value));
+const salesRecoveryByAi = computed(
+  () => buildSalesRecoveryByAI(selectedContent.value.salesRecoveryByAi)
+);
+const creditCardFees = computed(() => ({
+  showCreditCardFeesCardComponent: showCreditCardFeesCardComponent(
+    selectedContent.value.creditCard
+  ),
+  creditCardFeesOfFeeCardContent: creditCardFeesOfFeeCardContent(
+    selectedContent.value.creditCard,
+    selectedContent.value.creditCard.isInternational,
+    selectedContent.value.creditCard.cetSettings
+  ),
+  creditCardTitle: creditCardTitle(selectedContent.value.creditCard.isInternational),
+  modalIsVisible: modalIsVisible(),
+  showInterestFee: showInterestFee(
+    selectedContent.value.creditCard.interestFee,
+    selectedContent.value.creditCard.interestSettings,
+    selectedContent.value.creditCard.cetSettings
+  ),
+  showCustomInstallmentsModal: showCustomInstallmentsModal(
+    selectedContent.value.creditCard.interestSettings,
+    selectedContent.value.creditCard.cetSettings
+  ),
+  interestFeeAndInterestType: interestFeeAndInterestType(
+    selectedContent.value.creditCard.interestFee,
+    selectedContent.value.creditCard.interestType
+  ),
+  interestByInstallmentsOfModal: interestByInstallmentsOfModal(
+    selectedContent.value.creditCard.interestSettings,
+    selectedContent.value.creditCard.cetSettings
+  )
+}));
+const maxFees = computed(() => buildMaxFees(selectedContent.value.maxFees));
+const showAppMarketingFeesCard = computed(() => appMarketingFees.value.length);
+const showBilletFeesCard = computed(() => billetFees.value.length);
+const showCashOutFeesCard = computed(() => cashOutFees.value.length);
+const showChargebackFeesCard = computed(() => chargebackFees.value.length);
+const showGatewayAndAntifraudFeesCard = computed(() => gatewayAndAntifraudFees.value.length);
+const showPixFeesCard = computed(() => pixFees.value.length);
+const showSalesRecoveryByAiCard = computed(() => salesRecoveryByAi.value.length);
+const showCreditCardFeesCard = computed(() => creditCardFees.value.showCreditCardFeesCardComponent);
+const showMaxFeesCard = computed(() => maxFees.value.length);
+const useFees = () => {
+  return {
+    ...toRefs(feesState),
+    ...toRefs(companiesState),
+    initialize,
+    getContent,
+    headerLabel,
+    setSelectedTab,
+    hasCompanies,
+    loading,
+    selectedContent,
+    appMarketingFees,
+    billetFees,
+    showAppMarketingFeesCard,
+    showBilletFeesCard,
+    cashOutFees,
+    showCashOutFeesCard,
+    chargebackFees,
+    showChargebackFeesCard,
+    gatewayAndAntifraudFees,
+    showGatewayAndAntifraudFeesCard,
+    pixFees,
+    showPixFeesCard,
+    salesRecoveryByAi,
+    showSalesRecoveryByAiCard,
+    creditCardFees,
+    showCreditCardFeesCard,
+    maxFees,
+    showMaxFeesCard
+  };
+};
+const _hoisted_1$6 = { class: "container flex-column items-center justify-between gap-4" };
+const _hoisted_2$1 = { class: "flex items-center justify-center h-[calc(100vh_-_13rem)]" };
+const _hoisted_3$1 = { class: "text-center" };
+const _hoisted_4 = { class: "flex items-center justify-center w-[7.5rem] h-[7.5rem] mx-auto mb-4 bg-gray-100 text-gray-300 rounded-full" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "EmptyState",
+  props: {
+    icon: {},
+    title: {},
+    text: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createBaseVNode("div", _hoisted_2$1, [
+          createBaseVNode("div", _hoisted_3$1, [
+            createBaseVNode("div", _hoisted_4, [
+              createVNode(unref(P), {
+                icon: "refresh",
+                size: "none",
+                class: "text-[4rem]"
+              })
+            ]),
+            createVNode(unref(y), {
+              variant: "subtitle",
+              isStrong: "",
+              class: "mb-2 text-gray-600"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.title), 1)
+              ]),
+              _: 1
+            }),
+            _ctx.text ? (openBlock(), createBlock(unref(y), {
+              key: 0,
+              class: "text-gray-600"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.text), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$5 = {
+  class: "text-primary-500",
+  href: "https://lp.appmax.com.br/cadastro-empresa"
+};
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "NoCompanies",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$j, {
+        icon: "refresh",
+        title: "Sem empresa cadastrada"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(y), null, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("fees.error.noCompanies.message")) + " ", 1),
+              createBaseVNode("a", _hoisted_1$5, toDisplayString(_ctx.$t("fees.error.noCompanies.linkText")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _hoisted_1$4 = { class: "flex flex-col gap-y-4" };
+const _hoisted_2 = {
+  class: "flex items-center gap-2",
+  "data-test": "fees-card-header"
+};
+const _hoisted_3 = {
+  class: "flex flex-col gap-y-4",
+  "data-test": "fees-card-content"
+};
+const __default__$3 = { name: "FeesCard" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
+  props: {
+    title: {},
+    icon: {},
+    iconVariant: {}
+  },
+  setup(__props) {
+    const defaultIconSize = "md";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createBaseVNode("header", _hoisted_2, [
+          createVNode(unref(P), {
+            icon: _ctx.icon,
+            size: defaultIconSize,
+            variant: _ctx.iconVariant,
+            "data-test": "fees-card-header-icon",
+            class: "text-gray-700 fill-current"
+          }, null, 8, ["icon", "variant"]),
+          createVNode(unref(y), {
+            class: "w-fit font-medium text-gray-800",
+            variant: "subtitle"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        createBaseVNode("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+const __default__$2 = { name: "FeeCardContent" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: {
+    content: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, (section, index) => {
+        return openBlock(), createElementBlock("div", {
+          key: index,
+          class: "flex flex-col gap-y-4"
+        }, [
+          createVNode(unref(y), {
+            class: "text-gray-800",
+            size: "medium",
+            isStrong: ""
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(section.title), 1)
+            ]),
+            _: 2
+          }, 1024),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(section.texts, (text, innerIndex) => {
+            return openBlock(), createElementBlock(Fragment, { key: innerIndex }, [
+              text ? (openBlock(), createBlock(unref(y), {
+                key: 0,
+                class: "text-gray-700",
+                as: "p",
+                variant: "body"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(text), 1)
+                ]),
+                _: 2
+              }, 1024)) : createCommentVNode("", true)
+            ], 64);
+          }), 128))
+        ]);
+      }), 128);
+    };
+  }
+});
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "InterestFeesModal",
+  setup(__props) {
+    const { creditCardFees: creditCardFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(y), {
+          class: "text-primary-500 hover:text-primary-400 underline cursor-pointer",
+          variant: "body",
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(creditCardFees2).modalIsVisible.value = true)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("fees.creditCard.processingFee.viewDetails")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref(script$2), {
+          visible: unref(creditCardFees2).modalIsVisible.value,
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => unref(creditCardFees2).modalIsVisible.value = $event),
+          modal: "",
+          header: _ctx.$t("fees.creditCard.installmentFee.title"),
+          class: "w-[90%] max-w-[500px]"
+        }, {
+          footer: withCtx(() => [
+            createVNode(unref($), {
+              onClick: _cache[1] || (_cache[1] = ($event) => unref(creditCardFees2).modalIsVisible.value = false),
+              autofocus: ""
+            }, {
+              default: withCtx(() => _cache[3] || (_cache[3] = [
+                createTextVNode(" Fechar ")
+              ])),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(script), {
+              value: unref(creditCardFees2).interestByInstallmentsOfModal,
+              responsiveLayout: "scroll"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(script$1), {
+                  field: "installment",
+                  header: _ctx.$t("fees.creditCard.processingFee.installments")
+                }, null, 8, ["header"]),
+                createVNode(unref(script$1), {
+                  field: "interest",
+                  header: _ctx.$t("fees.creditCard.processingFee.fee")
+                }, null, 8, ["header"])
+              ]),
+              _: 1
+            }, 8, ["value"])
+          ]),
+          _: 1
+        }, 8, ["visible", "header"])
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$3 = { class: "flex gap-x-1 gap-y-4" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "CreditCardFees",
+  setup(__props) {
+    const { creditCardFees: creditCardFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: unref(creditCardFees2).creditCardTitle,
+        iconVariant: "material",
+        icon: "credit_card"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, {
+            content: unref(creditCardFees2).creditCardFeesOfFeeCardContent
+          }, null, 8, ["content"]),
+          createBaseVNode("div", _hoisted_1$3, [
+            unref(creditCardFees2).showInterestFee ? (openBlock(), createBlock(unref(y), { key: 0 }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(creditCardFees2).interestFeeAndInterestType), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            unref(creditCardFees2).showCustomInstallmentsModal ? (openBlock(), createBlock(_sfc_main$f, { key: 1 })) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "BilletFees",
+  setup(__props) {
+    const { billetFees: billetFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.billet.title"),
+        icon: "barcode"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(billetFees2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "PixFees",
+  setup(__props) {
+    const { pixFees: pixFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.pix.title"),
+        icon: "pix_outline"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(pixFees2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "ChargebackFees",
+  setup(__props) {
+    const { chargebackFees: chargebackFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.chargeback.title"),
+        icon: "local_atm"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(chargebackFees2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const __default__$1 = { name: "AppMarketingFees" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  setup(__props) {
+    const { appMarketingFees: appMarketingFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.appMarketing.title"),
+        icon: "support_agent"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(appMarketingFees2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "CashOutFees",
+  setup(__props) {
+    const { cashOutFees: cashOutFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.withdrawal.title"),
+        icon: "cash"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(cashOutFees2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "GatewayAndAntifraudFees",
+  setup(__props) {
+    const { gatewayAndAntifraudFees: gatewayAndAntifraudFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.gatewayAndAntifraud.title"),
+        icon: "shield"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(gatewayAndAntifraudFees2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "SalesRecoveryByAi",
+  setup(__props) {
+    const { salesRecoveryByAi: salesRecoveryByAi2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.salesRecoveryAI.title"),
+        icon: "add_chart"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(salesRecoveryByAi2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "MaxFees",
+  setup(__props) {
+    const { maxFees: maxFees2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, {
+        title: _ctx.$t("fees.max.title"),
+        icon: "max_brand"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$g, { content: unref(maxFees2) }, null, 8, ["content"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+const _hoisted_1$2 = {
+  key: 1,
+  class: "company-fees mt-8"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "CompanyFees",
+  setup(__props) {
+    const {
+      loading: loading2,
+      showAppMarketingFeesCard: showAppMarketingFeesCard2,
+      showBilletFeesCard: showBilletFeesCard2,
+      showCashOutFeesCard: showCashOutFeesCard2,
+      showChargebackFeesCard: showChargebackFeesCard2,
+      showGatewayAndAntifraudFeesCard: showGatewayAndAntifraudFeesCard2,
+      showPixFeesCard: showPixFeesCard2,
+      showSalesRecoveryByAiCard: showSalesRecoveryByAiCard2,
+      showCreditCardFeesCard: showCreditCardFeesCard2,
+      showMaxFeesCard: showMaxFeesCard2
+    } = useFees();
+    return (_ctx, _cache) => {
+      return unref(loading2) ? (openBlock(), createBlock(unref(w), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        unref(showCreditCardFeesCard2) ? (openBlock(), createBlock(_sfc_main$e, { key: 0 })) : createCommentVNode("", true),
+        unref(showBilletFeesCard2) ? (openBlock(), createBlock(_sfc_main$d, { key: 1 })) : createCommentVNode("", true),
+        unref(showPixFeesCard2) ? (openBlock(), createBlock(_sfc_main$c, { key: 2 })) : createCommentVNode("", true),
+        unref(showGatewayAndAntifraudFeesCard2) ? (openBlock(), createBlock(_sfc_main$8, { key: 3 })) : createCommentVNode("", true),
+        unref(showChargebackFeesCard2) ? (openBlock(), createBlock(_sfc_main$b, { key: 4 })) : createCommentVNode("", true),
+        unref(showCashOutFeesCard2) ? (openBlock(), createBlock(_sfc_main$9, { key: 5 })) : createCommentVNode("", true),
+        unref(showSalesRecoveryByAiCard2) ? (openBlock(), createBlock(_sfc_main$7, { key: 6 })) : createCommentVNode("", true),
+        unref(showAppMarketingFeesCard2) ? (openBlock(), createBlock(_sfc_main$a, { key: 7 })) : createCommentVNode("", true),
+        unref(showMaxFeesCard2) ? (openBlock(), createBlock(_sfc_main$6, { key: 8 })) : createCommentVNode("", true)
+      ]));
+    };
+  }
+});
+const CompanyFees = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-998927cc"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "NoFees",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$j, {
+        icon: "refresh",
+        title: "Não foi possível carregar os dados",
+        text: "Por favor recarregue a página e tente novamente"
+      });
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Fees",
+  setup(__props) {
+    const useFeesStore = useFees();
+    const { settings } = useFeesStore;
+    return (_ctx, _cache) => {
+      return !unref(settings) ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : (openBlock(), createBlock(CompanyFees, { key: 1 }));
+    };
+  }
+});
+const _hoisted_1$1 = { class: "flex flex-col gap-y-1.5" };
+const __default__ = { name: "FeesCompaniesSelect" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const { getContent: getContent2, companyOptions, currentCompanyId } = useFees();
+    const handleChange = async (id) => {
+      const selectedCompanyId = id;
+      await getContent2(selectedCompanyId);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(y), {
+          class: "text-gray-800",
+          size: "medium",
+          isStrong: ""
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("fees.selectCompany.title")), 1)
+          ]),
+          _: 1
+        }),
+        unref(companyOptions).length > 0 ? (openBlock(), createBlock(unref(script$3), {
+          key: 0,
+          onChange: _cache[0] || (_cache[0] = ($event) => handleChange($event.value)),
+          modelValue: unref(currentCompanyId),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(currentCompanyId) ? currentCompanyId.value = $event : null),
+          options: unref(companyOptions),
+          class: "lg:!w-[415px]",
+          "pt:optionlabel": "!whitespace-pre-wrap",
+          size: "small",
+          optionLabel: "name",
+          optionValue: "id",
+          appendTo: "self",
+          fluid: ""
+        }, null, 8, ["modelValue", "options"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex flex-col gap-4 lg:!flex-row-reverse lg:!justify-between" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "FeesHeader",
+  setup(__props) {
+    const { filters, currentCompanyId, selectedTab, setSelectedTab: setSelectedTab2 } = useFees();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", _hoisted_1, [
+        createVNode(_sfc_main$2),
+        unref(currentCompanyId) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          unref(filters).length > 1 ? (openBlock(), createBlock(unref(script$4), {
+            key: 0,
+            value: unref(selectedTab),
+            class: "w-full lg:!self-end",
+            "onUpdate:value": unref(setSelectedTab2)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$6), null, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filters), (filter, index) => {
+                    return openBlock(), createBlock(unref(script$5), {
+                      key: filter,
+                      value: index
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.$t(`fees.filter.${filter}`)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["value", "onUpdate:value"])) : unref(filters).length === 1 ? (openBlock(), createBlock(unref(y), {
+            key: 1,
+            class: "font-medium text-gray-800 mb-4 leading-none md:leading-normal md:w-full",
+            variant: "subtitle"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t(`fees.filter.${unref(filters)[0]}`)), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ], 64)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Home",
+  setup(__props) {
+    const { initialize: initialize2, hasCompanies: hasCompanies2, loading: loading2 } = useFees();
+    onMounted(initialize2);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, null, {
+        default: withCtx(() => [
+          unref(hasCompanies2) ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : createCommentVNode("", true),
+          unref(loading2) ? (openBlock(), createBlock(unref(w), {
+            key: 1,
+            class: "min-h-[calc(100vh_-_200px)]"
+          })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            !unref(hasCompanies2) ? (openBlock(), createBlock(_sfc_main$i, { key: 0 })) : (openBlock(), createBlock(_sfc_main$3, { key: 1 }))
+          ], 64))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};