appmax-client-vue3 5.2.0 → 5.3.0

package/dist/ChargebackAnalytics-DnSRAUko.js

@@ -0,0 +1,1701 @@
+import { ad as defineComponent, r as ref, o as onMounted, z as watch, a9 as resolveComponent, g as createElementBlock, h as openBlock, q as createBlock, w as withCtx, i as createVNode, a6 as renderSlot, D as mergeProps, j as createBaseVNode, l as unref, G as f, y, m as createTextVNode, t as toDisplayString, _ as _export_sfc, u as useI18n, k as createCommentVNode, n as normalizeClass, I as script, F as Fragment, p as renderList, $, bH as shallowRef, aB as h, f as onBeforeUnmount, bI as toRaw, bJ as isProxy, c as useRouter, bF as formatMoneyChargeback, P, K as script$4, a as useToast, e as computed, ab as userService, E as ApiService } from "./main-CJqq8LV_.js";
+import { A as AmSkeleton } from "./AmSkeleton-DX-AHvYt.js";
+import { C as Chart$1, B as BarController, L as LineController, a as CategoryScale, b as LinearScale, c as LineElement, d as BarElement, P as PointElement, p as plugin_title, e as plugin_tooltip, f as plugin_legend } from "./chart-Mi1_iotO.js";
+import { C } from "./index-l1nHicUF.js";
+import { s as script$1, a as script$2 } from "./index-DziJ4EWw.js";
+import { s as script$3 } from "./index-D7yHZETo.js";
+import { A as AmCardV3 } from "./AmCardV3-CvAuzYKv.js";
+import { a as api } from "./ApiService-B3jVHavv.js";
+const companiesData = [
+  {
+    id: 4,
+    name: "Ship It",
+    cnpj: "35.879.980/0001-29"
+  },
+  {
+    id: 112,
+    name: "TWD STORE EMPRESA",
+    cnpj: "28.072.802/0001-26"
+  },
+  {
+    id: 290,
+    name: "Otmz Editora de Produtos Digitais LTDA",
+    cnpj: "22.950.548/0001-35"
+  },
+  {
+    id: 369,
+    name: "",
+    cnpj: ""
+  },
+  {
+    id: 370,
+    name: "",
+    cnpj: ""
+  },
+  {
+    id: 371,
+    name: "",
+    cnpj: ""
+  },
+  {
+    id: 372,
+    name: "",
+    cnpj: ""
+  },
+  {
+    id: 474,
+    name: "Appmax Brasil",
+    cnpj: "24.063.241/0001-48"
+  },
+  {
+    id: 544,
+    name: "Tttt",
+    cnpj: "11.111.111/1111-11"
+  },
+  {
+    id: 550,
+    name: "Hjbdxbhsx",
+    cnpj: "11.111.111/1111-11"
+  },
+  {
+    id: 683,
+    name: "Dasfasf",
+    cnpj: "34.124.124/1241-24"
+  },
+  {
+    id: 685,
+    name: "Dasd",
+    cnpj: "34.141.241/2412-31"
+  },
+  {
+    id: 997,
+    name: "Rodolfo dos santos nascimento",
+    cnpj: "37.467.949/0001-06"
+  },
+  {
+    id: 1505,
+    name: ".",
+    cnpj: "."
+  },
+  {
+    id: 1506,
+    name: ".",
+    cnpj: "."
+  },
+  {
+    id: 1507,
+    name: ".",
+    cnpj: "."
+  },
+  {
+    id: 1508,
+    name: ".",
+    cnpj: "."
+  },
+  {
+    id: 1551,
+    name: "Teste",
+    cnpj: ""
+  },
+  {
+    id: 1703,
+    name: "V2 Clica Store",
+    cnpj: "28.784.678/0001-21"
+  },
+  {
+    id: 1907,
+    name: "Testesteste",
+    cnpj: "111111111111111111"
+  },
+  {
+    id: 2082,
+    name: "Appmax Plataforma de Vendas LTDA",
+    cnpj: "27.000.511/0001-60"
+  },
+  {
+    id: 2403,
+    name: "Atacado Brand Collection",
+    cnpj: "35.127.643/0001-85"
+  },
+  {
+    id: 2497,
+    name: "BRUNO STOLLMEIER (P) V2",
+    cnpj: "41.512.259/0001-07"
+  },
+  {
+    id: 2815,
+    name: "TESTE TESTE",
+    cnpj: "111111111111111111"
+  },
+  {
+    id: 3769,
+    name: "PORTO HOSTEL PERUIBE",
+    cnpj: "40.038.288/0001-08"
+  },
+  {
+    id: 3893,
+    name: "SIDNEY GUEDES DE ARAUJO EMPREENDIMENTOS DIGITAIS  V2",
+    cnpj: "32.264.620/0001-24"
+  },
+  {
+    id: 5751,
+    name: "Test",
+    cnpj: "191.000.000-00"
+  },
+  {
+    id: 7948,
+    name: "Appmax Teste Taxas",
+    cnpj: "77.064.731/0001-25"
+  },
+  {
+    id: 9071,
+    name: "Lucas Vasconcelos",
+    cnpj: "29.685.703/0001-82"
+  },
+  {
+    id: 9719,
+    name: "Teste",
+    cnpj: "191.000.000-00"
+  },
+  {
+    id: 13196,
+    name: "Teste 09 11 2022",
+    cnpj: ""
+  },
+  {
+    id: 13310,
+    name: "Clara teste TWD STORE",
+    cnpj: "84.093.814/0001-08"
+  },
+  {
+    id: 13311,
+    name: "Clara teste empresa pf v2",
+    cnpj: ""
+  },
+  {
+    id: 14387,
+    name: "TAXAS APP - TESTE COMPANIES",
+    cnpj: "02.827.676/0001-89"
+  },
+  {
+    id: 14750,
+    name: "Teste ge",
+    cnpj: "103.833.760-76"
+  },
+  {
+    id: 14751,
+    name: "Teste ge",
+    cnpj: "103.833.760-76"
+  },
+  {
+    id: 14752,
+    name: "Teste ge",
+    cnpj: "103.833.760-76"
+  },
+  {
+    id: 14753,
+    name: "Teste ge",
+    cnpj: "80.985.977/0001-44"
+  },
+  {
+    id: 15714,
+    name: "Teste Appmax Brasil Shopify",
+    cnpj: "58.088.775/0001-40"
+  },
+  {
+    id: 15907,
+    name: "JULIO MEES SCHMITZ ME - NAO UTILIZAR",
+    cnpj: "26.689.924/0001-30"
+  },
+  {
+    id: 19308,
+    name: "TWD  - APPMAX BRASIL - TESTE",
+    cnpj: "856.395.720-19"
+  },
+  {
+    id: 19321,
+    name: "TWD - Appmax Brasil - Cross",
+    cnpj: "1234567"
+  },
+  {
+    id: 69524,
+    name: "Vtex Teste",
+    cnpj: "201.161.640-93"
+  },
+  {
+    id: 138003,
+    name: "CLARA CREDENCIAMENTO TESTE",
+    cnpj: "01.281.821/0001-06"
+  },
+  {
+    id: 141532,
+    name: "TWD Lu",
+    cnpj: "134.813.410-08"
+  },
+  {
+    id: 142777,
+    name: "Teste Novo Campo",
+    cnpj: "028.522.740-86"
+  },
+  {
+    id: 142779,
+    name: "Teste Novo Campo 2",
+    cnpj: "395.601.970-96"
+  },
+  {
+    id: 154084,
+    name: "Digital LTDA",
+    cnpj: "19.599.635/0001-85"
+  },
+  {
+    id: 1,
+    name: "Max Fórmula",
+    cnpj: "22.338.977/0001-56"
+  },
+  {
+    id: 1639,
+    name: "HEADLIFE TECHNOLOGY",
+    cnpj: "37.604.905/0001-80"
+  },
+  {
+    id: 1697,
+    name: "EDER TANAN",
+    cnpj: "30.018.003/0001-13"
+  },
+  {
+    id: 64,
+    name: ".",
+    cnpj: "11.111.111/1111-11"
+  },
+  {
+    id: 75080,
+    name: "PUPUS ACESSORIOS EM PRATA LTDA",
+    cnpj: "42.941.458/0001-95"
+  }
+];
+const _hoisted_1$4 = { class: "text-center am-popover" };
+const _hoisted_2$3 = {
+  key: 1,
+  class: "text-center mobile"
+};
+const _hoisted_3$3 = { class: "px-3" };
+const _hoisted_4$3 = { class: "mobile-header" };
+const _hoisted_5$2 = { class: "flex items-center gap-3" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "AmPopover",
+  props: {
+    fullscreen: { type: Boolean },
+    isFilterOpen: { type: Boolean }
+  },
+  emits: ["updatedValue"],
+  setup(__props, { emit: __emit }) {
+    const isMobileSize = ref(false);
+    const localToggle = ref(false);
+    const overlay = ref(false);
+    const props = __props;
+    const emit = __emit;
+    onMounted(() => {
+      isMobileSize.value = document.body.clientWidth <= 775;
+      window.addEventListener(
+        "resize",
+        () => {
+          isMobileSize.value = document.body.clientWidth <= 775;
+        },
+        true
+      );
+    });
+    watch(
+      () => props.isFilterOpen,
+      (newVal) => {
+        if (newVal !== void 0) {
+          overlay.value = newVal;
+          localToggle.value = newVal;
+        }
+      },
+      { immediate: true }
+    );
+    watch(overlay, (newVal) => {
+      if (newVal !== localToggle.value) {
+        localToggle.value = newVal;
+        if (props.isFilterOpen !== void 0 && newVal !== props.isFilterOpen) {
+          emit("updatedValue", newVal);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_v_btn = resolveComponent("v-btn");
+      const _component_v_card = resolveComponent("v-card");
+      const _component_v_menu = resolveComponent("v-menu");
+      const _component_v_overlay = resolveComponent("v-overlay");
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        !isMobileSize.value ? (openBlock(), createBlock(_component_v_menu, {
+          key: 0,
+          modelValue: localToggle.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localToggle.value = $event),
+          "close-on-content-click": true,
+          location: "bottom"
+        }, {
+          activator: withCtx(({ props: props2 }) => [
+            createVNode(_component_v_btn, mergeProps({ class: "v-btn-custom" }, props2), {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "activator", {}, void 0, true)
+              ]),
+              _: 2
+            }, 1040)
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_v_card, null, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "body", {}, void 0, true)
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_2$3, [
+          createVNode(_component_v_overlay, {
+            modelValue: overlay.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => overlay.value = $event),
+            class: "mobile"
+          }, {
+            activator: withCtx(({ props: props2 }) => [
+              createVNode(_component_v_btn, mergeProps({ class: "v-btn-custom" }, props2), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "activator", {}, void 0, true)
+                ]),
+                _: 2
+              }, 1040)
+            ]),
+            default: withCtx(() => [
+              createBaseVNode("div", _hoisted_3$3, [
+                createBaseVNode("div", _hoisted_4$3, [
+                  createBaseVNode("div", _hoisted_5$2, [
+                    createVNode(unref(f), {
+                      icon: "arrow_back",
+                      onClick: _cache[1] || (_cache[1] = ($event) => overlay.value = false),
+                      class: "text-primary"
+                    }),
+                    createVNode(unref(y), {
+                      variant: "title",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.$t("chargeback.filterMonthLabel")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                renderSlot(_ctx.$slots, "body", {}, void 0, true)
+              ])
+            ]),
+            _: 3
+          }, 8, ["modelValue"])
+        ]))
+      ]);
+    };
+  }
+});
+const AmPopover = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-702d7546"]]);
+const _hoisted_1$3 = {
+  ref: "chargebackFilter",
+  class: "company-filter chargeback-filter"
+};
+const _hoisted_2$2 = { class: "d-flex mt-2" };
+const _hoisted_3$2 = { class: "d-flex" };
+const _hoisted_4$2 = { class: "am-dropdown-custom" };
+const _hoisted_5$1 = ["onClick"];
+const _hoisted_6$1 = {
+  key: 2,
+  class: "d-flex justify-content-end"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "d-flex flex-column w-100 chargeback-filter mb-5 justify-content-between"
+};
+const _hoisted_8 = { class: "mb-4" };
+const _sfc_main$4 = {
+  __name: "ChargebackCompanyFilter",
+  props: {
+    preSelectedFilter: {
+      type: Object,
+      required: false,
+      default: null
+    },
+    companyFilterData: {
+      type: Object,
+      required: false,
+      // eslint-disable-next-line vue/require-valid-default-prop
+      default: {
+        company: "",
+        year: ""
+        // monthGroup: 1,
+      }
+    },
+    isAnalytics: { type: Boolean, required: false, default: false },
+    isLoading: { type: Boolean, required: false, default: true },
+    companies: { type: Array, required: false, default: () => [] },
+    yearsFilter: { type: Array, required: false, default: () => [] },
+    periodLabel: { type: String, required: true }
+  },
+  emits: ["update", "update:companyFilterData"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const isMobileSize = ref(false);
+    onMounted(() => {
+      isMobileSize.value = document.body.clientWidth <= 775;
+      window.addEventListener(
+        "resize",
+        () => {
+          isMobileSize.value = document.body.clientWidth <= 775;
+        },
+        true
+      );
+    });
+    const updtComponent = ref(0);
+    const isFilterOpen = ref(false);
+    const isFirstFetched = ref(false);
+    let renderCounter = 0;
+    const companyFilterDataLocal = ref({
+      company: "",
+      year: ""
+      // monthGroup: 1,
+    });
+    const handleYearSearch = (year) => {
+      companyFilterDataLocal.value.year = year;
+      search();
+    };
+    const changePopoverStatus = () => {
+      isFilterOpen.value = !isFilterOpen.value;
+    };
+    const search = () => {
+      emit(
+        "update:companyFilterData",
+        Object.assign({}, companyFilterDataLocal.value)
+      );
+      emit("search");
+      isFilterOpen.value = false;
+    };
+    const props = __props;
+    const emit = __emit;
+    watch(
+      () => companyFilterDataLocal.value.company,
+      async () => {
+        if (isFirstFetched.value === false && companyFilterDataLocal.value.year && companyFilterDataLocal.value.company) {
+          isFirstFetched.value = true;
+          emit(
+            "update:companyFilterData",
+            Object.assign({}, companyFilterDataLocal.value)
+          );
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      () => props.companyFilterData,
+      async () => {
+        if (renderCounter === 0) {
+          companyFilterDataLocal.value = Object.assign({}, props.companyFilterData);
+        }
+        renderCounter += 1;
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      () => props.yearsFilter,
+      async () => {
+        if (props.yearsFilter.length >= 1) {
+          companyFilterDataLocal.value.year = props.yearsFilter[props.yearsFilter.length - 1].value;
+          if (isFirstFetched.value === false && companyFilterDataLocal.value.year && companyFilterDataLocal.value.company) {
+            emit(
+              "update:companyFilterData",
+              Object.assign({}, companyFilterDataLocal.value)
+            );
+          }
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      () => props.companies,
+      async () => {
+        if (props.companies.length >= 1) {
+          companyFilterDataLocal.value.company = "all";
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      () => props.preSelectedFilter,
+      async () => {
+        if (Object.keys(props.preSelectedFilter).length > 1) {
+          if (props.companies.length >= 1) {
+            const company = props.preSelectedFilter.company;
+            companyFilterDataLocal.value.company = company !== "all" ? parseInt(company) : company;
+          }
+          if (props.yearsFilter.length >= 1) {
+            companyFilterDataLocal.value.year = props.preSelectedFilter.year;
+          }
+          if (isFirstFetched.value === false && companyFilterDataLocal.value.year && companyFilterDataLocal.value.company) {
+            emit(
+              "update:companyFilterData",
+              Object.assign({}, companyFilterDataLocal.value)
+            );
+          }
+        }
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", _hoisted_1$3, [
+          createBaseVNode("div", {
+            class: normalizeClass({ "invisible": !props.isAnalytics })
+          }, [
+            createVNode(unref(y), {
+              class: normalizeClass([{ "invisible": __props.isLoading && !isMobileSize.value }, "mb-2"]),
+              "font-type": "roboto",
+              "typography-style": "l5",
+              weight: "medium"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("chargeback.sitesLabel")), 1)
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            __props.companies.length >= 1 && !__props.isLoading ? (openBlock(), createBlock(unref(script), {
+              key: 0,
+              modelValue: companyFilterDataLocal.value.company,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => companyFilterDataLocal.value.company = $event),
+              "data-test": "company-filter",
+              class: "mr-2",
+              options: __props.companies,
+              "option-label": "title",
+              "option-value": "value",
+              placeholder: unref(t)("chargeback.sites"),
+              onChange: _cache[1] || (_cache[1] = ($event) => search())
+            }, null, 8, ["modelValue", "options", "placeholder"])) : createCommentVNode("", true),
+            __props.isLoading ? (openBlock(), createBlock(AmSkeleton, {
+              key: 1,
+              "is-loading": __props.isLoading
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(script), {
+                  modelValue: companyFilterDataLocal.value.company,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => companyFilterDataLocal.value.company = $event),
+                  "data-test": "company-filter",
+                  class: "mr-2",
+                  options: __props.companies,
+                  "option-label": "title",
+                  "option-value": "value",
+                  placeholder: unref(t)("chargeback.sites"),
+                  onChange: _cache[3] || (_cache[3] = ($event) => search())
+                }, null, 8, ["modelValue", "options", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["is-loading"])) : createCommentVNode("", true)
+          ], 2),
+          createBaseVNode("div", _hoisted_2$2, [
+            __props.yearsFilter.length >= 1 && !__props.isLoading ? (openBlock(), createBlock(AmPopover, {
+              key: 0,
+              "is-filter-open": isFilterOpen.value,
+              fullscreen: isMobileSize.value,
+              class: "mr-2",
+              onUpdatedValue: _cache[4] || (_cache[4] = ($event) => changePopoverStatus())
+            }, {
+              activator: withCtx(() => [
+                createVNode(unref($), {
+                  outlined: "",
+                  "data-test": "month-filter",
+                  class: "black-outlined-button",
+                  variant: "material",
+                  label: unref(t)("chargeback.filterMonthLabel"),
+                  icon: "filter_list",
+                  size: "small"
+                }, null, 8, ["label"])
+              ]),
+              body: withCtx(() => [
+                (openBlock(), createElementBlock("div", { key: updtComponent.value }, [
+                  createBaseVNode("div", _hoisted_3$2, [
+                    createBaseVNode("ul", _hoisted_4$2, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.yearsFilter, (option) => {
+                        return openBlock(), createElementBlock("li", { key: option }, [
+                          createBaseVNode("a", {
+                            "data-test": "year-filter",
+                            class: normalizeClass({
+                              active: option.value === companyFilterDataLocal.value.year
+                            }),
+                            onClick: ($event) => handleYearSearch(option.value, $event)
+                          }, toDisplayString(option.value), 11, _hoisted_5$1)
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]))
+              ]),
+              _: 1
+            }, 8, ["is-filter-open", "fullscreen"])) : props.isAnalytics ? (openBlock(), createBlock(AmSkeleton, {
+              key: 1,
+              class: "mr-2",
+              "is-loading": __props.isLoading
+            }, {
+              default: withCtx(() => [
+                createVNode(unref($), {
+                  outlined: "",
+                  "data-test": "export-button",
+                  variant: "svg",
+                  class: "black-outlined-button export-button",
+                  label: unref(t)("chargeback.export"),
+                  size: "small",
+                  icon: "csv",
+                  onClick: _cache[5] || (_cache[5] = ($event) => emit("export"))
+                }, null, 8, ["label"])
+              ]),
+              _: 1
+            }, 8, ["is-loading"])) : createCommentVNode("", true),
+            !isMobileSize.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+              createVNode(unref($), {
+                outlined: "",
+                "data-test": "export-button",
+                variant: "svg",
+                class: "black-outlined-button export-button",
+                label: unref(t)("chargeback.export"),
+                size: "small",
+                icon: "csv",
+                onClick: _cache[6] || (_cache[6] = ($event) => emit("export"))
+              }, null, 8, ["label"])
+            ])) : createCommentVNode("", true)
+          ])
+        ], 512),
+        props.isAnalytics ? (openBlock(), createBlock(unref(y), {
+          key: 0,
+          class: "my-3 mt-7",
+          "font-type": "roboto",
+          "typography-style": "l6",
+          "text-color": "default-60",
+          weight: "regular"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("chargeback.analyticsSubtitle")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        isMobileSize.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createBaseVNode("div", _hoisted_8, [
+            createVNode(unref(y), {
+              "font-type": "roboto",
+              "typography-style": "l6",
+              "text-color": "dark-80",
+              weight: "normal"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("chargeback.detailSubtitle", { period: __props.periodLabel })), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          createVNode(unref($), {
+            outlined: "",
+            "data-test": "export-button",
+            variant: "svg",
+            class: "black-outlined-button w-100 export-button",
+            label: unref(t)("chargeback.export"),
+            size: "small",
+            icon: "csv",
+            onClick: _cache[7] || (_cache[7] = ($event) => emit("export"))
+          }, null, 8, ["label"])
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const ChargebackCompanyFilter = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d4544d5b"]]);
+const CommonProps = {
+  data: {
+    type: Object,
+    required: true
+  },
+  options: {
+    type: Object,
+    default: () => ({})
+  },
+  plugins: {
+    type: Array,
+    default: () => []
+  },
+  datasetIdKey: {
+    type: String,
+    default: "label"
+  },
+  updateMode: {
+    type: String,
+    default: void 0
+  }
+};
+const Props = {
+  type: {
+    type: String,
+    required: true
+  },
+  ...CommonProps
+};
+function toRawIfProxy(obj) {
+  return isProxy(obj) ? toRaw(obj) : obj;
+}
+function cloneProxy(obj) {
+  let src = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : obj;
+  return isProxy(src) ? new Proxy(obj, {}) : obj;
+}
+function setOptions(chart, nextOptions) {
+  const options = chart.options;
+  if (options && nextOptions) {
+    Object.assign(options, nextOptions);
+  }
+}
+function setLabels(currentData, nextLabels) {
+  currentData.labels = nextLabels;
+}
+function setDatasets(currentData, nextDatasets, datasetIdKey) {
+  const addedDatasets = [];
+  currentData.datasets = nextDatasets.map((nextDataset) => {
+    const currentDataset = currentData.datasets.find((dataset) => dataset[datasetIdKey] === nextDataset[datasetIdKey]);
+    if (!currentDataset || !nextDataset.data || addedDatasets.includes(currentDataset)) {
+      return {
+        ...nextDataset
+      };
+    }
+    addedDatasets.push(currentDataset);
+    Object.assign(currentDataset, nextDataset);
+    return currentDataset;
+  });
+}
+function cloneData(data, datasetIdKey) {
+  const nextData = {
+    labels: [],
+    datasets: []
+  };
+  setLabels(nextData, data.labels);
+  setDatasets(nextData, data.datasets, datasetIdKey);
+  return nextData;
+}
+const Chart = defineComponent({
+  props: Props,
+  setup(props, param) {
+    let { expose } = param;
+    const canvasRef = ref(null);
+    const chartRef = shallowRef(null);
+    expose({
+      chart: chartRef
+    });
+    const renderChart = () => {
+      if (!canvasRef.value) return;
+      const { type, data, options, plugins, datasetIdKey } = props;
+      const clonedData = cloneData(data, datasetIdKey);
+      const proxiedData = cloneProxy(clonedData, data);
+      chartRef.value = new Chart$1(canvasRef.value, {
+        type,
+        data: proxiedData,
+        options: {
+          ...options
+        },
+        plugins
+      });
+    };
+    const destroyChart = () => {
+      const chart = toRaw(chartRef.value);
+      if (chart) {
+        chart.destroy();
+        chartRef.value = null;
+      }
+    };
+    const update = (chart) => {
+      chart.update(props.updateMode);
+    };
+    onMounted(renderChart);
+    onBeforeUnmount(destroyChart);
+    watch([
+      () => props.options,
+      () => props.data
+    ], (param2, param1) => {
+      let [nextOptionsProxy, nextDataProxy] = param2, [prevOptionsProxy, prevDataProxy] = param1;
+      const chart = toRaw(chartRef.value);
+      if (!chart) {
+        return;
+      }
+      let shouldUpdate = false;
+      if (nextOptionsProxy) {
+        const nextOptions = toRawIfProxy(nextOptionsProxy);
+        const prevOptions = toRawIfProxy(prevOptionsProxy);
+        if (nextOptions && nextOptions !== prevOptions) {
+          setOptions(chart, nextOptions);
+          shouldUpdate = true;
+        }
+      }
+      if (nextDataProxy) {
+        const nextLabels = toRawIfProxy(nextDataProxy.labels);
+        const prevLabels = toRawIfProxy(prevDataProxy.labels);
+        const nextDatasets = toRawIfProxy(nextDataProxy.datasets);
+        const prevDatasets = toRawIfProxy(prevDataProxy.datasets);
+        if (nextLabels !== prevLabels) {
+          setLabels(chart.config.data, nextLabels);
+          shouldUpdate = true;
+        }
+        if (nextDatasets && nextDatasets !== prevDatasets) {
+          setDatasets(chart.config.data, nextDatasets, props.datasetIdKey);
+          shouldUpdate = true;
+        }
+      }
+      if (shouldUpdate) {
+        update(chart);
+      }
+    }, {
+      deep: true
+    });
+    return () => {
+      return h("canvas", {
+        ref: canvasRef
+      });
+    };
+  }
+});
+function createTypedChart(type, registerables) {
+  Chart$1.register(registerables);
+  return defineComponent({
+    props: CommonProps,
+    setup(props, param) {
+      let { expose } = param;
+      const ref2 = shallowRef(null);
+      const reforwardRef = (chartRef) => {
+        ref2.value = chartRef == null ? void 0 : chartRef.chart;
+      };
+      expose({
+        chart: ref2
+      });
+      return () => {
+        return h(Chart, {
+          ref: reforwardRef,
+          type,
+          ...props
+        });
+      };
+    }
+  });
+}
+const Bar = /* @__PURE__ */ createTypedChart("bar", BarController);
+Chart$1.register(
+  LineController,
+  CategoryScale,
+  LinearScale,
+  LineElement,
+  BarElement,
+  PointElement,
+  plugin_title,
+  plugin_tooltip,
+  plugin_legend
+);
+const monthNames = [
+  "Janeiro",
+  "Fevereiro",
+  "Março",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+const months = {
+  "01": "JAN",
+  "02": "FEV",
+  "03": "MAR",
+  "04": "ABR",
+  "05": "MAI",
+  "06": "JUN",
+  "07": "JUL",
+  "08": "AGO",
+  "09": "SET",
+  10: "OUT",
+  11: "NOV",
+  12: "DEZ"
+};
+const _sfc_main$3 = {
+  name: "ChargebackChart",
+  components: {
+    Bar,
+    AmText: y,
+    AmCard: C
+  },
+  props: {
+    companyFilterData: { type: Object, required: true },
+    chartData: { type: Array, required: true, default: () => [] }
+  },
+  data() {
+    return {
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+          legend: {
+            display: false,
+            position: "top"
+          },
+          title: {
+            display: false
+          }
+        }
+      }
+    };
+  },
+  computed: {
+    getCurrentYearFilter() {
+      if (this.companyFilterData.year) {
+        return this.companyFilterData.year;
+      } else if (Object.keys(this.getQueryParams(window.location.href)).length > 0) {
+        return this.getQueryParams(window.location.href).year;
+      } else if (this.chartData.length) {
+        return this.chartData[this.chartData.length - 1].year;
+      }
+    },
+    getChartLabel() {
+      if (this.getCurrentYearFilter && this.getUpdatedLabels) {
+        return `${this.getUpdatedLabels} ${this.$t("chargeback.of")} ${this.getCurrentYearFilter}`;
+      } else {
+        return this.$t("chargeback.withoutComparative");
+      }
+    },
+    orderAndChargebackData() {
+      let labels = [];
+      let orderData = [];
+      let chargebackData = [];
+      this.chartData.forEach((item) => {
+        labels.push(months[item.month]);
+        orderData.push(item.qtd_aprovado);
+        chargebackData.push(item.qtd_chargeback);
+      });
+      return { labels, orderData, chargebackData };
+    },
+    data() {
+      return {
+        labels: this.orderAndChargebackData.labels,
+        datasets: [
+          {
+            label: "Pedidos aprovados",
+            backgroundColor: "#C3A6FC",
+            data: this.orderAndChargebackData.orderData,
+            order: 1
+          },
+          {
+            label: "Chargeback",
+            backgroundColor: "#7B54C7",
+            borderColor: "#7B54C7",
+            data: this.orderAndChargebackData.chargebackData,
+            type: "line",
+            order: 0
+          }
+        ]
+      };
+    },
+    getUpdatedLabels() {
+      if (this.chartData.length > 0) {
+        return `${monthNames[this.chartData[0].month - 1]} - ${monthNames[this.chartData[this.chartData.length - 1].month - 1]}`;
+      }
+      return null;
+    }
+  },
+  methods: {
+    getQueryParams(qs) {
+      if (!qs.includes("?")) return {};
+      qs = qs.split("?")[1] || qs;
+      return qs.split("&").reduce((params, param) => {
+        let [key, value] = param.split("=");
+        params[decodeURIComponent(key)] = decodeURIComponent(
+          value.replace(/\+/g, " ")
+        );
+        return params;
+      }, {});
+    }
+  }
+};
+const _hoisted_1$2 = { class: "chart-container" };
+const _hoisted_2$1 = { class: "flex flex-col gap-3" };
+const _hoisted_3$1 = { class: "flex items-center" };
+const _hoisted_4$1 = { class: "chart-size" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AmText = resolveComponent("AmText");
+  const _component_Bar = resolveComponent("Bar");
+  const _component_AmCard = resolveComponent("AmCard");
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [
+    $props.companyFilterData ? (openBlock(), createBlock(_component_AmCard, {
+      key: 0,
+      class: "mb-3"
+    }, {
+      default: withCtx(() => [
+        createBaseVNode("div", _hoisted_2$1, [
+          createBaseVNode("div", _hoisted_3$1, [
+            createVNode(_component_AmText, {
+              "font-type": "roboto",
+              variant: "title",
+              size: "small",
+              "typography-style": "l4",
+              "is-strong": "",
+              class: "mr-1"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("chargeback.compare")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_AmText, {
+              variant: "subtitle",
+              "data-test": "period-label",
+              "font-type": "roboto",
+              "typography-style": "l5",
+              weight: "regular"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.getChartLabel), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          createVNode(_component_AmText, {
+            "font-type": "roboto",
+            "typography-style": "l6",
+            "text-color": "text60",
+            weight: "regular"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("chargeback.chartSubtitle")), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", _hoisted_4$1, [
+            createVNode(_component_Bar, {
+              "data-test": "chart",
+              data: $options.data,
+              options: $data.options
+            }, null, 8, ["data", "options"])
+          ])
+        ])
+      ]),
+      _: 1
+    })) : createCommentVNode("", true)
+  ]);
+}
+const ChargebackChart = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render], ["__scopeId", "data-v-9802c115"]]);
+const _hoisted_1$1 = { class: "flex" };
+const _sfc_main$2 = {
+  __name: "ChargebackIndex",
+  props: {
+    value: { type: String, required: true }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(y), {
+          class: "mr-1",
+          "font-type": "roboto",
+          "text-color": "default-60",
+          "typography-style": "l6",
+          weight: "regular"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.value), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+const ChargebackIndex = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a1f8d976"]]);
+const percentageRelative = (percent, total) => {
+  if (total === 0) {
+    return 0;
+  }
+  return (percent / total * 100).toFixed(2);
+};
+const formatPercentages = (value) => value ? `${value.toString().replace(".", ",")}%` : "";
+const _hoisted_1 = {
+  key: 0,
+  class: "chargeback-report-table"
+};
+const _hoisted_2 = { class: "flex flex-col" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "flex justify-between items-center" };
+const _hoisted_5 = {
+  key: 0,
+  class: "flex justify-between w-full"
+};
+const _hoisted_6 = { key: 0 };
+const _sfc_main$1 = {
+  __name: "ChargebackAnalyticsTable",
+  props: {
+    year: { type: String, required: true, default: "" },
+    data: { type: Array, required: true, default: () => [] },
+    companies: { type: Array, required: true, default: () => [] },
+    isLoadingTable: { type: Boolean, required: true, default: true }
+  },
+  setup(__props) {
+    const isModalOpenLocal = ref(false);
+    const isMobileSize = ref(false);
+    const router = useRouter();
+    const { t } = useI18n();
+    onMounted(() => {
+      isMobileSize.value = document.body.clientWidth <= 775;
+      window.addEventListener(
+        "resize",
+        () => {
+          isMobileSize.value = document.body.clientWidth <= 775;
+        },
+        true
+      );
+    });
+    const props = __props;
+    const listData = [
+      "qtd_aprovado",
+      "valor_aprovado",
+      "qtd_chargeback",
+      "valor_chargeback",
+      "index"
+    ];
+    const allSlotHeaders = [
+      t("chargeback.month"),
+      t("chargeback.approvedRate"),
+      t("chargeback.approvedValue"),
+      t("chargeback.chargebackRate"),
+      t("chargeback.chargebackValue"),
+      t("chargeback.index")
+    ];
+    const monthNames2 = [
+      "Janeiro",
+      "Fevereiro",
+      "Março",
+      "Abril",
+      "Maio",
+      "Junho",
+      "Julho",
+      "Agosto",
+      "Setembro",
+      "Outubro",
+      "Novembro",
+      "Dezembro"
+    ];
+    const getQueryParams = (qs) => {
+      if (!qs.includes("?")) return {};
+      return qs.split("?")[1] || qs;
+    };
+    const mountParamsObj = () => {
+      const queryString = getQueryParams(window.location.href);
+      if (!queryString) return {};
+      const params = new URLSearchParams(queryString);
+      let obj = {};
+      for (let [key, value] of params.entries()) {
+        if (obj[key]) {
+          if (Array.isArray(obj[key])) {
+            obj[key].push(value);
+          } else {
+            obj[key] = [obj[key], value];
+          }
+        } else {
+          obj[key] = value;
+        }
+      }
+      return obj;
+    };
+    const removeQueryParams = (url, param) => {
+      const urlObj = new URL(url);
+      const params = urlObj.searchParams;
+      params.delete(param);
+      return urlObj.toString();
+    };
+    const redirectToDetailed = (row) => {
+      if (row.qtd_chargeback === 0) {
+        if (!isModalOpenLocal.value) {
+          isModalOpenLocal.value = !isModalOpenLocal.value;
+        } else {
+          isModalOpenLocal.value = !isModalOpenLocal.value;
+          setTimeout(() => {
+            isModalOpenLocal.value = !isModalOpenLocal.value;
+          }, 100);
+        }
+      } else {
+        const removeCps = removeQueryParams(window.location.href, "cps");
+        const removeYear = removeQueryParams(removeCps, "year");
+        const updatedUrl = removeQueryParams(removeYear, "month");
+        let params = `?cps=${row.company_id}&${getQueryParams(updatedUrl)}&month=${row.month}&year=${props.year}`;
+        if (mountParamsObj().company === "all" || !row.company_id) {
+          const companies_id = JSON.parse(row.companys_id);
+          const companyParams = new URLSearchParams();
+          companies_id.forEach((item) => companyParams.append("cps", item));
+          params = `?${getQueryParams(
+            updatedUrl
+          )}&${companyParams.toString()}&month=${row.month}&year=${props.year}`;
+        }
+        router.push(`/v2/client/integration/chargeback${params}`);
+      }
+    };
+    return (_ctx, _cache) => {
+      return __props.data.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        !isMobileSize.value && __props.data.length ? (openBlock(), createBlock(unref(script$2), {
+          key: __props.data.length,
+          "data-test": "chargeback-table",
+          value: __props.data,
+          class: "w-full"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(script$1), {
+              field: "month",
+              header: unref(t)("chargeback.month")
+            }, {
+              body: withCtx((slotProps) => [
+                createVNode(unref(y), {
+                  "text-color": "default-60",
+                  onClick: ($event) => redirectToDetailed(slotProps.data)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(`${monthNames2[slotProps.data.month - 1]} ${slotProps.data.year}`), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["header"]),
+            createVNode(unref(script$1), {
+              field: "qtd_aprovado",
+              header: unref(t)("chargeback.approvedRate")
+            }, {
+              body: withCtx((slotProps) => [
+                createVNode(unref(y), {
+                  "typography-style": "l6",
+                  "text-color": "default-60",
+                  onClick: ($event) => redirectToDetailed(slotProps.data)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(slotProps.data.qtd_aprovado), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["header"]),
+            createVNode(unref(script$1), {
+              field: "valor_aprovado",
+              header: unref(t)("chargeback.approvedValue")
+            }, {
+              body: withCtx((slotProps) => [
+                createVNode(unref(y), {
+                  variant: "body",
+                  size: "medium",
+                  onClick: ($event) => redirectToDetailed(slotProps.data)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(formatMoneyChargeback)(slotProps.data.valor_aprovado)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["header"]),
+            createVNode(unref(script$1), {
+              field: "qtd_chargeback",
+              header: unref(t)("chargeback.chargebackRate")
+            }, {
+              body: withCtx((slotProps) => [
+                createVNode(unref(y), {
+                  "typography-style": "l6",
+                  "text-color": "default-60",
+                  onClick: ($event) => redirectToDetailed(slotProps.data)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(slotProps.data.qtd_chargeback), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["header"]),
+            createVNode(unref(script$1), {
+              field: "valor_chargeback",
+              header: unref(t)("chargeback.chargebackValue")
+            }, {
+              body: withCtx((slotProps) => [
+                createVNode(unref(y), {
+                  variant: "body",
+                  size: "medium",
+                  onClick: ($event) => redirectToDetailed(slotProps.data)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(formatMoneyChargeback)(slotProps.data.valor_chargeback)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["header"]),
+            createVNode(unref(script$1), {
+              field: "index",
+              header: unref(t)("chargeback.index")
+            }, {
+              body: withCtx((slotProps) => [
+                createVNode(ChargebackIndex, {
+                  value: unref(formatPercentages)(unref(percentageRelative)(slotProps.data.qtd_chargeback, slotProps.data.qtd_aprovado)),
+                  onClick: ($event) => redirectToDetailed(slotProps.data)
+                }, null, 8, ["value", "onClick"])
+              ]),
+              _: 1
+            }, 8, ["header"])
+          ]),
+          _: 1
+        }, 8, ["value"])) : (openBlock(), createBlock(unref(script$3), {
+          key: 1,
+          value: __props.data,
+          layout: "list"
+        }, {
+          list: withCtx((slotProps) => [
+            createBaseVNode("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(slotProps.items, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  onClick: ($event) => redirectToDetailed(item)
+                }, [
+                  createBaseVNode("div", _hoisted_4, [
+                    createVNode(unref(y), {
+                      class: "my-2",
+                      variant: "title",
+                      size: "small",
+                      "is-strong": ""
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(`${monthNames2[item.month - 1].substring(0, 3)} ${item.year}`), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    createVNode(unref(P), {
+                      name: "chevron_right",
+                      "material-type": "outlined",
+                      size: "lg",
+                      class: "cursor-pointer",
+                      color: "#7B54C7"
+                    })
+                  ]),
+                  (openBlock(), createElementBlock(Fragment, null, renderList(allSlotHeaders, (header, i) => {
+                    return createBaseVNode("div", {
+                      key: i,
+                      class: "flex"
+                    }, [
+                      i >= 1 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                        createVNode(unref(y), {
+                          class: "my-2",
+                          "font-type": "roboto",
+                          "typography-style": "l5",
+                          "text-color": "default-80"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(header), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        i == allSlotHeaders.length - 1 ? (openBlock(), createBlock(unref(y), {
+                          key: 0,
+                          class: "my-2 mr-2",
+                          "font-type": "roboto",
+                          "typography-style": "l5",
+                          "text-color": "default-80"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(formatPercentages)(unref(percentageRelative)(item.qtd_chargeback, item.qtd_aprovado))), 1)
+                          ]),
+                          _: 2
+                        }, 1024)) : (openBlock(), createBlock(unref(y), {
+                          key: 1,
+                          class: "my-2 mr-2",
+                          "font-type": "roboto",
+                          "typography-style": "l5",
+                          "text-color": "default-80"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(listData[i - 1].includes("valor") ? unref(formatMoneyChargeback)(item[listData[i - 1]]) : item[listData[i - 1]]), 1)
+                          ]),
+                          _: 2
+                        }, 1024))
+                      ])) : createCommentVNode("", true)
+                    ]);
+                  }), 64)),
+                  index !== slotProps.items.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_6)) : createCommentVNode("", true)
+                ], 8, _hoisted_3);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["value"])),
+        createVNode(unref(script$4), {
+          header: unref(t)("chargeback.withoutChargeback"),
+          visible: isModalOpenLocal.value,
+          style: { width: "600px" },
+          "onUpdate:visible": _ctx.closeModal
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(y), {
+              class: "my-5",
+              "font-type": "roboto",
+              "typography-style": "l5",
+              "text-color": "default-60",
+              weight: "regular"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("chargeback.withoutChargebackDescription")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["header", "visible", "onUpdate:visible"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+const ChargebackAnalyticsTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-04f9bf88"]]);
+const userLocal = 597;
+const companyLocal = 474;
+const _sfc_main = {
+  __name: "ChargebackAnalytics",
+  setup(__props) {
+    const { t } = useI18n();
+    const toast = useToast();
+    const isQa = window.location.origin.includes("qa");
+    const updateTableComponent = ref(0);
+    const yearsFilter = ref([]);
+    const companies = ref([]);
+    const allTableData = ref([]);
+    const tableData = ref([]);
+    const isLoadingTable = ref(true);
+    const isLoadingCompany = ref(true);
+    const companyFilterData = ref({
+      company: "",
+      year: ""
+    });
+    const allSlotHeaders = [
+      t("chargeback.month"),
+      t("chargeback.approvedRate"),
+      t("chargeback.approvedValue"),
+      t("chargeback.chargebackRate"),
+      t("chargeback.chargebackValue"),
+      t("chargeback.index")
+    ];
+    const getQueryParams = (qs) => {
+      if (!qs.includes("?")) return {};
+      qs = qs.split("?")[1] || qs;
+      return qs.split("&").reduce((params, param) => {
+        let [key, value] = param.split("=");
+        params[decodeURIComponent(key)] = decodeURIComponent(
+          value.replace(/\+/g, " ")
+        );
+        return params;
+      }, {});
+    };
+    const exportcsv = () => {
+      const monthNames2 = [
+        "Janeiro",
+        "Fevereiro",
+        "Março",
+        "Abril",
+        "Maio",
+        "Junho",
+        "Julho",
+        "Agosto",
+        "Setembro",
+        "Outubro",
+        "Novembro",
+        "Dezembro"
+      ];
+      const filteredArrCsv = tableData.value.map((row) => {
+        return [
+          `${monthNames2[row.month - 1]} ${row.year}`,
+          row.qtd_aprovado.toString(),
+          formatMoneyChargeback(row.valor_aprovado).toString().replace(".", " ").replace(",", "."),
+          row.qtd_chargeback.toString(),
+          formatMoneyChargeback(row.valor_chargeback).toString().replace(".", " ").replace(",", "."),
+          formatPercentages(
+            percentageRelative(row.qtd_chargeback, row.qtd_aprovado)
+          ).toString().replace(".", " ").replace(",", ".")
+        ];
+      });
+      const rows = [allSlotHeaders, ...filteredArrCsv];
+      let csvContent = "data:text/csv;charset=utf-8," + rows.map((e) => e.join(",")).join("\n");
+      var encodedUri = encodeURI(csvContent);
+      var link = document.createElement("a");
+      link.setAttribute("href", encodedUri);
+      link.setAttribute(
+        "download",
+        `${t("chargeback.chargebackReport")} (${getCurrentYearFilter()}).csv`
+      );
+      document.body.appendChild(link);
+      link.click();
+    };
+    onMounted(() => {
+      mountCompaniesTree();
+      getConsolidateData();
+    });
+    const preSelectedFilter = computed(() => {
+      if (getQueryParams(window.location.href) && yearsFilter.value.length > 0 && companies.value.length > 0) {
+        return getQueryParams(window.location.href);
+      } else {
+        return null;
+      }
+    });
+    const updateQueryParams = (newParams) => {
+      if (!companyFilterData.value.company) {
+        delete newParams.company;
+      }
+      const currentParams = new URLSearchParams(window.location.search);
+      Object.keys(newParams).forEach((key) => {
+        if (newParams[key] === null) {
+          currentParams.delete(key);
+        } else {
+          currentParams.set(key, newParams[key]);
+        }
+      });
+      const newUrl = `${window.location.pathname}?${currentParams.toString()}`;
+      window.history.pushState({}, "", newUrl);
+      window.dispatchEvent(new Event("pushstate"));
+    };
+    const updateCompanyData = (event) => {
+      if (!isLoadingTable.value) {
+        companyFilterData.value = event;
+        getUpdatedData(tableData.value);
+        updateQueryParams(companyFilterData.value);
+      }
+      updateTableComponent.value += 1;
+    };
+    const getCurrentYearFilter = () => {
+      if (companyFilterData.value.year) {
+        return companyFilterData.value.year;
+      } else if (Object.keys(getQueryParams(window.location.href)).length > 0) {
+        return getQueryParams(window.location.href).year;
+      } else if (yearsFilter.value.length) {
+        return yearsFilter.value[yearsFilter.value.length - 1].value;
+      }
+    };
+    const filterArr = (arr, filters) => {
+      if (filters.year) {
+        arr = allTableData.value.filter((objeto) => objeto.year === filters.year);
+      }
+      if (filters.company_id) {
+        arr = arr.filter((objeto) => objeto.companys_id.includes(filters.company_id));
+      }
+      tableData.value = arr;
+    };
+    const getUpdatedData = (data) => {
+      setTimeout(() => {
+        const params = {
+          year: getCurrentYearFilter(),
+          company_id: isQa ? companyLocal : companyFilterData.value.company
+        };
+        if (companyFilterData.value.company === "all" || !companyFilterData.value.company) {
+          delete params.company_id;
+        }
+        let url = "";
+        Object.keys(params).forEach((item, i) => {
+          if (i > 0) {
+            url = url.concat(`&${item}=${params[item]}`);
+          } else {
+            url = url.concat(`?${item}=${params[item]}`);
+          }
+        });
+        if (params.year !== "") {
+          filterArr(data, params);
+        }
+      }, 500);
+    };
+    const getConsolidateData = (filters = "") => {
+      isLoadingTable.value = true;
+      api.get(
+        `/consolidado/${isQa ? userLocal : userService.data.user.id}${filters}`
+      ).then(({ data }) => {
+        if (filters === "") {
+          let filteredYearArr = [];
+          data.forEach((consolidated) => {
+            if (!filteredYearArr.includes(consolidated.year)) {
+              filteredYearArr.push(consolidated.year);
+            }
+          });
+          yearsFilter.value = filteredYearArr.map((year) => {
+            return { title: year, value: year };
+          });
+          getUpdatedData(data);
+          allTableData.value = data;
+        } else {
+          filterArr(data);
+        }
+      }).catch((err) => {
+        tableData.value = [];
+        companyFilterData.value.year = "";
+        if (err.response.status === 500) {
+          toast.error(t("chargeback.error"), t("chargeback.errorService"));
+        }
+      }).finally(() => {
+        isLoadingTable.value = false;
+        updateTableComponent.value += 1;
+      });
+    };
+    const mountCompaniesTree = () => {
+      isLoadingCompany.value = true;
+      ApiService.get("/api/companies").then(({ data }) => {
+        const filteredCompanies = isQa ? companiesData : data.filter((company) => company.name && company.id !== void 0).reduce((acc, current) => {
+          if (!acc.some((company) => company.id === current.id)) {
+            acc.push(current);
+          }
+          return acc;
+        }, []);
+        companies.value = [
+          { title: t("chargeback.companies"), value: "all" },
+          ...filteredCompanies.map((company) => ({
+            title: company.name,
+            value: company.id
+          }))
+        ];
+      }).catch(() => {
+        toast.error(t("chargeback.error"), t("chargeback.errorService"));
+      }).finally(() => {
+        isLoadingCompany.value = false;
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, null, {
+        default: withCtx(() => [
+          createVNode(ChargebackCompanyFilter, {
+            "is-analytics": "",
+            "years-filter": yearsFilter.value,
+            companies: companies.value,
+            "is-loading": isLoadingCompany.value || isLoadingTable.value,
+            "company-filter-data": companyFilterData.value,
+            "pre-selected-filter": preSelectedFilter.value,
+            class: "mb-4",
+            "onUpdate:companyFilterData": _cache[0] || (_cache[0] = ($event) => updateCompanyData($event)),
+            onExport: _cache[1] || (_cache[1] = ($event) => exportcsv())
+          }, null, 8, ["years-filter", "companies", "is-loading", "company-filter-data", "pre-selected-filter"]),
+          createVNode(ChargebackChart, {
+            class: "mb-3",
+            "company-filter-data": companyFilterData.value,
+            "chart-data": isLoadingTable.value ? [] : tableData.value
+          }, null, 8, ["company-filter-data", "chart-data"]),
+          (openBlock(), createBlock(ChargebackAnalyticsTable, {
+            key: updateTableComponent.value,
+            year: getCurrentYearFilter(),
+            companies: companies.value,
+            data: tableData.value,
+            "is-loading-table": isLoadingTable.value
+          }, null, 8, ["year", "companies", "data", "is-loading-table"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};